@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");

/*!
 * Bootstrap Reboot v5.2.3 (https://getbootstrap.com/)
 * Copyright 2011-2022 The Bootstrap Authors
 * Copyright 2011-2022 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd
}

*,
*::before,
*::after {
  box-sizing: border-box
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25
}

h6,
h5,
h4,
h3,
h2,
h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2
}

h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
  h1 {
    font-size: 2.5rem
  }
}

h2 {
  font-size: calc(1.325rem + 0.9vw)
}

@media (min-width: 1200px) {
  h2 {
    font-size: 2rem
  }
}

h3 {
  font-size: calc(1.3rem + 0.6vw)
}

@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem
  }
}

h4 {
  font-size: calc(1.275rem + 0.3vw)
}

@media (min-width: 1200px) {
  h4 {
    font-size: 1.5rem
  }
}

h5 {
  font-size: 1.25rem
}

h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  padding-left: 2rem
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

small {
  font-size: 0.875em
}

mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg)
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -0.25em
}

sup {
  top: -0.5em
}

a {
  color: var(--bs-link-color);
  text-decoration: underline
}

a:hover {
  color: var(--bs-link-hover-color)
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

:root {
  accent-color: #B81C22
}

::-webkit-input-placeholder {
  color: #9d9d9d
}

:-ms-input-placeholder {
  color: #9d9d9d
}

::-ms-input-placeholder {
  color: #9d9d9d
}

::placeholder {
  color: #9d9d9d
}

body {
  background: #f8f8f8;
  color: #1c1c1c;
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.75;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  word-break: break-all
}

.link-angle,
.card-linkItem,
.globalFooter-pageTop>._link,
.dropdown>._list>._item>._link,
.exploreListCard>._inner,
.linkList>._item>._link,
.memberIdModal .modal-body>._button,
.myList-categoryCard>.myList-categoryCard-inner,
.newsList>._list>._item>._link,
.pageTitle-wrapper .linktagList>._list>._item>._link,
.residenceSideCard>a,
.serviceListCard>._inner {
  color: #1c1c1c;
  text-decoration: none;
  transition: color .2s
}

.link-angle:hover,
.card-linkItem:hover,
.globalFooter-pageTop>._link:hover,
.dropdown>._list>._item>._link:hover,
.exploreListCard>._inner:hover,
.linkList>._item>._link:hover,
.memberIdModal .modal-body>._button:hover,
.myList-categoryCard>.myList-categoryCard-inner:hover,
.newsList>._list>._item>._link:hover,
.pageTitle-wrapper .linktagList>._list>._item>._link:hover,
.residenceSideCard>a:hover,
.serviceListCard>._inner:hover {
  color: #1c1c1c
}

@media (min-width: 1024px) {

  .link-angle:hover,
  .card-linkItem:hover,
  .globalFooter-pageTop>._link:hover,
  .dropdown>._list>._item>._link:hover,
  .exploreListCard>._inner:hover,
  .linkList>._item>._link:hover,
  .memberIdModal .modal-body>._button:hover,
  .myList-categoryCard>.myList-categoryCard-inner:hover,
  .newsList>._list>._item>._link:hover,
  .pageTitle-wrapper .linktagList>._list>._item>._link:hover,
  .residenceSideCard>a:hover,
  .serviceListCard>._inner:hover {
    color: #B81C22
  }
}

.multiListCard-small ._link img,
.mySelectionSideCard img {
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s
}

@media (min-width: 1024px) {

  .multiListCard-small ._link:hover img,
  .mySelectionSideCard:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1c1c1c;
  font-weight: bold;
  margin-bottom: 1rem
}

.text-size-medium,
.selectbox select,
.inputbox,
.globalHeader-menu-mobile>._inner>._list>._item>._link,
.dropdown>._list>._item>._link,
.dropdown-select>._select,
.faqList>._item,
.globalSearchPanel>._content>._form>input[type="text"],
.multiListCard .multiListCard-body ._text>p,
.multiListCard-wide .multiListCard-body ._text>p,
.multiListCard-grid .multiListCard-body ._text>p,
.myList>._info,
.myList-none>._text,
.newsList>._list>._item>._link>dl>dd {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75
}
size-small,
.form-label>._required,
.globalHeader-menu-mobile>._inner,
.globalHeader-menu-mobile>._inner>._list>._item>._link,
.section-subtitle>._text,
.about-mainArea>._inner>._textArea>._text,
.about-benefitList>._item>._title>span,
.about-benefitList>._item>._list,
.breadcrumb ._list>._item,
.exploreListCard>._inner>._text,
.form-valid,
.homeNotices-modal>.modal-body>._title,
.memberIdModal .modal-body>._button,
.multiListCard-small ._mask ._text,
.multiListCard .multiListCard-event>._date,
.multiListCard-wide .multiListCard-event>._date,
.multiListCard-grid .multiListCard-event>._date,
.mySelectionSideCard,
.newsList>._list>._item>._link>dl>dt,
.newsList>._list>._item>._link>dl>dd>._originator,
.residenceSideCard,
.serviceConsultationCard>._body>._text,
.serviceListCard>._inner>._text,
.scfSectionBorderAsFieldSet .label-outline-danger,
.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] .is-required[class*='Label']:after,
.scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after,
.scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after,
.scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after,
.scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after {
  font-size: .875rem;
  font-weight: 400;
  line-height: 1.71429
}

.link-edit,
.column-box [class^="btn-"],
.column-box [class*=" btn-"],
.globalFooter-pageTop>._link,
.about-mainArea>._inner>._textArea>._bottom>._link,
.about-benefitArea>._bottom>p,
.section-housingService-list>._inner>._item,
.housingService-categoryList>._item,
.linkList>._item>._link {
  font-size: .875rem;
  font-weight: 700;
  line-height: 1.71429
}

.text-size-smaller,
.card-linkItem>._text,
.l-globalFooter ._copy,
.multiListCard .multiListCard-foot,
.multiListCard-wide .multiListCard-foot,
.multiListCard-grid .multiListCard-foot,
.multiListCard .multiListCard-event>._title,
.multiListCard-wide .multiListCard-event>._title,
.multiListCard-grid .multiListCard-event>._title {
  font-size: .75rem;
  font-weight: 400;
  line-height: 1.5
}

[class^="label-"],
[class*=" label-"],
.l-globalFooter ._list>._item>._link,
.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-body>._tag>span,
.newsSelect-category {
  font-size: .75rem;
  font-weight: 700;
  line-height: 1.5
}

h1 {
  line-height: 1.5;
  font-size: 1.25rem
}

@media (min-width: 600px) {
  h1 {
    line-height: 1.35714;
    font-size: 1.75rem
  }
}

h2 {
  line-height: 1.55556;
  font-size: 1.125rem
}

@media (min-width: 600px) {
  h2 {
    line-height: 1.45455;
    font-size: 1.375rem
  }
}

h3 {
  font-size: 1rem
}

h4 {
  font-size: 1rem
}

h5 {
  font-size: 1rem
}

h6 {
  font-size: 1rem
}

figure {
  margin-left: 0;
  margin-right: 0
}

figcaption {
  font-size: .75rem;
  line-height: 1.34;
  margin-top: .5em
}

table {
  margin-bottom: 1em;
  margin-top: 0
}

hr {
  border: none;
  border-top: 1px solid #CDCDCD
}

hr.hr-color-default {
  border-color: #9d9d9d
}

pre,
code,
kbd,
samp {
  font-family: "Menlo", "Lucida Console", monospace;
  font-size: 87.5%
}

img {
  height: auto;
  max-width: 100%;
  width: auto
}

a {
  color: #B81C22;
  transition: color .2s
}

a:hover {
  color: #B81C22
}

@media (min-width: 1024px) {
  a:hover {
    color: #761216
  }
}

/*!
 * Bootstrap v5.1.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.75
}

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.125rem
}

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #CDCDCD
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.75;
  color: #1c1c1c;
  background-color: #f8f8f8;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  appearance: none;
  border-radius: .5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type="file"] {
  overflow: hidden
}

.form-control[type="file"]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: #1c1c1c;
  background-color: #f8f8f8;
  border-color: #dc8e91;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(184, 28, 34, 0.25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.75em
}

.form-control::-webkit-input-placeholder {
  color: #CDCDCD;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #CDCDCD;
  opacity: 1
}

.form-control::-ms-input-placeholder {
  color: #CDCDCD;
  opacity: 1
}

.form-control::placeholder {
  color: #CDCDCD;
  opacity: 1
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #1c1c1c;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.75;
  color: #1c1c1c;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-plaintext:focus {
  outline: 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  min-height: calc(1.75em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height: calc(1.75em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.125rem;
  border-radius: .5rem
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.75em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.75em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.75em + 1rem + 2px)
}

.form-control-color {
  width: 3rem;
  height: calc(1.75em + .75rem + 2px);
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: .5rem
}

.form-control-color::-webkit-color-swatch {
  border-radius: .5rem
}

.form-control-color.form-control-sm {
  height: calc(1.75em + .5rem + 2px)
}

.form-control-color.form-control-lg {
  height: calc(1.75em + 1rem + 2px)
}

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 2.25rem .375rem .75rem;
  -moz-padding-start: calc(.75rem - 3px);
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.75;
  color: #1c1c1c;
  background-color: #f8f8f8;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236A6A6A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .5rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none
  }
}

.form-select:focus {
  border-color: #dc8e91;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(184, 28, 34, 0.25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}

.form-select:disabled {
  background-color: #e9ecef
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #1c1c1c
}

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.125rem;
  border-radius: .5rem
}

.form-check {
  display: block;
  min-height: 1.75rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .375em;
  vertical-align: top;
  background-color: #f8f8f8;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  appearance: none;
  print-color-adjust: exact
}

.form-check-input[type="checkbox"] {
  border-radius: .25em
}

.form-check-input[type="radio"] {
  border-radius: 50%
}

.form-check-input:active {
  -webkit-filter: brightness(90%);
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #dc8e91;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(184, 28, 34, 0.25)
}

.form-check-input:checked {
  background-color: #B81C22;
  border-color: #B81C22
}

.form-check-input:checked[type="checkbox"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type="radio"] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type="checkbox"]:indeterminate {
  background-color: #B81C22;
  border-color: #B81C22;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  -webkit-filter: none;
  filter: none;
  opacity: .5
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
  cursor: default;
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280,0,0,0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none
  }
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dc8e91'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
  pointer-events: none;
  -webkit-filter: none;
  filter: none;
  opacity: .65
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  appearance: none
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f8f8f8, 0 0 0 .25rem rgba(184, 28, 34, 0.25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f8f8f8, 0 0 0 .25rem rgba(184, 28, 34, 0.25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #B81C22;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #eabbbd
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #B81C22;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #eabbbd
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #F0f0f0
}

.form-range:disabled::-moz-range-thumb {
  background-color: #F0f0f0
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem .75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
  padding: 1rem .75rem
}

.form-floating>.form-control::-webkit-input-placeholder,
.form-floating>.form-control-plaintext::-webkit-input-placeholder {
  color: transparent
}

.form-floating>.form-control:-ms-input-placeholder,
.form-floating>.form-control-plaintext:-ms-input-placeholder {
  color: transparent
}

.form-floating>.form-control::-ms-input-placeholder,
.form-floating>.form-control-plaintext::-ms-input-placeholder {
  color: transparent
}

.form-floating>.form-control::placeholder,
.form-floating>.form-control-plaintext::placeholder {
  color: transparent
}

.form-floating>.form-control:not(:-ms-input-placeholder),
.form-floating>.form-control-plaintext:not(:-ms-input-placeholder) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown),
.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill,
.form-floating>.form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:not(:-ms-input-placeholder)~label {
  opacity: .65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-control-plaintext~label,
.form-floating>.form-select~label {
  opacity: .65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: .65;
  -webkit-transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control-plaintext~label {
  border-width: 1px 0
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.form-control,
.input-group>.form-select,
.input-group>.form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus,
.input-group>.form-floating:focus-within {
  z-index: 5
}

.input-group .btn {
  position: relative;
  z-index: 2
}

.input-group .btn:focus {
  z-index: 5
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.75;
  color: #1c1c1c;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .5rem
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
  padding: .5rem 1rem;
  font-size: 1.125rem;
  border-radius: .5rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .25rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,
.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,
.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.input-group>.form-floating:not(:first-child)>.form-control,
.input-group>.form-floating:not(:first-child)>.form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #8bc34a
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 4px 8px;
  margin-top: .1rem;
  font-size: .875rem;
  color: #000;
  background-color: rgba(139, 195, 74, 0.9);
  border-radius: .5rem
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
  display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: #8bc34a;
  padding-right: calc(1.75em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%238bc34a' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.4375em + .1875rem) center;
  background-size: calc(.875em + .375rem) calc(.875em + .375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: #8bc34a;
  box-shadow: 0 0 0 .25rem rgba(139, 195, 74, 0.25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.75em + .75rem);
  background-position: top calc(.4375em + .1875rem) right calc(.4375em + .1875rem)
}

.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: #8bc34a
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236A6A6A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%238bc34a' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.875em + .375rem) calc(.875em + .375rem)
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: #8bc34a;
  box-shadow: 0 0 0 .25rem rgba(139, 195, 74, 0.25)
}

.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + calc(1.75em + .75rem))
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: #8bc34a
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #8bc34a
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 .25rem rgba(139, 195, 74, 0.25)
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
  color: #8bc34a
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):valid,
.input-group>.form-control:not(:focus).is-valid,
.was-validated .input-group>.form-select:not(:focus):valid,
.input-group>.form-select:not(:focus).is-valid,
.was-validated .input-group>.form-floating:not(:focus-within):valid,
.input-group>.form-floating:not(:focus-within).is-valid {
  z-index: 3
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #f44336
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 4px 8px;
  margin-top: .1rem;
  font-size: .875rem;
  color: #000;
  background-color: rgba(244, 67, 54, 0.9);
  border-radius: .5rem
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
  display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: #f44336;
  padding-right: calc(1.75em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.4375em + .1875rem) center;
  background-size: calc(.875em + .375rem) calc(.875em + .375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: #f44336;
  box-shadow: 0 0 0 .25rem rgba(244, 67, 54, 0.25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.75em + .75rem);
  background-position: top calc(.4375em + .1875rem) right calc(.4375em + .1875rem)
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: #f44336
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236A6A6A' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(.875em + .375rem) calc(.875em + .375rem)
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: #f44336;
  box-shadow: 0 0 0 .25rem rgba(244, 67, 54, 0.25)
}

.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + calc(1.75em + .75rem))
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: #f44336
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: #f44336
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(244, 67, 54, 0.25)
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
  color: #f44336
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.was-validated .input-group>.form-control:not(:focus):invalid,
.input-group>.form-control:not(:focus).is-invalid,
.was-validated .input-group>.form-select:not(:focus):invalid,
.input-group>.form-select:not(:focus).is-invalid,
.was-validated .input-group>.form-floating:not(:focus-within):invalid,
.input-group>.form-floating:not(:focus-within).is-invalid {
  z-index: 4
}

.fade {
  transition: opacity 0.15s linear
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: .5rem;
  --bs-dropdown-spacer: .125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #1c1c1c;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: .5rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(.5rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 8px;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #1c1c1c;
  --bs-dropdown-link-hover-color: #191919;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #B81C22;
  --bs-dropdown-link-disabled-color: #F0f0f0;
  --bs-dropdown-item-padding-x: 16px;
  --bs-dropdown-item-padding-y: 4px;
  --bs-dropdown-header-color: #CDCDCD;
  --bs-dropdown-header-padding-x: 16px;
  --bs-dropdown-header-padding-y: .5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius)
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}

@media (min-width: 320px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width: 600px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width: 1024px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer)
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer)
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}

.dropstart .dropdown-toggle::after {
  display: none
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: .875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color)
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #6A6A6A;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #B81C22;
  --bs-dropdown-link-disabled-color: #F0f0f0;
  --bs-dropdown-header-color: #F0f0f0
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: .5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: #CDCDCD;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  --bs-nav-tabs-border-width: 1px;
  --bs-nav-tabs-border-color: #dee2e6;
  --bs-nav-tabs-border-radius: .5rem;
  --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color: #9d9d9d;
  --bs-nav-tabs-link-active-bg: #f8f8f8;
  --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #f8f8f8;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: none;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius)
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color)
}

.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color)
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills {
  --bs-nav-pills-border-radius: .5rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #B81C22
}

.nav-pills .nav-link {
  background: none;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius)
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg)
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.accordion {
  --bs-accordion-color: #1c1c1c;
  --bs-accordion-bg: #f8f8f8;
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: 1px;
  --bs-accordion-border-radius: .5rem;
  --bs-accordion-inner-border-radius: calc(.5rem - 1px);
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: #1c1c1c;
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231c1c1c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23a6191f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color: #dc8e91;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(184, 28, 34, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #a6191f;
  --bs-accordion-active-bg: #f8e8e9
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition)
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  -webkit-transform: var(--bs-accordion-btn-icon-transform);
  transform: var(--bs-accordion-btn-icon-transform)
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition)
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius)
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:not(:first-of-type) {
  border-top: 0
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius)
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius)
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-item:first-child {
  border-top: 0
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0
}

.modal {
  --bs-modal-zindex: 3000;
  --bs-modal-width: 500px;
  --bs-modal-padding: 16px;
  --bs-modal-margin: .5rem;
  --bs-modal-color: ;
  --bs-modal-bg: #fff;
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: 1px;
  --bs-modal-border-radius: .5rem;
  --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius: calc(.5rem - 1px);
  --bs-modal-header-padding-x: 16px;
  --bs-modal-header-padding-y: 16px;
  --bs-modal-header-padding: 16px 16px;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: 1px;
  --bs-modal-title-line-height: 1.75;
  --bs-modal-footer-gap: .5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none
}

.modal.modal-static .modal-dialog {
  -webkit-transform: scale(1.02);
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: .5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity)
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius)
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--bs-modal-header-padding-y)) calc(-.5 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius)
}

.modal-footer>* {
  margin: calc(var(--bs-modal-footer-gap) * .5)
}

@media (min-width: 320px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15)
  }

  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --bs-modal-width: 300px
  }
}

@media (min-width: 1024px) {

  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px
  }
}

.modal-xl {
  --bs-modal-width: 1140px
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width: 319.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 599.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width: 1023.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

.float-start {
  float: left !important
}

.float-end {
  float: right !important
}

.float-none {
  float: none !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.border {
  border: 1px solid #dee2e6 !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-end {
  border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-start {
  border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
  border-left: 0 !important
}

.border-primary {
  border-color: #B81C22 !important
}

.border-secondary {
  border-color: #7dacd5 !important
}

.border-success {
  border-color: #8bc34a !important
}

.border-info {
  border-color: #0dcaf0 !important
}

.border-warning {
  border-color: #ffc107 !important
}

.border-danger {
  border-color: #f44336 !important
}

.border-light {
  border-color: #F0f0f0 !important
}

.border-dark {
  border-color: #1c1c1c !important
}

.border-white {
  border-color: #fff !important
}

.border-1 {
  border-width: 1px !important
}

.border-2 {
  border-width: 2px !important
}

.border-3 {
  border-width: 3px !important
}

.border-4 {
  border-width: 4px !important
}

.border-5 {
  border-width: 5px !important
}

.w-25 {
  width: 25% !important
}

.w-30 {
  width: 30% !important
}

.w-40 {
  width: 40% !important
}

.w-50 {
  width: 50% !important
}

.w-60 {
  width: 60% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.w-fit {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important
}

.mw-64 {
  max-width: 640px !important
}

.mw-100 {
  max-width: 100% !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: 8px !important
}

.gap-2 {
  gap: 16px !important
}

.gap-3 {
  gap: 24px !important
}

.gap-4 {
  gap: 32px !important
}

.gap-5 {
  gap: 40px !important
}

.gap-6 {
  gap: 48px !important
}

.gap-7 {
  gap: 56px !important
}

.gap-8 {
  gap: 64px !important
}

.gap-9 {
  gap: 72px !important
}

.gap-10 {
  gap: 80px !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: 8px !important
}

.m-2 {
  margin: 16px !important
}

.m-3 {
  margin: 24px !important
}

.m-4 {
  margin: 32px !important
}

.m-5 {
  margin: 40px !important
}

.m-6 {
  margin: 48px !important
}

.m-7 {
  margin: 56px !important
}

.m-8 {
  margin: 64px !important
}

.m-9 {
  margin: 72px !important
}

.m-10 {
  margin: 80px !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: 8px !important;
  margin-left: 8px !important
}

.mx-2 {
  margin-right: 16px !important;
  margin-left: 16px !important
}

.mx-3 {
  margin-right: 24px !important;
  margin-left: 24px !important
}

.mx-4 {
  margin-right: 32px !important;
  margin-left: 32px !important
}

.mx-5 {
  margin-right: 40px !important;
  margin-left: 40px !important
}

.mx-6 {
  margin-right: 48px !important;
  margin-left: 48px !important
}

.mx-7 {
  margin-right: 56px !important;
  margin-left: 56px !important
}

.mx-8 {
  margin-right: 64px !important;
  margin-left: 64px !important
}

.mx-9 {
  margin-right: 72px !important;
  margin-left: 72px !important
}

.mx-10 {
  margin-right: 80px !important;
  margin-left: 80px !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important
}

.my-2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important
}

.my-3 {
  margin-top: 24px !important;
  margin-bottom: 24px !important
}

.my-4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important
}

.my-5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important
}

.my-6 {
  margin-top: 48px !important;
  margin-bottom: 48px !important
}

.my-7 {
  margin-top: 56px !important;
  margin-bottom: 56px !important
}

.my-8 {
  margin-top: 64px !important;
  margin-bottom: 64px !important
}

.my-9 {
  margin-top: 72px !important;
  margin-bottom: 72px !important
}

.my-10 {
  margin-top: 80px !important;
  margin-bottom: 80px !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

.mt-0 {
  margin-top: 0 !important
}

.mt-1 {
  margin-top: 8px !important
}

.mt-2 {
  margin-top: 16px !important
}

.mt-3 {
  margin-top: 24px !important
}

.mt-4 {
  margin-top: 32px !important
}

.mt-5 {
  margin-top: 40px !important
}

.mt-6 {
  margin-top: 48px !important
}

.mt-7 {
  margin-top: 56px !important
}

.mt-8 {
  margin-top: 64px !important
}

.mt-9 {
  margin-top: 72px !important
}

.mt-10 {
  margin-top: 80px !important
}

.mt-auto {
  margin-top: auto !important
}

.me-0 {
  margin-right: 0 !important
}

.me-1 {
  margin-right: 8px !important
}

.me-2 {
  margin-right: 16px !important
}

.me-3 {
  margin-right: 24px !important
}

.me-4 {
  margin-right: 32px !important
}

.me-5 {
  margin-right: 40px !important
}

.me-6 {
  margin-right: 48px !important
}

.me-7 {
  margin-right: 56px !important
}

.me-8 {
  margin-right: 64px !important
}

.me-9 {
  margin-right: 72px !important
}

.me-10 {
  margin-right: 80px !important
}

.me-auto {
  margin-right: auto !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mb-1 {
  margin-bottom: 8px !important
}

.mb-2 {
  margin-bottom: 16px !important
}

.mb-3 {
  margin-bottom: 24px !important
}

.mb-4 {
  margin-bottom: 32px !important
}

.mb-5 {
  margin-bottom: 40px !important
}

.mb-6 {
  margin-bottom: 48px !important
}

.mb-7 {
  margin-bottom: 56px !important
}

.mb-8 {
  margin-bottom: 64px !important
}

.mb-9 {
  margin-bottom: 72px !important
}

.mb-10 {
  margin-bottom: 80px !important
}

.mb-auto {
  margin-bottom: auto !important
}

.ms-0 {
  margin-left: 0 !important
}

.ms-1 {
  margin-left: 8px !important
}

.ms-2 {
  margin-left: 16px !important
}

.ms-3 {
  margin-left: 24px !important
}

.ms-4 {
  margin-left: 32px !important
}

.ms-5 {
  margin-left: 40px !important
}

.ms-6 {
  margin-left: 48px !important
}

.ms-7 {
  margin-left: 56px !important
}

.ms-8 {
  margin-left: 64px !important
}

.ms-9 {
  margin-left: 72px !important
}

.ms-10 {
  margin-left: 80px !important
}

.ms-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: 8px !important
}

.p-2 {
  padding: 16px !important
}

.p-3 {
  padding: 24px !important
}

.p-4 {
  padding: 32px !important
}

.p-5 {
  padding: 40px !important
}

.p-6 {
  padding: 48px !important
}

.p-7 {
  padding: 56px !important
}

.p-8 {
  padding: 64px !important
}

.p-9 {
  padding: 72px !important
}

.p-10 {
  padding: 80px !important
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important
}

.px-1 {
  padding-right: 8px !important;
  padding-left: 8px !important
}

.px-2 {
  padding-right: 16px !important;
  padding-left: 16px !important
}

.px-3 {
  padding-right: 24px !important;
  padding-left: 24px !important
}

.px-4 {
  padding-right: 32px !important;
  padding-left: 32px !important
}

.px-5 {
  padding-right: 40px !important;
  padding-left: 40px !important
}

.px-6 {
  padding-right: 48px !important;
  padding-left: 48px !important
}

.px-7 {
  padding-right: 56px !important;
  padding-left: 56px !important
}

.px-8 {
  padding-right: 64px !important;
  padding-left: 64px !important
}

.px-9 {
  padding-right: 72px !important;
  padding-left: 72px !important
}

.px-10 {
  padding-right: 80px !important;
  padding-left: 80px !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important
}

.py-2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important
}

.py-3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important
}

.py-4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important
}

.py-5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important
}

.py-6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important
}

.py-7 {
  padding-top: 56px !important;
  padding-bottom: 56px !important
}

.py-8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important
}

.py-9 {
  padding-top: 72px !important;
  padding-bottom: 72px !important
}

.py-10 {
  padding-top: 80px !important;
  padding-bottom: 80px !important
}

.pt-0 {
  padding-top: 0 !important
}

.pt-1 {
  padding-top: 8px !important
}

.pt-2 {
  padding-top: 16px !important
}

.pt-3 {
  padding-top: 24px !important
}

.pt-4 {
  padding-top: 32px !important
}

.pt-5 {
  padding-top: 40px !important
}

.pt-6 {
  padding-top: 48px !important
}

.pt-7 {
  padding-top: 56px !important
}

.pt-8 {
  padding-top: 64px !important
}

.pt-9 {
  padding-top: 72px !important
}

.pt-10 {
  padding-top: 80px !important
}

.pe-0 {
  padding-right: 0 !important
}

.pe-1 {
  padding-right: 8px !important
}

.pe-2 {
  padding-right: 16px !important
}

.pe-3 {
  padding-right: 24px !important
}

.pe-4 {
  padding-right: 32px !important
}

.pe-5 {
  padding-right: 40px !important
}

.pe-6 {
  padding-right: 48px !important
}

.pe-7 {
  padding-right: 56px !important
}

.pe-8 {
  padding-right: 64px !important
}

.pe-9 {
  padding-right: 72px !important
}

.pe-10 {
  padding-right: 80px !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-1 {
  padding-bottom: 8px !important
}

.pb-2 {
  padding-bottom: 16px !important
}

.pb-3 {
  padding-bottom: 24px !important
}

.pb-4 {
  padding-bottom: 32px !important
}

.pb-5 {
  padding-bottom: 40px !important
}

.pb-6 {
  padding-bottom: 48px !important
}

.pb-7 {
  padding-bottom: 56px !important
}

.pb-8 {
  padding-bottom: 64px !important
}

.pb-9 {
  padding-bottom: 72px !important
}

.pb-10 {
  padding-bottom: 80px !important
}

.ps-0 {
  padding-left: 0 !important
}

.ps-1 {
  padding-left: 8px !important
}

.ps-2 {
  padding-left: 16px !important
}

.ps-3 {
  padding-left: 24px !important
}

.ps-4 {
  padding-left: 32px !important
}

.ps-5 {
  padding-left: 40px !important
}

.ps-6 {
  padding-left: 48px !important
}

.ps-7 {
  padding-left: 56px !important
}

.ps-8 {
  padding-left: 64px !important
}

.ps-9 {
  padding-left: 72px !important
}

.ps-10 {
  padding-left: 80px !important
}

.fs-1 {
  font-size: .625rem !important
}

.fs-2 {
  font-size: .75rem !important
}

.fs-3 {
  font-size: .875rem !important
}

.fs-4 {
  font-size: 1rem !important
}

.fs-5 {
  font-size: 1.125rem !important
}

.fs-6 {
  font-size: 1.25rem !important
}

.fs-7 {
  font-size: calc(1.2625rem + .15vw) !important
}

.fs-8 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-9 {
  font-size: calc(1.2875rem + .45vw) !important
}

.fs-10 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-11 {
  font-size: calc(1.3125rem + .75vw) !important
}

.fs-12 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-13 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fw-regular {
  font-weight: normal !important
}

.fw-medium {
  font-weight: 500 !important
}

.fw-bold {
  font-weight: bold !important
}

.text-start {
  text-align: left !important
}

.text-end {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
  --bs-text-opacity: 1;
  color: #000 !important
}

.text-white {
  --bs-text-opacity: 1;
  color: #fff !important
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-default {
  --bs-text-opacity: 1;
  color: #1c1c1c !important
}

.text-blue {
  --bs-text-opacity: 1;
  color: #7dacd5 !important
}

.text-red {
  --bs-text-opacity: 1;
  color: #B81C22 !important
}

.text-yellow {
  --bs-text-opacity: 1;
  color: #f0c018 !important
}

.text-green {
  --bs-text-opacity: 1;
  color: #6e8511 !important
}

.text-purple {
  --bs-text-opacity: 1;
  color: #A185b5 !important
}

.text-orange {
  --bs-text-opacity: 1;
  color: #ffa24f !important
}

.text-gray {
  --bs-text-opacity: 1;
  color: #9d9d9d !important
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: #000 !important
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: #fff !important
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-default {
  --bs-bg-opacity: 1;
  background-color: #F0f0f0 !important
}

.bg-red {
  --bs-bg-opacity: 1;
  background-color: #FBF1F2 !important
}

@media (min-width: 320px) {
  .float-sm-start {
    float: left !important
  }

  .float-sm-end {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .w-sm-25 {
    width: 25% !important
  }

  .w-sm-30 {
    width: 30% !important
  }

  .w-sm-40 {
    width: 40% !important
  }

  .w-sm-50 {
    width: 50% !important
  }

  .w-sm-60 {
    width: 60% !important
  }

  .w-sm-75 {
    width: 75% !important
  }

  .w-sm-100 {
    width: 100% !important
  }

  .w-sm-auto {
    width: auto !important
  }

  .w-sm-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
  }

  .h-sm-25 {
    height: 25% !important
  }

  .h-sm-50 {
    height: 50% !important
  }

  .h-sm-75 {
    height: 75% !important
  }

  .h-sm-100 {
    height: 100% !important
  }

  .h-sm-auto {
    height: auto !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: 8px !important
  }

  .gap-sm-2 {
    gap: 16px !important
  }

  .gap-sm-3 {
    gap: 24px !important
  }

  .gap-sm-4 {
    gap: 32px !important
  }

  .gap-sm-5 {
    gap: 40px !important
  }

  .gap-sm-6 {
    gap: 48px !important
  }

  .gap-sm-7 {
    gap: 56px !important
  }

  .gap-sm-8 {
    gap: 64px !important
  }

  .gap-sm-9 {
    gap: 72px !important
  }

  .gap-sm-10 {
    gap: 80px !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: 8px !important
  }

  .m-sm-2 {
    margin: 16px !important
  }

  .m-sm-3 {
    margin: 24px !important
  }

  .m-sm-4 {
    margin: 32px !important
  }

  .m-sm-5 {
    margin: 40px !important
  }

  .m-sm-6 {
    margin: 48px !important
  }

  .m-sm-7 {
    margin: 56px !important
  }

  .m-sm-8 {
    margin: 64px !important
  }

  .m-sm-9 {
    margin: 72px !important
  }

  .m-sm-10 {
    margin: 80px !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: 8px !important;
    margin-left: 8px !important
  }

  .mx-sm-2 {
    margin-right: 16px !important;
    margin-left: 16px !important
  }

  .mx-sm-3 {
    margin-right: 24px !important;
    margin-left: 24px !important
  }

  .mx-sm-4 {
    margin-right: 32px !important;
    margin-left: 32px !important
  }

  .mx-sm-5 {
    margin-right: 40px !important;
    margin-left: 40px !important
  }

  .mx-sm-6 {
    margin-right: 48px !important;
    margin-left: 48px !important
  }

  .mx-sm-7 {
    margin-right: 56px !important;
    margin-left: 56px !important
  }

  .mx-sm-8 {
    margin-right: 64px !important;
    margin-left: 64px !important
  }

  .mx-sm-9 {
    margin-right: 72px !important;
    margin-left: 72px !important
  }

  .mx-sm-10 {
    margin-right: 80px !important;
    margin-left: 80px !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
  }

  .my-sm-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
  }

  .my-sm-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }

  .my-sm-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
  }

  .my-sm-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .my-sm-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }

  .my-sm-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
  }

  .my-sm-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important
  }

  .my-sm-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important
  }

  .my-sm-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: 8px !important
  }

  .mt-sm-2 {
    margin-top: 16px !important
  }

  .mt-sm-3 {
    margin-top: 24px !important
  }

  .mt-sm-4 {
    margin-top: 32px !important
  }

  .mt-sm-5 {
    margin-top: 40px !important
  }

  .mt-sm-6 {
    margin-top: 48px !important
  }

  .mt-sm-7 {
    margin-top: 56px !important
  }

  .mt-sm-8 {
    margin-top: 64px !important
  }

  .mt-sm-9 {
    margin-top: 72px !important
  }

  .mt-sm-10 {
    margin-top: 80px !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .me-sm-0 {
    margin-right: 0 !important
  }

  .me-sm-1 {
    margin-right: 8px !important
  }

  .me-sm-2 {
    margin-right: 16px !important
  }

  .me-sm-3 {
    margin-right: 24px !important
  }

  .me-sm-4 {
    margin-right: 32px !important
  }

  .me-sm-5 {
    margin-right: 40px !important
  }

  .me-sm-6 {
    margin-right: 48px !important
  }

  .me-sm-7 {
    margin-right: 56px !important
  }

  .me-sm-8 {
    margin-right: 64px !important
  }

  .me-sm-9 {
    margin-right: 72px !important
  }

  .me-sm-10 {
    margin-right: 80px !important
  }

  .me-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: 8px !important
  }

  .mb-sm-2 {
    margin-bottom: 16px !important
  }

  .mb-sm-3 {
    margin-bottom: 24px !important
  }

  .mb-sm-4 {
    margin-bottom: 32px !important
  }

  .mb-sm-5 {
    margin-bottom: 40px !important
  }

  .mb-sm-6 {
    margin-bottom: 48px !important
  }

  .mb-sm-7 {
    margin-bottom: 56px !important
  }

  .mb-sm-8 {
    margin-bottom: 64px !important
  }

  .mb-sm-9 {
    margin-bottom: 72px !important
  }

  .mb-sm-10 {
    margin-bottom: 80px !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ms-sm-0 {
    margin-left: 0 !important
  }

  .ms-sm-1 {
    margin-left: 8px !important
  }

  .ms-sm-2 {
    margin-left: 16px !important
  }

  .ms-sm-3 {
    margin-left: 24px !important
  }

  .ms-sm-4 {
    margin-left: 32px !important
  }

  .ms-sm-5 {
    margin-left: 40px !important
  }

  .ms-sm-6 {
    margin-left: 48px !important
  }

  .ms-sm-7 {
    margin-left: 56px !important
  }

  .ms-sm-8 {
    margin-left: 64px !important
  }

  .ms-sm-9 {
    margin-left: 72px !important
  }

  .ms-sm-10 {
    margin-left: 80px !important
  }

  .ms-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: 8px !important
  }

  .p-sm-2 {
    padding: 16px !important
  }

  .p-sm-3 {
    padding: 24px !important
  }

  .p-sm-4 {
    padding: 32px !important
  }

  .p-sm-5 {
    padding: 40px !important
  }

  .p-sm-6 {
    padding: 48px !important
  }

  .p-sm-7 {
    padding: 56px !important
  }

  .p-sm-8 {
    padding: 64px !important
  }

  .p-sm-9 {
    padding: 72px !important
  }

  .p-sm-10 {
    padding: 80px !important
  }

  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-sm-1 {
    padding-right: 8px !important;
    padding-left: 8px !important
  }

  .px-sm-2 {
    padding-right: 16px !important;
    padding-left: 16px !important
  }

  .px-sm-3 {
    padding-right: 24px !important;
    padding-left: 24px !important
  }

  .px-sm-4 {
    padding-right: 32px !important;
    padding-left: 32px !important
  }

  .px-sm-5 {
    padding-right: 40px !important;
    padding-left: 40px !important
  }

  .px-sm-6 {
    padding-right: 48px !important;
    padding-left: 48px !important
  }

  .px-sm-7 {
    padding-right: 56px !important;
    padding-left: 56px !important
  }

  .px-sm-8 {
    padding-right: 64px !important;
    padding-left: 64px !important
  }

  .px-sm-9 {
    padding-right: 72px !important;
    padding-left: 72px !important
  }

  .px-sm-10 {
    padding-right: 80px !important;
    padding-left: 80px !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
  }

  .py-sm-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
  }

  .py-sm-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }

  .py-sm-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
  }

  .py-sm-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .py-sm-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }

  .py-sm-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
  }

  .py-sm-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
  }

  .py-sm-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }

  .py-sm-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: 8px !important
  }

  .pt-sm-2 {
    padding-top: 16px !important
  }

  .pt-sm-3 {
    padding-top: 24px !important
  }

  .pt-sm-4 {
    padding-top: 32px !important
  }

  .pt-sm-5 {
    padding-top: 40px !important
  }

  .pt-sm-6 {
    padding-top: 48px !important
  }

  .pt-sm-7 {
    padding-top: 56px !important
  }

  .pt-sm-8 {
    padding-top: 64px !important
  }

  .pt-sm-9 {
    padding-top: 72px !important
  }

  .pt-sm-10 {
    padding-top: 80px !important
  }

  .pe-sm-0 {
    padding-right: 0 !important
  }

  .pe-sm-1 {
    padding-right: 8px !important
  }

  .pe-sm-2 {
    padding-right: 16px !important
  }

  .pe-sm-3 {
    padding-right: 24px !important
  }

  .pe-sm-4 {
    padding-right: 32px !important
  }

  .pe-sm-5 {
    padding-right: 40px !important
  }

  .pe-sm-6 {
    padding-right: 48px !important
  }

  .pe-sm-7 {
    padding-right: 56px !important
  }

  .pe-sm-8 {
    padding-right: 64px !important
  }

  .pe-sm-9 {
    padding-right: 72px !important
  }

  .pe-sm-10 {
    padding-right: 80px !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: 8px !important
  }

  .pb-sm-2 {
    padding-bottom: 16px !important
  }

  .pb-sm-3 {
    padding-bottom: 24px !important
  }

  .pb-sm-4 {
    padding-bottom: 32px !important
  }

  .pb-sm-5 {
    padding-bottom: 40px !important
  }

  .pb-sm-6 {
    padding-bottom: 48px !important
  }

  .pb-sm-7 {
    padding-bottom: 56px !important
  }

  .pb-sm-8 {
    padding-bottom: 64px !important
  }

  .pb-sm-9 {
    padding-bottom: 72px !important
  }

  .pb-sm-10 {
    padding-bottom: 80px !important
  }

  .ps-sm-0 {
    padding-left: 0 !important
  }

  .ps-sm-1 {
    padding-left: 8px !important
  }

  .ps-sm-2 {
    padding-left: 16px !important
  }

  .ps-sm-3 {
    padding-left: 24px !important
  }

  .ps-sm-4 {
    padding-left: 32px !important
  }

  .ps-sm-5 {
    padding-left: 40px !important
  }

  .ps-sm-6 {
    padding-left: 48px !important
  }

  .ps-sm-7 {
    padding-left: 56px !important
  }

  .ps-sm-8 {
    padding-left: 64px !important
  }

  .ps-sm-9 {
    padding-left: 72px !important
  }

  .ps-sm-10 {
    padding-left: 80px !important
  }

  .fs-sm-1 {
    font-size: .625rem !important
  }

  .fs-sm-2 {
    font-size: .75rem !important
  }

  .fs-sm-3 {
    font-size: .875rem !important
  }

  .fs-sm-4 {
    font-size: 1rem !important
  }

  .fs-sm-5 {
    font-size: 1.125rem !important
  }

  .fs-sm-6 {
    font-size: 1.25rem !important
  }

  .fs-sm-7 {
    font-size: calc(1.2625rem + .15vw) !important
  }

  .fs-sm-8 {
    font-size: calc(1.275rem + .3vw) !important
  }

  .fs-sm-9 {
    font-size: calc(1.2875rem + .45vw) !important
  }

  .fs-sm-10 {
    font-size: calc(1.3rem + .6vw) !important
  }

  .fs-sm-11 {
    font-size: calc(1.3125rem + .75vw) !important
  }

  .fs-sm-12 {
    font-size: calc(1.325rem + .9vw) !important
  }

  .fs-sm-13 {
    font-size: calc(1.375rem + 1.5vw) !important
  }

  .text-sm-start {
    text-align: left !important
  }

  .text-sm-end {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width: 600px) {
  .float-md-start {
    float: left !important
  }

  .float-md-end {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .w-md-25 {
    width: 25% !important
  }

  .w-md-30 {
    width: 30% !important
  }

  .w-md-40 {
    width: 40% !important
  }

  .w-md-50 {
    width: 50% !important
  }

  .w-md-60 {
    width: 60% !important
  }

  .w-md-75 {
    width: 75% !important
  }

  .w-md-100 {
    width: 100% !important
  }

  .w-md-auto {
    width: auto !important
  }

  .w-md-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
  }

  .h-md-25 {
    height: 25% !important
  }

  .h-md-50 {
    height: 50% !important
  }

  .h-md-75 {
    height: 75% !important
  }

  .h-md-100 {
    height: 100% !important
  }

  .h-md-auto {
    height: auto !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: 8px !important
  }

  .gap-md-2 {
    gap: 16px !important
  }

  .gap-md-3 {
    gap: 24px !important
  }

  .gap-md-4 {
    gap: 32px !important
  }

  .gap-md-5 {
    gap: 40px !important
  }

  .gap-md-6 {
    gap: 48px !important
  }

  .gap-md-7 {
    gap: 56px !important
  }

  .gap-md-8 {
    gap: 64px !important
  }

  .gap-md-9 {
    gap: 72px !important
  }

  .gap-md-10 {
    gap: 80px !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: 8px !important
  }

  .m-md-2 {
    margin: 16px !important
  }

  .m-md-3 {
    margin: 24px !important
  }

  .m-md-4 {
    margin: 32px !important
  }

  .m-md-5 {
    margin: 40px !important
  }

  .m-md-6 {
    margin: 48px !important
  }

  .m-md-7 {
    margin: 56px !important
  }

  .m-md-8 {
    margin: 64px !important
  }

  .m-md-9 {
    margin: 72px !important
  }

  .m-md-10 {
    margin: 80px !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: 8px !important;
    margin-left: 8px !important
  }

  .mx-md-2 {
    margin-right: 16px !important;
    margin-left: 16px !important
  }

  .mx-md-3 {
    margin-right: 24px !important;
    margin-left: 24px !important
  }

  .mx-md-4 {
    margin-right: 32px !important;
    margin-left: 32px !important
  }

  .mx-md-5 {
    margin-right: 40px !important;
    margin-left: 40px !important
  }

  .mx-md-6 {
    margin-right: 48px !important;
    margin-left: 48px !important
  }

  .mx-md-7 {
    margin-right: 56px !important;
    margin-left: 56px !important
  }

  .mx-md-8 {
    margin-right: 64px !important;
    margin-left: 64px !important
  }

  .mx-md-9 {
    margin-right: 72px !important;
    margin-left: 72px !important
  }

  .mx-md-10 {
    margin-right: 80px !important;
    margin-left: 80px !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
  }

  .my-md-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
  }

  .my-md-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }

  .my-md-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
  }

  .my-md-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .my-md-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }

  .my-md-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
  }

  .my-md-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important
  }

  .my-md-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important
  }

  .my-md-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: 8px !important
  }

  .mt-md-2 {
    margin-top: 16px !important
  }

  .mt-md-3 {
    margin-top: 24px !important
  }

  .mt-md-4 {
    margin-top: 32px !important
  }

  .mt-md-5 {
    margin-top: 40px !important
  }

  .mt-md-6 {
    margin-top: 48px !important
  }

  .mt-md-7 {
    margin-top: 56px !important
  }

  .mt-md-8 {
    margin-top: 64px !important
  }

  .mt-md-9 {
    margin-top: 72px !important
  }

  .mt-md-10 {
    margin-top: 80px !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .me-md-0 {
    margin-right: 0 !important
  }

  .me-md-1 {
    margin-right: 8px !important
  }

  .me-md-2 {
    margin-right: 16px !important
  }

  .me-md-3 {
    margin-right: 24px !important
  }

  .me-md-4 {
    margin-right: 32px !important
  }

  .me-md-5 {
    margin-right: 40px !important
  }

  .me-md-6 {
    margin-right: 48px !important
  }

  .me-md-7 {
    margin-right: 56px !important
  }

  .me-md-8 {
    margin-right: 64px !important
  }

  .me-md-9 {
    margin-right: 72px !important
  }

  .me-md-10 {
    margin-right: 80px !important
  }

  .me-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: 8px !important
  }

  .mb-md-2 {
    margin-bottom: 16px !important
  }

  .mb-md-3 {
    margin-bottom: 24px !important
  }

  .mb-md-4 {
    margin-bottom: 32px !important
  }

  .mb-md-5 {
    margin-bottom: 40px !important
  }

  .mb-md-6 {
    margin-bottom: 48px !important
  }

  .mb-md-7 {
    margin-bottom: 56px !important
  }

  .mb-md-8 {
    margin-bottom: 64px !important
  }

  .mb-md-9 {
    margin-bottom: 72px !important
  }

  .mb-md-10 {
    margin-bottom: 80px !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ms-md-0 {
    margin-left: 0 !important
  }

  .ms-md-1 {
    margin-left: 8px !important
  }

  .ms-md-2 {
    margin-left: 16px !important
  }

  .ms-md-3 {
    margin-left: 24px !important
  }

  .ms-md-4 {
    margin-left: 32px !important
  }

  .ms-md-5 {
    margin-left: 40px !important
  }

  .ms-md-6 {
    margin-left: 48px !important
  }

  .ms-md-7 {
    margin-left: 56px !important
  }

  .ms-md-8 {
    margin-left: 64px !important
  }

  .ms-md-9 {
    margin-left: 72px !important
  }

  .ms-md-10 {
    margin-left: 80px !important
  }

  .ms-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: 8px !important
  }

  .p-md-2 {
    padding: 16px !important
  }

  .p-md-3 {
    padding: 24px !important
  }

  .p-md-4 {
    padding: 32px !important
  }

  .p-md-5 {
    padding: 40px !important
  }

  .p-md-6 {
    padding: 48px !important
  }

  .p-md-7 {
    padding: 56px !important
  }

  .p-md-8 {
    padding: 64px !important
  }

  .p-md-9 {
    padding: 72px !important
  }

  .p-md-10 {
    padding: 80px !important
  }

  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-md-1 {
    padding-right: 8px !important;
    padding-left: 8px !important
  }

  .px-md-2 {
    padding-right: 16px !important;
    padding-left: 16px !important
  }

  .px-md-3 {
    padding-right: 24px !important;
    padding-left: 24px !important
  }

  .px-md-4 {
    padding-right: 32px !important;
    padding-left: 32px !important
  }

  .px-md-5 {
    padding-right: 40px !important;
    padding-left: 40px !important
  }

  .px-md-6 {
    padding-right: 48px !important;
    padding-left: 48px !important
  }

  .px-md-7 {
    padding-right: 56px !important;
    padding-left: 56px !important
  }

  .px-md-8 {
    padding-right: 64px !important;
    padding-left: 64px !important
  }

  .px-md-9 {
    padding-right: 72px !important;
    padding-left: 72px !important
  }

  .px-md-10 {
    padding-right: 80px !important;
    padding-left: 80px !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
  }

  .py-md-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
  }

  .py-md-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }

  .py-md-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
  }

  .py-md-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .py-md-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }

  .py-md-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
  }

  .py-md-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
  }

  .py-md-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }

  .py-md-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: 8px !important
  }

  .pt-md-2 {
    padding-top: 16px !important
  }

  .pt-md-3 {
    padding-top: 24px !important
  }

  .pt-md-4 {
    padding-top: 32px !important
  }

  .pt-md-5 {
    padding-top: 40px !important
  }

  .pt-md-6 {
    padding-top: 48px !important
  }

  .pt-md-7 {
    padding-top: 56px !important
  }

  .pt-md-8 {
    padding-top: 64px !important
  }

  .pt-md-9 {
    padding-top: 72px !important
  }

  .pt-md-10 {
    padding-top: 80px !important
  }

  .pe-md-0 {
    padding-right: 0 !important
  }

  .pe-md-1 {
    padding-right: 8px !important
  }

  .pe-md-2 {
    padding-right: 16px !important
  }

  .pe-md-3 {
    padding-right: 24px !important
  }

  .pe-md-4 {
    padding-right: 32px !important
  }

  .pe-md-5 {
    padding-right: 40px !important
  }

  .pe-md-6 {
    padding-right: 48px !important
  }

  .pe-md-7 {
    padding-right: 56px !important
  }

  .pe-md-8 {
    padding-right: 64px !important
  }

  .pe-md-9 {
    padding-right: 72px !important
  }

  .pe-md-10 {
    padding-right: 80px !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: 8px !important
  }

  .pb-md-2 {
    padding-bottom: 16px !important
  }

  .pb-md-3 {
    padding-bottom: 24px !important
  }

  .pb-md-4 {
    padding-bottom: 32px !important
  }

  .pb-md-5 {
    padding-bottom: 40px !important
  }

  .pb-md-6 {
    padding-bottom: 48px !important
  }

  .pb-md-7 {
    padding-bottom: 56px !important
  }

  .pb-md-8 {
    padding-bottom: 64px !important
  }

  .pb-md-9 {
    padding-bottom: 72px !important
  }

  .pb-md-10 {
    padding-bottom: 80px !important
  }

  .ps-md-0 {
    padding-left: 0 !important
  }

  .ps-md-1 {
    padding-left: 8px !important
  }

  .ps-md-2 {
    padding-left: 16px !important
  }

  .ps-md-3 {
    padding-left: 24px !important
  }

  .ps-md-4 {
    padding-left: 32px !important
  }

  .ps-md-5 {
    padding-left: 40px !important
  }

  .ps-md-6 {
    padding-left: 48px !important
  }

  .ps-md-7 {
    padding-left: 56px !important
  }

  .ps-md-8 {
    padding-left: 64px !important
  }

  .ps-md-9 {
    padding-left: 72px !important
  }

  .ps-md-10 {
    padding-left: 80px !important
  }

  .fs-md-1 {
    font-size: .625rem !important
  }

  .fs-md-2 {
    font-size: .75rem !important
  }

  .fs-md-3 {
    font-size: .875rem !important
  }

  .fs-md-4 {
    font-size: 1rem !important
  }

  .fs-md-5 {
    font-size: 1.125rem !important
  }

  .fs-md-6 {
    font-size: 1.25rem !important
  }

  .fs-md-7 {
    font-size: calc(1.2625rem + .15vw) !important
  }

  .fs-md-8 {
    font-size: calc(1.275rem + .3vw) !important
  }

  .fs-md-9 {
    font-size: calc(1.2875rem + .45vw) !important
  }

  .fs-md-10 {
    font-size: calc(1.3rem + .6vw) !important
  }

  .fs-md-11 {
    font-size: calc(1.3125rem + .75vw) !important
  }

  .fs-md-12 {
    font-size: calc(1.325rem + .9vw) !important
  }

  .fs-md-13 {
    font-size: calc(1.375rem + 1.5vw) !important
  }

  .text-md-start {
    text-align: left !important
  }

  .text-md-end {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width: 1024px) {
  .float-lg-start {
    float: left !important
  }

  .float-lg-end {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .w-lg-25 {
    width: 25% !important
  }

  .w-lg-30 {
    width: 30% !important
  }

  .w-lg-40 {
    width: 40% !important
  }

  .w-lg-50 {
    width: 50% !important
  }

  .w-lg-60 {
    width: 60% !important
  }

  .w-lg-75 {
    width: 75% !important
  }

  .w-lg-100 {
    width: 100% !important
  }

  .w-lg-auto {
    width: auto !important
  }

  .w-lg-fit {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important
  }

  .h-lg-25 {
    height: 25% !important
  }

  .h-lg-50 {
    height: 50% !important
  }

  .h-lg-75 {
    height: 75% !important
  }

  .h-lg-100 {
    height: 100% !important
  }

  .h-lg-auto {
    height: auto !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: 8px !important
  }

  .gap-lg-2 {
    gap: 16px !important
  }

  .gap-lg-3 {
    gap: 24px !important
  }

  .gap-lg-4 {
    gap: 32px !important
  }

  .gap-lg-5 {
    gap: 40px !important
  }

  .gap-lg-6 {
    gap: 48px !important
  }

  .gap-lg-7 {
    gap: 56px !important
  }

  .gap-lg-8 {
    gap: 64px !important
  }

  .gap-lg-9 {
    gap: 72px !important
  }

  .gap-lg-10 {
    gap: 80px !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: 8px !important
  }

  .m-lg-2 {
    margin: 16px !important
  }

  .m-lg-3 {
    margin: 24px !important
  }

  .m-lg-4 {
    margin: 32px !important
  }

  .m-lg-5 {
    margin: 40px !important
  }

  .m-lg-6 {
    margin: 48px !important
  }

  .m-lg-7 {
    margin: 56px !important
  }

  .m-lg-8 {
    margin: 64px !important
  }

  .m-lg-9 {
    margin: 72px !important
  }

  .m-lg-10 {
    margin: 80px !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: 8px !important;
    margin-left: 8px !important
  }

  .mx-lg-2 {
    margin-right: 16px !important;
    margin-left: 16px !important
  }

  .mx-lg-3 {
    margin-right: 24px !important;
    margin-left: 24px !important
  }

  .mx-lg-4 {
    margin-right: 32px !important;
    margin-left: 32px !important
  }

  .mx-lg-5 {
    margin-right: 40px !important;
    margin-left: 40px !important
  }

  .mx-lg-6 {
    margin-right: 48px !important;
    margin-left: 48px !important
  }

  .mx-lg-7 {
    margin-right: 56px !important;
    margin-left: 56px !important
  }

  .mx-lg-8 {
    margin-right: 64px !important;
    margin-left: 64px !important
  }

  .mx-lg-9 {
    margin-right: 72px !important;
    margin-left: 72px !important
  }

  .mx-lg-10 {
    margin-right: 80px !important;
    margin-left: 80px !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important
  }

  .my-lg-2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important
  }

  .my-lg-3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important
  }

  .my-lg-4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important
  }

  .my-lg-5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }

  .my-lg-6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important
  }

  .my-lg-7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important
  }

  .my-lg-8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important
  }

  .my-lg-9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important
  }

  .my-lg-10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: 8px !important
  }

  .mt-lg-2 {
    margin-top: 16px !important
  }

  .mt-lg-3 {
    margin-top: 24px !important
  }

  .mt-lg-4 {
    margin-top: 32px !important
  }

  .mt-lg-5 {
    margin-top: 40px !important
  }

  .mt-lg-6 {
    margin-top: 48px !important
  }

  .mt-lg-7 {
    margin-top: 56px !important
  }

  .mt-lg-8 {
    margin-top: 64px !important
  }

  .mt-lg-9 {
    margin-top: 72px !important
  }

  .mt-lg-10 {
    margin-top: 80px !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .me-lg-0 {
    margin-right: 0 !important
  }

  .me-lg-1 {
    margin-right: 8px !important
  }

  .me-lg-2 {
    margin-right: 16px !important
  }

  .me-lg-3 {
    margin-right: 24px !important
  }

  .me-lg-4 {
    margin-right: 32px !important
  }

  .me-lg-5 {
    margin-right: 40px !important
  }

  .me-lg-6 {
    margin-right: 48px !important
  }

  .me-lg-7 {
    margin-right: 56px !important
  }

  .me-lg-8 {
    margin-right: 64px !important
  }

  .me-lg-9 {
    margin-right: 72px !important
  }

  .me-lg-10 {
    margin-right: 80px !important
  }

  .me-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: 8px !important
  }

  .mb-lg-2 {
    margin-bottom: 16px !important
  }

  .mb-lg-3 {
    margin-bottom: 24px !important
  }

  .mb-lg-4 {
    margin-bottom: 32px !important
  }

  .mb-lg-5 {
    margin-bottom: 40px !important
  }

  .mb-lg-6 {
    margin-bottom: 48px !important
  }

  .mb-lg-7 {
    margin-bottom: 56px !important
  }

  .mb-lg-8 {
    margin-bottom: 64px !important
  }

  .mb-lg-9 {
    margin-bottom: 72px !important
  }

  .mb-lg-10 {
    margin-bottom: 80px !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ms-lg-0 {
    margin-left: 0 !important
  }

  .ms-lg-1 {
    margin-left: 8px !important
  }

  .ms-lg-2 {
    margin-left: 16px !important
  }

  .ms-lg-3 {
    margin-left: 24px !important
  }

  .ms-lg-4 {
    margin-left: 32px !important
  }

  .ms-lg-5 {
    margin-left: 40px !important
  }

  .ms-lg-6 {
    margin-left: 48px !important
  }

  .ms-lg-7 {
    margin-left: 56px !important
  }

  .ms-lg-8 {
    margin-left: 64px !important
  }

  .ms-lg-9 {
    margin-left: 72px !important
  }

  .ms-lg-10 {
    margin-left: 80px !important
  }

  .ms-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: 8px !important
  }

  .p-lg-2 {
    padding: 16px !important
  }

  .p-lg-3 {
    padding: 24px !important
  }

  .p-lg-4 {
    padding: 32px !important
  }

  .p-lg-5 {
    padding: 40px !important
  }

  .p-lg-6 {
    padding: 48px !important
  }

  .p-lg-7 {
    padding: 56px !important
  }

  .p-lg-8 {
    padding: 64px !important
  }

  .p-lg-9 {
    padding: 72px !important
  }

  .p-lg-10 {
    padding: 80px !important
  }

  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
  }

  .px-lg-1 {
    padding-right: 8px !important;
    padding-left: 8px !important
  }

  .px-lg-2 {
    padding-right: 16px !important;
    padding-left: 16px !important
  }

  .px-lg-3 {
    padding-right: 24px !important;
    padding-left: 24px !important
  }

  .px-lg-4 {
    padding-right: 32px !important;
    padding-left: 32px !important
  }

  .px-lg-5 {
    padding-right: 40px !important;
    padding-left: 40px !important
  }

  .px-lg-6 {
    padding-right: 48px !important;
    padding-left: 48px !important
  }

  .px-lg-7 {
    padding-right: 56px !important;
    padding-left: 56px !important
  }

  .px-lg-8 {
    padding-right: 64px !important;
    padding-left: 64px !important
  }

  .px-lg-9 {
    padding-right: 72px !important;
    padding-left: 72px !important
  }

  .px-lg-10 {
    padding-right: 80px !important;
    padding-left: 80px !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important
  }

  .py-lg-2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important
  }

  .py-lg-3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important
  }

  .py-lg-4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important
  }

  .py-lg-5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important
  }

  .py-lg-6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important
  }

  .py-lg-7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important
  }

  .py-lg-8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important
  }

  .py-lg-9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important
  }

  .py-lg-10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: 8px !important
  }

  .pt-lg-2 {
    padding-top: 16px !important
  }

  .pt-lg-3 {
    padding-top: 24px !important
  }

  .pt-lg-4 {
    padding-top: 32px !important
  }

  .pt-lg-5 {
    padding-top: 40px !important
  }

  .pt-lg-6 {
    padding-top: 48px !important
  }

  .pt-lg-7 {
    padding-top: 56px !important
  }

  .pt-lg-8 {
    padding-top: 64px !important
  }

  .pt-lg-9 {
    padding-top: 72px !important
  }

  .pt-lg-10 {
    padding-top: 80px !important
  }

  .pe-lg-0 {
    padding-right: 0 !important
  }

  .pe-lg-1 {
    padding-right: 8px !important
  }

  .pe-lg-2 {
    padding-right: 16px !important
  }

  .pe-lg-3 {
    padding-right: 24px !important
  }

  .pe-lg-4 {
    padding-right: 32px !important
  }

  .pe-lg-5 {
    padding-right: 40px !important
  }

  .pe-lg-6 {
    padding-right: 48px !important
  }

  .pe-lg-7 {
    padding-right: 56px !important
  }

  .pe-lg-8 {
    padding-right: 64px !important
  }

  .pe-lg-9 {
    padding-right: 72px !important
  }

  .pe-lg-10 {
    padding-right: 80px !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: 8px !important
  }

  .pb-lg-2 {
    padding-bottom: 16px !important
  }

  .pb-lg-3 {
    padding-bottom: 24px !important
  }

  .pb-lg-4 {
    padding-bottom: 32px !important
  }

  .pb-lg-5 {
    padding-bottom: 40px !important
  }

  .pb-lg-6 {
    padding-bottom: 48px !important
  }

  .pb-lg-7 {
    padding-bottom: 56px !important
  }

  .pb-lg-8 {
    padding-bottom: 64px !important
  }

  .pb-lg-9 {
    padding-bottom: 72px !important
  }

  .pb-lg-10 {
    padding-bottom: 80px !important
  }

  .ps-lg-0 {
    padding-left: 0 !important
  }

  .ps-lg-1 {
    padding-left: 8px !important
  }

  .ps-lg-2 {
    padding-left: 16px !important
  }

  .ps-lg-3 {
    padding-left: 24px !important
  }

  .ps-lg-4 {
    padding-left: 32px !important
  }

  .ps-lg-5 {
    padding-left: 40px !important
  }

  .ps-lg-6 {
    padding-left: 48px !important
  }

  .ps-lg-7 {
    padding-left: 56px !important
  }

  .ps-lg-8 {
    padding-left: 64px !important
  }

  .ps-lg-9 {
    padding-left: 72px !important
  }

  .ps-lg-10 {
    padding-left: 80px !important
  }

  .fs-lg-1 {
    font-size: .625rem !important
  }

  .fs-lg-2 {
    font-size: .75rem !important
  }

  .fs-lg-3 {
    font-size: .875rem !important
  }

  .fs-lg-4 {
    font-size: 1rem !important
  }

  .fs-lg-5 {
    font-size: 1.125rem !important
  }

  .fs-lg-6 {
    font-size: 1.25rem !important
  }

  .fs-lg-7 {
    font-size: calc(1.2625rem + .15vw) !important
  }

  .fs-lg-8 {
    font-size: calc(1.275rem + .3vw) !important
  }

  .fs-lg-9 {
    font-size: calc(1.2875rem + .45vw) !important
  }

  .fs-lg-10 {
    font-size: calc(1.3rem + .6vw) !important
  }

  .fs-lg-11 {
    font-size: calc(1.3125rem + .75vw) !important
  }

  .fs-lg-12 {
    font-size: calc(1.325rem + .9vw) !important
  }

  .fs-lg-13 {
    font-size: calc(1.375rem + 1.5vw) !important
  }

  .text-lg-start {
    text-align: left !important
  }

  .text-lg-end {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width: 1200px) {
  .fs-7 {
    font-size: 1.375rem !important
  }

  .fs-8 {
    font-size: 1.5rem !important
  }

  .fs-9 {
    font-size: 1.625rem !important
  }

  .fs-10 {
    font-size: 1.75rem !important
  }

  .fs-11 {
    font-size: 1.875rem !important
  }

  .fs-12 {
    font-size: 2rem !important
  }

  .fs-13 {
    font-size: 2.5rem !important
  }

  .fs-sm-7 {
    font-size: 1.375rem !important
  }

  .fs-sm-8 {
    font-size: 1.5rem !important
  }

  .fs-sm-9 {
    font-size: 1.625rem !important
  }

  .fs-sm-10 {
    font-size: 1.75rem !important
  }

  .fs-sm-11 {
    font-size: 1.875rem !important
  }

  .fs-sm-12 {
    font-size: 2rem !important
  }

  .fs-sm-13 {
    font-size: 2.5rem !important
  }

  .fs-md-7 {
    font-size: 1.375rem !important
  }

  .fs-md-8 {
    font-size: 1.5rem !important
  }

  .fs-md-9 {
    font-size: 1.625rem !important
  }

  .fs-md-10 {
    font-size: 1.75rem !important
  }

  .fs-md-11 {
    font-size: 1.875rem !important
  }

  .fs-md-12 {
    font-size: 2rem !important
  }

  .fs-md-13 {
    font-size: 2.5rem !important
  }

  .fs-lg-7 {
    font-size: 1.375rem !important
  }

  .fs-lg-8 {
    font-size: 1.5rem !important
  }

  .fs-lg-9 {
    font-size: 1.625rem !important
  }

  .fs-lg-10 {
    font-size: 1.75rem !important
  }

  .fs-lg-11 {
    font-size: 1.875rem !important
  }

  .fs-lg-12 {
    font-size: 2rem !important
  }

  .fs-lg-13 {
    font-size: 2.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

.nav-tabs .nav-item .nav-link {
  color: #B81C22
}

.nav-tabs .nav-item .nav-link.active {
  color: #1c1c1c;
  background-color: #fff
}

.tab-content {
  padding-top: 1rem
}

.mfp-bg {
  background: #0b0b0b;
  height: 100%;
  left: 0;
  opacity: .8;
  overflow: hidden;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3002
}

.mfp-wrap {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none !important;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3003
}

.mfp-container {
  box-sizing: border-box;
  height: 100%;
  left: 0;
  padding: 0 8px;
  position: relative;
  text-align: center;
  display: block;
  width: 100%
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  text-align: left;
  vertical-align: middle;
  z-index: 3005
}

.mfp-content .modal {
  display: block
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  cursor: auto;
  width: 100%
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none !important
}

.mfp-preloader {
  color: #ccc;
  left: 8px;
  margin-top: -.8em;
  position: absolute;
  right: 8px;
  text-align: center;
  top: 50%;
  width: auto;
  z-index: 3004
}

.mfp-preloader a {
  color: #ccc
}

.mfp-preloader a:hover {
  color: #fff
}

.mfp-s-ready .mfp-preloader {
  display: none
}

.mfp-s-error .mfp-content {
  display: none
}

button.mfp-close,
button.mfp-arrow {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  display: block;
  outline: none;
  overflow: visible;
  padding: 0;
  touch-action: manipulation;
  z-index: 3006
}

button::-moz-focus-inner {
  border: 0;
  padding: 0
}

.mfp-close {
  color: #fff;
  font-family: Arial, Baskerville, monospace;
  font-size: 28px;
  font-style: normal;
  height: 44px;
  line-height: 44px;
  opacity: .65;
  padding: 0 0 18px 10px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 44px
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  padding-right: 6px;
  right: -6px;
  text-align: right;
  width: 100%
}

.mfp-counter {
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap
}

.mfp-arrow {
  height: 110px;
  margin: 0;
  margin-top: -55px;
  opacity: .65;
  padding: 0;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 50%;
  width: 90px
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
  border: medium inset transparent;
  content: "";
  display: block;
  height: 0;
  left: 0;
  margin-left: 35px;
  margin-top: 35px;
  position: absolute;
  top: 0;
  width: 0
}

.mfp-arrow:after {
  border-bottom-width: 13px;
  border-top-width: 13px;
  top: 8px
}

.mfp-arrow:before {
  border-bottom-width: 21px;
  border-top-width: 21px;
  opacity: .7
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px
}

.mfp-arrow-left:before {
  border-right: 27px solid #3f3f3f;
  margin-left: 25px
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
  padding-bottom: 40px;
  padding-top: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  max-width: 900px;
  width: 100%
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
  width: 100%
}

.mfp-iframe-scaler iframe {
  background: #000;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

img.mfp-img {
  box-sizing: border-box;
  display: block;
  height: auto;
  line-height: 0;
  margin: 0 auto;
  max-width: 100%;
  padding: 40px 0 40px;
  width: auto
}

.mfp-figure {
  line-height: 0
}

.mfp-figure:after {
  background: #444;
  bottom: 40px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  content: "";
  display: block;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 40px;
  width: auto;
  z-index: -1
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  cursor: auto;
  left: 0;
  margin-top: -36px;
  position: absolute;
  top: 100%;
  width: 100%
}

.mfp-title {
  color: #f3f3f3;
  line-height: 18px;
  padding-right: 36px;
  text-align: left;
  word-wrap: break-word
}

.mfp-image-holder .mfp-content {
  max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0
  }

  .mfp-img-mobile .mfp-figure:after {
    bottom: 0;
    top: 0
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 3px 5px;
    position: fixed;
    top: auto
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }

  .mfp-img-mobile .mfp-close {
    background: rgba(0, 0, 0, 0.6);
    height: 35px;
    line-height: 35px;
    padding: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 35px
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75)
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .35
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0
}

.picker {
  font-size: .75rem;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  z-index: 10000;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.picker__input {
  cursor: default
}

.picker__input.picker__input--active {
  border-color: #B81C22
}

.picker__holder {
  width: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

/*!
 * Default mobile-first, responsive styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
.picker__holder,
.picker__frame {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%)
}

.picker__holder {
  position: fixed;
  transition: background 0.15s ease-out, -webkit-transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s;
  transition: background 0.15s ease-out, transform 0s 0.15s, -webkit-transform 0s 0.15s;
  -webkit-backface-visibility: hidden
}

.picker__frame {
  position: absolute;
  margin: 0 auto;
  min-width: 256px;
  max-width: 666px;
  width: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  transition: all 0.15s ease-out
}

@media (min-height: 33.875em) {
  .picker__frame {
    overflow: visible;
    top: auto;
    bottom: -100%;
    max-height: 80%
  }
}

@media (min-height: 40.125em) {
  .picker__frame {
    margin-bottom: 7.5%
  }
}

.picker__wrap {
  display: table;
  width: 100%;
  height: 100%
}

@media (min-height: 33.875em) {
  .picker__wrap {
    display: block
  }
}

.picker__box {
  background: #ffffff;
  display: table-cell;
  vertical-align: middle
}

@media (min-height: 26.5em) {
  .picker__box {
    font-size: 1.25em
  }
}

@media (min-height: 33.875em) {
  .picker__box {
    display: block;
    font-size: 1.33em;
    border: 1px solid #777777;
    border-top-color: #898989;
    border-bottom-width: 0;
    border-radius: 5px 5px 0 0;
    box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24)
  }
}

@media (min-height: 40.125em) {
  .picker__box {
    font-size: 1.5em;
    border-bottom-width: 1px;
    border-radius: 5px
  }
}

.picker--opened .picker__holder {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
  zoom: 1;
  background: rgba(0, 0, 0, 0.32);
  transition: background 0.15s ease-out
}

.picker--opened .picker__frame {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1
}

@media (min-height: 33.875em) {
  .picker--opened .picker__frame {
    top: auto;
    bottom: 0
  }
}

.picker__box {
  padding: 0 1em
}

.picker__header {
  text-align: center;
  position: relative;
  margin-top: .75em
}

.picker__month,
.picker__year {
  font-weight: 500;
  display: inline-block;
  margin-left: .25em;
  margin-right: .25em
}

.picker__year {
  color: #999999;
  font-size: .8em;
  font-style: italic
}

.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em
}

@media (min-width: 24.5em) {

  .picker__select--month,
  .picker__select--year {
    margin-top: -0.5em
  }
}

.picker__select--month {
  width: 35%
}

.picker__select--year {
  width: 22.5%
}

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #B81C22
}

.picker__nav--prev,
.picker__nav--next {
  position: absolute;
  padding: .5em 1.25em;
  width: 1em;
  height: 1em;
  box-sizing: content-box;
  top: -0.25em
}

@media (min-width: 24.5em) {

  .picker__nav--prev,
  .picker__nav--next {
    top: -0.33em
  }
}

.picker__nav--prev {
  left: -1em;
  padding-right: 1.25em
}

@media (min-width: 24.5em) {
  .picker__nav--prev {
    padding-right: 1.5em
  }
}

.picker__nav--next {
  right: -1em;
  padding-left: 1.25em
}

@media (min-width: 24.5em) {
  .picker__nav--next {
    padding-left: 1.5em
  }
}

.picker__nav--prev:before,
.picker__nav--next:before {
  content: " ";
  border-top: .5em solid transparent;
  border-bottom: .5em solid transparent;
  border-right: 0.75em solid #000000;
  width: 0;
  height: 0;
  display: block;
  margin: 0 auto
}

.picker__nav--next:before {
  border-right: 0;
  border-left: 0.75em solid #000000
}

.picker__nav--prev:hover,
.picker__nav--next:hover {
  cursor: pointer;
  color: #000000;
  background: #f8e8e9
}

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5
}

.picker__table {
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  margin-top: .75em;
  margin-bottom: .5em
}

@media (min-height: 33.875em) {
  .picker__table {
    margin-bottom: .75em
  }
}

.picker__table td {
  margin: 0;
  padding: 0
}

.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500
}

@media (min-height: 33.875em) {
  .picker__weekday {
    padding-bottom: .5em
  }
}

.picker__day {
  padding: .3125em 0;
  font-weight: 200;
  border: 1px solid transparent
}

.picker__day--today {
  position: relative
}

.picker__day--today:before {
  content: " ";
  position: absolute;
  top: 2px;
  right: 2px;
  width: 0;
  height: 0;
  border-top: 0.5em solid #93161b;
  border-left: .5em solid transparent
}

.picker__day--disabled:before {
  border-top-color: #aaaaaa
}

.picker__day--outfocus {
  color: #dddddd
}

.picker__day--infocus:hover,
.picker__day--outfocus:hover {
  cursor: pointer;
  color: #000000;
  background: #f8e8e9
}

.picker__day--highlighted {
  border-color: #B81C22
}

.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted {
  cursor: pointer;
  color: #000000;
  background: #f8e8e9
}

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #B81C22;
  color: #ffffff
}

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default
}

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb
}

.picker__footer {
  text-align: center
}

.picker__button--today,
.picker__button--clear,
.picker__button--close {
  border: 1px solid #ffffff;
  background: #ffffff;
  font-size: .8em;
  padding: .66em 0;
  font-weight: bold;
  width: 33%;
  display: inline-block;
  vertical-align: bottom
}

.picker__button--today:hover,
.picker__button--clear:hover,
.picker__button--close:hover {
  cursor: pointer;
  color: #000000;
  background: #f8e8e9;
  border-bottom-color: #f8e8e9
}

.picker__button--today:focus,
.picker__button--clear:focus,
.picker__button--close:focus {
  background: #f8e8e9;
  border-color: #B81C22;
  outline: none
}

.picker__button--today:before,
.picker__button--clear:before,
.picker__button--close:before {
  position: relative;
  display: inline-block;
  height: 0
}

.picker__button--today:before,
.picker__button--clear:before {
  content: " ";
  margin-right: .45em
}

.picker__button--today:before {
  top: -0.05em;
  width: 0;
  border-top: 0.66em solid #93161b;
  border-left: .66em solid transparent
}

.picker__button--clear:before {
  top: -0.25em;
  width: .66em;
  border-top: 3px solid #ee2200
}

.picker__button--close:before {
  content: "\D7";
  top: -0.1em;
  vertical-align: top;
  font-size: 1.1em;
  margin-right: .35em;
  color: #777777
}

.picker__button--today[disabled],
.picker__button--today[disabled]:hover {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default
}

.picker__button--today[disabled]:before {
  border-top-color: #aaaaaa
}

.picker__list {
  list-style: none;
  padding: 0.75em 0 4.2em;
  margin: 0
}

.picker__list-item {
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-bottom: -1px;
  position: relative;
  background: #ffffff;
  padding: .75em 1.25em
}

@media (min-height: 46.75em) {
  .picker__list-item {
    padding: .5em 1em
  }
}

.picker__list-item:hover {
  cursor: pointer;
  color: #000000;
  background: #f8e8e9;
  border-color: #B81C22;
  z-index: 10
}

.picker__list-item--highlighted {
  border-color: #B81C22;
  z-index: 10
}

.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted {
  cursor: pointer;
  color: #000000;
  background: #f8e8e9
}

.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected {
  background: #B81C22;
  color: #ffffff;
  z-index: 10
}

.picker__list-item--disabled,
.picker__list-item--disabled:hover,
.picker--focused .picker__list-item--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default;
  border-color: #dddddd;
  z-index: auto
}

.picker--time .picker__button--clear {
  display: block;
  width: 80%;
  margin: 1em auto 0;
  padding: 1em 1.25em;
  background: none;
  border: 0;
  font-weight: 500;
  font-size: .67em;
  text-align: center;
  text-transform: uppercase;
  color: #666
}

.picker--time .picker__button--clear:hover,
.picker--time .picker__button--clear:focus {
  color: #000000;
  background: #f8e8e9;
  background: #ee2200;
  border-color: #ee2200;
  cursor: pointer;
  color: #ffffff;
  outline: none
}

.picker--time .picker__button--clear:before {
  top: -0.25em;
  color: #666;
  font-size: 1.25em;
  font-weight: bold
}

.picker--time .picker__button--clear:hover:before,
.picker--time .picker__button--clear:focus:before {
  color: #ffffff;
  border-color: #ffffff
}

.picker--time .picker__frame {
  min-width: 256px;
  max-width: 320px
}

.picker--time .picker__box {
  font-size: 1em;
  background: #f2f2f2;
  padding: 0
}

@media (min-height: 40.125em) {
  .picker--time .picker__box {
    margin-bottom: 5em
  }
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}

.slick-list:focus {
  outline: none
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block
}

.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}

.slick-track:after {
  clear: both
}

.slick-loading .slick-track {
  visibility: hidden
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}

[dir="rtl"] .slick-slide {
  float: right
}

.slick-slide img {
  display: block
}

.slick-slide.slick-loading img {
  display: none
}

.slick-slide.dragging img {
  pointer-events: none
}

.slick-initialized .slick-slide {
  display: block
}

.slick-loading .slick-slide {
  visibility: hidden
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}

.slick-arrow.slick-hidden {
  display: none
}

@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,
.swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,
.swiper-navigation-disabled .swiper-button-next {
  display: none !important
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev'
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next'
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  transform: scale(0.33);
  position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  transform: scale(0.33)
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2)
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet:only-child {
  display: none !important
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-lock {
  display: none
}

.swiper .swiper-slide .multiListCard {
  width: 100%;
  height: 100%
}

.swiper-multi-wrapper,
.swiper-sm {
  margin: 0 -1rem;
  overflow: hidden;
  box-sizing: border-box
}

@media (min-width: 600px) {

  .swiper-multi-wrapper,
  .swiper-sm {
    width: 100%;
    margin: 0;
    overflow: visible
  }
}

.swiper-sm-multi {
  overflow: visible;
  padding: 0 1rem
}

.swiper-sm-multi .swiper-slide {
  width: 85.33333333333334vw;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center
}

@media (min-width: 600px) {
  .swiper-sm-multi {
    padding: 0
  }

  .swiper-sm-multi .swiper-wrapper {
    flex-wrap: wrap;
    gap: 1rem
  }

  .swiper-sm-multi .swiper-wrapper .swiper-slide {
    width: calc(50% - 0.5rem);
    margin-right: 0
  }
}

.swiper-multi,
.swiper-forYou {
  overflow: visible;
  padding: 0 1rem
}

.swiper-multi .swiper-slide,
.swiper-forYou .swiper-slide {
  width: 85.33333333333334vw;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center
}

.swiper-multi .swiper-slide .multiListCard,
.swiper-forYou .swiper-slide .multiListCard {
  height: 100%
}

@media (min-width: 600px) {

  .swiper-multi,
  .swiper-forYou {
    overflow: hidden;
    padding: 0
  }

  .swiper-multi .swiper-slide,
  .swiper-forYou .swiper-slide {
    width: 21.625rem;
    margin-right: 1rem
  }
}

@font-face {
  font-family: "icon";
  src: url("../fonts/icon.woff2") format("woff2"), url("../fonts/icon.woff") format("woff");
  font-weight: normal;
  font-style: normal
}

[class^="icon-"],
[class*=" icon-"] {
  font-family: "icon", "Noto Sans JP", "YuGothic", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

i[class^="icon-"],
i[class*=" icon-"] {
  font-size: 1.5em;
  margin-right: 0.5rem;
  vertical-align: middle
}

.icon-angle-up:before {
  content: "\E100"
}

.icon-angle-right:before {
  content: "\E101"
}

.icon-angle-down:before {
  content: "\E102"
}

.icon-angle-left:before {
  content: "\E103"
}

.icon-arrow-right:before {
  content: "\E104"
}

.icon-arrow-bottom:before {
  content: "\E105"
}

.icon-arrow-left:before {
  content: "\E106"
}

.icon-hamburger_menu:before {
  content: "\E110"
}

.icon-close:before {
  content: "\E111"
}

.icon-external:before {
  content: "\E120"
}

.icon-login:before {
  content: "\E121"
}

.icon-search:before {
  content: "\E122"
}

.icon-user:before {
  content: "\E123"
}

.icon-bookmark:before {
  content: "\E124"
}

.icon-bookmark_filled:before {
  content: "\E125"
}

.icon-logout:before {
  content: "\E126"
}

.icon-member_id:before {
  content: "\E127"
}

.icon-edit:before {
  content: "\E130"
}

.icon-home:before {
  content: "\E131"
}

.icon-info:before {
  content: "\E132"
}

.icon-settings:before {
  content: "\E133"
}

.icon-time:before {
  content: "\E134"
}

.icon-arrow-up:before {
  content: "\E135"
}

.icon-calendar:before {
  content: "\E136"
}

.icon-calendar2:before {
  content: "\E137"
}

.icon-gear:before {
  content: "\E138"
}

.icon-edit2:before {
  content: "\E139"
}

.icon-equipment:before {
  content: "\E140"
}

.icon-call:before {
  content: "\E141"
}

.icon-message:before {
  content: "\E142"
}

.icon-popup:before {
  content: "\E143"
}

.icon-danger-triangle:before {
  content: "\E144"
}

.icon-filter-settings:before {
  content: "\E145"
}

.icon-minus:before {
  content: "\E146"
}

.icon-special:before {
  content: "\E147"
}

.icon-add:before {
  content: "\E148"
}

.icon-add2:before {
  content: "\E149"
}

.icon-add3:before {
  content: "\E150"
}

.icon-building:before {
  content: "\E151"
}

.icon-category:before {
  content: "\E152"
}

.icon-chat:before {
  content: "\E153"
}

.icon-chekmark:before {
  content: "\E154"
}

.icon-decrease_scale:before {
  content: "\E155"
}

.icon-increase_scale:before {
  content: "\E156"
}

.icon-document:before {
  content: "\E157"
}

.icon-fire:before {
  content: "\E158"
}

.icon-flag:before {
  content: "\E159"
}

.icon-floorpan:before {
  content: "\E160"
}

.icon-folder:before {
  content: "\E161"
}

.icon-guide:before {
  content: "\E162"
}

.icon-image:before {
  content: "\E163"
}

.icon-more:before {
  content: "\E164"
}

.icon-newsletter:before {
  content: "\E165"
}

.icon-notification_bell:before {
  content: "\E166"
}

.icon-pdf:before {
  content: "\E167"
}

.icon-todo:before {
  content: "\E168"
}

.icon-check:before {
  content: "\E169"
}

.icon-property_info:before {
  content: "\E170"
}

.icon-buy:before {
  content: "\E200"
}

.icon-sell:before {
  content: "\E201"
}

.icon-build:before {
  content: "\E202"
}

.icon-rent:before {
  content: "\E203"
}

.icon-lease:before {
  content: "\E204"
}

.icon-land_use:before {
  content: "\E205"
}

.icon-renovate:before {
  content: "\E206"
}

.icon-equipment_replacement:before {
  content: "\E207"
}

.icon-other_property:before {
  content: "\E208"
}

.icon-interior_design:before {
  content: "\E209"
}

.icon-interior_advisor:before {
  content: "\E210"
}

.icon-facility_procedures:before {
  content: "\E211"
}

.icon-applist:before {
  content: "\E212"
}

.icon-receipts:before {
  content: "\E213"
}

.icon-invoice:before {
  content: "\E214"
}

.icon-house_procedures:before {
  content: "\E215"
}

.icon-buy_new:before {
  content: "\E216"
}

.icon-buy_house:before {
  content: "\E217"
}

.icon-buy_rennovated_appartment:before {
  content: "\E218"
}

.icon-buy2:before {
  content: "\E219"
}

.icon-articles:before {
  content: "\E220"
}

.icon-campaign:before {
  content: "\E221"
}

.icon-handyman:before {
  content: "\E222"
}

.icon-life_support:before {
  content: "\E223"
}

.icon-members_benefits:before {
  content: "\E224"
}

.icon-magazine_newsletter:before {
  content: "\E225"
}

.icon-seminars:before {
  content: "\E226"
}

.icon-consider:before {
  content: "\E227"
}

.icon-residing:before {
  content: "\E228"
}

i[class^="icon-round-"],
i[class*=" icon-round-"] {
  border-radius: 100%;
  padding: .5625rem;
  margin-right: 0
}

.icon-round-default {
  background-color: #FBF1F2;
  color: #B81C22
}

.icon-round-primary {
  background-color: #B81C22;
  color: #fff
}

.heading-primary,
.heading-default,
.heading-secondary,
.heading-fill-primary,
.heading-fill-secondary,
.heading-fill-default,
.heading-border-default {
  margin-bottom: 1.6rem;
  margin-top: 0
}

.heading-h1 {
  line-height: 1.5;
  font-size: 1.25rem
}

@media (min-width: 1024px) {
  .heading-h1 {
    line-height: 1.33333;
    font-size: 1.75rem
  }
}

.heading-h2 {
  line-height: 1.55556;
  font-size: 1.125rem;
  font-weight: bold
}

@media (min-width: 1024px) {
  .heading-h2 {
    line-height: 1.5;
    font-size: 1.25rem
  }
}

.heading-h3 {
  line-height: 1.75;
  font-size: 1rem;
  font-weight: bold
}

.heading-primary {
  border-left: 3px solid #B81C22;
  overflow: hidden;
  padding-left: 20px
}

.heading-default {
  border-left: 3px solid #CDCDCD;
  overflow: hidden;
  padding-left: 20px
}

.heading-primary {
  border-left: 3px solid #B81C22;
  overflow: hidden;
  padding-left: 20px
}

.heading-secondary {
  border-left: 3px solid #7dacd5;
  overflow: hidden;
  padding-left: 20px
}

.heading-fill-primary {
  background-color: #B81C22;
  color: #fff;
  overflow: hidden;
  padding: 0.5em 20px
}

.heading-fill-secondary {
  border-left: 3px solid #7dacd5;
  color: #fff;
  overflow: hidden;
  padding-left: 20px
}

.heading-fill-default {
  background-color: #CDCDCD;
  overflow: hidden;
  padding: 0.5em 20px
}

.heading-border-default {
  border-bottom: 1px solid #CDCDCD;
  overflow: hidden;
  padding-bottom: .5em
}

.heading-round-red {
  display: flex;
  align-items: center;
  color: #B81C22
}

.heading-round-red>i {
  background-color: #B81C22;
  border-radius: 50%;
  color: #fff;
  padding: .5rem;
  margin-right: 1rem
}

.text-align-left {
  text-align: left
}

.text-align-center {
  text-align: center
}

.text-align-right {
  text-align: right
}

.text-indent-1 {
  text-indent: 1em
}

.text-indent-2 {
  text-indent: 2em
}

.text-indent-3 {
  text-indent: 3em
}

.text-indent-4 {
  text-indent: 4em
}

.text-color-default {
  color: #1c1c1c
}

.text-color-inverse {
  color: #fff
}

.text-color-primary {
  color: #B81C22
}

.text-color-secondary {
  color: #7dacd5
}

.text-color-dark {
  color: #6A6A6A
}

.text-color-medium {
  color: #9d9d9d
}

.text-color-light {
  color: #F0f0f0
}

.text-color-accent {
  color: #f44336
}

.text-weight-normal {
  font-weight: normal
}

.text-weight-bold {
  font-weight: bold
}

.text-style-italic {
  font-style: italic
}

.text-style-oblique {
  font-style: oblique
}

.text-style-line {
  text-decoration: underline
}

.text-size-largest {
  font-size: 1.5rem
}

.text-size-larger {
  font-size: 1.25rem
}

.text-size-large {
  font-size: 1.125rem
}

.text-size-smallest {
  font-size: .625rem
}

.text-family-sans {
  font-family: "Noto Sans JP", "YuGothic", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif
}

.text-family-serif {
  font-family: "Times New Roman", Georgia, "Hiragino Mincho ProN", "Yu Mincho", sans-serif
}

.text-family-code {
  font-family: "Menlo", "Lucida Console", monospace
}

.text-width-block {
  display: block
}

.text-width-inline {
  display: inline-block
}

.text-nowrap {
  white-space: nowrap
}

.text-break-word {
  word-break: break-word
}

.text-color-accent {
  color: #f44336
}

.link-internal:before {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: .2em;
  text-decoration: none
}

.link-hash:before {
  content: "\E102";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: .2em;
  text-decoration: none
}

.link-popup:after {
  content: "\E143";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: .2em;
  text-decoration: none
}

.link-tel:before {
  content: "\E141";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: .2em;
  text-decoration: none
}

.link-tel-special {
  color: #1c1c1c;
  font-size: 1.5rem;
  font-weight: bold;
  text-decoration: none
}

.link-tel-special:before {
  content: "\E141";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #B81C22;
  margin-right: .2em;
  text-decoration: none
}

.link-mail:before {
  content: "\E142";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: .2em;
  text-decoration: none
}

.link-disabled {
  pointer-events: none
}

.link-external::after {
  content: "\E120";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 0.2em
}

.link-edit {
  text-decoration: none;
  color: #B81C22
}

.link-edit::before {
  content: "\E139";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 0.5rem
}

.link-edit:hover {
  color: #B81C22
}

.link-angle {
  font-size: .875rem;
  font-weight: bold;
  text-decoration: none
}

.link-angle::after {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: .5rem;
  font-size: 1.5rem;
  vertical-align: bottom
}

.btn-icon {
  color: black;
  background: none;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 1.5rem;
  height: auto;
  aspect-ratio: 50/50;
  cursor: pointer;
  line-height: 1
}

.btn-icon:hover {
  background-color: #f4f4f4;
  color: #1c1c1c
}

.btn-icon:active {
  background-color: #F0f0f0
}

.btn-icon:visited {
  color: #1c1c1c
}

.btn-icon:disabled,
.btn-icon.btn-disabled {
  color: #9d9d9d
}

.btn-icon>span {
  font-size: 0
}

.btn-dark {
  color: #fff;
  background-color: #1c1c1c
}

.btn-dark:hover {
  color: #fff;
  background-color: #0f0f0f
}

.btn-light {
  color: #1c1c1c;
  background-color: #f4f4f4
}

.btn-light:hover {
  color: #1c1c1c;
  background-color: #e7e7e7
}

.btn-default {
  color: #fff;
  background-color: #6A6A6A
}

.btn-default:hover {
  color: #fff;
  background-color: #5d5d5d
}

.btn-default:hover {
  background-color: #9d9d9d
}

.btn-default:active {
  background-color: #1c1c1c
}

.btn-default:disabled {
  background-color: #f4f4f4;
  color: #9d9d9d
}

.btn-primary,
.btn-setting {
  color: #fff;
  background-color: #B81C22
}

.btn-primary:hover,
.btn-setting:hover {
  color: #fff;
  background-color: #a2191e
}

.btn-primary:hover,
.btn-setting:hover {
  background-color: #D15E63
}

.btn-primary:active,
.btn-setting:active {
  background-color: #851418
}

.btn-primary:disabled,
.btn-setting:disabled {
  background-color: #f4f4f4;
  color: #9d9d9d
}

.btn-secondary {
  color: #fff;
  background-color: #6084a3
}

.btn-secondary:hover {
  color: #fff;
  background-color: #567794
}

.btn-outline-dark {
  border-color: #9d9d9d;
  background: none;
  color: #9d9d9d;
  color: #1c1c1c
}

.btn-outline-dark:hover {
  background-color: rgba(157, 157, 157, 0.1);
  border-color: #9d9d9d;
  color: #9d9d9d
}

.btn-outline-dark:hover {
  border-color: #f4f4f4;
  background-color: #f4f4f4
}

.btn-outline-dark:active {
  border-color: #F0f0f0;
  background-color: #F0f0f0
}

.btn-outline-dark:disabled,
.btn-outline-dark.btn-disabled {
  border-color: #F0f0f0;
  color: #9d9d9d
}

.btn-outline-light {
  border-color: #f4f4f4;
  background: none;
  color: #f4f4f4
}

.btn-outline-light:hover {
  background-color: rgba(244, 244, 244, 0.1);
  border-color: #f4f4f4;
  color: #f4f4f4
}

.btn-outline-default,
.btn-outline-primary {
  border-color: #B81C22;
  background: none;
  color: #B81C22
}

.btn-outline-default:hover,
.btn-outline-primary:hover {
  background-color: rgba(184, 28, 34, 0.1);
  border-color: #B81C22;
  color: #B81C22
}

.btn-outline-default:hover,
.btn-outline-primary:hover {
  background-color: #FBF1F2
}

.btn-outline-default:active,
.btn-outline-primary:active {
  background-color: #EBB0B2
}

.btn-outline-default:disabled,
.btn-outline-default.btn-disabled,
.btn-outline-primary:disabled,
.btn-outline-primary.btn-disabled {
  border-color: #EBB0B2;
  color: #EBB0B2
}

.btn-outline-secondary {
  border-color: #6084a3;
  background: none;
  color: #6084a3
}

.btn-outline-secondary:hover {
  background-color: rgba(96, 132, 163, 0.1);
  border-color: #6084a3;
  color: #6084a3
}

.btn-size-sm {
  font-size: .875rem;
  padding: .2em .5em
}

.btn-size-md {
  font-size: 1rem;
  padding: .25em .75em
}

.btn-size-lg {
  font-size: 1.125rem;
  padding: .5em 1em
}

.btn-block {
  text-align: center;
  width: 100%
}

.btn-width-1 {
  max-width: 100%;
  min-width: 8.33333%
}

.btn-width-2 {
  max-width: 100%;
  min-width: 16.66667%
}

.btn-width-3 {
  max-width: 100%;
  min-width: 25%
}

.btn-width-4 {
  max-width: 100%;
  min-width: 33.33333%
}

.btn-width-5 {
  max-width: 100%;
  min-width: 41.66667%
}

.btn-width-6 {
  max-width: 100%;
  min-width: 50%
}

.btn-width-7 {
  max-width: 100%;
  min-width: 58.33333%
}

.btn-width-8 {
  max-width: 100%;
  min-width: 66.66667%
}

.btn-width-9 {
  max-width: 100%;
  min-width: 75%
}

.btn-width-10 {
  max-width: 100%;
  min-width: 83.33333%
}

.btn-width-11 {
  max-width: 100%;
  min-width: 91.66667%
}

.btn-width-12 {
  max-width: 100%;
  min-width: 100%
}

.btn-width-auto {
  width: auto
}

.btn-disabled {
  pointer-events: none;
  background-color: #f4f4f4;
  color: #9d9d9d
}

.btn-default-lighter {
  color: #1c1c1c;
  background-color: #F0f0f0
}

.btn-default-lighter:hover {
  color: #1c1c1c;
  background-color: #e3e3e3
}

.btn-inverse {
  color: #1c1c1c;
  background-color: #fff
}

.btn-inverse:hover {
  color: #1c1c1c;
  background-color: #f2f2f2
}

.btn-outline-default-lighter {
  border-color: #CDCDCD;
  background: none;
  color: #CDCDCD;
  color: #1c1c1c
}

.btn-outline-default-lighter:hover {
  background-color: rgba(205, 205, 205, 0.1);
  border-color: #CDCDCD;
  color: #CDCDCD
}

.btn-outline-inverse {
  border-color: #fff;
  background: none;
  color: #fff
}

.btn-outline-inverse:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: #fff;
  color: #fff
}

.btn-size-smaller {
  font-size: .75rem;
  padding: .5em 1em
}

.btn-size-small {
  font-size: .875rem;
  padding: .5em 1em
}

.btn-size-medium {
  font-size: 1rem
}

.btn-size-large {
  font-size: 1.125rem;
  padding: .75em 1em
}

.btn-size-larger {
  font-size: 1.25rem;
  padding: .75em 1em
}

[class^="card-"],
.constructionCard,
[class*=" card-"],
.mypageEventSchedulePanel,
.mypageInfoPanel-C {
  background-color: #fff;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: calc(100% - 20px);
  margin-bottom: 1.25rem;
  text-decoration: none;
  width: 100%;
  border-radius: .5rem;
  border: 1px solid #CDCDCD;
  overflow: hidden
}

[class^="card-"]>*,
.constructionCard>*,
[class*=" card-"]>*,
.mypageEventSchedulePanel>*,
.mypageInfoPanel-C>* {
  max-width: 100%
}

[class^="card-"]>._image>._cover,
.constructionCard>._image>._cover,
[class*=" card-"]>._image>._cover,
.mypageInfoPanel-C>._card>._image>._cover {
  overflow: hidden;
  padding-bottom: 57%;
  position: relative
}

[class^="card-"]>._image>._cover>img,
.constructionCard>._image>._cover>img,
[class*=" card-"]>._image>._cover>img,
.mypageInfoPanel-C>._card>._image>._cover>img {
  font-family: "object-fit: cover;";
  height: 100%;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
  width: 100%
}

[class^="card-"]>._content,
.constructionCard>._content,
[class*=" card-"]>._content,
.mypageInfoPanel-C>._content,
.mypageInfoPanel-C>._card>._content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1rem 1rem 0;
  width: 100%
}

[class^="card-"]>._content>*,
.constructionCard>._content>*,
[class*=" card-"]>._content>*,
.mypageInfoPanel-C>._content>*,
.mypageInfoPanel-C>._card>._content>* {
  width: 100%
}

[class^="card-"]>._content>._title,
.constructionCard>._content>._title,
[class*=" card-"]>._content>._title,
.mypageInfoPanel-C>._content>._title,
.mypageInfoPanel-C>._card>._content>._title {
  color: #1c1c1c;
  font-weight: bold
}

[class^="card-"]>._content>._outline,
.constructionCard>._content>._outline,
[class*=" card-"]>._content>._outline,
.mypageInfoPanel-C>._content>._outline,
.mypageInfoPanel-C>._card>._content>._outline {
  font-size: .875rem
}

[class^="card-"]:hover>._image>._cover img,
.constructionCard:hover>._image>._cover img,
[class*=" card-"]:hover>._image>._cover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.fxb-col._w-100-card {
  width: 100% !important
}

@media (min-width: 600px) {
  .fxb-col._w-100-card>.card-default>._image {
    height: 300px
  }

  .fxb-col._w-100-card>.card-default>._image>._cover {
    height: 200px;
    padding: 150px
  }

  .fxb-col._w-100-card>.card-default>._image>._cover>img {
    height: 300px
  }
}

.card-lighter {
  background-color: #f8f8f8;
  border-radius: 0.5rem;
  padding: 1rem
}

.card-lighter>._image img {
  border-radius: .5rem
}

.card-outline-default {
  border: 1px solid #CDCDCD;
  border-radius: 0.5rem;
  padding: 1rem
}

.card-outline-default>._image img {
  border-radius: .5rem
}

.card-outline-lighter {
  border: 1px solid #CDCDCD;
  background-color: #f8f8f8;
  border-radius: 0.5rem;
  padding: 1rem
}

.card-outline-lighter>._image img {
  border-radius: .5rem
}

.card-default-square>._image>._cover {
  padding-bottom: 100%
}

.card-cover {
  padding-bottom: 57%;
  position: relative;
  text-align: center
}

.card-cover>._image {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.card-cover>._image>._cover {
  position: static
}

.card-cover>._image+._content {
  background-color: rgba(205, 205, 205, 0.2);
  color: #fff
}

.card-cover>._image+._content>._title {
  color: inherit
}

.card-cover>._content {
  align-items: center;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.card-cover-square {
  padding-bottom: 100%;
  position: relative;
  text-align: center
}

.card-cover-square>._image {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}

.card-cover-square>._image>._cover {
  position: static
}

.card-cover-square>._image>._cover {
  padding-bottom: 100%
}

.card-cover-square>._image+._content {
  background-color: rgba(205, 205, 205, 0.2);
  color: #fff
}

.card-cover-square>._image+._content>._title {
  color: inherit
}

.card-cover-square>._content {
  align-items: center;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

@media (min-width: 600px) {
  .card-compact {
    flex-direction: row
  }
}

@media (max-width: 599.98px) {
  .card-compact {
    text-align: center
  }
}

@media (min-width: 600px) {
  .card-compact>._image>._cover {
    height: 16rem;
    padding-bottom: 0;
    width: 28.44444rem
  }
}

.card-compact>._content {
  justify-content: center
}

.card-compact-square {
  overflow: hidden
}

@media (min-width: 600px) {
  .card-compact-square {
    flex-direction: row
  }
}

@media (max-width: 599.98px) {
  .card-compact-square {
    text-align: center
  }
}

@media (min-width: 600px) {
  .card-compact-square>._image>._cover {
    height: 10rem;
    padding-bottom: 0;
    width: 10rem
  }
}

.card-compact-square>._content {
  justify-content: center
}

.card-intro {
  align-items: center;
  flex-direction: column;
  text-align: center;
  display: block
}

@media (min-width: 1024px) {
  .card-intro {
    flex-direction: row;
    text-align: left;
    display: flex
  }
}

@media (min-width: 600px) {
  .card-intro>._image {
    width: 100%
  }
}

.card-intro>._content {
  padding-top: 1rem;
  justify-content: center
}

.card-intro>._content>._title {
  font-size: 1rem
}

@media (min-width: 1024px) {
  .card-intro>._content>._title {
    font-size: 1.3rem
  }
}

@media (min-width: 600px) {
  .card-intro>._content>._outline {
    font-size: 1.6rem
  }
}

.card-active {
  color: #B81C22
}

[class*="-grayWhite"] .card-active {
  border: 1px solid #B81C22
}

.card-active>._content>._title {
  color: #B81C22
}

.card-linkItem {
  height: auto;
  border: none;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: .75rem 1rem;
  gap: 1rem;
  margin-bottom: 1rem
}

.card-linkItem::after {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;
  font-size: 1.5rem
}

.card-linkItem>._text>._title {
  font-weight: 700;
  font-size: 1rem;
  padding-bottom: .375rem;
  display: block
}

[class^="list-"],
[class*=" list-"] {
  counter-reset: i;
  list-style-type: none;
  padding-left: 0
}

[class^="list-"]>*,
[class*=" list-"]>* {
  counter-increment: i;
  padding-left: 2em;
  position: relative
}

[class^="list-"]>*:before,
[class*=" list-"]>*:before {
  color: #1c1c1c;
  display: inline-block;
  margin-right: -1.5em;
  position: absolute;
  right: 100%;
  text-decoration: none;
  white-space: nowrap
}

[class^="list-"]>.col,
[class*=" list-"]>.col {
  padding-left: calc(3em + 16px);
  padding-right: 16px
}

[class^="list-"]>.col:before,
[class*=" list-"]>.col:before {
  margin-right: calc(-2.5em + -16px)
}

.list-type-bullet>*:before {
  content: "\2022";
  font-family: Verdana, sans-serif
}

.list-type-number>*:before {
  content: counter(i) "."
}

ul.list-type-circle>*:before {
  content: "\25CB";
  font-family: Verdana, sans-serif
}

ol.list-type-circle>*:before {
  border: 1px solid #1c1c1c;
  border-radius: 50%;
  box-sizing: content-box;
  content: counter(i);
  line-height: 1;
  text-align: center;
  top: .25em;
  width: 1em
}

ul.list-type-rectangle>*:before {
  content: "\20DE";
  font-family: Verdana, sans-serif
}

ol.list-type-rectangle>*:before {
  border: 1px solid #1c1c1c;
  box-sizing: content-box;
  content: counter(i);
  line-height: 1;
  text-align: center;
  top: .25em;
  width: 1em
}

ul.list-type-asterisk>*:before {
  content: "\FF0A"
}

ol.list-type-asterisk>*:before {
  content: "��"counter(i)
}

ul.list-type-komejirushi>*:before {
  content: "\203b"
}

ol.list-type-komejirushi>*:before {
  content: "窶ｻ"counter(i)
}

ul.list-type-notice>*:before {
  content: "\6ce8"
}

ol.list-type-notice>*:before {
  content: "豕ｨ"counter(i)
}

ol.list-type-lowerLatin>*:before {
  content: counter(i, lower-latin) "."
}

ol.list-type-upperLatin>*:before {
  content: counter(i, upper-latin) "."
}

ol.list-type-parenthesis>*:before {
  content: "("counter(i) ")"
}

ol.list-type-squareBracket>*:before {
  content: "["counter(i) "]"
}

ol.list-type-angleBracket>*:before {
  content: "筺ｨ"counter(i) "筺ｩ"
}

.list-color-default,
.list-color-dark>*:before {
  color: #1c1c1c
}

.list-color-light>*:before {
  color: #f4f4f4
}

.list-color-primary>*:before {
  color: #B81C22
}

.list-color-secondary>*:before {
  color: #7dacd5
}

[class*="list-type-"] .fxb-col,
[class*="list-type-"] [class*="fxb-col-"] {
  padding-left: calc(3em + 16px)
}

.list-type-ball>*:before {
  content: "\25cf"
}

.list-type-nijumaru>*:before {
  content: "\25ce"
}

.list-type-cube>*:before {
  content: "\25a0"
}

ul.list-type-arrowRight>*:before {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: unset
}

ul.list-type-arrowDown>*:before {
  content: "\E102";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: unset
}

.list-type-custom>li>._icon {
  display: inline-block;
  margin-right: -1.5em;
  position: absolute;
  right: 100%;
  text-decoration: none;
  white-space: nowrap
}

dl.list-definition dt {
  font-size: .875rem;
  font-weight: bold
}

dl.list-definition>* {
  padding-left: 0
}

[class^="table-"],
[class*=" table-"] {
  border-bottom: 1px solid #CDCDCD;
  border-top: 1px solid #CDCDCD
}

[class^="table-"] thead tr th,
[class*=" table-"] thead tr th {
  background-color: #F0f0f0
}

@media (max-width: 599.98px) {

  .scroll [class^="table-"] thead tr th,
  .scroll [class*=" table-"] thead tr th {
    white-space: normal
  }
}

[class^="table-"] thead tr,
[class*=" table-"] thead tr,
[class^="table-"] tbody tr,
[class*=" table-"] tbody tr,
[class^="table-"] tfoot tr,
[class*=" table-"] tfoot tr {
  border-bottom: 1px solid #CDCDCD;
  border-top: 1px solid #CDCDCD
}

[class^="table-"] thead tr th,
[class*=" table-"] thead tr th,
[class^="table-"] tbody tr th,
[class*=" table-"] tbody tr th,
[class^="table-"] tfoot tr th,
[class*=" table-"] tfoot tr th {
  color: #1c1c1c;
  font-size: .875rem;
  padding: 0.5em 20px;
  white-space: nowrap
}

@media (max-width: 599.98px) {

  .scroll [class^="table-"] thead tr th,
  .scroll [class*=" table-"] thead tr th,
  .scroll [class^="table-"] tbody tr th,
  .scroll [class*=" table-"] tbody tr th,
  .scroll [class^="table-"] tfoot tr th,
  .scroll [class*=" table-"] tfoot tr th {
    white-space: normal
  }
}

[class^="table-"] thead tr td,
[class*=" table-"] thead tr td,
[class^="table-"] tbody tr td,
[class*=" table-"] tbody tr td,
[class^="table-"] tfoot tr td,
[class*=" table-"] tfoot tr td {
  padding: 1em 20px
}

.table-default thead tr th+td,
.table-default tbody tr th+td,
.table-default tfoot tr th+td {
  position: relative
}

.table-default thead tr th+td:before,
.table-default tbody tr th+td:before,
.table-default tfoot tr th+td:before {
  border-left: 1px solid #CDCDCD;
  bottom: 1rem;
  content: "";
  left: 0;
  position: absolute;
  top: 1rem
}

@media (max-width: 599.98px) {
  .table-default-adaptive {
    border: none;
    border-bottom: 1px solid #CDCDCD;
    display: block;
    margin-bottom: 1rem
  }
}

.table-default-adaptive caption {
  display: block
}

@media (max-width: 599.98px) {

  .table-default-adaptive thead,
  .table-default-adaptive tbody,
  .table-default-adaptive tfoot {
    display: block
  }
}

@media (max-width: 599.98px) {

  .table-default-adaptive thead tr,
  .table-default-adaptive tbody tr,
  .table-default-adaptive tfoot tr {
    border: none;
    border-top: 1px solid #CDCDCD;
    display: block;
    margin-bottom: 1rem
  }
}

@media (max-width: 599.98px) {

  .table-default-adaptive thead tr th,
  .table-default-adaptive tbody tr th,
  .table-default-adaptive tfoot tr th {
    border-bottom: 1px solid #F0f0f0;
    display: block;
    margin-bottom: .5rem;
    padding: .5rem 0
  }
}

@media (max-width: 599.98px) {

  .table-default-adaptive thead tr td,
  .table-default-adaptive tbody tr td,
  .table-default-adaptive tfoot tr td {
    display: block;
    padding: 0
  }
}

@media (min-width: 600px) {

  .table-default-adaptive thead tr th+td,
  .table-default-adaptive tbody tr th+td,
  .table-default-adaptive tfoot tr th+td {
    position: relative
  }

  .table-default-adaptive thead tr th+td:before,
  .table-default-adaptive tbody tr th+td:before,
  .table-default-adaptive tfoot tr th+td:before {
    border-left: 1px solid #CDCDCD;
    bottom: 1rem;
    content: "";
    left: 0;
    position: absolute;
    top: 1rem
  }
}

.table-fill thead tr th,
.table-fill tbody tr th,
.table-fill tfoot tr th {
  background-color: #F0f0f0
}

.table-stripe thead tr,
.table-stripe tbody tr,
.table-stripe tfoot tr {
  border: none
}

.table-stripe thead tr:nth-child(even),
.table-stripe tbody tr:nth-child(even),
.table-stripe tfoot tr:nth-child(even) {
  background-color: #F0f0f0
}

.table-width-1 {
  width: 8.33333%
}

.table-width-2 {
  width: 16.66667%
}

.table-width-3 {
  width: 25%
}

.table-width-4 {
  width: 33.33333%
}

.table-width-5 {
  width: 41.66667%
}

.table-width-6 {
  width: 50%
}

.table-width-7 {
  width: 58.33333%
}

.table-width-8 {
  width: 66.66667%
}

.table-width-9 {
  width: 75%
}

.table-width-10 {
  width: 83.33333%
}

.table-width-11 {
  width: 91.66667%
}

.table-width-12 {
  width: 100%
}

[class^="table-"] th._bold,
[class^="table-"] td._bold,
[class*=" table-"] th._bold,
[class*=" table-"] td._bold {
  font-weight: bold
}

[class^="table-"] th._normal,
[class^="table-"] td._normal,
[class*=" table-"] th._normal,
[class*=" table-"] td._normal {
  font-weight: normal
}

[class^="table-"] th._primary,
[class^="table-"] td._primary,
[class*=" table-"] th._primary,
[class*=" table-"] td._primary {
  color: #B81C22
}

[class^="table-"] th._secondary,
[class^="table-"] td._secondary,
[class*=" table-"] th._secondary,
[class*=" table-"] td._secondary {
  color: #7dacd5
}

[class^="table-"] th._accent,
[class^="table-"] td._accent,
[class*=" table-"] th._accent,
[class*=" table-"] td._accent {
  color: #f44336
}

[class^="table-"] th._disabled,
[class^="table-"] td._disabled,
[class*=" table-"] th._disabled,
[class*=" table-"] td._disabled {
  color: #f4f4f4
}

[class^="table-"] th._left,
[class^="table-"] td._left,
[class*=" table-"] th._left,
[class*=" table-"] td._left {
  text-align: left
}

[class^="table-"] th._center,
[class^="table-"] td._center,
[class*=" table-"] th._center,
[class*=" table-"] td._center {
  text-align: center
}

[class^="table-"] th._right,
[class^="table-"] td._right,
[class*=" table-"] th._right,
[class*=" table-"] td._right {
  text-align: right
}

[class^="table-"] th._nowrap,
[class^="table-"] td._nowrap,
[class*=" table-"] th._nowrap,
[class*=" table-"] td._nowrap {
  white-space: nowrap
}

[class^="table-"] th._wrap,
[class^="table-"] td._wrap,
[class*=" table-"] th._wrap,
[class*=" table-"] td._wrap {
  white-space: normal
}

[class^="table-"] th._width-2,
[class^="table-"] td._width-2,
[class*=" table-"] th._width-2,
[class*=" table-"] td._width-2 {
  width: 2em
}

[class^="table-"] th._width-4,
[class^="table-"] td._width-4,
[class*=" table-"] th._width-4,
[class*=" table-"] td._width-4 {
  width: 4em
}

[class^="table-"] th._width-6,
[class^="table-"] td._width-6,
[class*=" table-"] th._width-6,
[class*=" table-"] td._width-6 {
  width: 6em
}

[class^="table-"] th._width-8,
[class^="table-"] td._width-8,
[class*=" table-"] th._width-8,
[class*=" table-"] td._width-8 {
  width: 8em
}

[class^="table-"] th._width-10,
[class^="table-"] td._width-10,
[class*=" table-"] th._width-10,
[class*=" table-"] td._width-10 {
  width: 10em
}

[class^="table-"] th._width-12,
[class^="table-"] td._width-12,
[class*=" table-"] th._width-12,
[class*=" table-"] td._width-12 {
  width: 12em
}

[class^="table-"] th._width-14,
[class^="table-"] td._width-14,
[class*=" table-"] th._width-14,
[class*=" table-"] td._width-14 {
  width: 14em
}

[class^="table-"] th._width-16,
[class^="table-"] td._width-16,
[class*=" table-"] th._width-16,
[class*=" table-"] td._width-16 {
  width: 16em
}

[class^="table-"] th._width-18,
[class^="table-"] td._width-18,
[class*=" table-"] th._width-18,
[class*=" table-"] td._width-18 {
  width: 18em
}

[class^="table-"] th._width-20,
[class^="table-"] td._width-20,
[class*=" table-"] th._width-20,
[class*=" table-"] td._width-20 {
  width: 20em
}

.hr-color-default,
.hr-color-light {
  border-top-color: #CDCDCD
}

.hr-color-inverse {
  border-top-color: #fff
}

.hr-color-dark {
  border-top-color: #1c1c1c
}

.hr-color-primary {
  border-top-color: #B81C22
}

.hr-type-solid {
  border-top-style: solid
}

.hr-type-dotted {
  border-top-style: dotted
}

.hr-type-dashed {
  border-top-style: dashed
}

.hr-type-double {
  border-top-style: double;
  border-top-width: 3px
}

.hr-flow {
  position: relative;
  height: 1px;
  width: 100%;
  background-color: #FBF1F2;
  margin: 2.5rem 0
}

.hr-flow::after {
  content: '笆ｼ';
  color: #fff;
  background-color: #D15E63;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.125rem;
  width: 3rem;
  height: 3rem;
  border-radius: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: .5rem solid #fff;
  box-sizing: unset
}

@media (min-width: 600px) {
  .hr-flow {
    height: auto;
    width: 2px;
    margin: 0 2.5rem
  }

  .hr-flow::after {
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    border: .375rem solid #fff
  }
}

@media (min-width: 600px) {
  .border-md {
    border: 1px solid #CDCDCD
  }
}

.panel-dark,
.panel-light,
.panel-primary,
.panel-secondary,
.panel-outline-dark,
.panel-outline-light,
.panel-outline-primary,
.panel-outline-secondary {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .5rem;
  margin-bottom: 1rem
}

.panel-dark>._header,
.panel-light>._header,
.panel-primary>._header,
.panel-secondary>._header,
.panel-outline-dark>._header,
.panel-outline-light>._header,
.panel-outline-primary>._header,
.panel-outline-secondary>._header {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .5rem .5rem 0 0;
  font-weight: bold;
  line-height: 1.34;
  margin: -1px -1px 0;
  padding: 0.5rem 16px
}

.panel-dark>._body,
.panel-light>._body,
.panel-primary>._body,
.panel-secondary>._body,
.panel-outline-dark>._body,
.panel-outline-light>._body,
.panel-outline-primary>._body,
.panel-outline-secondary>._body {
  padding: 1rem 16px 0
}

.panel-dark {
  color: #fff;
  background-color: #1c1c1c;
  border-color: #0f0f0f
}

.panel-dark>._header {
  background-color: #0f0f0f;
  border-color: #030303
}

.panel-light {
  color: #1c1c1c;
  background-color: #f4f4f4;
  border-color: #e7e7e7
}

.panel-light>._header {
  background-color: #e7e7e7;
  border-color: #dbdbdb
}

.panel-primary {
  color: #fff;
  background-color: #B81C22;
  border-color: #a2191e
}

.panel-primary>._header {
  background-color: #a2191e;
  border-color: #8c151a
}

.panel-secondary {
  color: #fff;
  background-color: #6084a3;
  border-color: #567794
}

.panel-secondary>._header {
  background-color: #567794;
  border-color: #4c6a84
}

.panel-outline-dark {
  border-color: #0f0f0f
}

.panel-outline-dark>._header {
  color: #fff;
  background-color: #0f0f0f;
  border-color: #030303
}

.panel-outline-light {
  border-color: #e7e7e7
}

.panel-outline-light>._header {
  color: #1c1c1c;
  background-color: #e7e7e7;
  border-color: #dbdbdb
}

.panel-outline-primary {
  border-color: #a2191e
}

.panel-outline-primary>._header {
  color: #fff;
  background-color: #a2191e;
  border-color: #8c151a
}

.panel-outline-secondary {
  border-color: #567794
}

.panel-outline-secondary>._header {
  color: #fff;
  background-color: #567794;
  border-color: #4c6a84
}

[class^="panel-"],
[class*=" panel-"] {
  border-radius: .375rem;
  color: #1c1c1c;
  margin-bottom: 1rem;
  overflow: hidden
}

[class^="panel-"]>*,
[class*=" panel-"]>* {
  min-height: 0%
}

[class^="panel-"]>._header,
[class*=" panel-"]>._header {
  color: #1c1c1c;
  padding: 1px 20px
}

[class^="panel-"]>._header>*,
[class*=" panel-"]>._header>* {
  color: inherit;
  margin: .75em 0
}

[class^="panel-"]>._content,
[class*=" panel-"]>._content {
  padding: 1rem 20px 0 20px
}

[class^="panel-"]>._content>*,
[class*=" panel-"]>._content>* {
  min-height: 0%
}

.panel-primary {
  background-color: #c6494e;
  color: #F0f0f0
}

.panel-primary>._header {
  background-color: #B81C22;
  color: #fff
}

.panel-secondary {
  background-color: #809db5;
  color: #F0f0f0
}

.panel-secondary>._header {
  background-color: #6084a3;
  color: #fff
}

.panel-default {
  background-color: #333;
  color: #F0f0f0
}

.panel-default>._header {
  background-color: #1c1c1c;
  color: #fff
}

.panel-default-lighter {
  background-color: #F0f0f0
}

.panel-default-lighter>._header {
  background-color: #CDCDCD
}

.panel-inverse {
  background-color: #fff
}

.panel-inverse>._header {
  background-color: #F0f0f0
}

.panel-outline-primary {
  border: 2px solid #B81C22;
  font-weight: bold
}

.panel-outline-primary>._header {
  background-color: #c6494e;
  border-bottom: 1px solid #B81C22;
  color: #fff
}

.panel-outline-secondary {
  border: 1px solid #6084a3
}

.panel-outline-secondary>._header {
  background-color: #809db5;
  border-bottom: 1px solid #6084a3;
  color: #fff
}

.panel-outline-default {
  border: 1px solid #1c1c1c
}

.panel-outline-default>._header {
  background-color: #333;
  border-bottom: 1px solid #1c1c1c;
  color: #fff
}

.panel-outline-default-lighter {
  border: 1px solid #CDCDCD
}

.panel-outline-default-lighter>._header {
  background-color: #f4f4f4;
  border-bottom: 1px solid #CDCDCD
}

.panel-outline-inverse {
  border: 1px solid #fff;
  color: #F0f0f0
}

.panel-outline-inverse>._header {
  background-color: #fff
}

.panel-vertical-top>._content {
  justify-content: flex-start
}

.panel-vertical-middle>._content {
  justify-content: center
}

.panel-vertical-bottom>._content {
  justify-content: flex-end
}

.panel-alignment {
  display: flex;
  flex-direction: column;
  height: calc(100% - 1rem)
}

.panel-alignment>._content {
  display: flex;
  flex-direction: column
}

[class^="label-"],
[class*=" label-"] {
  background-color: #F0f0f0;
  border: 1px solid transparent;
  border-radius: .25rem;
  color: #1c1c1c;
  display: inline-block;
  padding: .2em .5em;
  text-decoration: none
}

.label-default,
.label-dark {
  color: #fff;
  background-color: #1c1c1c
}

.label-gray {
  color: #1c1c1c;
  background-color: #f4f4f4;
  color: #6A6A6A
}

.label-light {
  color: #1c1c1c;
  background-color: #f4f4f4
}

.label-primary {
  color: #fff;
  background-color: #B81C22
}

.label-secondary {
  color: #fff;
  background-color: #6084a3
}

.label-outline-default,
.label-outline-dark {
  border: 1px solid #1c1c1c;
  color: #1c1c1c;
  background: none
}

.label-outline-light {
  border: 1px solid #F0f0f0;
  color: #F0f0f0;
  background: none
}

.label-outline-primary {
  border: 1px solid #B81C22;
  color: #B81C22;
  background: none
}

.label-outline-secondary {
  border: 1px solid #6084a3;
  color: #6084a3;
  background: none
}

.label-round-primary {
  color: #fff;
  border-radius: 100px;
  background-color: #B81C22
}

.label-round-gray {
  color: #1c1c1c;
  border-radius: 100px;
  background-color: #CDCDCD;
  font-weight: normal
}

.label-size-sm {
  font-size: .875rem
}

.label-size-md {
  font-size: 1rem
}

.label-size-lg {
  font-size: 1.125rem
}

.label-schedule {
  width: 100%;
  text-align: center;
  color: #fff;
  border-radius: 100px;
  background-color: #B81C22
}

@media (min-width: 600px) {
  .label-schedule {
    width: auto;
    border-radius: .25rem;
    font-weight: 400
  }
}

.label-green {
  background-color: #98b717;
  color: #fff
}

.label-category-gray,
.label-category-residence {
  background-color: #E6E6E6;
  color: #6A6A6A
}

.label-category-blue,
.label-category-campaign {
  background-color: #c9def0;
  color: #6084a3
}

.label-category-green,
.label-category-event {
  background-color: #deebab;
  color: #6e8511
}

.label-category-purple,
.label-category-column {
  background-color: #E0D3E8;
  color: #746082
}

.label-category-orange,
.label-category-benefit {
  background-color: #ffd8b5;
  color: #cc823f
}

.label-category-yellow,
.label-category-mecg {
  background-color: #ffeeb2;
  color: #BD9713
}

.label-category-brown,
.label-category-other {
  background-color: #E3D0C7;
  color: #956F5C
}

.label-category-pink {
  background-color: #FFE5E7;
  color: #E46D75
}

.label-category-turquoise {
  background-color: #D9F0EC;
  color: #62999A
}

.label-inverse {
  color: #1c1c1c;
  background-color: #fff
}

.label-accent {
  color: #fff;
  background-color: #f44336
}

.label-info {
  color: #fff;
  background-color: #2392b2
}

.label-success {
  color: #1c1c1c;
  background-color: #8bc34a
}

.label-warning {
  color: #1c1c1c;
  background-color: #ffc107
}

.label-danger {
  color: #fff;
  background-color: #f44336
}

.label-outline-inverse {
  border: 1px solid #fff;
  color: #fff;
  background: none
}

.label-outline-accent {
  border: 1px solid #f44336;
  color: #f44336;
  background: none
}

.label-outline-info {
  border: 1px solid #2392b2;
  color: #2392b2;
  background: none
}

.label-outline-success {
  border: 1px solid #8bc34a;
  color: #8bc34a;
  background: none
}

.label-outline-warning {
  border: 1px solid #ffc107;
  color: #ffc107;
  background: none
}

.label-outline-danger {
  border: 1px solid #B81C22;
  color: #B81C22;
  background: none
}

.label-size-smaller {
  font-size: .75rem
}

.label-size-small {
  font-size: .875rem
}

.label-size-medium {
  font-size: 1rem
}

.label-size-large {
  font-size: 1.125rem
}

.label-size-larger {
  font-size: 1.25rem
}

.label-width-1 {
  max-width: 100%;
  min-width: 8.33333%
}

.label-width-2 {
  max-width: 100%;
  min-width: 16.66667%
}

.label-width-3 {
  max-width: 100%;
  min-width: 25%
}

.label-width-4 {
  max-width: 100%;
  min-width: 33.33333%
}

.label-width-5 {
  max-width: 100%;
  min-width: 41.66667%
}

.label-width-6 {
  max-width: 100%;
  min-width: 50%
}

.label-width-7 {
  max-width: 100%;
  min-width: 58.33333%
}

.label-width-8 {
  max-width: 100%;
  min-width: 66.66667%
}

.label-width-9 {
  max-width: 100%;
  min-width: 75%
}

.label-width-10 {
  max-width: 100%;
  min-width: 83.33333%
}

.label-width-11 {
  max-width: 100%;
  min-width: 91.66667%
}

.label-width-12 {
  max-width: 100%;
  min-width: 100%
}

.label-disabled {
  cursor: default;
  opacity: .2;
  pointer-events: none
}

[class^="grid"],
[class*=" grid"] {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px
}

[class^="grid"]>*,
[class*=" grid"]>* {
  width: 100%
}

[class^="grid"]>[class^="card-"],
[class^="grid"]>.constructionCard,
[class^="grid"]>[class*=" card-"],
[class^="grid"][class^="list-"]>*,
[class^="grid"][class*=" list-"]>*,
[class*=" grid"]>[class^="card-"],
[class*=" grid"]>.constructionCard,
[class*=" grid"]>[class*=" card-"],
[class*=" grid"][class^="list-"]>*,
[class*=" grid"][class*=" list-"]>* {
  margin-left: 8px;
  margin-right: 8px
}

[class^="grid"]>._item,
[class*=" grid"]>._item {
  padding-left: 8px;
  padding-right: 8px
}

.grid-1>._item {
  width: 100%
}

.grid-1>[class^="card-"],
.grid-1>.constructionCard,
.grid-1>[class*=" card-"],
.grid-1[class^="list-"]>*,
.grid-1[class*=" list"]>* {
  width: calc(100% - 16px)
}

.grid-2>._item {
  width: 50%
}

.grid-2>[class^="card-"],
.grid-2>.constructionCard,
.grid-2>[class*=" card-"],
.grid-2[class^="list-"]>*,
.grid-2[class*=" list"]>* {
  width: calc(50% - 16px)
}

.grid-3>._item {
  width: 33.33333%
}

.grid-3>[class^="card-"],
.grid-3>.constructionCard,
.grid-3>[class*=" card-"],
.grid-3[class^="list-"]>*,
.grid-3[class*=" list"]>* {
  width: calc(33.33333% - 16px)
}

.grid-4>._item {
  width: 25%
}

.grid-4>[class^="card-"],
.grid-4>.constructionCard,
.grid-4>[class*=" card-"],
.grid-4[class^="list-"]>*,
.grid-4[class*=" list"]>* {
  width: calc(25% - 16px)
}

.grid-5>._item {
  width: 20%
}

.grid-5>[class^="card-"],
.grid-5>.constructionCard,
.grid-5>[class*=" card-"],
.grid-5[class^="list-"]>*,
.grid-5[class*=" list"]>* {
  width: calc(20% - 16px)
}

.grid-6>._item {
  width: 16.66667%
}

.grid-6>[class^="card-"],
.grid-6>.constructionCard,
.grid-6>[class*=" card-"],
.grid-6[class^="list-"]>*,
.grid-6[class*=" list"]>* {
  width: calc(16.66667% - 16px)
}

.grid-7>._item {
  width: 14.28571%
}

.grid-7>[class^="card-"],
.grid-7>.constructionCard,
.grid-7>[class*=" card-"],
.grid-7[class^="list-"]>*,
.grid-7[class*=" list"]>* {
  width: calc(14.28571% - 16px)
}

.grid-8>._item {
  width: 12.5%
}

.grid-8>[class^="card-"],
.grid-8>.constructionCard,
.grid-8>[class*=" card-"],
.grid-8[class^="list-"]>*,
.grid-8[class*=" list"]>* {
  width: calc(12.5% - 16px)
}

.grid-9>._item {
  width: 11.11111%
}

.grid-9>[class^="card-"],
.grid-9>.constructionCard,
.grid-9>[class*=" card-"],
.grid-9[class^="list-"]>*,
.grid-9[class*=" list"]>* {
  width: calc(11.11111% - 16px)
}

.grid-10>._item {
  width: 10%
}

.grid-10>[class^="card-"],
.grid-10>.constructionCard,
.grid-10>[class*=" card-"],
.grid-10[class^="list-"]>*,
.grid-10[class*=" list"]>* {
  width: calc(10% - 16px)
}

.grid-11>._item {
  width: 9.09091%
}

.grid-11>[class^="card-"],
.grid-11>.constructionCard,
.grid-11>[class*=" card-"],
.grid-11[class^="list-"]>*,
.grid-11[class*=" list"]>* {
  width: calc(9.09091% - 16px)
}

.grid-12>._item {
  width: 8.33333%
}

.grid-12>[class^="card-"],
.grid-12>.constructionCard,
.grid-12>[class*=" card-"],
.grid-12[class^="list-"]>*,
.grid-12[class*=" list"]>* {
  width: calc(8.33333% - 16px)
}

@media (min-width: 320px) {
  .grid-sm-1>._item {
    width: 100%
  }

  .grid-sm-1>[class^="card-"],
  .grid-sm-1>.constructionCard,
  .grid-sm-1>[class*=" card-"],
  .grid-sm-1[class^="list-"]>*,
  .grid-sm-1[class*=" list"]>* {
    width: calc(100% - 16px)
  }

  .grid-sm-2>._item {
    width: 50%
  }

  .grid-sm-2>[class^="card-"],
  .grid-sm-2>.constructionCard,
  .grid-sm-2>[class*=" card-"],
  .grid-sm-2[class^="list-"]>*,
  .grid-sm-2[class*=" list"]>* {
    width: calc(50% - 16px)
  }

  .grid-sm-3>._item {
    width: 33.33333%
  }

  .grid-sm-3>[class^="card-"],
  .grid-sm-3>.constructionCard,
  .grid-sm-3>[class*=" card-"],
  .grid-sm-3[class^="list-"]>*,
  .grid-sm-3[class*=" list"]>* {
    width: calc(33.33333% - 16px)
  }

  .grid-sm-4>._item {
    width: 25%
  }

  .grid-sm-4>[class^="card-"],
  .grid-sm-4>.constructionCard,
  .grid-sm-4>[class*=" card-"],
  .grid-sm-4[class^="list-"]>*,
  .grid-sm-4[class*=" list"]>* {
    width: calc(25% - 16px)
  }

  .grid-sm-5>._item {
    width: 20%
  }

  .grid-sm-5>[class^="card-"],
  .grid-sm-5>.constructionCard,
  .grid-sm-5>[class*=" card-"],
  .grid-sm-5[class^="list-"]>*,
  .grid-sm-5[class*=" list"]>* {
    width: calc(20% - 16px)
  }

  .grid-sm-6>._item {
    width: 16.66667%
  }

  .grid-sm-6>[class^="card-"],
  .grid-sm-6>.constructionCard,
  .grid-sm-6>[class*=" card-"],
  .grid-sm-6[class^="list-"]>*,
  .grid-sm-6[class*=" list"]>* {
    width: calc(16.66667% - 16px)
  }

  .grid-sm-7>._item {
    width: 14.28571%
  }

  .grid-sm-7>[class^="card-"],
  .grid-sm-7>.constructionCard,
  .grid-sm-7>[class*=" card-"],
  .grid-sm-7[class^="list-"]>*,
  .grid-sm-7[class*=" list"]>* {
    width: calc(14.28571% - 16px)
  }

  .grid-sm-8>._item {
    width: 12.5%
  }

  .grid-sm-8>[class^="card-"],
  .grid-sm-8>.constructionCard,
  .grid-sm-8>[class*=" card-"],
  .grid-sm-8[class^="list-"]>*,
  .grid-sm-8[class*=" list"]>* {
    width: calc(12.5% - 16px)
  }

  .grid-sm-9>._item {
    width: 11.11111%
  }

  .grid-sm-9>[class^="card-"],
  .grid-sm-9>.constructionCard,
  .grid-sm-9>[class*=" card-"],
  .grid-sm-9[class^="list-"]>*,
  .grid-sm-9[class*=" list"]>* {
    width: calc(11.11111% - 16px)
  }

  .grid-sm-10>._item {
    width: 10%
  }

  .grid-sm-10>[class^="card-"],
  .grid-sm-10>.constructionCard,
  .grid-sm-10>[class*=" card-"],
  .grid-sm-10[class^="list-"]>*,
  .grid-sm-10[class*=" list"]>* {
    width: calc(10% - 16px)
  }

  .grid-sm-11>._item {
    width: 9.09091%
  }

  .grid-sm-11>[class^="card-"],
  .grid-sm-11>.constructionCard,
  .grid-sm-11>[class*=" card-"],
  .grid-sm-11[class^="list-"]>*,
  .grid-sm-11[class*=" list"]>* {
    width: calc(9.09091% - 16px)
  }

  .grid-sm-12>._item {
    width: 8.33333%
  }

  .grid-sm-12>[class^="card-"],
  .grid-sm-12>.constructionCard,
  .grid-sm-12>[class*=" card-"],
  .grid-sm-12[class^="list-"]>*,
  .grid-sm-12[class*=" list"]>* {
    width: calc(8.33333% - 16px)
  }
}

@media (min-width: 600px) {
  .grid-md-1>._item {
    width: 100%
  }

  .grid-md-1>[class^="card-"],
  .grid-md-1>.constructionCard,
  .grid-md-1>[class*=" card-"],
  .grid-md-1[class^="list-"]>*,
  .grid-md-1[class*=" list"]>* {
    width: calc(100% - 16px)
  }

  .grid-md-2>._item {
    width: 50%
  }

  .grid-md-2>[class^="card-"],
  .grid-md-2>.constructionCard,
  .grid-md-2>[class*=" card-"],
  .grid-md-2[class^="list-"]>*,
  .grid-md-2[class*=" list"]>* {
    width: calc(50% - 16px)
  }

  .grid-md-3>._item {
    width: 33.33333%
  }

  .grid-md-3>[class^="card-"],
  .grid-md-3>.constructionCard,
  .grid-md-3>[class*=" card-"],
  .grid-md-3[class^="list-"]>*,
  .grid-md-3[class*=" list"]>* {
    width: calc(33.33333% - 16px)
  }

  .grid-md-4>._item {
    width: 25%
  }

  .grid-md-4>[class^="card-"],
  .grid-md-4>.constructionCard,
  .grid-md-4>[class*=" card-"],
  .grid-md-4[class^="list-"]>*,
  .grid-md-4[class*=" list"]>* {
    width: calc(25% - 16px)
  }

  .grid-md-5>._item {
    width: 20%
  }

  .grid-md-5>[class^="card-"],
  .grid-md-5>.constructionCard,
  .grid-md-5>[class*=" card-"],
  .grid-md-5[class^="list-"]>*,
  .grid-md-5[class*=" list"]>* {
    width: calc(20% - 16px)
  }

  .grid-md-6>._item {
    width: 16.66667%
  }

  .grid-md-6>[class^="card-"],
  .grid-md-6>.constructionCard,
  .grid-md-6>[class*=" card-"],
  .grid-md-6[class^="list-"]>*,
  .grid-md-6[class*=" list"]>* {
    width: calc(16.66667% - 16px)
  }

  .grid-md-7>._item {
    width: 14.28571%
  }

  .grid-md-7>[class^="card-"],
  .grid-md-7>.constructionCard,
  .grid-md-7>[class*=" card-"],
  .grid-md-7[class^="list-"]>*,
  .grid-md-7[class*=" list"]>* {
    width: calc(14.28571% - 16px)
  }

  .grid-md-8>._item {
    width: 12.5%
  }

  .grid-md-8>[class^="card-"],
  .grid-md-8>.constructionCard,
  .grid-md-8>[class*=" card-"],
  .grid-md-8[class^="list-"]>*,
  .grid-md-8[class*=" list"]>* {
    width: calc(12.5% - 16px)
  }

  .grid-md-9>._item {
    width: 11.11111%
  }

  .grid-md-9>[class^="card-"],
  .grid-md-9>.constructionCard,
  .grid-md-9>[class*=" card-"],
  .grid-md-9[class^="list-"]>*,
  .grid-md-9[class*=" list"]>* {
    width: calc(11.11111% - 16px)
  }

  .grid-md-10>._item {
    width: 10%
  }

  .grid-md-10>[class^="card-"],
  .grid-md-10>.constructionCard,
  .grid-md-10>[class*=" card-"],
  .grid-md-10[class^="list-"]>*,
  .grid-md-10[class*=" list"]>* {
    width: calc(10% - 16px)
  }

  .grid-md-11>._item {
    width: 9.09091%
  }

  .grid-md-11>[class^="card-"],
  .grid-md-11>.constructionCard,
  .grid-md-11>[class*=" card-"],
  .grid-md-11[class^="list-"]>*,
  .grid-md-11[class*=" list"]>* {
    width: calc(9.09091% - 16px)
  }

  .grid-md-12>._item {
    width: 8.33333%
  }

  .grid-md-12>[class^="card-"],
  .grid-md-12>.constructionCard,
  .grid-md-12>[class*=" card-"],
  .grid-md-12[class^="list-"]>*,
  .grid-md-12[class*=" list"]>* {
    width: calc(8.33333% - 16px)
  }
}

@media (min-width: 1024px) {
  .grid-lg-1>._item {
    width: 100%
  }

  .grid-lg-1>[class^="card-"],
  .grid-lg-1>.constructionCard,
  .grid-lg-1>[class*=" card-"],
  .grid-lg-1[class^="list-"]>*,
  .grid-lg-1[class*=" list"]>* {
    width: calc(100% - 16px)
  }

  .grid-lg-2>._item {
    width: 50%
  }

  .grid-lg-2>[class^="card-"],
  .grid-lg-2>.constructionCard,
  .grid-lg-2>[class*=" card-"],
  .grid-lg-2[class^="list-"]>*,
  .grid-lg-2[class*=" list"]>* {
    width: calc(50% - 16px)
  }

  .grid-lg-3>._item {
    width: 33.33333%
  }

  .grid-lg-3>[class^="card-"],
  .grid-lg-3>.constructionCard,
  .grid-lg-3>[class*=" card-"],
  .grid-lg-3[class^="list-"]>*,
  .grid-lg-3[class*=" list"]>* {
    width: calc(33.33333% - 16px)
  }

  .grid-lg-4>._item {
    width: 25%
  }

  .grid-lg-4>[class^="card-"],
  .grid-lg-4>.constructionCard,
  .grid-lg-4>[class*=" card-"],
  .grid-lg-4[class^="list-"]>*,
  .grid-lg-4[class*=" list"]>* {
    width: calc(25% - 16px)
  }

  .grid-lg-5>._item {
    width: 20%
  }

  .grid-lg-5>[class^="card-"],
  .grid-lg-5>.constructionCard,
  .grid-lg-5>[class*=" card-"],
  .grid-lg-5[class^="list-"]>*,
  .grid-lg-5[class*=" list"]>* {
    width: calc(20% - 16px)
  }

  .grid-lg-6>._item {
    width: 16.66667%
  }

  .grid-lg-6>[class^="card-"],
  .grid-lg-6>.constructionCard,
  .grid-lg-6>[class*=" card-"],
  .grid-lg-6[class^="list-"]>*,
  .grid-lg-6[class*=" list"]>* {
    width: calc(16.66667% - 16px)
  }

  .grid-lg-7>._item {
    width: 14.28571%
  }

  .grid-lg-7>[class^="card-"],
  .grid-lg-7>.constructionCard,
  .grid-lg-7>[class*=" card-"],
  .grid-lg-7[class^="list-"]>*,
  .grid-lg-7[class*=" list"]>* {
    width: calc(14.28571% - 16px)
  }

  .grid-lg-8>._item {
    width: 12.5%
  }

  .grid-lg-8>[class^="card-"],
  .grid-lg-8>.constructionCard,
  .grid-lg-8>[class*=" card-"],
  .grid-lg-8[class^="list-"]>*,
  .grid-lg-8[class*=" list"]>* {
    width: calc(12.5% - 16px)
  }

  .grid-lg-9>._item {
    width: 11.11111%
  }

  .grid-lg-9>[class^="card-"],
  .grid-lg-9>.constructionCard,
  .grid-lg-9>[class*=" card-"],
  .grid-lg-9[class^="list-"]>*,
  .grid-lg-9[class*=" list"]>* {
    width: calc(11.11111% - 16px)
  }

  .grid-lg-10>._item {
    width: 10%
  }

  .grid-lg-10>[class^="card-"],
  .grid-lg-10>.constructionCard,
  .grid-lg-10>[class*=" card-"],
  .grid-lg-10[class^="list-"]>*,
  .grid-lg-10[class*=" list"]>* {
    width: calc(10% - 16px)
  }

  .grid-lg-11>._item {
    width: 9.09091%
  }

  .grid-lg-11>[class^="card-"],
  .grid-lg-11>.constructionCard,
  .grid-lg-11>[class*=" card-"],
  .grid-lg-11[class^="list-"]>*,
  .grid-lg-11[class*=" list"]>* {
    width: calc(9.09091% - 16px)
  }

  .grid-lg-12>._item {
    width: 8.33333%
  }

  .grid-lg-12>[class^="card-"],
  .grid-lg-12>.constructionCard,
  .grid-lg-12>[class*=" card-"],
  .grid-lg-12[class^="list-"]>*,
  .grid-lg-12[class*=" list"]>* {
    width: calc(8.33333% - 16px)
  }
}

.grid-xl-1>._item {
  width: 100%
}

.grid-xl-1>[class^="card-"],
.grid-xl-1>.constructionCard,
.grid-xl-1>[class*=" card-"],
.grid-xl-1[class^="list-"]>*,
.grid-xl-1[class*=" list"]>* {
  width: calc(100% - 16px)
}

.grid-xl-2>._item {
  width: 50%
}

.grid-xl-2>[class^="card-"],
.grid-xl-2>.constructionCard,
.grid-xl-2>[class*=" card-"],
.grid-xl-2[class^="list-"]>*,
.grid-xl-2[class*=" list"]>* {
  width: calc(50% - 16px)
}

.grid-xl-3>._item {
  width: 33.33333%
}

.grid-xl-3>[class^="card-"],
.grid-xl-3>.constructionCard,
.grid-xl-3>[class*=" card-"],
.grid-xl-3[class^="list-"]>*,
.grid-xl-3[class*=" list"]>* {
  width: calc(33.33333% - 16px)
}

.grid-xl-4>._item {
  width: 25%
}

.grid-xl-4>[class^="card-"],
.grid-xl-4>.constructionCard,
.grid-xl-4>[class*=" card-"],
.grid-xl-4[class^="list-"]>*,
.grid-xl-4[class*=" list"]>* {
  width: calc(25% - 16px)
}

.grid-xl-5>._item {
  width: 20%
}

.grid-xl-5>[class^="card-"],
.grid-xl-5>.constructionCard,
.grid-xl-5>[class*=" card-"],
.grid-xl-5[class^="list-"]>*,
.grid-xl-5[class*=" list"]>* {
  width: calc(20% - 16px)
}

.grid-xl-6>._item {
  width: 16.66667%
}

.grid-xl-6>[class^="card-"],
.grid-xl-6>.constructionCard,
.grid-xl-6>[class*=" card-"],
.grid-xl-6[class^="list-"]>*,
.grid-xl-6[class*=" list"]>* {
  width: calc(16.66667% - 16px)
}

.grid-xl-7>._item {
  width: 14.28571%
}

.grid-xl-7>[class^="card-"],
.grid-xl-7>.constructionCard,
.grid-xl-7>[class*=" card-"],
.grid-xl-7[class^="list-"]>*,
.grid-xl-7[class*=" list"]>* {
  width: calc(14.28571% - 16px)
}

.grid-xl-8>._item {
  width: 12.5%
}

.grid-xl-8>[class^="card-"],
.grid-xl-8>.constructionCard,
.grid-xl-8>[class*=" card-"],
.grid-xl-8[class^="list-"]>*,
.grid-xl-8[class*=" list"]>* {
  width: calc(12.5% - 16px)
}

.grid-xl-9>._item {
  width: 11.11111%
}

.grid-xl-9>[class^="card-"],
.grid-xl-9>.constructionCard,
.grid-xl-9>[class*=" card-"],
.grid-xl-9[class^="list-"]>*,
.grid-xl-9[class*=" list"]>* {
  width: calc(11.11111% - 16px)
}

.grid-xl-10>._item {
  width: 10%
}

.grid-xl-10>[class^="card-"],
.grid-xl-10>.constructionCard,
.grid-xl-10>[class*=" card-"],
.grid-xl-10[class^="list-"]>*,
.grid-xl-10[class*=" list"]>* {
  width: calc(10% - 16px)
}

.grid-xl-11>._item {
  width: 9.09091%
}

.grid-xl-11>[class^="card-"],
.grid-xl-11>.constructionCard,
.grid-xl-11>[class*=" card-"],
.grid-xl-11[class^="list-"]>*,
.grid-xl-11[class*=" list"]>* {
  width: calc(9.09091% - 16px)
}

.grid-xl-12>._item {
  width: 8.33333%
}

.grid-xl-12>[class^="card-"],
.grid-xl-12>.constructionCard,
.grid-xl-12>[class*=" card-"],
.grid-xl-12[class^="list-"]>*,
.grid-xl-12[class*=" list"]>* {
  width: calc(8.33333% - 16px)
}

.grid>._item-1 {
  width: 8.33333%
}

.grid>._item-2 {
  width: 16.66667%
}

.grid>._item-3 {
  width: 25%
}

.grid>._item-4 {
  width: 33.33333%
}

.grid>._item-5 {
  width: 41.66667%
}

.grid>._item-6 {
  width: 50%
}

.grid>._item-7 {
  width: 58.33333%
}

.grid>._item-8 {
  width: 66.66667%
}

.grid>._item-9 {
  width: 75%
}

.grid>._item-10 {
  width: 83.33333%
}

.grid>._item-11 {
  width: 91.66667%
}

.grid>._item-12 {
  width: 100%
}

@media (min-width: 320px) {
  .grid>._item-sm-1 {
    width: 8.33333%
  }

  .grid>._item-sm-2 {
    width: 16.66667%
  }

  .grid>._item-sm-3 {
    width: 25%
  }

  .grid>._item-sm-4 {
    width: 33.33333%
  }

  .grid>._item-sm-5 {
    width: 41.66667%
  }

  .grid>._item-sm-6 {
    width: 50%
  }

  .grid>._item-sm-7 {
    width: 58.33333%
  }

  .grid>._item-sm-8 {
    width: 66.66667%
  }

  .grid>._item-sm-9 {
    width: 75%
  }

  .grid>._item-sm-10 {
    width: 83.33333%
  }

  .grid>._item-sm-11 {
    width: 91.66667%
  }

  .grid>._item-sm-12 {
    width: 100%
  }
}

@media (min-width: 600px) {
  .grid>._item-md-1 {
    width: 8.33333%
  }

  .grid>._item-md-2 {
    width: 16.66667%
  }

  .grid>._item-md-3 {
    width: 25%
  }

  .grid>._item-md-4 {
    width: 33.33333%
  }

  .grid>._item-md-5 {
    width: 41.66667%
  }

  .grid>._item-md-6 {
    width: 50%
  }

  .grid>._item-md-7 {
    width: 58.33333%
  }

  .grid>._item-md-8 {
    width: 66.66667%
  }

  .grid>._item-md-9 {
    width: 75%
  }

  .grid>._item-md-10 {
    width: 83.33333%
  }

  .grid>._item-md-11 {
    width: 91.66667%
  }

  .grid>._item-md-12 {
    width: 100%
  }
}

@media (min-width: 1024px) {
  .grid>._item-lg-1 {
    width: 8.33333%
  }

  .grid>._item-lg-2 {
    width: 16.66667%
  }

  .grid>._item-lg-3 {
    width: 25%
  }

  .grid>._item-lg-4 {
    width: 33.33333%
  }

  .grid>._item-lg-5 {
    width: 41.66667%
  }

  .grid>._item-lg-6 {
    width: 50%
  }

  .grid>._item-lg-7 {
    width: 58.33333%
  }

  .grid>._item-lg-8 {
    width: 66.66667%
  }

  .grid>._item-lg-9 {
    width: 75%
  }

  .grid>._item-lg-10 {
    width: 83.33333%
  }

  .grid>._item-lg-11 {
    width: 91.66667%
  }

  .grid>._item-lg-12 {
    width: 100%
  }
}

.grid>._item-xl-1 {
  width: 8.33333%
}

.grid>._item-xl-2 {
  width: 16.66667%
}

.grid>._item-xl-3 {
  width: 25%
}

.grid>._item-xl-4 {
  width: 33.33333%
}

.grid>._item-xl-5 {
  width: 41.66667%
}

.grid>._item-xl-6 {
  width: 50%
}

.grid>._item-xl-7 {
  width: 58.33333%
}

.grid>._item-xl-8 {
  width: 66.66667%
}

.grid>._item-xl-9 {
  width: 75%
}

.grid>._item-xl-10 {
  width: 83.33333%
}

.grid>._item-xl-11 {
  width: 91.66667%
}

.grid>._item-xl-12 {
  width: 100%
}

.align-left {
  display: flex;
  align-items: flex-start;
  flex-direction: column
}

.align-left>* {
  flex: 0 0 auto;
  max-width: 100%
}

@media (min-width: 600px) {
  .align-left {
    justify-content: flex-start
  }
}

.align-center {
  display: flex;
  align-items: center;
  flex-direction: column
}

.align-center>* {
  flex: 0 0 auto;
  max-width: 100%
}

@media (min-width: 600px) {
  .align-center {
    justify-content: center
  }
}

.align-right {
  display: flex;
  align-items: flex-end;
  flex-direction: column
}

.align-right>* {
  flex: 0 0 auto;
  max-width: 100%
}

@media (min-width: 600px) {
  .align-right {
    justify-content: flex-end
  }
}

[class^="float-"],
[class*=" float-"] {
  align-items: center;
  display: flex;
  flex-direction: column
}

[class^="float-"]>*,
[class*=" float-"]>* {
  flex: 0 0 auto;
  max-width: 100%
}

@media (min-width: 600px) {
  .float-left {
    float: left;
    margin-right: 20px
  }

  .float-left>* {
    margin-top: 0
  }
}

@media (min-width: 600px) {
  .float-right {
    float: right;
    margin-left: 20px
  }

  .float-right>* {
    margin-top: 0
  }
}

@media (max-width: 599.98px) {
  .scroll {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    position: relative
  }

  .scroll:before {
    background: url(../images/icon-touchScroll.svg) center no-repeat #fff;
    bottom: 0;
    content: "";
    display: flex;
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
  }

  .scroll.is-scroll:before {
    display: none
  }

  .scroll>* {
    max-width: 915px;
    min-width: 610px
  }
}

.space-mt-m1 {
  margin-top: -1em
}

.space-mt-m2 {
  margin-top: -2em
}

.space-mt-m3 {
  margin-top: -3em
}

.space-mt-m4 {
  margin-top: -4em
}

.space-mb-m1 {
  margin-bottom: -1em
}

.space-mb-m2 {
  margin-bottom: -2em
}

.space-mb-m3 {
  margin-bottom: -3em
}

.space-mb-m4 {
  margin-bottom: -4em
}

.space-mt-p1 {
  margin-top: 1em
}

.space-mt-p2 {
  margin-top: 2em
}

.space-mt-p3 {
  margin-top: 3em
}

.space-mt-p4 {
  margin-top: 4em
}

.space-mb-p1 {
  margin-bottom: 1em
}

.space-mb-p2 {
  margin-bottom: 2em
}

.space-mb-p3 {
  margin-bottom: 3em
}

.space-mb-p4 {
  margin-bottom: 4em
}

.space-pt-1 {
  padding-top: 1em
}

.space-pt-2 {
  padding-top: 2em
}

.space-pt-3 {
  padding-top: 3em
}

.space-pt-4 {
  padding-top: 4em
}

.space-pb-1 {
  padding-bottom: 1em
}

.space-pb-2 {
  padding-bottom: 2em
}

.space-pb-3 {
  padding-bottom: 3em
}

.space-pb-4 {
  padding-bottom: 4em
}

.frame {
  position: relative;
  width: 100%;
  margin-bottom: 1em
}

.frame.frame-xs-1x1 {
  padding-top: 100%
}

.frame.frame-xs-4x3 {
  padding-top: 75%
}

.frame.frame-xs-3x2 {
  padding-top: 67%
}

.frame.frame-xs-16x9 {
  padding-top: 56%
}

.frame.frame-xs-2x1 {
  padding-top: 50%
}

.frame.frame-xs-disabled {
  position: static;
  width: auto
}

.frame.frame-xs-disabled iframe {
  position: static;
  width: auto;
  height: auto
}

@media (min-width: 320px) {
  .frame.frame-sm-1x1 {
    padding-top: 100%
  }

  .frame.frame-sm-4x3 {
    padding-top: 75%
  }

  .frame.frame-sm-3x2 {
    padding-top: 67%
  }

  .frame.frame-sm-16x9 {
    padding-top: 56%
  }

  .frame.frame-sm-2x1 {
    padding-top: 50%
  }

  .frame.frame-sm-disabled {
    position: static;
    width: auto
  }

  .frame.frame-sm-disabled iframe {
    position: static;
    width: auto;
    height: auto
  }
}

@media (min-width: 600px) {
  .frame.frame-md-1x1 {
    padding-top: 100%
  }

  .frame.frame-md-4x3 {
    padding-top: 75%
  }

  .frame.frame-md-3x2 {
    padding-top: 67%
  }

  .frame.frame-md-16x9 {
    padding-top: 56%
  }

  .frame.frame-md-2x1 {
    padding-top: 50%
  }

  .frame.frame-md-disabled {
    position: static;
    width: auto
  }

  .frame.frame-md-disabled iframe {
    position: static;
    width: auto;
    height: auto
  }
}

@media (min-width: 1024px) {
  .frame.frame-lg-1x1 {
    padding-top: 100%
  }

  .frame.frame-lg-4x3 {
    padding-top: 75%
  }

  .frame.frame-lg-3x2 {
    padding-top: 67%
  }

  .frame.frame-lg-16x9 {
    padding-top: 56%
  }

  .frame.frame-lg-2x1 {
    padding-top: 50%
  }

  .frame.frame-lg-disabled {
    position: static;
    width: auto
  }

  .frame.frame-lg-disabled iframe {
    position: static;
    width: auto;
    height: auto
  }
}

.frame iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%
}

.modal-body {
  padding-bottom: 0
}

.modal-content {
  border: none;
  margin: 1rem
}

.modal-header {
  border: none;
  padding-bottom: 0
}

.modal-footer {
  flex-wrap: nowrap;
  border: none;
  padding: 1rem
}

.tab-group,
.tab-item {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}

.tab-item {
  cursor: pointer;
  list-style: none
}

.tab-btn {
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
  appearance: none
}

.tab-btn:focus {
  outline: none
}

.tab-panel-default>.tab-group {
  display: flex;
  flex-wrap: wrap
}

.tab-panel-default>.tab-group .tab-btn {
  padding: .5rem 1rem;
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem
}

.tab-panel-default>.panel-group .panel-item {
  display: none;
  padding: 1rem 0
}

.tab-panel-default>.panel-group .panel-item.is-active {
  display: block;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: tab-panel-fade;
  animation-name: tab-panel-fade
}

@-webkit-keyframes tab-panel-fade {
  0% {
    display: none;
    opacity: 0
  }

  1% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    opacity: 1
  }
}

@keyframes tab-panel-fade {
  0% {
    display: none;
    opacity: 0
  }

  1% {
    display: block;
    opacity: 0
  }

  100% {
    display: block;
    opacity: 1
  }
}

.tab-panel-default>.tab-group {
  border-bottom: 1px solid #CDCDCD
}

.tab-panel-default>.tab-group .tab-item.is-active>.tab-btn {
  color: #1c1c1c;
  background-color: transparent;
  border-color: #CDCDCD #CDCDCD #fff
}

.scfDropList::-webkit-input-placeholder,
.scfMultipleLineTextBox::-webkit-input-placeholder,
.scfSingleLineTextBox::-webkit-input-placeholder,
.scfTelephoneTextBox::-webkit-input-placeholder,
.scfEmailTextBox::-webkit-input-placeholder,
.scfPasswordTextBox::-webkit-input-placeholder,
.scfDatePickerTextBox::-webkit-input-placeholder,
.scfTimePickerTextBox::-webkit-input-placeholder {
  color: #9c9c9c;
  opacity: 1
}

.scfDropList:-moz-placeholder,
.scfMultipleLineTextBox:-moz-placeholder,
.scfSingleLineTextBox:-moz-placeholder,
.scfTelephoneTextBox:-moz-placeholder,
.scfEmailTextBox:-moz-placeholder,
.scfPasswordTextBox:-moz-placeholder,
.scfDatePickerTextBox:-moz-placeholder,
.scfTimePickerTextBox:-moz-placeholder {
  color: #9c9c9c;
  opacity: 1
}

.scfDropList::-moz-placeholder,
.scfMultipleLineTextBox::-moz-placeholder,
.scfSingleLineTextBox::-moz-placeholder,
.scfTelephoneTextBox::-moz-placeholder,
.scfEmailTextBox::-moz-placeholder,
.scfPasswordTextBox::-moz-placeholder,
.scfDatePickerTextBox::-moz-placeholder,
.scfTimePickerTextBox::-moz-placeholder {
  color: #9c9c9c;
  opacity: 1
}

.scfDropList:-ms-input-placeholder,
.scfMultipleLineTextBox:-ms-input-placeholder,
.scfSingleLineTextBox:-ms-input-placeholder,
.scfTelephoneTextBox:-ms-input-placeholder,
.scfEmailTextBox:-ms-input-placeholder,
.scfPasswordTextBox:-ms-input-placeholder,
.scfDatePickerTextBox:-ms-input-placeholder,
.scfTimePickerTextBox:-ms-input-placeholder {
  color: #9c9c9c;
  opacity: 1
}

.scfDropList,
.scfMultipleLineTextBox,
.scfSingleLineTextBox,
.scfTelephoneTextBox,
.scfEmailTextBox,
.scfPasswordTextBox,
.scfDatePickerTextBox,
.scfTimePickerTextBox {
  background-color: #fff;
  border: 1px solid #CDCDCD;
  border-radius: 3px;
  display: inline-block;
  padding: .5em
}

.selectbox {
  width: 100%;
  display: inline-block;
  position: relative
}

.selectbox::after {
  content: "\E102";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: .75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  font-size: 1.125rem;
  pointer-events: none
}

.selectbox.is-readonly {
  pointer-events: none
}

.selectbox.is-readonly::after {
  color: #9d9d9d
}

.selectbox.is-readonly select {
  background-color: #f8f8f8;
  color: #9d9d9d
}

.selectbox select {
  width: 100%;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  border: solid 1px #CDCDCD;
  padding: .75rem 3.75rem .75rem .75rem;
  border-radius: .5rem;
  color: #1c1c1c
}

.inputbox {
  background-color: #fff;
  border: solid 1px #CDCDCD;
  padding: .75rem;
  border-radius: .5rem;
  width: 100%
}

.inputbox:disabled,
.inputbox:read-only {
  background-color: #f8f8f8;
  color: #9d9d9d;
  pointer-events: none
}

.form-label {
  font-weight: bold;
  margin-bottom: .5rem
}

.form-label>._required {
  color: #B81C22;
  border: 1px solid #B81C22;
  padding: .125rem .25rem;
  border-radius: .125rem;
  margin-left: .5rem
}

.form-radio {
  display: flex;
  align-items: baseline
}

.form-radio>._radio {
  margin: .5625rem 0 0 .5rem;
  -webkit-transform: scale(1.8);
  transform: scale(1.8);
  cursor: pointer
}

.form-radio>._text {
  cursor: pointer;
  padding-left: 1rem
}

.form-switch .form-check-input {
  width: 2rem;
  height: 1.25rem
}

.accordion-header {
  background-color: #fff;
  display: flex;
  align-items: center
}

.accordion-header>._title {
  width: 100%;
  flex: 1;
  margin-bottom: 0
}

.accordion-button {
  background-color: #fff;
  padding: .125rem 0
}

.accordion-button:not(.collapsed) {
  background-color: #fff;
  box-shadow: none;
  border: none;
  color: #1c1c1c
}

.accordion-button:not(.collapsed)::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  background: var(--bs-accordion-btn-icon)
}

.accordion-button:focus {
  box-shadow: none;
  outline: auto
}

.accordion-button::after {
  order: -1;
  margin: 0 .5rem 0 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.accordion-body {
  padding: 1rem 0 0 0;
  background-color: #fff
}

@media (min-width: 1024px) {
  .accordion-sp .accordion-header {
    align-items: baseline;
    justify-content: flex-start;
    gap: 1.5rem
  }
}

@media (min-width: 1024px) {
  .accordion-sp .accordion-header>._title {
    flex: none;
    width: auto
  }
}

@media (min-width: 600px) {
  .accordion-sp .accordion-button {
    pointer-events: none;
    outline: none
  }

  .accordion-sp .accordion-button::after {
    display: none
  }

  .accordion-sp .accordion-button:focus {
    outline: none
  }

  .accordion-sp .collapse:not(.show) {
    display: block !important
  }
}

.accordion-item {
  background-color: #fff
}

.icon-buy {
  line-height: 0
}

.icon-buy::before {
  content: url(../images/icon-buy.svg)
}

.icon-sell {
  line-height: 0
}

.icon-sell::before {
  content: url(../images/icon-sell.svg)
}

.icon-build {
  line-height: 0
}

.icon-build::before {
  content: url(../images/icon-build.svg)
}

.icon-rent {
  line-height: 0
}

.icon-rent::before {
  content: url(../images/icon-rent.svg)
}

.icon-lease {
  line-height: 0
}

.icon-lease::before {
  content: url(../images/icon-lease.svg)
}

.icon-land_use {
  line-height: 0
}

.icon-land_use::before {
  content: url(../images/icon-land_use.svg)
}

.icon-equipment_replacement {
  line-height: 0
}

.icon-equipment_replacement::before {
  content: url(../images/icon-equipment_replacement.svg)
}

.icon-other_property {
  line-height: 0
}

.icon-other_property::before {
  content: url(../images/icon-other_property.svg)
}

.icon-interior_design {
  line-height: 0
}

.icon-interior_design::before {
  content: url(../images/icon-interior_design.svg)
}

.icon-renovate {
  line-height: 0
}

.icon-renovate::before {
  content: url(../images/icon-renovate.svg)
}

.heading-round-red .icon-buy::before {
  content: url(../images/icon-buy-w.svg)
}

.heading-round-red .icon-sell::before {
  content: url(../images/icon-sell-w.svg)
}

.heading-round-red .icon-build::before {
  content: url(../images/icon-build-w.svg)
}

.heading-round-red .icon-rent::before {
  content: url(../images/icon-rent-w.svg)
}

.heading-round-red .icon-lease::before {
  content: url(../images/icon-lease-w.svg)
}

.heading-round-red .icon-land_use::before {
  content: url(../images/icon-land_use-w.svg)
}

.heading-round-red .icon-equipment_replacement::before {
  content: url(../images/icon-equipment_replacement-w.svg)
}

.heading-round-red .icon-other_property::before {
  content: url(../images/icon-other_property-w.svg)
}

.heading-round-red .icon-interior_design::before {
  content: url(../images/icon-interior_design-w.svg)
}

.heading-round-red .icon-renovate::before {
  content: url(../images/icon-renovate-w.svg)
}

.l-globalFooter-wrapper {
  margin-top: 3.875rem;
  padding-top: 1.5rem
}

@media (min-width: 600px) {
  .l-globalFooter-wrapper {
    margin-top: 4.5rem
  }
}

.l-globalFooter-wrapper ._inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 1rem
}

@media (min-width: 600px) {
  .l-globalFooter-wrapper ._inner {
    padding: 0 2.5rem
  }
}

.l-globalFooter-wrapper .breadcrumb {
  margin: 1rem 0 2.5rem
}

@media (min-width: 600px) {
  .l-globalFooter-wrapper .breadcrumb {
    display: none
  }
}

.globalFooter-pageTop {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 3rem
}

.globalFooter-pageTop>._link {
  display: flex;
  align-items: center;
  text-align: right;
  text-decoration: none;
  background-color: #fff;
  padding: .25rem .5rem .25rem .25rem;
  border-radius: 1.5rem;
  box-shadow: 0 .5rem 1rem 0 rgba(0, 0, 0, 0.16)
}

.globalFooter-pageTop>._link>i {
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #B81C22;
  border-radius: 2rem;
  color: #fff;
  margin-right: .5rem
}

.globalFooter-company {
  background-color: #fff;
  padding: 1.5rem 0
}

@media (min-width: 1024px) {
  .globalFooter-company {
    padding: 2rem 0
  }
}

.globalFooter-company ._logo {
  max-width: 525px
}

@media (min-width: 1024px) {
  .globalFooter-company ._logo {
    margin-bottom: 2rem
  }
}

.globalFooter-company ._logo>img {
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast
}

.globalFooter-company ._group {
  display: none
}

@media (min-width: 1024px) {
  .globalFooter-company ._group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem
  }
}

.globalFooter-company ._item {
  display: none
}

@media (min-width: 1024px) {
  .globalFooter-company ._item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3rem
  }
}

.l-globalFooter {
  background-color: #1c1c1c;
  padding: 0.5rem 0 1.5rem
}

@media (min-width: 1024px) {
  .l-globalFooter {
    padding: 2rem 0
  }
}

@media (min-width: 1024px) {
  .l-globalFooter>._inner {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem
  }
}

.l-globalFooter ._list {
  list-style: none;
  padding: 0;
  margin: 0
}

.l-globalFooter ._list>._item {
  border-bottom: #9d9d9d 1px solid
}

.l-globalFooter ._list>._item>._link {
  color: #fff;
  display: block;
  text-decoration: none;
  padding: 1rem 0
}

.l-globalFooter ._list>._item>._link.link-external::after {
  font-size: .875rem
}

@media (min-width: 1024px) {
  .l-globalFooter ._list {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 2.5rem
  }

  .l-globalFooter ._list>._item {
    border: none
  }

  .l-globalFooter ._list>._item>._link {
    font-weight: 400;
    padding: 0
  }
}

.l-globalFooter ._copy {
  color: #fff;
  margin: 2rem 0 0
}

@media (min-width: 1024px) {
  .l-globalFooter ._copy {
    margin: 0 0 0 auto;
    text-align: right
  }
}

.l-globalHeader-wrapper {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: #fff;
  width: 100%;
  height: 64px
}

@media (min-width: 1024px) {
  .l-globalHeader-wrapper {
    height: auto
  }
}

.l-globalHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  height: 100%;
  padding: 0 1rem
}

@media (min-width: 600px) {
  .l-globalHeader {
    padding: 0 2.5rem
  }
}

@media (min-width: 1024px) {
  .l-globalHeader {
    gap: 1.5rem
  }
}

.l-globalHeader ._list {
  list-style-type: none;
  padding: 0;
  margin: 0
}

.l-globalHeader ._link {
  text-decoration: none
}

.l-globalHeader>._logo {
  display: block;
  width: 160px;
  margin-bottom: 0;
  image-rendering: -webkit-optimize-contrast
}

.l-globalHeader>._logo>._link {
  display: block;
  width: 100%;
  height: 100%
}

.globalHeader-menu-text {
  display: none
}

@media (min-width: 1024px) {
  .globalHeader-menu-text {
    position: static;
    height: auto;
    background: none;
    width: auto;
    display: block;
    flex: 1
  }
}

@media (min-width: 1024px) {
  .globalHeader-menu-text>._list {
    width: auto;
    background: none;
    overflow: visible;
    padding: 0;
    display: flex;
    gap: 0.8rem;
    margin-left: 1.5rem;
    justify-content: space-between;
  }

  .globalHeader-menu-text>._list>._item {
    display: block;
    border-bottom: none;
    text-align: center
  }

  .globalHeader-menu-text>._list>._item>._link {
    display: flex;
    align-items: center;
    color: #1c1c1c;
    padding: 0;
    height: 100%;
    line-height: 1.375;
    padding: 1rem 0;
    transition: color .2s
  }

  .globalHeader-menu-text>._list>._item>._link:hover {
    color: #B81C22
  }

  .globalHeader-menu-text>._list>._item>._link.is-active {
    color: #B81C22;
    border-bottom: 2px solid #B81C22
  }
}

.globalHeader-menu>._list {
  display: flex
}

.globalHeader-menu>._list>._item {
  position: relative;
  padding: 0 .5rem
}

.globalHeader-menu>._list>._item::after {
  content: '';
  width: 1px;
  height: 1rem;
  background-color: #F0f0f0;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.globalHeader-menu>._list>._item:first-child {
  padding-left: 0
}

.globalHeader-menu>._list>._item:last-child {
  padding-right: 0
}

.globalHeader-menu>._list>._item:last-child::after {
  display: none
}

@media (min-width: 1024px) {
  .globalHeader-menu>._list>._item:nth-last-child(2) {
    padding-right: 0
  }

  .globalHeader-menu>._list>._item:nth-last-child(2)::after {
    display: none
  }
}

.globalHeader-menu>._list>._item._search {
  display: none
}

@media (min-width: 1024px) {
  .globalHeader-menu>._list>._item._search {
    display: block
  }
}

@media (min-width: 1024px) {
  .globalHeader-menu>._list>._item._menu {
    display: none
  }
}

.globalHeader-menu>._list>._item._menu>._button[aria-expanded*="true"]::before {
  content: "\E111"
}

.globalHeader-menu>._list>._item>._link,
.globalHeader-menu>._list>._item>._button {
  font-size: 1.5rem;
  display: block
}

.globalHeader-menu>._list>._item .dropdown>._list {
  min-width: 180px
}

.globalHeader-menu>._list>._item .dropdown>._list>._item>._link {
  display: flex;
  gap: 0.75rem;
  align-items: center
}

.globalHeader-menu>._list>._item .dropdown>._list>._item>._link:before {
  font-size: 1.5rem;
  line-height: 1
}

.globalHeader-menu-mobile {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100lvh - 64px);
  overflow: hidden
}

@media (min-width: 1024px) {
  .globalHeader-menu-mobile {
    display: none !important
  }
}

.globalHeader-menu-mobile>._overlay {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28, 0.5);
  opacity: 0;
  transition: opacity .3s
}

.globalHeader-menu-mobile.is-active>._overlay {
  opacity: 1
}

.globalHeader-menu-mobile.is-active>._inner {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  overflow: hidden;
}

.globalHeader-menu-mobile>._inner {
  position: relative;
  width: 80%;
  max-width: 18.3125rem;
  margin-left: auto;
  background-color: #f8f8f8;
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
  transition: -webkit-transform .3s;
  transition: transform .3s;
  transition: transform .3s, -webkit-transform .3s;
  height: calc(100vh - 64px);
  overflow: auto;
  padding: 1rem 1rem 12rem 1.5rem
}

.globalHeader-menu-mobile>._inner>._list {
  position: relative;
  z-index: 1
}

.globalHeader-menu-mobile>._inner>._list+._list {
  margin-top: .5rem;
  padding-top: .5rem;
  border-top: 1px solid #CDCDCD
}

.globalHeader-menu-mobile>._inner>._list>li+li {
  margin-top: .25rem
}

.globalHeader-menu-mobile>._inner>._list>._item>._link {
  color: #1c1c1c;
  display: block;
  padding: 0.5rem 0
}

.globalHeader-menu-mobile>._inner>._list>._item>._link:has([class^="icon-"], [class*=" card-"]) {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.globalHeader-menu-mobile>._inner>._list>._item>._link [class^="icon-"],
.globalHeader-menu-mobile>._inner>._list>._item>._link [class*=" card-"] {
  font-size: 1.5rem
}

.globalHeader-menu-mobile>._inner>._list>._item>._link>._text {
  font-size: .75rem;
  display: block;
  margin-top: .25rem;
  opacity: 0.75
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-item {
  background: none;
  border: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5rem
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-item>._link {
  width: 50%;
  color: #1c1c1c;
  flex: 1;
  padding: .5rem 0
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-item>._link>._text {
  font-size: .75rem;
  display: block;
  margin-top: .25rem;
  opacity: 0.75
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-item>._button {
  width: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-item>._button::after {
  margin: 0;
  color: #1c1c1c;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  content: "\E102";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  font-size: 1.5rem;
  width: auto;
  height: auto
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-item>._button.collapsed::after {
  -webkit-transform: none;
  transform: none
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-button {
  background: none;
  color: #fff
}

.globalHeader-menu-mobile>._inner>._list>._accordion .accordion-collapse {
  width: 100%
}

.globalHeader-menu-mobile>._inner>._list>._accordion ._list {
  background: none;
  margin-left: 1rem
}

.globalHeader-menu-mobile>._inner>._list>._accordion ._list>._item {
  margin-bottom: .25rem
}

.globalHeader-menu-mobile>._inner>._list>._accordion ._list>._item>._link {
  color: #1c1c1c;
  padding: .5rem 0;
  display: block
}

.l-mainContent-wrapper {
  flex-grow: 1
}

.l-mainContent {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-top: 2rem
}

@media (min-width: 600px) {
  .l-mainContent {
    padding-left: 2.5rem;
    padding-right: 2.5rem
  }
}

@media (min-width: 1024px) {
  .l-mainContent {
    max-width: 1208px
  }
}

.l-mainContent>._subPageTitle {
  margin-bottom: 1rem;
  font-size: 1.125rem
}

@media (min-width: 600px) {
  .l-mainContent>._subPageTitle {
    font-size: 1.5rem
  }
}

@media (min-width: 1024px) {
  .theme-multi .l-mainContent-inner {
    display: flex;
    align-items: flex-start;
    gap: 32px
  }

  .theme-multi .l-mainContent-inner>.l-mainContent-main {
    flex-basis: 0;
    flex-grow: 1;
    max-width: calc(100% - 316px - 32px)
  }
}

.l-mainContent-aside {
  display: none;
  margin-bottom: 2rem;
  width: 100%;
  flex-wrap: wrap;
  gap: 2rem
}

.l-mainContent-aside>.aside-box {
  width: 100%
}

@media (min-width: 600px) {
  .l-mainContent-aside {
    flex-wrap: nowrap
  }
}

@media (min-width: 1024px) {
  .l-mainContent-aside {
    display: flex;
    flex-wrap: wrap;
    max-width: 19.75rem
  }
}

.section {
  margin-bottom: 1.5rem
}

@media (min-width: 600px) {
  .section {
    margin-bottom: 2rem
  }

  .section:last-child {
    margin-bottom: 0
  }
}

.section:first-child .section-subtitle {
  padding-top: 0
}

@media (min-width: 1024px) {
  .section.form-wrapper {
    margin-bottom: 4rem
  }
}

.section-subtitle-nowrap {
  padding: .5rem 0 1rem
}

@media (min-width: 1024px) {
  .section-subtitle-nowrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: 1rem
  }

  .section-subtitle-nowrap>._text {
    flex: 1
  }
}

.section-subtitle-nowrap>._title {
  margin-bottom: 0
}

.section-subtitle-nowrap>._title>i {
  margin-left: 0.5rem
}

.section-subtitle {
  padding: .5rem 0 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.section-subtitle>._title {
  margin-bottom: 0
}

.section-subtitle>._title>i {
  margin-left: 0.5rem
}

.section-subtitle>._text {
  width: 100%;
  color: #9d9d9d;
  margin-bottom: 0
}

@media (min-width: 600px) {
  .l-mainContent-aside .section-subtitle {
    display: none
  }
}

.section-box {
  padding: 1rem;
  background-color: #fff;
  border-radius: .5rem
}

.section-card {
  padding: 2rem;
  background-color: #fff;
  border-radius: .5rem
}

.section-card *:last-child {
  margin-bottom: 0
}

.section-space-top-0 {
  padding-top: 0
}

.section-space-top-1 {
  padding-top: 12px
}

@media (min-width: 600px) {
  .section-space-top-1 {
    padding-top: 24px
  }
}

.section-space-top-2 {
  padding-top: 24px
}

@media (min-width: 600px) {
  .section-space-top-2 {
    padding-top: 40px
  }
}

.section-space-top-3 {
  padding-top: 40px
}

@media (min-width: 600px) {
  .section-space-top-3 {
    padding-top: 80px
  }
}

.section-space-bottom-0 {
  padding-bottom: 0
}

.section-space-bottom-1 {
  padding-bottom: 12px
}

@media (min-width: 600px) {
  .section-space-bottom-1 {
    padding-bottom: 24px
  }
}

.section-space-bottom-2 {
  padding-bottom: 24px
}

@media (min-width: 600px) {
  .section-space-bottom-2 {
    padding-bottom: 40px
  }
}

.section-space-bottom-3 {
  padding-bottom: 40px
}

@media (min-width: 600px) {
  .section-space-bottom-3 {
    padding-bottom: 80px
  }
}

.fxb-section[class*="_section-"] {
  margin-left: -1rem;
  margin-right: -1rem
}

@media (min-width: 600px) {
  .fxb-section[class*="_section-"] {
    margin-left: 0;
    margin-right: 0
  }
}

.fxb-section[class*="_section-"]:first-child {
  margin-top: -2rem
}

@media (min-width: 600px) {
  .fxb-section[class*="_section-"]:first-child {
    margin-top: 0
  }
}

.fxb-container {
  margin-left: auto;
  margin-right: auto;
  padding: 1rem
}

@media (min-width: 600px) {
  .fxb-container {
    padding: 2rem
  }
}

.fxb-container .fxb-content>._fxb-inner {
  margin: -1rem;
  padding: 1rem;
  background-color: #f8f8f8
}

@media (min-width: 600px) {
  .fxb-container .fxb-content>._fxb-inner {
    padding: 0 0 2rem;
    margin: 0 -2rem
  }

  .fxb-container .fxb-content>._fxb-inner:first-child {
    margin-top: -2rem
  }

  .fxb-container .fxb-content>._fxb-inner:last-child {
    margin-bottom: -2rem
  }
}

.fxb-container .heading-primary {
  font-size: 1.5rem;
  line-height: 1.41667;
  border: none;
  padding-left: 0;
  background: linear-gradient(transparent 60%, #FBF1F2 60%);
  display: inline
}

.fxb-container .heading-primary+* {
  margin-top: 1rem
}

._container-grayWhite [class^="fxb-container"],
._container-grayWhite [class*=" fxb-container"] {
  background-color: #fff
}

._container-grayDarker [class^="fxb-container"],
._container-grayDarker [class*=" fxb-container"] {
  background-color: #1c1c1c
}

._container-grayDarker [class^="fxb-container"] *,
._container-grayDarker [class*=" fxb-container"] * {
  color: #fff
}

._container-grayDarker [class^="fxb-container"] .heading-primary,
._container-grayDarker [class*=" fxb-container"] .heading-primary {
  background: linear-gradient(transparent 60%, #851418 60%)
}

._container-grayWhite+._container-grayWhite [class^="fxb-container"],
._container-grayDarker+._container-grayDarker [class^="fxb-container"],
._container-grayWhite+._container-grayWhite [class*=" fxb-container"],
._container-grayDarker+._container-grayDarker [class*=" fxb-container"] {
  padding-top: 0
}

[class^="fxb-container"] .table-default-adaptive th,
[class*=" fxb-container"] .table-default-adaptive th {
  white-space: nowrap
}

.row,
.row-1,
.row-2,
.row-3,
.row-4,
.row-5,
.row-6,
.row-7,
.row-8,
.row-9,
.row-10,
.row-11,
.row-12,
.row-sm-1,
.row-sm-2,
.row-sm-3,
.row-sm-4,
.row-sm-5,
.row-sm-6,
.row-sm-7,
.row-sm-8,
.row-sm-9,
.row-sm-10,
.row-sm-11,
.row-sm-12,
.row-md-1,
.fxb-row-md-1,
.row-md-2,
.fxb-row-md-2,
.row-md-3,
.fxb-row-md-3,
.row-md-4,
.fxb-row-md-4,
.row-md-5,
.fxb-row-md-5,
.row-md-6,
.fxb-row-md-6,
.row-md-7,
.fxb-row-md-7,
.row-md-8,
.fxb-row-md-8,
.row-md-9,
.fxb-row-md-9,
.row-md-10,
.fxb-row-md-10,
.row-md-11,
.fxb-row-md-11,
.row-md-12,
.fxb-row-md-12,
.row-lg-1,
.row-lg-2,
.row-lg-3,
.row-lg-4,
.row-lg-5,
.row-lg-6,
.row-lg-7,
.row-lg-8,
.row-lg-9,
.row-lg-10,
.row-lg-11,
.row-lg-12,
.row-xl-1,
.row-xl-2,
.row-xl-3,
.row-xl-4,
.row-xl-5,
.row-xl-6,
.row-xl-7,
.row-xl-8,
.row-xl-9,
.row-xl-10,
.row-xl-11,
.row-xl-12 {
  display: flex;
  flex-wrap: wrap
}

@media (min-width: 600px) {

  .row,
  .row-1,
  .row-2,
  .row-3,
  .row-4,
  .row-5,
  .row-6,
  .row-7,
  .row-8,
  .row-9,
  .row-10,
  .row-11,
  .row-12,
  .row-sm-1,
  .row-sm-2,
  .row-sm-3,
  .row-sm-4,
  .row-sm-5,
  .row-sm-6,
  .row-sm-7,
  .row-sm-8,
  .row-sm-9,
  .row-sm-10,
  .row-sm-11,
  .row-sm-12,
  .row-md-1,
  .fxb-row-md-1,
  .row-md-2,
  .fxb-row-md-2,
  .row-md-3,
  .fxb-row-md-3,
  .row-md-4,
  .fxb-row-md-4,
  .row-md-5,
  .fxb-row-md-5,
  .row-md-6,
  .fxb-row-md-6,
  .row-md-7,
  .fxb-row-md-7,
  .row-md-8,
  .fxb-row-md-8,
  .row-md-9,
  .fxb-row-md-9,
  .row-md-10,
  .fxb-row-md-10,
  .row-md-11,
  .fxb-row-md-11,
  .row-md-12,
  .fxb-row-md-12,
  .row-lg-1,
  .row-lg-2,
  .row-lg-3,
  .row-lg-4,
  .row-lg-5,
  .row-lg-6,
  .row-lg-7,
  .row-lg-8,
  .row-lg-9,
  .row-lg-10,
  .row-lg-11,
  .row-lg-12,
  .row-xl-1,
  .row-xl-2,
  .row-xl-3,
  .row-xl-4,
  .row-xl-5,
  .row-xl-6,
  .row-xl-7,
  .row-xl-8,
  .row-xl-9,
  .row-xl-10,
  .row-xl-11,
  .row-xl-12 {
    margin-left: -16px;
    margin-right: -16px
  }
}

.no-gutters.row,
.no-gutters.row-1,
.no-gutters.row-2,
.no-gutters.row-3,
.no-gutters.row-4,
.no-gutters.row-5,
.no-gutters.row-6,
.no-gutters.row-7,
.no-gutters.row-8,
.no-gutters.row-9,
.no-gutters.row-10,
.no-gutters.row-11,
.no-gutters.row-12,
.no-gutters.row-sm-1,
.no-gutters.row-sm-2,
.no-gutters.row-sm-3,
.no-gutters.row-sm-4,
.no-gutters.row-sm-5,
.no-gutters.row-sm-6,
.no-gutters.row-sm-7,
.no-gutters.row-sm-8,
.no-gutters.row-sm-9,
.no-gutters.row-sm-10,
.no-gutters.row-sm-11,
.no-gutters.row-sm-12,
.no-gutters.row-md-1,
.no-gutters.fxb-row-md-1,
.no-gutters.row-md-2,
.no-gutters.fxb-row-md-2,
.no-gutters.row-md-3,
.no-gutters.fxb-row-md-3,
.no-gutters.row-md-4,
.no-gutters.fxb-row-md-4,
.no-gutters.row-md-5,
.no-gutters.fxb-row-md-5,
.no-gutters.row-md-6,
.no-gutters.fxb-row-md-6,
.no-gutters.row-md-7,
.no-gutters.fxb-row-md-7,
.no-gutters.row-md-8,
.no-gutters.fxb-row-md-8,
.no-gutters.row-md-9,
.no-gutters.fxb-row-md-9,
.no-gutters.row-md-10,
.no-gutters.fxb-row-md-10,
.no-gutters.row-md-11,
.no-gutters.fxb-row-md-11,
.no-gutters.row-md-12,
.no-gutters.fxb-row-md-12,
.no-gutters.row-lg-1,
.no-gutters.row-lg-2,
.no-gutters.row-lg-3,
.no-gutters.row-lg-4,
.no-gutters.row-lg-5,
.no-gutters.row-lg-6,
.no-gutters.row-lg-7,
.no-gutters.row-lg-8,
.no-gutters.row-lg-9,
.no-gutters.row-lg-10,
.no-gutters.row-lg-11,
.no-gutters.row-lg-12,
.no-gutters.row-xl-1,
.no-gutters.row-xl-2,
.no-gutters.row-xl-3,
.no-gutters.row-xl-4,
.no-gutters.row-xl-5,
.no-gutters.row-xl-6,
.no-gutters.row-xl-7,
.no-gutters.row-xl-8,
.no-gutters.row-xl-9,
.no-gutters.row-xl-10,
.no-gutters.row-xl-11,
.no-gutters.row-xl-12 {
  margin-left: 0;
  margin-right: 0
}

.gutters-sm.row,
.gutters-sm.row-1,
.gutters-sm.row-2,
.gutters-sm.row-3,
.gutters-sm.row-4,
.gutters-sm.row-5,
.gutters-sm.row-6,
.gutters-sm.row-7,
.gutters-sm.row-8,
.gutters-sm.row-9,
.gutters-sm.row-10,
.gutters-sm.row-11,
.gutters-sm.row-12,
.gutters-sm.row-sm-1,
.gutters-sm.row-sm-2,
.gutters-sm.row-sm-3,
.gutters-sm.row-sm-4,
.gutters-sm.row-sm-5,
.gutters-sm.row-sm-6,
.gutters-sm.row-sm-7,
.gutters-sm.row-sm-8,
.gutters-sm.row-sm-9,
.gutters-sm.row-sm-10,
.gutters-sm.row-sm-11,
.gutters-sm.row-sm-12,
.gutters-sm.row-md-1,
.gutters-sm.fxb-row-md-1,
.gutters-sm.row-md-2,
.gutters-sm.fxb-row-md-2,
.gutters-sm.row-md-3,
.gutters-sm.fxb-row-md-3,
.gutters-sm.row-md-4,
.gutters-sm.fxb-row-md-4,
.gutters-sm.row-md-5,
.gutters-sm.fxb-row-md-5,
.gutters-sm.row-md-6,
.gutters-sm.fxb-row-md-6,
.gutters-sm.row-md-7,
.gutters-sm.fxb-row-md-7,
.gutters-sm.row-md-8,
.gutters-sm.fxb-row-md-8,
.gutters-sm.row-md-9,
.gutters-sm.fxb-row-md-9,
.gutters-sm.row-md-10,
.gutters-sm.fxb-row-md-10,
.gutters-sm.row-md-11,
.gutters-sm.fxb-row-md-11,
.gutters-sm.row-md-12,
.gutters-sm.fxb-row-md-12,
.gutters-sm.row-lg-1,
.gutters-sm.row-lg-2,
.gutters-sm.row-lg-3,
.gutters-sm.row-lg-4,
.gutters-sm.row-lg-5,
.gutters-sm.row-lg-6,
.gutters-sm.row-lg-7,
.gutters-sm.row-lg-8,
.gutters-sm.row-lg-9,
.gutters-sm.row-lg-10,
.gutters-sm.row-lg-11,
.gutters-sm.row-lg-12,
.gutters-sm.row-xl-1,
.gutters-sm.row-xl-2,
.gutters-sm.row-xl-3,
.gutters-sm.row-xl-4,
.gutters-sm.row-xl-5,
.gutters-sm.row-xl-6,
.gutters-sm.row-xl-7,
.gutters-sm.row-xl-8,
.gutters-sm.row-xl-9,
.gutters-sm.row-xl-10,
.gutters-sm.row-xl-11,
.gutters-sm.row-xl-12 {
  margin-left: -10.66667px;
  margin-right: -10.66667px
}

@media (min-width: 600px) {

  .fxb-row,
  [class^="fxb-row-"],
  [class*=" fxb-row-"],
  [class^="fxb-row-desktop-"],
  [class*=" fxb-row-desktop-"],
  [class^="row-desktop-"],
  [class*=" row-desktop-"],
  [class^="fxb-row-mobile-"],
  [class*=" fxb-row-mobile-"],
  [class^="row-mobile-"],
  [class*=" row-mobile-"] {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
  }
}

.row-1>.col {
  flex: 0 0 100%;
  max-width: 100%
}

.row-2>.col {
  flex: 0 0 50%;
  max-width: 50%
}

.row-3>.col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.row-4>.col {
  flex: 0 0 25%;
  max-width: 25%
}

.row-5>.col {
  flex: 0 0 20%;
  max-width: 20%
}

.row-6>.col {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.row-7>.col {
  flex: 0 0 14.28571%;
  max-width: 14.28571%
}

.row-8>.col {
  flex: 0 0 12.5%;
  max-width: 12.5%
}

.row-9>.col {
  flex: 0 0 11.11111%;
  max-width: 11.11111%
}

.row-10>.col {
  flex: 0 0 10%;
  max-width: 10%
}

.row-11>.col {
  flex: 0 0 9.09091%;
  max-width: 9.09091%
}

.row-12>.col {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

@media (min-width: 320px) {
  .row-sm-1>.col {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width: 320px) {
  .row-sm-2>.col {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width: 320px) {
  .row-sm-3>.col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
}

@media (min-width: 320px) {
  .row-sm-4>.col {
    flex: 0 0 25%;
    max-width: 25%
  }
}

@media (min-width: 320px) {
  .row-sm-5>.col {
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media (min-width: 320px) {
  .row-sm-6>.col {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
}

@media (min-width: 320px) {
  .row-sm-7>.col {
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }
}

@media (min-width: 320px) {
  .row-sm-8>.col {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media (min-width: 320px) {
  .row-sm-9>.col {
    flex: 0 0 11.11111%;
    max-width: 11.11111%
  }
}

@media (min-width: 320px) {
  .row-sm-10>.col {
    flex: 0 0 10%;
    max-width: 10%
  }
}

@media (min-width: 320px) {
  .row-sm-11>.col {
    flex: 0 0 9.09091%;
    max-width: 9.09091%
  }
}

@media (min-width: 320px) {
  .row-sm-12>.col {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
}

@media (min-width: 600px) {
  .row-md-1>.col {
    flex: 0 0 100%;
    max-width: 100%
  }

  .fxb-row-md-1>.fxb-col {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width: 600px) {
  .row-md-2>.col {
    flex: 0 0 50%;
    max-width: 50%
  }

  .fxb-row-md-2>.fxb-col {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width: 600px) {
  .row-md-3>.col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }

  .fxb-row-md-3>.fxb-col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
}

@media (min-width: 600px) {
  .row-md-4>.col {
    flex: 0 0 25%;
    max-width: 25%
  }

  .fxb-row-md-4>.fxb-col {
    flex: 0 0 25%;
    max-width: 25%
  }
}

@media (min-width: 600px) {
  .row-md-5>.col {
    flex: 0 0 20%;
    max-width: 20%
  }

  .fxb-row-md-5>.fxb-col {
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media (min-width: 600px) {
  .row-md-6>.col {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }

  .fxb-row-md-6>.fxb-col {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
}

@media (min-width: 600px) {
  .row-md-7>.col {
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }

  .fxb-row-md-7>.fxb-col {
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }
}

@media (min-width: 600px) {
  .row-md-8>.col {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }

  .fxb-row-md-8>.fxb-col {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media (min-width: 600px) {
  .row-md-9>.col {
    flex: 0 0 11.11111%;
    max-width: 11.11111%
  }

  .fxb-row-md-9>.fxb-col {
    flex: 0 0 11.11111%;
    max-width: 11.11111%
  }
}

@media (min-width: 600px) {
  .row-md-10>.col {
    flex: 0 0 10%;
    max-width: 10%
  }

  .fxb-row-md-10>.fxb-col {
    flex: 0 0 10%;
    max-width: 10%
  }
}

@media (min-width: 600px) {
  .row-md-11>.col {
    flex: 0 0 9.09091%;
    max-width: 9.09091%
  }

  .fxb-row-md-11>.fxb-col {
    flex: 0 0 9.09091%;
    max-width: 9.09091%
  }
}

@media (min-width: 600px) {
  .row-md-12>.col {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }

  .fxb-row-md-12>.fxb-col {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
}

@media (min-width: 1024px) {
  .row-lg-1>.col {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width: 1024px) {
  .row-lg-2>.col {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width: 1024px) {
  .row-lg-3>.col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
}

@media (min-width: 1024px) {
  .row-lg-4>.col {
    flex: 0 0 25%;
    max-width: 25%
  }
}

@media (min-width: 1024px) {
  .row-lg-5>.col {
    flex: 0 0 20%;
    max-width: 20%
  }
}

@media (min-width: 1024px) {
  .row-lg-6>.col {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
}

@media (min-width: 1024px) {
  .row-lg-7>.col {
    flex: 0 0 14.28571%;
    max-width: 14.28571%
  }
}

@media (min-width: 1024px) {
  .row-lg-8>.col {
    flex: 0 0 12.5%;
    max-width: 12.5%
  }
}

@media (min-width: 1024px) {
  .row-lg-9>.col {
    flex: 0 0 11.11111%;
    max-width: 11.11111%
  }
}

@media (min-width: 1024px) {
  .row-lg-10>.col {
    flex: 0 0 10%;
    max-width: 10%
  }
}

@media (min-width: 1024px) {
  .row-lg-11>.col {
    flex: 0 0 9.09091%;
    max-width: 9.09091%
  }
}

@media (min-width: 1024px) {
  .row-lg-12>.col {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
}

.row-xl-1>.col {
  flex: 0 0 100%;
  max-width: 100%
}

.row-xl-2>.col {
  flex: 0 0 50%;
  max-width: 50%
}

.row-xl-3>.col {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.row-xl-4>.col {
  flex: 0 0 25%;
  max-width: 25%
}

.row-xl-5>.col {
  flex: 0 0 20%;
  max-width: 20%
}

.row-xl-6>.col {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.row-xl-7>.col {
  flex: 0 0 14.28571%;
  max-width: 14.28571%
}

.row-xl-8>.col {
  flex: 0 0 12.5%;
  max-width: 12.5%
}

.row-xl-9>.col {
  flex: 0 0 11.11111%;
  max-width: 11.11111%
}

.row-xl-10>.col {
  flex: 0 0 10%;
  max-width: 10%
}

.row-xl-11>.col {
  flex: 0 0 9.09091%;
  max-width: 9.09091%
}

.row-xl-12>.col {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

@media (min-width: 600px) {

  .fxb-row-1 .fxb-col,
  .fxb-row-1 [class^="col"] {
    width: 100%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-1 .fxb-col,
  .fxb-row-1 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-1 .fxb-col {
    width: 100%
  }
}

@media (min-width: 600px) {
  .row-desktop-1 .col {
    width: 100%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-1 .fxb-col {
    width: 100%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-1 .col {
    width: 100%
  }
}

@media (min-width: 600px) {

  .fxb-row-2 .fxb-col,
  .fxb-row-2 [class^="col"] {
    width: 50%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-2 .fxb-col,
  .fxb-row-2 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-2 .fxb-col {
    width: 50%
  }
}

@media (min-width: 600px) {
  .row-desktop-2 .col {
    width: 50%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-2 .fxb-col {
    width: 50%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-2 .col {
    width: 50%
  }
}

@media (min-width: 600px) {

  .fxb-row-3 .fxb-col,
  .fxb-row-3 [class^="col"] {
    width: 33.33333%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-3 .fxb-col,
  .fxb-row-3 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-3 .fxb-col {
    width: 33.33333%
  }
}

@media (min-width: 600px) {
  .row-desktop-3 .col {
    width: 33.33333%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-3 .fxb-col {
    width: 33.33333%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-3 .col {
    width: 33.33333%
  }
}

@media (min-width: 600px) {

  .fxb-row-4 .fxb-col,
  .fxb-row-4 [class^="col"] {
    width: 25%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-4 .fxb-col,
  .fxb-row-4 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-4 .fxb-col {
    width: 25%
  }
}

@media (min-width: 600px) {
  .row-desktop-4 .col {
    width: 25%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-4 .fxb-col {
    width: 25%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-4 .col {
    width: 25%
  }
}

@media (min-width: 600px) {

  .fxb-row-5 .fxb-col,
  .fxb-row-5 [class^="col"] {
    width: 20%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-5 .fxb-col,
  .fxb-row-5 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-5 .fxb-col {
    width: 20%
  }
}

@media (min-width: 600px) {
  .row-desktop-5 .col {
    width: 20%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-5 .fxb-col {
    width: 20%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-5 .col {
    width: 20%
  }
}

@media (min-width: 600px) {

  .fxb-row-6 .fxb-col,
  .fxb-row-6 [class^="col"] {
    width: 16.66667%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-6 .fxb-col,
  .fxb-row-6 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-6 .fxb-col {
    width: 16.66667%
  }
}

@media (min-width: 600px) {
  .row-desktop-6 .col {
    width: 16.66667%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-6 .fxb-col {
    width: 16.66667%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-6 .col {
    width: 16.66667%
  }
}

@media (min-width: 600px) {

  .fxb-row-7 .fxb-col,
  .fxb-row-7 [class^="col"] {
    width: 14.28571%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-7 .fxb-col,
  .fxb-row-7 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-7 .fxb-col {
    width: 14.28571%
  }
}

@media (min-width: 600px) {
  .row-desktop-7 .col {
    width: 14.28571%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-7 .fxb-col {
    width: 14.28571%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-7 .col {
    width: 14.28571%
  }
}

@media (min-width: 600px) {

  .fxb-row-8 .fxb-col,
  .fxb-row-8 [class^="col"] {
    width: 12.5%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-8 .fxb-col,
  .fxb-row-8 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-8 .fxb-col {
    width: 12.5%
  }
}

@media (min-width: 600px) {
  .row-desktop-8 .col {
    width: 12.5%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-8 .fxb-col {
    width: 12.5%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-8 .col {
    width: 12.5%
  }
}

@media (min-width: 600px) {

  .fxb-row-9 .fxb-col,
  .fxb-row-9 [class^="col"] {
    width: 11.11111%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-9 .fxb-col,
  .fxb-row-9 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-9 .fxb-col {
    width: 11.11111%
  }
}

@media (min-width: 600px) {
  .row-desktop-9 .col {
    width: 11.11111%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-9 .fxb-col {
    width: 11.11111%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-9 .col {
    width: 11.11111%
  }
}

@media (min-width: 600px) {

  .fxb-row-10 .fxb-col,
  .fxb-row-10 [class^="col"] {
    width: 10%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-10 .fxb-col,
  .fxb-row-10 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-10 .fxb-col {
    width: 10%
  }
}

@media (min-width: 600px) {
  .row-desktop-10 .col {
    width: 10%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-10 .fxb-col {
    width: 10%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-10 .col {
    width: 10%
  }
}

@media (min-width: 600px) {

  .fxb-row-11 .fxb-col,
  .fxb-row-11 [class^="col"] {
    width: 9.09091%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-11 .fxb-col,
  .fxb-row-11 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-11 .fxb-col {
    width: 9.09091%
  }
}

@media (min-width: 600px) {
  .row-desktop-11 .col {
    width: 9.09091%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-11 .fxb-col {
    width: 9.09091%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-11 .col {
    width: 9.09091%
  }
}

@media (min-width: 600px) {

  .fxb-row-12 .fxb-col,
  .fxb-row-12 [class^="col"] {
    width: 8.33333%
  }
}

@media (max-width: 599.98px) {

  .fxb-row-12 .fxb-col,
  .fxb-row-12 [class^="col"] {
    width: 100% !important;
    margin-bottom: 1rem;
    max-width: none
  }
}

@media (min-width: 600px) {
  .fxb-row-desktop-12 .fxb-col {
    width: 8.33333%
  }
}

@media (min-width: 600px) {
  .row-desktop-12 .col {
    width: 8.33333%
  }
}

@media (max-width: 599.98px) {
  .fxb-row-mobile-12 .fxb-col {
    width: 8.33333%
  }
}

@media (max-width: 599.98px) {
  .row-mobile-12 .col {
    width: 8.33333%
  }
}

@media (max-width: 599.98px) {
  .fxb-column-reverse {
    flex-direction: column-reverse
  }
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
  position: relative;
  width: 100%
}

@media (min-width: 600px) {

  .col,
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-xl-1,
  .col-xl-2,
  .col-xl-3,
  .col-xl-4,
  .col-xl-5,
  .col-xl-6,
  .col-xl-7,
  .col-xl-8,
  .col-xl-9,
  .col-xl-10,
  .col-xl-11,
  .col-xl-12 {
    padding-left: 16px;
    padding-right: 16px
  }
}

.no-gutters .col,
.no-gutters .col-1,
.no-gutters .col-2,
.no-gutters .col-3,
.no-gutters .col-4,
.no-gutters .col-5,
.no-gutters .col-6,
.no-gutters .col-7,
.no-gutters .col-8,
.no-gutters .col-9,
.no-gutters .col-10,
.no-gutters .col-11,
.no-gutters .col-12,
.no-gutters .col-sm-1,
.no-gutters .col-sm-2,
.no-gutters .col-sm-3,
.no-gutters .col-sm-4,
.no-gutters .col-sm-5,
.no-gutters .col-sm-6,
.no-gutters .col-sm-7,
.no-gutters .col-sm-8,
.no-gutters .col-sm-9,
.no-gutters .col-sm-10,
.no-gutters .col-sm-11,
.no-gutters .col-sm-12,
.no-gutters .col-md-1,
.no-gutters .col-md-2,
.no-gutters .col-md-3,
.no-gutters .col-md-4,
.no-gutters .col-md-5,
.no-gutters .col-md-6,
.no-gutters .col-md-7,
.no-gutters .col-md-8,
.no-gutters .col-md-9,
.no-gutters .col-md-10,
.no-gutters .col-md-11,
.no-gutters .col-md-12,
.no-gutters .col-lg-1,
.no-gutters .col-lg-2,
.no-gutters .col-lg-3,
.no-gutters .col-lg-4,
.no-gutters .col-lg-5,
.no-gutters .col-lg-6,
.no-gutters .col-lg-7,
.no-gutters .col-lg-8,
.no-gutters .col-lg-9,
.no-gutters .col-lg-10,
.no-gutters .col-lg-11,
.no-gutters .col-lg-12,
.no-gutters .col-xl-1,
.no-gutters .col-xl-2,
.no-gutters .col-xl-3,
.no-gutters .col-xl-4,
.no-gutters .col-xl-5,
.no-gutters .col-xl-6,
.no-gutters .col-xl-7,
.no-gutters .col-xl-8,
.no-gutters .col-xl-9,
.no-gutters .col-xl-10,
.no-gutters .col-xl-11,
.no-gutters .col-xl-12 {
  padding-left: 0;
  padding-right: 0
}

.gutters-sm .col,
.gutters-sm .col-1,
.gutters-sm .col-2,
.gutters-sm .col-3,
.gutters-sm .col-4,
.gutters-sm .col-5,
.gutters-sm .col-6,
.gutters-sm .col-7,
.gutters-sm .col-8,
.gutters-sm .col-9,
.gutters-sm .col-10,
.gutters-sm .col-11,
.gutters-sm .col-12,
.gutters-sm .col-sm-1,
.gutters-sm .col-sm-2,
.gutters-sm .col-sm-3,
.gutters-sm .col-sm-4,
.gutters-sm .col-sm-5,
.gutters-sm .col-sm-6,
.gutters-sm .col-sm-7,
.gutters-sm .col-sm-8,
.gutters-sm .col-sm-9,
.gutters-sm .col-sm-10,
.gutters-sm .col-sm-11,
.gutters-sm .col-sm-12,
.gutters-sm .col-md-1,
.gutters-sm .col-md-2,
.gutters-sm .col-md-3,
.gutters-sm .col-md-4,
.gutters-sm .col-md-5,
.gutters-sm .col-md-6,
.gutters-sm .col-md-7,
.gutters-sm .col-md-8,
.gutters-sm .col-md-9,
.gutters-sm .col-md-10,
.gutters-sm .col-md-11,
.gutters-sm .col-md-12,
.gutters-sm .col-lg-1,
.gutters-sm .col-lg-2,
.gutters-sm .col-lg-3,
.gutters-sm .col-lg-4,
.gutters-sm .col-lg-5,
.gutters-sm .col-lg-6,
.gutters-sm .col-lg-7,
.gutters-sm .col-lg-8,
.gutters-sm .col-lg-9,
.gutters-sm .col-lg-10,
.gutters-sm .col-lg-11,
.gutters-sm .col-lg-12,
.gutters-sm .col-xl-1,
.gutters-sm .col-xl-2,
.gutters-sm .col-xl-3,
.gutters-sm .col-xl-4,
.gutters-sm .col-xl-5,
.gutters-sm .col-xl-6,
.gutters-sm .col-xl-7,
.gutters-sm .col-xl-8,
.gutters-sm .col-xl-9,
.gutters-sm .col-xl-10,
.gutters-sm .col-xl-11,
.gutters-sm .col-xl-12 {
  padding-left: 10.66667px;
  padding-right: 10.66667px
}

.fxb-col,
[class^="fxb-col-"],
[class*=" fxb-col-"],
.fxb-col-desktop,
.col-desktop,
[class^="fxb-col-desktop-"],
[class*=" fxb-col-desktop-"],
[class^="col-desktop-"],
[class*=" col-desktop-"],
.fxb-col-mobile,
.col-mobile,
[class^="fxb-col-mobile-"],
[class*=" fxb-col-mobile-"],
[class^="col-mobile-"],
[class*=" col-mobile-"] {
  width: 100%
}

@media (min-width: 600px) {

  .fxb-col,
  [class^="fxb-col-"],
  [class*=" fxb-col-"],
  .fxb-col-desktop,
  .col-desktop,
  [class^="fxb-col-desktop-"],
  [class*=" fxb-col-desktop-"],
  [class^="col-desktop-"],
  [class*=" col-desktop-"],
  .fxb-col-mobile,
  .col-mobile,
  [class^="fxb-col-mobile-"],
  [class*=" fxb-col-mobile-"],
  [class^="col-mobile-"],
  [class*=" col-mobile-"] {
    padding-left: 10px;
    padding-right: 10px
  }
}

.col-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.col-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.col-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.col-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.col-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width: 320px) {
  .col-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
}

@media (min-width: 320px) {
  .col-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
}

@media (min-width: 320px) {
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%
  }
}

@media (min-width: 320px) {
  .col-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
}

@media (min-width: 320px) {
  .col-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
}

@media (min-width: 320px) {
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width: 320px) {
  .col-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
}

@media (min-width: 320px) {
  .col-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
}

@media (min-width: 320px) {
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%
  }
}

@media (min-width: 320px) {
  .col-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
}

@media (min-width: 320px) {
  .col-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }
}

@media (min-width: 320px) {
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width: 600px) {
  .col-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
}

@media (min-width: 600px) {
  .col-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
}

@media (min-width: 600px) {
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }
}

@media (min-width: 600px) {
  .col-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
}

@media (min-width: 600px) {
  .col-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
}

@media (min-width: 600px) {
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width: 600px) {
  .col-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
}

@media (min-width: 600px) {
  .col-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
}

@media (min-width: 600px) {
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }
}

@media (min-width: 600px) {
  .col-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
}

@media (min-width: 600px) {
  .col-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }
}

@media (min-width: 600px) {
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
}

@media (min-width: 1024px) {
  .col-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%
  }
}

@media (min-width: 1024px) {
  .col-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%
  }
}

@media (min-width: 1024px) {
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%
  }
}

@media (min-width: 1024px) {
  .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
}

@media (min-width: 1024px) {
  .col-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
}

@media (min-width: 1024px) {
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width: 1024px) {
  .col-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
}

@media (min-width: 1024px) {
  .col-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
}

@media (min-width: 1024px) {
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%
  }
}

@media (min-width: 1024px) {
  .col-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%
  }
}

@media (min-width: 1024px) {
  .col-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%
  }
}

@media (min-width: 1024px) {
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%
  }
}

.col-xl-1 {
  flex: 0 0 8.33333%;
  max-width: 8.33333%
}

.col-xl-2 {
  flex: 0 0 16.66667%;
  max-width: 16.66667%
}

.col-xl-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.col-xl-4 {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.col-xl-5 {
  flex: 0 0 41.66667%;
  max-width: 41.66667%
}

.col-xl-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.col-xl-7 {
  flex: 0 0 58.33333%;
  max-width: 58.33333%
}

.col-xl-8 {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.col-xl-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.col-xl-10 {
  flex: 0 0 83.33333%;
  max-width: 83.33333%
}

.col-xl-11 {
  flex: 0 0 91.66667%;
  max-width: 91.66667%
}

.col-xl-12 {
  flex: 0 0 100%;
  max-width: 100%
}

@media (min-width: 600px) {
  .fxb-col-1 {
    width: 8.33333%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-1 {
    width: 8.33333%
  }
}

@media (min-width: 600px) {
  .col-desktop-1 {
    width: 8.33333%
  }
}

.fxb-col-mobile-1 {
  width: 8.33333%
}

.col-mobile-1 {
  width: 8.33333%
}

@media (min-width: 600px) {
  .fxb-col-2 {
    width: 16.66667%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-2 {
    width: 16.66667%
  }
}

@media (min-width: 600px) {
  .col-desktop-2 {
    width: 16.66667%
  }
}

.fxb-col-mobile-2 {
  width: 16.66667%
}

.col-mobile-2 {
  width: 16.66667%
}

@media (min-width: 600px) {
  .fxb-col-3 {
    width: 25%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-3 {
    width: 25%
  }
}

@media (min-width: 600px) {
  .col-desktop-3 {
    width: 25%
  }
}

.fxb-col-mobile-3 {
  width: 25%
}

.col-mobile-3 {
  width: 25%
}

@media (min-width: 600px) {
  .fxb-col-4 {
    width: 33.33333%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-4 {
    width: 33.33333%
  }
}

@media (min-width: 600px) {
  .col-desktop-4 {
    width: 33.33333%
  }
}

.fxb-col-mobile-4 {
  width: 33.33333%
}

.col-mobile-4 {
  width: 33.33333%
}

@media (min-width: 600px) {
  .fxb-col-5 {
    width: 41.66667%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-5 {
    width: 41.66667%
  }
}

@media (min-width: 600px) {
  .col-desktop-5 {
    width: 41.66667%
  }
}

.fxb-col-mobile-5 {
  width: 41.66667%
}

.col-mobile-5 {
  width: 41.66667%
}

@media (min-width: 600px) {
  .fxb-col-6 {
    width: 50%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-6 {
    width: 50%
  }
}

@media (min-width: 600px) {
  .col-desktop-6 {
    width: 50%
  }
}

.fxb-col-mobile-6 {
  width: 50%
}

.col-mobile-6 {
  width: 50%
}

@media (min-width: 600px) {
  .fxb-col-7 {
    width: 58.33333%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-7 {
    width: 58.33333%
  }
}

@media (min-width: 600px) {
  .col-desktop-7 {
    width: 58.33333%
  }
}

.fxb-col-mobile-7 {
  width: 58.33333%
}

.col-mobile-7 {
  width: 58.33333%
}

@media (min-width: 600px) {
  .fxb-col-8 {
    width: 66.66667%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-8 {
    width: 66.66667%
  }
}

@media (min-width: 600px) {
  .col-desktop-8 {
    width: 66.66667%
  }
}

.fxb-col-mobile-8 {
  width: 66.66667%
}

.col-mobile-8 {
  width: 66.66667%
}

@media (min-width: 600px) {
  .fxb-col-9 {
    width: 75%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-9 {
    width: 75%
  }
}

@media (min-width: 600px) {
  .col-desktop-9 {
    width: 75%
  }
}

.fxb-col-mobile-9 {
  width: 75%
}

.col-mobile-9 {
  width: 75%
}

@media (min-width: 600px) {
  .fxb-col-10 {
    width: 83.33333%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-10 {
    width: 83.33333%
  }
}

@media (min-width: 600px) {
  .col-desktop-10 {
    width: 83.33333%
  }
}

.fxb-col-mobile-10 {
  width: 83.33333%
}

.col-mobile-10 {
  width: 83.33333%
}

@media (min-width: 600px) {
  .fxb-col-11 {
    width: 91.66667%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-11 {
    width: 91.66667%
  }
}

@media (min-width: 600px) {
  .col-desktop-11 {
    width: 91.66667%
  }
}

.fxb-col-mobile-11 {
  width: 91.66667%
}

.col-mobile-11 {
  width: 91.66667%
}

@media (min-width: 600px) {
  .fxb-col-12 {
    width: 100%
  }
}

@media (min-width: 600px) {
  .fxb-col-desktop-12 {
    width: 100%
  }
}

@media (min-width: 600px) {
  .col-desktop-12 {
    width: 100%
  }
}

.fxb-col-mobile-12 {
  width: 100%
}

.col-mobile-12 {
  width: 100%
}

.fxb-accordion>.fxb-container>.fxb-content {
  display: none
}

@media (min-width: 600px) {
  .fxb-accordion>.fxb-container>.fxb-content {
    display: block !important
  }
}

.fxb-accordion>.fxb-container>.fxb-header {
  background-color: #1c1c1c;
  color: #fff;
  padding: 1px 20px
}

@media (min-width: 600px) {
  .fxb-accordion>.fxb-container>.fxb-header {
    display: none
  }
}

.fxb-slider [class^="_item"] {
  align-items: flex-start;
  display: flex;
  padding: 10px;
  width: 100%
}

.fxb-slider.slick-slider {
  display: block
}

.fxb-slider .slick-dots {
  font-size: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 100%
}

.fxb-slider .slick-dots li {
  display: inline-block
}

.fxb-slider .slick-dots li.slick-active button:before {
  background-color: #1c1c1c
}

.fxb-slider .slick-dots li button {
  height: 30px;
  outline: none;
  width: 30px;
  background: none;
  border: none
}

.fxb-slider .slick-dots li button:before {
  background-color: #CDCDCD;
  border-radius: 5px;
  content: "";
  display: inline-block;
  height: 10px;
  transition: background-color .2s;
  width: 10px
}

.about-mainArea {
  background-color: #FBF1F2;
  margin: -2rem -1rem 0
}

@media (min-width: 600px) {
  .about-mainArea {
    margin: -2rem -2.5rem 0;
    padding-top: 1rem
  }
}

@media (min-width: 1024px) {
  .about-mainArea {
    position: absolute;
    left: 0;
    right: 0;
    margin: -2rem 0 0;
    padding-left: 3rem
  }
}

.about-mainArea>._inner {
  margin: 0 auto
}

@media (min-width: 1024px) {
  .about-mainArea>._inner {
    max-width: 90rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
    gap: 1rem
  }
}

.about-mainArea>._inner>._imgArea {
  width: 100%
}

@media (min-width: 600px) {
  .about-mainArea>._inner>._imgArea {
    min-height: 27.6875rem;
    text-align: right;
    background: url(../images/about/img-main-pc.png) bottom right no-repeat
  }
}

@media (min-width: 1024px) {
  .about-mainArea>._inner>._imgArea {
    max-width: 42.3125rem;
    flex: 1;
    background-position: bottom left;
    background-size: 100% auto
  }
}

@media (min-width: 600px) {
  .about-mainArea>._inner>._imgArea img {
    display: none
  }
}

.about-mainArea>._inner>._textArea {
  background-color: #B81C22;
  color: #fff;
  padding: 1rem
}

@media (min-width: 1024px) {
  .about-mainArea>._inner>._textArea {
    background: none;
    color: #1c1c1c;
    width: 37.9375rem;
    padding: 1rem 0 2rem;
    display: flex;
    flex-direction: column
  }
}

.about-mainArea>._inner>._textArea>._title {
  text-align: center;
  color: #fff;
  font-size: 1.25rem
}

@media (min-width: 1024px) {
  .about-mainArea>._inner>._textArea>._title {
    color: #1c1c1c;
    text-align: left;
    font-size: 2.25rem;
    margin-bottom: 1.5rem
  }

  .about-mainArea>._inner>._textArea>._title>span {
    font-size: 1.875rem
  }
}

@media (min-width: 1024px) {
  .about-mainArea>._inner>._textArea>._text {
    margin-bottom: 2rem
  }
}

.about-mainArea>._inner>._textArea>._bottom {
  text-align: center
}

@media (min-width: 1024px) {
  .about-mainArea>._inner>._textArea>._bottom {
    display: flex;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: auto
  }
}

.about-mainArea>._inner>._textArea>._bottom>._btn {
  text-decoration: none;
  border-radius: .5rem;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .875rem 1rem;
  text-align: center;
  transition: background-color .2s,
    border-color .2s,
    color .2s;
  height: calc(100% - 1em);
  color: #1c1c1c;
  background-color: #fff;
  width: 100%;
  color: #B81C22;
  margin-bottom: .625rem;
  font-size: 1.125rem;
  max-width: 22.5rem
}

.about-mainArea>._inner>._textArea>._bottom>._btn:hover {
  color: #1c1c1c;
  background-color: #f2f2f2
}

@media (min-width: 1024px) {
  .about-mainArea>._inner>._textArea>._bottom>._btn {
    color: #fff;
    background-color: #B81C22;
    color: #fff;
    width: auto;
    margin-bottom: 0;
    height: 3.5rem
  }

  .about-mainArea>._inner>._textArea>._bottom>._btn:hover {
    color: #fff;
    background-color: #a2191e
  }

  .about-mainArea>._inner>._textArea>._bottom>._btn:hover {
    background-color: #D15E63
  }

  .about-mainArea>._inner>._textArea>._bottom>._btn:active {
    background-color: #851418
  }
}

.about-mainArea>._inner>._textArea>._bottom>._link {
  text-align: center;
  color: #fff;
  display: block;
  padding: 0.5rem
}

@media (min-width: 1024px) {
  .about-mainArea>._inner>._textArea>._bottom>._link {
    color: #B81C22
  }
}

.about-benefitArea {
  padding-top: 2rem
}

@media (min-width: 1024px) {
  .about-benefitArea {
    padding-top: 29.75rem;
    margin: 0 auto;
    max-width: 56rem
  }
}

.about-benefitArea>._title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 1.125rem;
  margin-bottom: 2rem
}

@media (min-width: 1024px) {
  .about-benefitArea>._title {
    font-size: 1.25rem;
    margin-bottom: 3rem
  }
}

.about-benefitArea>._title::before,
.about-benefitArea>._title::after {
  content: '';
  height: 1px;
  flex-grow: 1;
  background-color: #CDCDCD
}

.about-benefitArea>._bottom {
  border: dashed 1px #B81C22;
  padding: 1rem;
  border-radius: .5rem;
  background-color: #fff
}

.about-benefitArea>._bottom>* {
  margin: auto;
  display: block;
  max-width: 22.5rem
}

.about-benefitArea>._bottom>p {
  margin-bottom: 1rem
}

.about-benefitArea>._bottom>a {
  width: 100%;
  font-size: 1.125rem
}

@media (min-width: 1024px) {
  .about-benefitArea>._bottom {
    text-align: center;
    padding: 1.5rem
  }

  .about-benefitArea>._bottom>p {
    font-size: 1.25rem
  }
}

.about-benefitList {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  padding-bottom: 2rem
}

@media (min-width: 1024px) {
  .about-benefitList {
    padding-bottom: 3rem
  }
}

.about-benefitList::before {
  content: '';
  position: absolute;
  top: 1px;
  bottom: 0;
  left: 1.5rem;
  border-left: dashed 1px #B81C22;
  z-index: -1
}

@media (min-width: 1024px) {
  .about-benefitList::before {
    left: 2rem
  }
}

.about-benefitList>._item {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  align-items: center
}

@media (min-width: 1024px) {
  .about-benefitList>._item {
    gap: 1.5rem 5rem;
    position: relative;
    background-color: #fff;
    border-radius: .5rem;
    padding: 2rem;
    margin-left: 5rem
  }
}

.about-benefitList>._item+._item {
  margin-top: 1rem
}

@media (min-width: 1024px) {
  .about-benefitList>._item+._item {
    margin-top: 3rem
  }
}

.about-benefitList>._item::before {
  grid-area: 1 / 1 / 2 / 2;
  background-color: #B81C22;
  color: #fff;
  border-radius: 100%;
  padding: 0.3rem;
  font-size: 1.875rem;
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width: 1024px) {
  .about-benefitList>._item::before {
    grid-area: auto;
    position: absolute;
    top: 0;
    left: -5rem;
    font-size: 3rem;
    width: 4rem;
    height: 4rem
  }
}

.about-benefitList>._item>._title {
  grid-area: 1 / 2 / 2 / 3;
  margin-bottom: 0;
  color: #B81C22;
  font-size: 1.25rem
}

@media (min-width: 1024px) {
  .about-benefitList>._item>._title {
    grid-area: 1 / 1 / 2 / 2;
    font-size: 1.5rem
  }

  .about-benefitList>._item>._title>span {
    font-size: 1rem
  }
}

.about-benefitList>._item>._img {
  grid-area: 2 / 2 / 3 / 3;
  width: 9.375rem
}

@media (min-width: 1024px) {
  .about-benefitList>._item>._img {
    grid-area: 1 / 2 / 3 / 3;
    width: 14.0625rem
  }
}

.about-benefitList>._item>._list {
  grid-area: 3 / 1 / 4 / 3;
  list-style: none;
  padding: 0;
  margin-bottom: 0
}

@media (min-width: 1024px) {
  .about-benefitList>._item>._list {
    grid-area: 2 / 1 / 3 / 2;
    font-size: 1rem;
    width: 26.6875rem
  }
}

.about-benefitList>._item>._list>._item {
  display: flex;
  gap: 1rem;
  align-items: flex-start
}

.about-benefitList>._item>._list>._item+._item {
  margin-top: 1rem
}

.about-benefitList>._item>._list>._item::before {
  content: "\E169";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #B81C22;
  font-size: 1.5rem;
  margin: 0 .75rem;
  background-color: #f8f8f8;
  border-radius: 100%
}

@media (min-width: 1024px) {
  .about-benefitList>._item>._list>._item::before {
    font-size: 2rem;
    margin: 0
  }
}

.breadcrumb ._list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: .5rem 1rem
}

.breadcrumb ._list>._item {
  color: #9d9d9d
}

.breadcrumb ._list>._item::after {
  content: '/';
  margin-left: 1rem;
  color: #9d9d9d
}

.breadcrumb ._list>._item:last-child {
  color: #1c1c1c
}

.breadcrumb ._list>._item:last-child::after {
  display: none
}

.breadcrumb ._list>._item>._link {
  color: #9d9d9d;
  text-decoration: none
}

.btnList {
  width: 100%;
  display: flex;
  gap: 1rem
}

.btnList>[class^="btn-"]+[class^="btn-"],
.btnList [class^="btn-"]+[class*=" btn-"],
.btnList [class*=" btn-"]+[class^="btn-"],
.btnList [class*=" btn-"]+[class*=" btn-"] {
  margin: 0
}

.btnList>* {
  width: 100%;
  text-align: center
}

@media (min-width: 600px) {
  .btnList>* {
    min-width: 9.1875rem;
    width: auto
  }
}

.modal .btnList>* {
  min-width: auto;
  width: 100%
}

.campaignItem-table {
  width: 100%
}

@media (min-width: 1024px) {
  .campaignItem-table {
    border-top: none
  }
}

.campaignItem-table thead {
  display: none
}

@media (min-width: 1024px) {
  .campaignItem-table thead {
    display: table-header-group
  }
}

.campaignItem-table thead tr {
  border: none
}

.campaignItem-table thead tr th {
  background-color: #B81C22;
  color: #fff;
  padding: 0.5rem 1rem
}

.campaignItem-table tbody tr {
  display: grid;
  grid-template-columns: 1fr 0.3fr;
  grid-template-rows: repeat(1, 3);
  grid-column-gap: 1rem;
  padding: 0.5rem 1rem;
  border-top: none
}

@media (min-width: 1024px) {
  .campaignItem-table tbody tr {
    display: table-row
  }
}

.campaignItem-table tbody tr:nth-child(even) {
  background-color: #FBF1F2
}

.campaignItem-table tbody tr:last-child {
  border-bottom: none
}

.campaignItem-table tbody tr td {
  padding: 0
}

@media (min-width: 1024px) {
  .campaignItem-table tbody tr td {
    padding: 1rem
  }
}

.campaignItem-table tbody tr td:last-child {
  grid-area: 1 / 2 / 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center
}

@media (min-width: 1024px) {
  .campaignItem-table tbody tr td:last-child {
    padding: 0 1rem;
    display: table-cell
  }
}

.campaignItem-table tbody tr td:last-child .delete-btn {
  border: none;
  border-radius: 999px;
  background-color: #B81C22;
  color: #fff;
  font-weight: 700;
  font-size: 145%;
  line-height: 1;
  padding: 0.5rem;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  transition: background-color .2s,
    border-color .2s,
    color .2s
}

.campaignItem-table tbody tr td:last-child .delete-btn:hover {
  background-color: #D15E63
}

.campaignItem-table tbody tr td:last-child .delete-btn:active {
  background-color: #851418
}

.campaignItem-filter {
  height: auto
}

.campaignItem-filter ._list {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap
}

.campaignItem-filter ._list>._item {
  font-weight: 700;
  position: relative
}

.campaignItem-filter ._list>._item>._radio {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  right: 1px;
  border: none
}

.campaignItem-filter ._list>._item>._radioinput[type=checkbox] {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.campaignItem-filter ._list>._item>._label {
  position: relative;
  border-radius: .5rem;
  padding: .1875rem 1rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #B81C22;
  color: #B81C22;
  transition: background-color .2s, color .2s
}

.campaignItem-filter ._list>._item>._label:hover {
  background-color: #FBF1F2
}

.campaignItem-filter ._list>._item>._label:active {
  background-color: #EBB0B2
}

.campaignItem-filter ._list>._item ._radio:checked~._label {
  background-color: #B81C22;
  border-color: #B81C22;
  color: #fff
}

.campaignItem-filter ._list>._item ._radio:checked~._label:hover {
  background-color: #B81C22
}

.campaignItem-filter ._list>._item ._radio:checked~._label:active {
  background-color: #B81C22
}

.campaignItem-submit {
  position: fixed;
  bottom: 0;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  transition: opacity 0.3s;
  height: -webkit-max-content;
  height: max-content
}

@media (min-width: 600px) {
  .campaignItem-submit {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100
  }
}

.campaignItem-submit.is-hide {
  opacity: 0;
  pointer-events: none
}

@media (min-width: 600px) {
  .campaignItem-submit {
    right: 0
  }
}

.campaignItem-submit>._button {
  font-size: 1rem;
  border: none;
  font-weight: 700;
  background-color: #B81C22;
  color: #fff;
  letter-spacing: 0.1em;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 0.5rem 3rem;
  box-shadow: 0 2px 4px 0 rgba(255, 255, 255, 0.3), 0 2px 10px 0 rgba(255, 255, 255, 0.3);
  border: none
}

@media (min-width: 600px) {
  .campaignItem-submit>._button {
    padding: 2rem 1rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    border-radius: 0.5rem 0 0 0.5rem
  }
}

.campaignItem-submit>._button:disabled {
  color: #9d9d9d;
  background-color: #f4f4f4;
  border: solid 1px #CDCDCD;
  border-bottom: none
}

@media (min-width: 600px) {
  .campaignItem-submit>._button:disabled {
    border-right: none;
    border-bottom: solid 1px #CDCDCD
  }
}

.campaignItem-submit>._button:hover:not(:disabled) {
  background-color: #D15E63
}

.campaignItem-submit>._button:active:not(:disabled) {
  background-color: #851418
}

.campaignItem-modal .modal-header {
  padding-bottom: 1rem
}

.campaignItem-modal .table-default-adaptive {
  width: 100%
}

.campaignItem-modal .table-default-adaptive ._special th {
  color: #B81C22
}

.campaignItem-modal .table-default-adaptive ._special td {
  color: #B81C22;
  font-size: 150%;
  font-weight: 700
}

.campaignItem-modal .table-default-adaptive tr td>*:last-child {
  margin-bottom: 0
}

.campaignItem-modal ._image {
  text-align: center
}

.campaignItem-modal .list-type-komejirushi {
  font-size: .875rem
}

.campaignItem-card {
  border-radius: 0.5rem;
  box-shadow: 0 0 0 1px #d4d4d5, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
  height: 100%
}

.campaignItem-card ._chechbox {
  border-bottom: 1px solid #CDCDCD;
  padding: 0.5rem
}

.campaignItem-card ._chechbox input {
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transform-origin: center left;
  transform-origin: center left;
  cursor: pointer;
  line-height: 1
}

.campaignItem-card ._inner {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100% - 45px);
  justify-content: space-between
}

.campaignItem-card ._inner>button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  background: none
}

.campaignItem-card ._inner ._header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1rem 0
}

.campaignItem-card ._inner ._header ._maker {
  font-size: 12px;
  color: #6A6A6A
}

.campaignItem-card ._inner ._header ._title {
  width: 100%;
  margin-bottom: 0
}

.campaignItem-card ._inner ._body {
  padding: 0 1rem
}

.campaignItem-card ._inner ._footer {
  border-top: 1px dotted #B81C22;
  padding: 1rem;
  color: #B81C22;
  font-weight: 700;
  display: flex;
  flex-direction: column;
  justify-content: flex-end
}

@media (min-width: 600px) {
  .campaignItem-card ._inner ._footer {
    min-height: 80px
  }
}

.campaignItem-card ._inner ._footer ._price {
  font-size: 150%;
  line-height: 1.3
}

.campaignItem-card ._inner ._footer ._price span {
  font-size: 10px;
  font-weight: normal;
  display: block;
  line-height: 1;
  padding-bottom: 5px
}

.campaignItem-card ._inner ._footer ._text {
  font-size: 110%
}

.column-box {
  background-color: #fff;
  padding: 1rem;
  border-radius: .5rem;
  margin-bottom: 1rem;
  overflow: hidden
}

@media (min-width: 600px) {
  .column-box {
    padding: 2rem
  }
}

.column-header>._image {
  margin: -1rem -1rem 1rem
}

@media (min-width: 600px) {
  .column-header>._image {
    margin: -2rem -2rem 2rem
  }
}

@media (min-width: 600px) {
  .column-header>._lead {
    padding: 1rem;
    background-color: #f8f8f8;
    border-radius: .5rem;
    border: 1px solid #F0f0f0
  }
}

.column-header>._lead>*:last-child {
  margin-bottom: 0
}

.bg-sm-none {
  overflow: unset
}

@media (max-width: 599.98px) {
  .bg-sm-none {
    background: none;
    padding: 0
  }
}

[class^="columnHeaderSlider-"],
[class*=" columnHeaderSlider-"] {
  background-color: #851418;
  padding: 3rem
}

[class^="columnHeaderSlider-"] .swiper-button-prev,
[class^="columnHeaderSlider-"] .swiper-button-next,
[class*=" columnHeaderSlider-"] .swiper-button-prev,
[class*=" columnHeaderSlider-"] .swiper-button-next {
  color: #fff
}

.column-section {
  margin: -2rem -1rem 0;
  padding: 0 1rem 1rem;
  background-color: #fff
}

.column-section:last-child {
  border-radius: 0 0 .5rem .5rem
}

@media (min-width: 600px) {
  .column-section {
    padding: 0 2rem;
    margin: 0
  }
}

.column-section .heading-primary {
  font-size: 1.5rem;
  line-height: 1.41667;
  border: none;
  padding-left: 0;
  background: linear-gradient(transparent 60%, #FBF1F2 60%);
  display: inline
}

.column-section .heading-primary+* {
  margin-top: 1rem
}

.column-section .snsButtonArea {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0
}

@media (min-width: 600px) {
  .column-section .snsButtonArea {
    flex-direction: row-reverse;
    justify-content: space-between;
    border: none
  }
}

.column-section .snsButtonArea button,
.column-section .snsButtonArea a {
  border-radius: 6.25rem;
  padding: 0.1rem .5rem;
  font-size: .75rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: block
}

@media (min-width: 600px) {

  .column-section .snsButtonArea button,
  .column-section .snsButtonArea a {
    padding: .125rem .5rem
  }
}

.column-section .snsButtonArea>._myList>button {
  border: none;
  background-color: #B81C22
}

.column-section .snsButtonArea>._sns {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  text-align: right;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  vertical-align: top;
  gap: .5rem
}

@media (min-width: 600px) {
  .column-section .snsButtonArea>._sns {
    gap: 1rem
  }
}

.column-section .snsButtonArea>._sns li {
  padding-left: 0
}

@media (min-width: 600px) {
  .column-section .snsButtonArea>._sns li {
    padding-left: 0
  }
}

.column-section .x-share-button {
  background-color: #000
}

.column-section .facebook-share-button {
  background-color: #3378EB
}

.column-section .line-it-button {
  background-color: #5DC261
}

.column-section .contentHeader {
  margin-top: -1rem
}

@media (min-width: 600px) {
  .column-section .contentHeader {
    margin-top: -2rem
  }
}

.column-section .contentHeader>._date dt {
  font-size: .75rem;
  background-color: #B81C22;
  color: #fff;
  padding: .1rem .5rem;
  border-radius: 3.125rem;
  position: relative
}

@media (min-width: 600px) {
  .column-section .contentHeader>._date dt {
    font-size: .75rem
  }
}

.column-section .contentHeader>._date dt:after {
  display: none
}

.column-section .contentHeader>._date dd {
  font-size: .875rem;
  color: #1c1c1c;
  margin: 0;
  padding: 0 1rem
}

@media (min-width: 600px) {
  .column-section .contentHeader>._date dd {
    font-size: .875rem
  }
}

.column-section .contentHeader>._image {
  margin: 0 -1rem 2em
}

@media (min-width: 600px) {
  .column-section .contentHeader>._image {
    margin: 0 -2rem 2em
  }
}

.column-section .contentHeader>._image img {
  width: 100%
}

.column-section .contentHeader>._title {
  font-size: 1.875rem
}

.column-section .contentHeader>._outline {
  padding: 1rem;
  background-color: #f8f8f8;
  border-radius: .5rem;
  border: 1px solid #F0f0f0
}

.column-section .contentHeader>._outline:before,
.column-section .contentHeader>._outline:after {
  display: none
}

.column-section .contentHeader>._outline>*:last-child {
  margin-bottom: 0
}

.column-section .table-default-adaptive th {
  white-space: nowrap
}

.column-section .contentFooter {
  border-top: 1px solid #F0f0f0;
  padding-top: 2rem;
  margin-top: -2em
}

.constructionCard {
  padding: 10px 10px 0;
  text-align: center;
  margin-top: 1rem
}

.constructionCard>._image>._cover {
  border-radius: .5rem
}

.constructionCard>._content>._date {
  color: #B81C22;
  font-size: .75rem;
  margin-bottom: 0
}

.constructionCard>._content>._title {
  font-weight: normal
}

.constructionImagePanel {
  display: table;
  margin: 0 auto 1em
}

.constructionImagePanel>._content {
  position: relative
}

.constructionImagePanel>._content>._prev,
.constructionImagePanel>._content>._next {
  margin-top: -2rem;
  position: absolute;
  top: 50%
}

.constructionImagePanel>._content>._prev>a,
.constructionImagePanel>._content>._next>a {
  background-color: rgba(255, 255, 255, 0.8);
  align-items: center;
  color: inherit;
  display: inline-flex;
  height: 4rem;
  justify-content: center;
  text-decoration: none;
  transition: background-color .2s;
  width: 4rem
}

@media (min-width: 600px) {

  .constructionImagePanel>._content>._prev>a,
  .constructionImagePanel>._content>._next>a {
    background-color: #f8f8f8
  }
}

.constructionImagePanel>._content>._prev>a:hover,
.constructionImagePanel>._content>._next>a:hover {
  background-color: #f4f4f4
}

.constructionImagePanel>._content>._prev {
  left: 0
}

@media (min-width: 600px) {
  .constructionImagePanel>._content>._prev {
    left: -6rem
  }
}

.constructionImagePanel>._content>._next {
  right: 0
}

@media (min-width: 600px) {
  .constructionImagePanel>._content>._next {
    right: -6rem
  }
}

.constructionImagePanel>._content>._image img {
  width: 100%
}

.constructionImagePanel>._caption>._date {
  color: #9d9d9d;
  font-size: .75rem;
  margin-bottom: .5em
}

.constructionImagePanel>._caption>._title {
  font-weight: bold;
  margin-bottom: .5em
}

.constructionImagePanel>._caption>._outline {
  font-size: .875rem;
  margin-bottom: 0
}

.contentHeader>._date {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem
}

.contentHeader>._date dt {
  font-size: .75rem;
  background-color: #B81C22;
  color: #fff;
  padding: .1rem .5rem;
  border-radius: 3.125rem;
  position: relative
}

@media (min-width: 600px) {
  .contentHeader>._date dt {
    font-size: .75rem
  }
}

.contentHeader>._date dt:after {
  display: none
}

.contentHeader>._date dd {
  font-size: .875rem;
  color: #1c1c1c;
  margin: 0;
  padding: 0 1rem
}

@media (min-width: 600px) {
  .contentHeader>._date dd {
    font-size: .875rem
  }
}

.contentHeader>._title {
  font-size: 1.75rem
}

@media (min-width: 600px) {
  .contentHeader>._title {
    font-size: 1.875rem
  }
}

.contentHeader>._outline {
  padding: 1rem;
  background-color: #f8f8f8;
  border-radius: .5rem;
  border: 1px solid #F0f0f0;
  color: #1c1c1c;
  margin: 1rem 0
}

.contentHeader>._outline:before,
.contentHeader>._outline:after {
  display: none
}

.contentHeader>._outline>*:last-child {
  margin-bottom: 0
}

.contentHeader>._image {
  margin: -1rem -1rem 2rem
}

@media (min-width: 600px) {
  .contentHeader>._image {
    margin: -2rem -2rem 2rem
  }
}

.contentHeader>._image img {
  width: 100%
}

.contentHeader>._update {
  font-size: 1.125rem;
  text-align: right
}

.contentFooter {
  border-top: 1px solid #F0f0f0;
  padding-top: 1rem
}

@media (min-width: 600px) {
  .contentFooter {
    padding-top: 2rem
  }
}

.dropdown>._button::after {
  display: none
}

.dropdown>._list {
  background-color: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.08);
  border: none;
  padding: 0 1rem
}

.dropdown>._list>._item {
  padding: 0;
  border-bottom: 1px solid #F0f0f0
}

.dropdown>._list>._item:hover {
  background: none
}

.dropdown>._list>._item:last-child {
  border-bottom: none
}

.dropdown>._list>._item>._link {
  padding: 1rem 0;
  display: block;
  width: 100%;
  text-align: left;
  border: none;
  background: none
}

.dropdown>._list>._item>._link.is-active {
  color: #B81C22
}

.dropdown-select {
  padding-bottom: 1rem
}

@media (min-width: 600px) {
  .pageTitle-wrapper .dropdown-select {
    margin-top: -0.5rem
  }
}

.dropdown-select>._select {
  width: 100%;
  background: none;
  border: 1px solid #CDCDCD;
  background-color: #fff;
  border-radius: .5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .75rem 1rem
}

.dropdown-select>._select>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.dropdown-select>._select::after {
  content: "\E102";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: none;
  font-size: 1.5rem
}

.dropdown-select>._list {
  width: 100%;
  overflow: auto;
  max-height: 50vh
}

.eventMovieDetail .accordion-title {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  border-radius: .5rem;
  aspect-ratio: 1920 / 1080;
  background: #000
}

.eventMovieDetail .accordion-title>._thumb {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.eventMovieDetail .accordion-title::before,
.eventMovieDetail .accordion-title::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.eventMovieDetail .accordion-title::before {
  background-color: rgba(106, 106, 106, 0.5)
}

.eventMovieDetail .accordion-title::after {
  border: .3125rem solid #B81C22;
  border-radius: .5rem
}

.eventMovieDetail .accordion-title>._text {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.5em 1em;
  font-size: 1.125rem;
  background-color: #B81C22;
  color: #fff;
  font-weight: 600;
  border-radius: 0 0 .5rem 0
}

@media (min-width: 600px) {
  .eventMovieDetail .accordion-title>._text {
    padding: 0.5em 2em;
    font-size: 1.25rem
  }
}

.eventMovieDetail .accordion-close {
  height: 0
}

.eventMovieDetail .accordion-open {
  height: auto
}

.eventMovieDetail .accordion-item {
  transition: all 0.5s;
  overflow: hidden
}

.eventMovieDetail .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden
}

.eventMovieDetail .movie-wrap>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.swiper-explore .swiper-wrapper {
  flex-wrap: wrap;
  gap: 1rem 0;
  justify-content: space-between
}

@media (min-width: 600px) {
  .swiper-explore .swiper-wrapper {
    flex-wrap: nowrap
  }
}

.exploreListCard {
  width: calc(100% / 2 - 8px);
  padding: 0;
  text-align: center
}

.exploreListCard>._inner {
  text-decoration: none
}

.exploreListCard>._inner>._icon {
  aspect-ratio: 1;
  max-width: 96px;
  margin: 0 auto .5rem
}

.faqList>._item+._item {
  margin-top: 1rem
}

.faqList>._item>._inner>* {
  background: none
}

.faqList>._item>._inner ._question {
  padding: 0.5rem 0.5rem 0.5rem 1rem;
  gap: 0.5rem;
  font-weight: 700
}

.faqList>._item>._inner ._question::after {
  order: 1;
  margin-left: auto;
  content: "\E150";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  font-size: 1.5rem;
  width: auto;
  height: auto
}

.faqList>._item>._inner ._question::before {
  content: 'Q';
  color: #B81C22;
  font-size: 1.5rem;
  margin-top: -0.5rem;
  text-align: center;
  width: 1.25rem;
  font-weight: 500
}

@media (min-width: 600px) {
  .faqList>._item>._inner ._question::before {
    font-size: 2rem;
    width: 1.5625rem
  }
}

.faqList>._item>._inner ._question:not(.collapsed)::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.faqList>._item>._inner ._answer {
  padding: 0.5rem 1rem 1rem;
  position: relative;
  display: flex;
  gap: 0.5rem;
  justify-content: flex-start;
  align-items: flex-start
}

.faqList>._item>._inner ._answer ._inner {
  flex: 1
}

.faqList>._item>._inner ._answer::before {
  content: 'A';
  color: #7dacd5;
  font-size: 1.5rem;
  margin-top: -0.4rem;
  text-align: center;
  width: 1.25rem
}

@media (min-width: 600px) {
  .faqList>._item>._inner ._answer::before {
    font-size: 2rem;
    width: 1.5625rem;
    margin-top: -0.8rem
  }
}

[class^="flowChart-"],
[class*=" flowChart-"] {
  margin-bottom: 1em
}

@media (min-width: 600px) {

  [class^="flowChart-"],
  [class*=" flowChart-"] {
    display: flex;
    flex-direction: row;
    margin-left: -20px;
    margin-right: -20px
  }
}

@media (min-width: 600px) {

  [class^="flowChart-"] ._item,
  [class*=" flowChart-"] ._item {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
  }
}

@media (max-width: 599.98px) {

  [class^="flowChart-"] ._item,
  [class*=" flowChart-"] ._item {
    align-items: center;
    display: flex;
    flex-direction: column
  }

  [class^="flowChart-"] ._item>*,
  [class*=" flowChart-"] ._item>* {
    height: auto
  }
}

[class^="flowChart-"] ._item+._item,
[class*=" flowChart-"] ._item+._item {
  position: relative
}

@media (max-width: 599.98px) {

  [class^="flowChart-"] ._item+._item,
  [class*=" flowChart-"] ._item+._item {
    padding-top: 40px
  }
}

[class^="flowChart-"] ._item+._item:before,
[class*=" flowChart-"] ._item+._item:before {
  border-color: #CDCDCD transparent transparent transparent;
  border-width: 17.3px 10px 0 10px;
  left: calc(50% - 10px);
  top: 12.5px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  width: 0
}

@media (min-width: 600px) {

  [class^="flowChart-"] ._item+._item:before,
  [class*=" flowChart-"] ._item+._item:before {
    border-color: transparent transparent transparent #CDCDCD;
    border-width: 10px 0 10px 17.3px;
    left: -7.5px;
    top: calc(50% - 10px)
  }
}

.flowChart-color-default>._item+._item:before {
  border-color: #1c1c1c transparent transparent transparent
}

@media (min-width: 600px) {
  .flowChart-color-default>._item+._item:before {
    border-color: transparent transparent transparent #1c1c1c
  }
}

.flowChart-color-default-lighter>._item+._item:before {
  border-color: #CDCDCD transparent transparent transparent
}

@media (min-width: 600px) {
  .flowChart-color-default-lighter>._item+._item:before {
    border-color: transparent transparent transparent #CDCDCD
  }
}

.flowChart-color-inverse>._item+._item:before {
  border-color: #fff transparent transparent transparent
}

@media (min-width: 600px) {
  .flowChart-color-inverse>._item+._item:before {
    border-color: transparent transparent transparent #fff
  }
}

.flowChart-color-primary>._item+._item:before {
  border-color: #B81C22 transparent transparent transparent
}

@media (min-width: 600px) {
  .flowChart-color-primary>._item+._item:before {
    border-color: transparent transparent transparent #B81C22
  }
}

.flowChart-color-secondary>._item+._item:before {
  border-color: #7dacd5 transparent transparent transparent
}

@media (min-width: 600px) {
  .flowChart-color-secondary>._item+._item:before {
    border-color: transparent transparent transparent #7dacd5
  }
}

.flowChartNum>._item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  counter-increment: i
}

.flowChartNum>._item:before {
  content: counter(i);
  color: #B81C22;
  background-color: #FBF1F2;
  padding: 0 .6875rem .125rem;
  margin-right: 1rem;
  border-radius: 50%
}

.flowChartNum>._item:last-child {
  margin-bottom: 0
}

.flowChartNum>._item>* {
  flex: 1;
  margin-bottom: 0
}

.form-wrapper>.btnList {
  padding: 2rem 1rem 1rem;
  background-color: #fff;
  border-radius: 0 0 .5rem .5rem
}

@media (min-width: 600px) {
  .form-wrapper>.btnList {
    background: none;
    padding: 0;
    margin-top: 2rem
  }
}

@media (min-width: 1024px) {
  .form-wrapper .card-outline-default .form-box-inner>._item>._label {
    width: 20%
  }
}

.form-box {
  padding: 1rem;
  background-color: #fff
}

@media (min-width: 1024px) {
  .form-box {
    padding: 2rem
  }
}

.form-box+.form-box {
  padding-top: 0;
  margin-top: -1rem
}

.profileList .form-box {
  margin-bottom: 1rem;
  border-radius: .5rem
}

@media (min-width: 1024px) {
  .profileList .form-box {
    margin-bottom: 2rem
  }
}

.profileList .form-box+.form-box {
  padding-top: 1rem;
  margin-top: 1rem
}

@media (min-width: 1024px) {
  .profileList .form-box+.form-box {
    padding-top: 2rem;
    margin-top: 4rem
  }
}

.form-box-inner {
  border-top: 1px solid #F0f0f0;
  padding-top: 1rem;
  margin-top: 1rem
}

.form-box-inner>._item {
  margin-top: 1rem
}

.form-box-inner>._item:first-child {
  margin-top: 0
}

.form-box-inner>._item>._inner {
  width: 100%;
  flex: 1;
  min-height: 3.3125rem
}

.form-box-inner>._item>._inner>._border {
  width: 100%
}

@media (min-width: 1024px) {
  .form-box-inner>._item {
    display: flex;
    align-items: flex-start;
    gap: 1rem
  }

  .form-box-inner>._item>._inner>.inputbox,
  .form-box-inner>._item>._inner>.selectbox {
    max-width: 22.5rem
  }

  .form-box-inner>._item>._label {
    width: 60%;
    min-height: 3.3125rem;
    max-width: 15.625rem;
    display: flex;
    align-items: center
  }

  .form-box-inner>._item>._label>.form-label {
    margin-bottom: 0
  }
}

@media (min-width: 1024px) {

  .form-box-inner .form-box-inner>._item>._inner>.inputbox,
  .form-box-inner .form-box-inner>._item>._inner>.selectbox {
    max-width: none
  }
}

.form-box-listX>._inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem 2rem
}

.form-box-listY .form-label {
  margin-bottom: 1rem
}

.form-box-listY .form-radio {
  margin-bottom: 1rem
}

.form-box-toggleList>.form-check {
  display: flex;
  gap: 3rem;
  align-items: center;
  border-bottom: 1px solid #F0f0f0;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  padding-left: 0
}

.form-box-toggleList>.form-check:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0
}

.form-box-toggleList>.form-check>.form-check-label {
  width: 100%;
  flex: 1
}

.form-valid {
  border: 1px solid #f44336;
  color: #f44336;
  border-radius: .5rem;
  padding: 1rem 1rem 1px;
  margin-bottom: 1.5rem;
  background-color: #FBF1F2
}

.form-valid>ul {
  padding-left: 1.5rem
}

.form-checkboxList {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .5rem
}

.form-checkboxList>._checkbox {
  position: relative;
  width: calc(50% - 0.5rem)
}

@media (min-width: 600px) {
  .form-checkboxList>._checkbox {
    width: calc(100% / 3 - 0.5rem)
  }
}

.form-checkboxList>._checkbox>._radio {
  position: absolute;
  top: 2px;
  left: 0;
  bottom: 0;
  right: 0;
  border: none
}

.form-checkboxList>._checkbox>._text {
  width: 100%;
  text-align: center;
  position: relative;
  border-radius: .5rem;
  padding: .5rem .5rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #B81C22;
  color: #B81C22;
  transition: background-color .2s, color .2s
}

.form-checkboxList>._checkbox>._text:hover {
  background-color: #FBF1F2
}

.form-checkboxList>._checkbox>._text:active {
  background-color: #EBB0B2
}

.form-checkboxList>._checkbox ._radio:checked~._text {
  background-color: #B81C22;
  color: #fff
}

.form-checkboxList>._checkbox ._radio:checked~._text:hover {
  background-color: #D15E63
}

.form-checkboxList>._checkbox ._radio:checked~._text:active {
  background-color: #851418
}

.globalSearchPanel {
  padding: 1rem;
  border-radius: .5rem;
  background-color: #f4f4f4;
  margin-top: 1rem
}

@media (min-width: 600px) {
  .globalSearchPanel {
    padding: 2em 40px
  }
}

.globalSearchPanel>._content>._form {
  display: flex;
  gap: 1rem
}

.globalSearchPanel>._content>._form>input[type="text"] {
  background-color: #fff;
  border: solid 1px #CDCDCD;
  padding: .75rem;
  border-radius: .5rem;
  width: 80%
}

.globalSearchPanel>._content>._form>input[type="submit"] {
  border: 1px solid transparent;
  border-radius: .5rem;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .875rem 1rem;
  text-align: center;
  transition: background-color .2s,
    border-color .2s,
    color .2s;
  height: calc(100% - 1em);
  width: 20%;
  color: #fff;
  background-color: #B81C22
}

.globalSearchPanel>._content>._form>input[type="submit"]:hover {
  color: #fff;
  background-color: #a2191e
}

.globalSearchPanel>._content>._form>input[type="submit"]:hover {
  background-color: #D15E63
}

.globalSearchPanel>._content>._form>input[type="submit"]:active {
  background-color: #851418
}

.globalSearchResultList>._content>._list {
  border-bottom: 1px solid #F0f0f0;
  border-top: 1px solid #F0f0f0
}

.globalSearchResultList>._content>._list>._item {
  display: block;
  color: inherit;
  padding: 1em 20px;
  text-decoration: none;
  transition: background-color .2s
}

@media (min-width: 1024px) {
  .globalSearchResultList>._content>._list>._item {
    align-items: center;
    display: flex
  }
}

.globalSearchResultList>._content>._list>._item:hover {
  background-color: #f4f4f4
}

.globalSearchResultList>._content>._list>._item+._item {
  border-top: 1px solid #F0f0f0
}

@media (min-width: 1024px) {
  .globalSearchResultList>._content>._list>._item>._title {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis
  }
}

.globalSearchResultList>._content>._list>._item>._update {
  margin-top: .5em;
  text-align: right;
  color: #9d9d9d;
  font-size: .875rem
}

@media (min-width: 1024px) {
  .globalSearchResultList>._content>._list>._item>._update {
    width: 11rem
  }
}

.homeForYou {
  margin: 2rem -1rem 1.5rem;
  background: url(../images/home/bg-forYou-front.svg) top 5.4375rem left no-repeat, url(../images/home/img-forYou.png) top .5rem left 1rem no-repeat, url(../images/home/bg-forYou.svg) top left no-repeat;
  background-size: 100% auto, auto, 100% auto;
  overflow: hidden;
  box-sizing: border-box
}

@media (min-width: 600px) {
  .homeForYou {
    width: 100%;
    background: none;
    margin: 0 0 2rem;
    display: block;
    padding-bottom: 0;
    overflow: visible
  }
}

.homeForYou>._message {
  font-weight: bold;
  font-size: .875rem;
  line-height: 1.46429;
  padding-top: 2.875rem;
  max-width: 10.75rem;
  display: block;
  margin: 0 1rem 1rem 8.75rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5
}

@media (min-width: 600px) {
  .homeForYou>._message {
    display: none
  }
}

.homeForYou>._inner {
  position: relative;
  background: linear-gradient(rgba(0, 0, 0, 0) 20%, #ebb0b2 20%);
  padding: 1.5rem 0 1rem
}

.homeForYou>._inner::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: '';
  background: url(../images/home/bg-forYou-pattern.svg) top -3rem center no-repeat;
  background-size: cover;
  opacity: .5
}

@media (min-width: 600px) {
  .homeForYou>._inner {
    background: none;
    padding: 0
  }

  .homeForYou>._inner::before {
    display: none
  }
}

.homeForYou>._inner>* {
  position: relative;
  margin: 0 1rem
}

@media (min-width: 600px) {
  .homeForYou>._inner>* {
    margin: 0
  }
}

.homeForYou>._inner>.section-subtitle {
  padding-bottom: 1rem
}

@media (min-width: 600px) {
  .homeForYou>._inner>.section-subtitle {
    padding: .5rem 0 1rem
  }
}

.homeForYou>._inner>.swiper-forYou {
  margin: 0
}

.homeNotices-btn {
  width: 100%;
  justify-content: flex-start;
  margin-bottom: 2rem
}

.homeNotices-btn>i {
  margin: 0 0.5rem 0 0
}

.homeNotices-btn::after {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;
  font-size: 1.5rem
}

.homeNotices-modal>.modal-body {
  padding: 1rem;
  padding-bottom: 0
}

.homeNotices-modal>.modal-body>._title {
  color: #B81C22;
  margin-bottom: 1rem
}

.homeNotices-modal>.modal-body>._title>span {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #B81C22;
  border-radius: .5rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.99em;
  margin-top: 0.3rem;
  padding: 0.5rem 0 0.5rem 1.25rem
}

@media (min-width: 600px) {
  .homeNotices-modal>.modal-body {
    padding: 1.5rem;
    padding-bottom: 0
  }
}

.homeNotices-modal>.modal-footer {
  padding: 1rem;
  display: block
}

.homeNotices-modal>.modal-footer>._checkbox {
  margin-bottom: 1.5rem
}

.homeNotices-modal>.modal-footer>* {
  margin: 0
}

@media (min-width: 600px) {
  .homeNotices-modal>.modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 1.5rem
  }

  .homeNotices-modal>.modal-footer>._checkbox {
    margin-bottom: 0
  }

  .homeNotices-modal>.modal-footer>.btnList {
    max-width: 10rem
  }
}

.section-housingService-list {
  display: flex;
  gap: .5rem;
  overflow: auto;
  margin-left: -1rem;
  margin-right: -1rem
}

.section-housingService-list>._inner {
  display: flex;
  gap: 1rem;
  flex-shrink: 0;
  background: url(../images/bg-pattern.svg) center repeat #B81C22;
  background-size: auto 100%;
  padding: 1.5rem 1rem;
  border-radius: .5rem
}

.section-housingService-list>._inner:first-child {
  margin-left: 1rem
}

.section-housingService-list>._inner:last-child {
  margin-right: 1rem
}

.section-housingService-list>._inner>._item {
  display: flex;
  flex-direction: column;
  width: 6.875rem;
  min-height: 7.25rem;
  background-color: #fff;
  border-radius: .5rem;
  color: #B81C22;
  text-align: center;
  text-decoration: none;
  padding: 1rem .3rem
}

.section-housingService-list>._inner>._item>._icon {
  font-size: 2.625rem
}

.section-housingService-list>._inner>._item>._text {
  margin-top: auto
}

@media (min-width: 600px) {
  .section-housingService-list {
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
    flex-wrap: wrap
  }

  .section-housingService-list>._inner {
    width: 100%;
    justify-content: center
  }

  .section-housingService-list>._inner._inner-col-8 {
    width: calc(70% - 4px)
  }

  .section-housingService-list>._inner._inner-col-4 {
    width: calc(30% - 4px)
  }

  .section-housingService-list>._inner:first-child {
    margin-left: 0
  }

  .section-housingService-list>._inner:last-child {
    margin-right: 0
  }
}

.housingService-categoryList {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 1rem
}

.housingService-categoryList>._item {
  text-align: center;
  width: calc(50% - 0.5rem);
  background-color: #fff;
  padding: 1rem;
  color: #B81C22;
  text-decoration: none
}

.housingService-categoryList>._item>._icon {
  margin-bottom: 1rem;
  overflow: hidden;
  aspect-ratio: 131/106;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
  background-color: #fff
}

@media (min-width: 600px) {
  .housingService-categoryList>._item {
    width: calc(25% - 12px)
  }
}

.infoTable:last-child,
.infoTableX:last-child,
.infoTable-inner:last-child {
  margin-bottom: 0
}

.infoTable>._title,
.infoTableX>._title,
.infoTable-inner>._title {
  color: #9d9d9d;
  font-weight: normal;
  margin-bottom: 0.5rem
}

.infoTable>._text,
.infoTableX>._text,
.infoTable-inner>._text {
  margin-bottom: 1rem
}

.infoTable>._text:last-child,
.infoTableX>._text:last-child,
.infoTable-inner>._text:last-child {
  margin-bottom: 0
}

@media (min-width: 1024px) {

  .infoTable>._text>._table,
  .infoTableX>._text>._table,
  .infoTable-inner>._text>._table {
    display: table;
    border-collapse: separate;
    border-spacing: 1rem 0.5rem;
    margin: -0.5rem 0 0 -1rem
  }

  .infoTable>._text>._table>*,
  .infoTableX>._text>._table>*,
  .infoTable-inner>._text>._table>* {
    display: table-row
  }

  .infoTable>._text>._table>*>*,
  .infoTableX>._text>._table>*>*,
  .infoTable-inner>._text>._table>*>* {
    display: table-cell
  }
}

@media (min-width: 1024px) {
  .infoTableX {
    display: flex;
    flex-wrap: wrap
  }

  .infoTableX>._title {
    width: 25%
  }

  .infoTableX>._text {
    width: 75%
  }
}

.infoTable-inner>._text {
  margin-bottom: 0
}

@media (min-width: 1024px) {
  .infoTable-inner {
    display: flex;
    flex-wrap: wrap
  }

  .infoTable-inner>._title {
    width: 41.66667%
  }

  .infoTable-inner>._text {
    width: 58.33333%
  }
}

.lifesupport html,
.lifesupport body,
.lifesupport div,
.lifesupport span,
.lifesupport object,
.lifesupport iframe,
.lifesupport h1,
.lifesupport h2,
.lifesupport h3,
.lifesupport h4,
.lifesupport h5,
.lifesupport h6,
.lifesupport p,
.lifesupport blockquote,
.lifesupport pre,
.lifesupport abbr,
.lifesupport address,
.lifesupport cite,
.lifesupport code,
.lifesupport del,
.lifesupport dfn,
.lifesupport em,
.lifesupport img,
.lifesupport ins,
.lifesupport kbd,
.lifesupport q,
.lifesupport samp,
.lifesupport small,
.lifesupport sub,
.lifesupport sup,
.lifesupport var,
.lifesupport b,
.lifesupport i,
.lifesupport dl,
.lifesupport dt,
.lifesupport dd,
.lifesupport ol,
.lifesupport ul,
.lifesupport li,
.lifesupport fieldset,
.lifesupport form,
.lifesupport label,
.lifesupport legend,
.lifesupport table,
.lifesupport caption,
.lifesupport tbody,
.lifesupport tfoot,
.lifesupport thead,
.lifesupport tr,
.lifesupport th,
.lifesupport td,
.lifesupport article,
.lifesupport aside,
.lifesupport canvas,
.lifesupport details,
.lifesupport figcaption,
.lifesupport figure,
.lifesupport footer,
.lifesupport header,
.lifesupport hgroup,
.lifesupport menu,
.lifesupport nav,
.lifesupport section,
.lifesupport summary,
.lifesupport time,
.lifesupport mark,
.lifesupport audio,
.lifesupport video {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  vertical-align: baseline;
  outline: 0;
  font-weight: normal;
  letter-spacing: 0.1em
}

.lifesupport article,
.lifesupport aside,
.lifesupport details,
.lifesupport figcaption,
.lifesupport figure,
.lifesupport footer,
.lifesupport header,
.lifesupport hgroup,
.lifesupport menu,
.lifesupport nav,
.lifesupport section {
  display: block
}

.lifesupport ol,
.lifesupport ul {
  list-style: none
}

.lifesupport blockquote,
.lifesupport q {
  quotes: none
}

.lifesupport blockquote:before,
.lifesupport blockquote:after {
  content: "";
  content: none
}

.lifesupport q:before,
.lifesupport q:after {
  content: "";
  content: none
}

.lifesupport a {
  margin: 0;
  padding: 0;
  background: transparent;
  vertical-align: baseline;
  font-size: 100%
}

.lifesupport ins {
  background-color: #ff9;
  text-decoration: none;
  color: #000
}

.lifesupport mark {
  background-color: #ff9;
  color: #000;
  font-weight: 700;
  font-style: italic
}

.lifesupport img {
  border: 0;
  vertical-align: top
}

.lifesupport em {
  font-style: italic
}

.lifesupport del {
  text-decoration: line-through
}

.lifesupport abbr[title],
.lifesupport dfn[title] {
  border-bottom: 1px dotted;
  cursor: help
}

.lifesupport table {
  border-spacing: 0;
  border-collapse: collapse
}

.lifesupport hr {
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #ccc
}

.lifesupport input,
.lifesupport select,
.lifesupport textarea {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit
}

.lifesupport input:focus,
.lifesupport textarea:focus,
.lifesupport select:focus {
  outline: none
}

.lifesupport body {
  font-family: "Noto Sans JP", sans-serif, "Arial Black", Gadget;
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%
}

.lifesupport .exlight {
  font-weight: 200
}

.lifesupport .light {
  font-weight: 300
}

.lifesupport .regular {
  font-weight: 400
}

.lifesupport .medium {
  font-weight: 500
}

.lifesupport .semibold {
  font-weight: 600
}

.lifesupport .bold {
  font-weight: 700
}

.lifesupport .black {
  font-weight: 900
}

.lifesupport .clearfix {
  zoom: 100%
}

.lifesupport .clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0
}

.lifesupport a {
  color: inherit;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.lifesupport a:link,
.lifesupport a:visited {
  text-decoration: none
}

.lifesupport a:hover {
  text-decoration: none;
  outline: none
}

.lifesupport a:active {
  outline: none
}

.lifesupport .cinzel {
  font-family: "Cinzel"
}

.lifesupport .copyButton {
  cursor: pointer;
  display: block
}

.lifesupport .Pinyon {
  font-family: "Pinyon Script"
}

.lifesupport .Sortsmill {
  font-family: "Sorts Mill Goudy"
}

.lifesupport .wrap1020,
.lifesupport .wrap1020z {
  max-width: 1020px;
  margin: 0 auto
}

.lifesupport .wrap1280 {
  max-width: 1280px;
  margin: 0 auto
}

.lifesupport .wrap1280z {
  max-width: 1020px;
  margin: 0 auto
}

.lifesupport img {
  max-width: 100%;
  height: auto;
  vertical-align: top
}

.lifesupport .bg_reform {
  background-color: #f7f8f2
}

.lifesupport .bg_support {
  background-color: #f5f9f9
}

.lifesupport .txt_bold {
  font-weight: bold
}

.lifesupport .txt_b01 {
  font-size: 1.2em
}

.lifesupport .txt_b02 {
  font-size: 1.4em
}

.lifesupport .txt_b03 {
  font-size: 1.6em
}

.lifesupport .txt_b04 {
  font-size: 1.8em
}

.lifesupport .txt_b05 {
  font-size: 2em
}

.lifesupport .txt_b06 {
  font-size: 2.2em
}

.lifesupport .txt_b07 {
  font-size: 2.4em
}

.lifesupport .txt_b08 {
  font-size: 2.6em
}

.lifesupport .txt_b07 {
  font-size: 2.8em
}

.lifesupport .txt_b08 {
  font-size: 3em
}

.lifesupport .txt_s01 {
  font-size: 0.8em
}

.lifesupport .txt_s02 {
  font-size: 0.7em
}

.lifesupport .txt_s03 {
  font-size: 0.6em
}

.lifesupport .txt_s04 {
  font-size: 0.5em
}

.lifesupport .txt_s05 {
  font-size: 0.4em
}

.lifesupport .txt_let00 {
  letter-spacing: 0
}

.lifesupport .txt_let01 {
  letter-spacing: -0.05em
}

.lifesupport .txt_let02 {
  letter-spacing: -0.1em
}

.lifesupport .txt_let03 {
  letter-spacing: -0.15em
}

.lifesupport .txt_let04 {
  letter-spacing: -0.2em
}

.lifesupport .txt_let05 {
  letter-spacing: -0.25em
}

.lifesupport .txt_letb01 {
  letter-spacing: 0.05em
}

.lifesupport .txt_letb02 {
  letter-spacing: 0.1em
}

.lifesupport .txt_letb03 {
  letter-spacing: 0.15em
}

.lifesupport .txt_letb04 {
  letter-spacing: 0.2em
}

.lifesupport .txt_letb05 {
  letter-spacing: 0.25em
}

.lifesupport .imgincap {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #fff;
  -webkit-filter: drop-shadow(0 0 1px black);
  filter: drop-shadow(0 0 1px black);
  -webkit-filter: drop-shadow(0 0 2px black);
  filter: drop-shadow(0 0 2px black);
  -webkit-filter: drop-shadow(0 0 3px black);
  filter: drop-shadow(0 0 3px black);
  font-size: 12px
}

.lifesupport .imgincap_bl {
  position: absolute;
  right: 5px;
  bottom: 5px;
  color: #333;
  -webkit-filter: drop-shadow(0 0 1px white);
  filter: drop-shadow(0 0 1px white);
  -webkit-filter: drop-shadow(0 0 2px white);
  filter: drop-shadow(0 0 2px white);
  -webkit-filter: drop-shadow(0 0 3px white);
  filter: drop-shadow(0 0 3px white);
  font-size: 12px
}

.lifesupport .product_cap14 {
  margin-top: 10px;
  font-size: 14px
}

.lifesupport .product_cap14 li {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 4px
}

@media (min-width: 600px) {
  .lifesupport .product_cap14 li {
    font-size: 12px
  }
}

.lifesupport .submenu_reform {
  background-color: #f7f8f2
}

.lifesupport .submenu_reform .ttl a {
  font-size: 14px;
  padding: 5px 15px 4px 35px;
  display: block;
  position: relative;
  line-height: 140%
}

.lifesupport .submenu_reform .ttl a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
  display: block;
  position: absolute;
  width: 18px;
  height: 34px;
  background-size: 50%;
  left: 7px;
  top: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fdb644
}

.lifesupport .submenu_reform a {
  font-size: 14px;
  padding: 10px 15px 10px 35px;
  display: block;
  position: relative;
  line-height: 140%;
  border-bottom: 1px solid #ccc;
  transition: background 0.3s ease-in-out
}

.lifesupport .submenu_reform a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_right_small_o.svg);
  display: block;
  position: absolute;
  width: 18px;
  height: 34px;
  background-size: 50%;
  left: 7px;
  top: 2px;
  background-position: center;
  background-repeat: no-repeat
}

.lifesupport .submenu_reform a:hover {
  background: #f8f8e1
}

.lifesupport .submenu_support {
  background-color: #f5f9f9
}

.lifesupport .submenu_support .ttl a {
  font-size: 14px;
  padding: 5px 15px 4px 35px;
  display: block;
  position: relative;
  line-height: 140%
}

.lifesupport .submenu_support .ttl a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
  display: block;
  position: absolute;
  width: 18px;
  height: 34px;
  background-size: 50%;
  left: 7px;
  top: 7px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #10c2cc
}

.lifesupport .submenu_support a {
  font-size: 14px;
  padding: 10px 15px 10px 35px;
  display: block;
  position: relative;
  line-height: 140%;
  border-bottom: 1px solid #ccc;
  transition: background 0.3s ease-in-out
}

.lifesupport .submenu_support a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_right_small_b.svg);
  display: block;
  position: absolute;
  width: 18px;
  height: 34px;
  background-size: 50%;
  left: 7px;
  top: 2px;
  background-position: center;
  background-repeat: no-repeat
}

.lifesupport .submenu_support a:hover {
  background: #e3f9f9
}

.lifesupport .lifesupport_contactBtn {
  display: block;
  border: 2px solid #f35454;
  padding: 15px 20px 15px 55px;
  font-size: 18px;
  font-weight: bold;
  border-radius: 15px;
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  margin: auto;
  white-space: nowrap;
  background-color: #fff;
  transition: background 0.3s ease-in-out;
  box-sizing: border-box;
  text-align: center
}

.lifesupport .lifesupport_contactBtn:before {
  content: "";
  background-image: url(../images/lifesupport/icon_file_r.svg);
  display: block;
  position: absolute;
  width: 24px;
  height: 30px;
  background-size: 100%;
  left: 18px;
  top: 13px
}

.lifesupport .lifesupport_contactBtn:hover {
  background: #fcf7f7
}

.lifesupport .product_cap_ni {
  font-size: 12px;
  max-width: 1020px
}

.lifesupport .product_cap_ni .product_list {
  margin: 20px 0 40px 0
}

.lifesupport .product_cap_ni .product_list ul {
  display: block;
  text-indent: -1em;
  margin-left: 1em
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance {
    margin-left: 2rem;
    margin-right: 2rem
  }
}

.lifesupport .lifesupport_maintenance .ac_box {
  display: none;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_maintenance .ac_title {
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;
  cursor: pointer;
  background-color: #f35454;
  border-radius: 10px;
  display: inline-block;
  margin: 0 auto 0 35%;
  width: 30%;
  box-sizing: border-box
}

.lifesupport .lifesupport_maintenance .ac_title:hover {
  background-color: rgba(243, 84, 84, 0.8);
  border-radius: 10px
}

.lifesupport .lifesupport_maintenance .ac_title:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_bottom_big_w.svg);
  width: 23px;
  height: 40px;
  right: 5%;
  top: 35%;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_maintenance .mainv {
  max-width: 1020px;
  margin: 0 -2rem 60px
}

.lifesupport .lifesupport_maintenance .mainimg {
  position: relative
}

.lifesupport .lifesupport_maintenance .mainv h2 {
  background-color: #f35454;
  color: #fff;
  text-align: center;
  line-height: 100%;
  font-size: 24px;
  font-weight: bold;
  padding: 8px 0;
  vertical-align: middle
}

.lifesupport .lifesupport_maintenance .main01 {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_maintenance .main01 h2 {
  font-size: 20px;
  margin: 0 0 15px 0;
  line-height: 180%;
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .main01 h3 {
  font-size: 16px;
  margin: 0 0 50px 0;
  line-height: 180%
}

.lifesupport .lifesupport_maintenance .txt_point {
  background: linear-gradient(transparent 65%, #ffda20 35%);
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .txt_point2 {
  background: linear-gradient(transparent 65%, #ffda20 35%)
}

.lifesupport .lifesupport_maintenance .main01 h4 {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 20px
}

.lifesupport .lifesupport_maintenance .main01 h4 .main01h4 {
  font-size: 18px;
  font-weight: bold;
  flex: 1
}

.lifesupport .lifesupport_maintenance .main01 h4 .main01no {
  font-size: 36px;
  font-weight: bold;
  color: #f35454;
  letter-spacing: 0;
  margin: 0 15px 0 0
}

.lifesupport .lifesupport_maintenance .main01box_wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_maintenance .main01box {
  width: 47%
}

.lifesupport .lifesupport_maintenance .main01img_full {
  margin-bottom: 20px
}

.lifesupport .lifesupport_maintenance .main02 {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_maintenance .main02 .main02ttl h2 {
  font-size: 20px;
  margin: 0 0 15px 0;
  line-height: 180%;
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .main02btn {
  max-width: 1020px;
  margin: 40px auto 0
}

.lifesupport .lifesupport_maintenance .main02btn ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main02btn ul {
    flex-wrap: wrap
  }
}

.lifesupport .lifesupport_maintenance .main02btn li {
  width: 17%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main02btn li {
    width: 24%
  }
}

.lifesupport .lifesupport_maintenance .main02btn li a {
  border: 1px solid #bebebe;
  display: block;
  text-align: center;
  font-size: 14px;
  border-radius: 15px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  background-color: #fff;
  line-height: 120%;
  box-sizing: border-box;
  align-items: center;
  height: 100%;
  transition: background 0.3s ease-in-out;
  padding: 20px 0;
  letter-spacing: 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main02btn li a {
    padding: 20px 10px
  }
}

.lifesupport .lifesupport_maintenance .main02btn li a:hover {
  background: #fcf7f7
}

.lifesupport .lifesupport_maintenance .main02btn li a:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_red.svg);
  width: 12px;
  height: 12px;
  right: 9px;
  bottom: 9px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_maintenance .main02btn li:last-child {
  width: 25%
}

.lifesupport .lifesupport_maintenance .main02btn li:last-child a:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_file_r.svg);
  width: 22px;
  height: 28px;
  top: 15px;
  left: 10px;
  background-size: 100%;
  background-repeat: no-repeat
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main02btn li:last-child {
    width: -webkit-max-content;
    width: max-content;
    margin: 20px auto
  }

  .lifesupport .lifesupport_maintenance .main02btn li:last-child a {
    padding-left: 40px;
    padding-right: 15px
  }
}

.lifesupport .lifesupport_maintenance .main02 .main02subttl {
  font-size: 18px;
  text-align: center;
  padding: 0 0 10px;
  border-bottom: 1px solid #b4b4b4;
  margin: 60px 0 30px
}

.lifesupport .lifesupport_maintenance .main02 .main02subttl span {
  font-size: 40px
}

.lifesupport .lifesupport_maintenance .main02 .main02subttl_und {
  font-size: 14px;
  text-align: left;
  padding: 0 0 5px 40px;
  margin: 0 0 20px;
  position: relative;
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .main02 .main02subttl_und:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_bottom_big_o.svg);
  width: 24px;
  height: 18px;
  left: 0;
  bottom: 6px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_maintenance .main02 .main02subttl_und span {
  font-size: 20px;
  font-weight: bold;
  color: #f35454
}

.lifesupport .lifesupport_maintenance .main02list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_maintenance .main02list li {
  width: 48%;
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.lifesupport .lifesupport_maintenance .mainIconLink {
  border: 1px solid #bebebe;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  border-radius: 15px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: background 0.3s ease-in-out;
  padding: 20px;
  letter-spacing: 0;
  position: relative
}

.lifesupport .lifesupport_maintenance .mainIconLink .main02detail {
  flex: 1
}

.lifesupport .lifesupport_maintenance .mainIconLink::after {
  content: "";
  background: url(../images/lifesupport/icon_arrow_right_big_b.svg) center no-repeat;
  background-size: 100% auto;
  width: 15px;
  height: 100%
}

.lifesupport .lifesupport_maintenance .mainIconLink:hover {
  background: #fcf7f7
}

.lifesupport .lifesupport_maintenance .main02icon {
  width: 30%
}

.lifesupport .lifesupport_maintenance .main02detail {
  width: 65%
}

.lifesupport .lifesupport_maintenance .main02list h2 {
  font-size: 16px;
  margin: 0 0 10px 0;
  line-height: 180%;
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .main02list h6 {
  font-size: 14px;
  margin: 0 0 0 0;
  line-height: 120%
}

.lifesupport .lifesupport_maintenance .main02list h3 {
  font-size: 16px;
  margin: 0 0 10px 0;
  line-height: 180%;
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .main02list h3:last-child {
  font-size: 16px;
  margin: 0 0 0 0;
  line-height: 180%;
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .main02sum {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1rem
}

.lifesupport .lifesupport_maintenance .main02sum_box {
  display: flex;
  border: 1px solid #f35454;
  padding: 20px 40px;
  border-radius: 20px;
  width: 50%;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main02sum_box {
    width: -webkit-max-content;
    width: max-content;
    gap: 0 30px;
    padding: 20px
  }
}

.lifesupport .lifesupport_maintenance .main02sum h6 {
  font-size: 16px
}

.lifesupport .lifesupport_maintenance .main02sum h2,
.lifesupport .lifesupport_maintenance .main02sum h3 {
  font-size: 14px;
  font-weight: bold;
  position: relative
}

.lifesupport .lifesupport_maintenance .main02sum h2:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_right_small_o.svg);
  width: 6px;
  height: 12px;
  right: -16px;
  top: 5px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_maintenance .main02sum h3 span {
  font-size: 30px;
  font-weight: bold;
  position: relative
}

.lifesupport .lifesupport_maintenance .main02sum2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1rem;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_maintenance .main02sum2_box {
  display: flex;
  border: 1px solid #f35454;
  padding: 20px 40px;
  border-radius: 20px;
  width: 50%;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  background: #f35454
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main02sum2_box {
    width: -webkit-max-content;
    width: max-content;
    padding: 20px;
    gap: 0 30px
  }
}

.lifesupport .lifesupport_maintenance .main02sum2 h6 {
  font-size: 16px
}

.lifesupport .lifesupport_maintenance .main02sum2 h2,
.lifesupport .lifesupport_maintenance .main02sum2 h3 {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  color: #fff
}

.lifesupport .lifesupport_maintenance .main02sum2 h2:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
  width: 6px;
  height: 12px;
  right: -16px;
  top: 5px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_maintenance .main02sum2 h3 span {
  font-size: 30px;
  font-weight: bold;
  position: relative
}

.lifesupport .lifesupport_maintenance .main02sum2 h4 {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  margin: 10px 0 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main02sum2 h4 {
    margin-top: 30px
  }
}

.lifesupport .lifesupport_maintenance .main02sum3 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_maintenance .main02sum3_box {
  display: flex;
  border: 1px solid #f35454;
  padding: 20px 40px;
  border-radius: 20px;
  width: 50%;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  background: #f35454
}

.lifesupport .lifesupport_maintenance .main02sum3 h6 {
  font-size: 16px;
  margin-right: 3%
}

.lifesupport .lifesupport_maintenance .main02sum3 h2,
.lifesupport .lifesupport_maintenance .main02sum3 h3 {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  color: #fff
}

.lifesupport .lifesupport_maintenance .main02sum3 h2:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
  width: 6px;
  height: 12px;
  right: -16px;
  top: 5px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_maintenance .main02sum3 h3 span {
  font-size: 20px;
  font-weight: bold;
  position: relative
}

.lifesupport .lifesupport_maintenance .main02sum3 h4 {
  font-size: 14px;
  font-weight: bold;
  position: relative;
  margin: 10px 0 0 0
}

.lifesupport .lifesupport_maintenance .main03 {
  max-width: 1020px;
  margin: 0 auto 60px;
  background: #f35454;
  display: flex;
  justify-content: space-between;
  padding: 40px;
  box-sizing: border-box;
  flex-wrap: wrap
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main03 {
    margin-left: -2rem;
    margin-right: -2rem
  }
}

.lifesupport .lifesupport_maintenance .main03 .main03ttl {
  width: 100%
}

.lifesupport .lifesupport_maintenance .main03 .main03ttl h2 {
  font-size: 20px;
  margin: 0 0 20px 0;
  line-height: 180%;
  font-weight: bold;
  color: #fff;
  text-align: center
}

.lifesupport .lifesupport_maintenance .main03 .main03example {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  box-sizing: border-box;
  width: 48%;
  margin-bottom: 40px
}

.lifesupport .lifesupport_maintenance .main03 .main03exttl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main03 .main03exttl {
    flex-wrap: nowrap
  }
}

.lifesupport .lifesupport_maintenance .main03 .main03example5 .main03exttl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  align-items: center;
  flex-wrap: wrap
}

.lifesupport .lifesupport_maintenance .main03 .main03exttl01 {
  background-color: #f35454;
  border-radius: 15px;
  padding: 9px 20px;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  margin: 0 15px 0 0;
  white-space: nowrap
}

.lifesupport .lifesupport_maintenance .main03 .main03exttl02 {
  width: 70%
}

.lifesupport .lifesupport_maintenance .main03 .main03example5 .main03exttl02 {
  width: 55%
}

.lifesupport .lifesupport_maintenance .main03 .main03exttl02 h3 {
  font-size: 14px;
  line-height: 120%
}

.lifesupport .lifesupport_maintenance .main03 .main03exttl02 h2 {
  font-size: 16px;
  font-weight: bold
}

.lifesupport .lifesupport_maintenance .main03 .main03exttl h5 {
  font-size: 14px;
  width: 100%;
  margin-top: 20px;
  line-height: 180%
}

.lifesupport .lifesupport_maintenance .main03examplebox {
  display: flex;
  margin: 20px 0;
  justify-content: space-between
}

.lifesupport .lifesupport_maintenance .main03exampleboxl {
  width: 40%
}

.lifesupport .lifesupport_maintenance .main03exampleboxr {
  width: 58%
}

.lifesupport .lifesupport_maintenance .main03example h4 {
  font-size: 16px;
  font-weight: bold;
  color: #f35454;
  margin: 0 0 8px
}

.lifesupport .lifesupport_maintenance .main03example h5 {
  font-size: 14px
}

.lifesupport .lifesupport_maintenance .main03 .main03example5 {
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  width: 100%;
  display: grid;
  align-items: center;
  grid-template-columns: 1fr 30%;
  gap: 0 8vw
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_maintenance .main03 .main03example5 {
    gap: 1rem 2rem
  }
}

.lifesupport .lifesupport_maintenance .main03 .main03example5 .main03ttl {
  width: 48%
}

.lifesupport .lifesupport_maintenance .main03example5img {
  grid-column: 2 / 3;
  grid-row: 1 / 3
}

.lifesupport .lifesupport_maintenance .main03example5btn a {
  display: block;
  background-color: #f8be5e;
  color: #fff;
  padding: 12px 20px;
  box-sizing: border-box;
  border-radius: 10px;
  font-size: 16px;
  position: relative;
  transition: opacity 0.3s ease-in-out
}

.lifesupport .lifesupport_maintenance .main03example5btn a:hover {
  opacity: 0.8
}

.lifesupport .lifesupport_maintenance .main03example5btn a:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
  width: 6px;
  height: 12px;
  right: 8px;
  top: 40%;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_maintenance .maintenancespace01 {
  height: 40px
}

.lifesupport .lifesupport_maintenance .product_cap14imgout {
  margin-top: 0;
  font-size: 14px;
  margin-bottom: 30px
}

.lifesupport .lifesupport_maintenance .product_cap14imgout li {
  font-size: 14px;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 4px;
  text-align: right
}

.lifesupport .lifesupport_message .mainv {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_message .mainimg {
  position: relative
}

.lifesupport .lifesupport_message .mainv h2 {
  background-color: #4ab982;
  color: #fff;
  text-align: center;
  line-height: 100%;
  font-size: 24px;
  font-weight: bold;
  padding: 8px 0;
  vertical-align: middle
}

.lifesupport .lifesupport_message .main01 {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_message .main01 h3 {
  font-size: 16px;
  margin: 0 0 60px 0;
  line-height: 180%
}

.lifesupport .lifesupport_message .main01 h2 {
  font-size: 18px;
  margin: 0 0 15px 0;
  line-height: 160%;
  font-weight: bold
}

.lifesupport .lifesupport_message .main01 h4 {
  font-size: 14px;
  margin: 0 0 10px 0;
  line-height: 180%;
  margin-top: 20px
}

.lifesupport .lifesupport_message .main01 h3 span {
  font-weight: bold
}

.lifesupport .lifesupport_message .txt_point {
  background: linear-gradient(transparent 65%, #ffda20 35%);
  font-weight: bold
}

.lifesupport .lifesupport_message .main01 ul {
  display: flex;
  justify-content: space-between
}

.lifesupport .lifesupport_message .main01 li {
  width: 32%;
  text-align: center
}

.lifesupport .lifesupport_message .main01 .main01img {
  width: 70%;
  margin: 0 auto;
  -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.6));
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.6))
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform {
    margin-left: 2rem;
    margin-right: 2rem
  }
}

.lifesupport .lifesupport_reform .mainv {
  max-width: 1020px;
  margin: -2rem -2rem 60px
}

.lifesupport .lifesupport_reform .mainimg {
  position: relative
}

.lifesupport .lifesupport_reform .mainv h2 {
  background-color: #fdb644;
  color: #fff;
  text-align: center;
  line-height: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  vertical-align: middle
}

.lifesupport .lifesupport_reform .mainv h2 span {
  font-size: 24px
}

.lifesupport .lifesupport_reform .main01 {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_reform .main01 h2 {
  font-size: 20px;
  margin: 0 0 15px 0;
  line-height: 180%;
  font-weight: bold
}

.lifesupport .lifesupport_reform .main01 h3 {
  font-size: 16px;
  margin: 0 0 50px 0;
  line-height: 180%
}

.lifesupport .lifesupport_reform .main01 h3 span {
  font-weight: bold
}

.lifesupport .lifesupport_reform .txt_point {
  background: linear-gradient(transparent 65%, #ffda20 35%);
  font-weight: bold
}

.lifesupport .lifesupport_reform .txt_point2 {
  background: linear-gradient(transparent 65%, #ffda20 35%)
}

.lifesupport .lifesupport_reform .mainlist {
  max-width: 1020px;
  margin: 0 auto 60px;
  padding: 0 16px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .mainlist {
    padding: 0
  }
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .listttl>._list {
    display: flex;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .listttl>._list dl {
    width: auto
  }
}

.lifesupport .lifesupport_reform .listttl h6 {
  color: #fdb644;
  display: inline-block;
  _display: inline;
  font-size: 40px;
  font-family: Arial, Helvetica, "sans-serif";
  letter-spacing: 0;
  font-weight: bold;
  vertical-align: middle
}

.lifesupport .lifesupport_reform .listttl h2 {
  display: inline-block;
  _display: inline;
  font-size: 20px;
  vertical-align: middle;
  margin-left: 10px;
  font-weight: bold
}

.lifesupport .lifesupport_reform .listttl h3 {
  width: 100%;
  border-top: 1px solid #ababab;
  color: #b47b18;
  font-weight: bold;
  padding: 15px 0 0;
  font-size: 14px
}

.lifesupport .lifesupport_reform .listttl dl {
  width: 100%;
  margin: 10px 0 0 0;
  display: flex;
  align-items: center
}

.lifesupport .lifesupport_reform .listttl dt {
  width: 15%;
  padding: 10px 5px;
  border: 1px solid #707070;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  align-items: center;
  white-space: nowrap
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .listttl dt {
    width: auto;
    padding: 10px
  }
}

.lifesupport .lifesupport_reform .listttl dt span {
  font-size: 12px
}

.lifesupport .lifesupport_reform .listttl dd {
  width: auto;
  padding: 10px 15px;
  font-size: 14px;
  text-align: center;
  margin-right: 30px;
  align-items: center;
  text-align: left
}

.lifesupport .lifesupport_reform .listttl dd:last-child {
  margin-right: 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .listttl dd {
    margin-right: 10px
  }
}

.lifesupport .lifesupport_reform .product {
  margin: 30px 0 0
}

.lifesupport .lifesupport_reform .product_ttl {
  border-left: 4px solid #fdb644;
  padding-left: 14px
}

.lifesupport .lifesupport_reform .product_ttl h3 {
  font-size: 14px;
  font-weight: bold
}

.lifesupport .lifesupport_reform .product_ttl h2 {
  font-size: 20px;
  font-weight: bold
}

.lifesupport .lifesupport_reform .product_ttl h2 span {
  font-size: 14px;
  font-weight: bold
}

.lifesupport .lifesupport_reform .product_ttl h4 {
  font-size: 14px
}

.lifesupport .lifesupport_reform .product ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_reform .product li {
  width: 48%;
  margin-bottom: 40px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .product li {
    display: flex;
    flex-direction: column
  }
}

.lifesupport .lifesupport_reform .product_detail {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
  align-items: center
}

.lifesupport .lifesupport_reform .product_img {
  width: 40%
}

.lifesupport .lifesupport_reform .product_detailtxt {
  width: 55%
}

.lifesupport .lifesupport_reform .product_detailtxt dt {
  font-size: 14px
}

.lifesupport .lifesupport_reform .product_detailtxt dd {
  font-size: 16px;
  margin-bottom: 20px
}

.lifesupport .lifesupport_reform .product_detailtxt dd:last-child {
  margin-bottom: 0
}

.lifesupport .lifesupport_reform .product_detailtxt dd span {
  font-size: 18px;
  font-weight: bold
}

.lifesupport .lifesupport_reform .product_detailtxt dd h2 {
  font-size: 16px;
  font-weight: bold
}

.lifesupport .lifesupport_reform .product_price {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
  align-items: center;
  border-bottom: 1px solid #ababab;
  padding: 0 0 10px 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .product_price {
    margin-top: auto;
    padding-top: 20px
  }
}

.lifesupport .lifesupport_reform .product_price h4 {
  width: 40%;
  border-right: 1px solid #707070;
  padding: 8px 0 8px 10px;
  box-sizing: border-box;
  font-size: 14px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .product_price h4 {
    padding: 8px 10px
  }
}

.lifesupport .lifesupport_reform .product_price h5 {
  width: 55%;
  font-size: 14px
}

.lifesupport .lifesupport_reform .product_price h5 span {
  font-size: 28px;
  font-weight: bold;
  color: #fdb644
}

.lifesupport .lifesupport_reform .product_cap {
  margin-top: 10px;
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em
}

.lifesupport .lifesupport_reform .product_cap_ni {
  margin-top: 10px;
  font-size: 12px
}

.lifesupport .lifesupport_reform .imgcap_bottom {
  font-size: 12px;
  line-height: 140%
}

.lifesupport .lifesupport_reform .listwrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 60px
}

.lifesupport .lifesupport_reform .listwrap .product_cap {
  width: 100%
}

.lifesupport .lifesupport_reform .listttl02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 52%;
  align-items: flex-start
}

.lifesupport .lifesupport_reform .listttl02 dl {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.lifesupport .lifesupport_reform .listttl02 dt {
  width: 40%;
  padding: 10px 15px;
  border: 1px solid #707070;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 10px
}

.lifesupport .lifesupport_reform .listttl02 dt span {
  font-size: 12px
}

.lifesupport .lifesupport_reform .listttl02 dd {
  width: 60%;
  padding: 10px 15px;
  font-size: 14px;
  text-align: center;
  align-items: center;
  text-align: left;
  margin-bottom: 10px
}

.lifesupport .lifesupport_reform .product02 {
  margin: 0 0 0;
  width: 48%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_reform .product02l {
  width: 48%
}

.lifesupport .lifesupport_reform .product_img_txt {
  font-size: 20px;
  margin: 20px 0 10px 0;
  font-weight: bold
}

.lifesupport .lifesupport_reform .product_img_full {
  margin: 0 0 60px
}

.lifesupport .lifesupport_reform .product_img_full img {
  margin: 0 0 40px
}

.lifesupport .lifesupport_reform #contents01,
.lifesupport .lifesupport_reform #contents02,
.lifesupport .lifesupport_reform #contents03,
.lifesupport .lifesupport_reform #contents04,
.lifesupport .lifesupport_reform #contents05,
.lifesupport .lifesupport_reform #contents06,
.lifesupport .lifesupport_reform #contents07,
.lifesupport .lifesupport_reform #contents08,
.lifesupport .lifesupport_reform #contents09 {
  padding-top: 60px
}

.lifesupport .lifesupport_reform .contentsbtn_g01 {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn01 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 10%;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn02 {
  position: absolute;
  width: 29.5%;
  z-index: 1;
  top: 30%;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn03 {
  position: absolute;
  width: 32.6%;
  z-index: 1;
  top: 55%;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn04 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  bottom: 0;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn05 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 0;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn06 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 53%;
  left: 47%
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn07 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  bottom: 0;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g01 .absbase {
  text-align: center;
  width: auto;
  margin: 0 auto;
  padding: 2.5% 13.2355%
}

.lifesupport .lifesupport_reform .contentsbtn_g01 a {
  transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out,
    -webkit-filter 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4))
}

.lifesupport .lifesupport_reform .contentsbtn_g01 a:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 3px #fdb644);
  filter: drop-shadow(0 0 3px #fdb644)
}

.lifesupport .lifesupport_reform .contentsbtn_g02 {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn01 {
  position: absolute;
  width: 34.8%;
  z-index: 1;
  top: 5%;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn02 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 5%;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn03 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  bottom: 5%;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn04 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  bottom: 5%;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g02 .absbase {
  text-align: center;
  width: auto;
  margin: 0 auto;
  padding: 0 13.2355%
}

.lifesupport .lifesupport_reform .contentsbtn_g02 a {
  transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out,
    -webkit-filter 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4))
}

.lifesupport .lifesupport_reform .contentsbtn_g02 a:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 3px #fdb644);
  filter: drop-shadow(0 0 3px #fdb644)
}

.lifesupport .lifesupport_reform .contentsbtn_g03 {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g03 .absbtn01 {
  position: absolute;
  width: 41.17%;
  z-index: 1;
  top: 38%;
  left: 31%
}

.lifesupport .lifesupport_reform .contentsbtn_g03 .absbtn02 {
  position: absolute;
  width: 41%;
  z-index: 1;
  top: 63%;
  left: 31%
}

.lifesupport .lifesupport_reform .contentsbtn_g03 .absbase {
  text-align: center;
  width: auto;
  margin: 0 50% 0 auto;
  padding: 0 auto 0 auto
}

.lifesupport .lifesupport_reform .contentsbtn_g03 a {
  transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out,
    -webkit-filter 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4))
}

.lifesupport .lifesupport_reform .contentsbtn_g03 a:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 3px #fdb644);
  filter: drop-shadow(0 0 3px #fdb644)
}

.lifesupport .lifesupport_reform .contentsbtn_g04 {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn01 {
  position: absolute;
  width: 34%;
  z-index: 1;
  top: 60%;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn02 {
  position: absolute;
  width: 25.2%;
  z-index: 1;
  top: 0;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn03 {
  position: absolute;
  width: 44.5%;
  z-index: 1;
  top: 71%;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn04 {
  position: absolute;
  width: 50%;
  z-index: 1;
  top: 42%;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g04 .absbase {
  text-align: center;
  width: auto;
  margin: 0 auto;
  padding: 0% 25%
}

.lifesupport .lifesupport_reform .contentsbtn_g04 a {
  transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out,
    -webkit-filter 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4))
}

.lifesupport .lifesupport_reform .contentsbtn_g04 a:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 3px #fdb644);
  filter: drop-shadow(0 0 3px #fdb644)
}

.lifesupport .lifesupport_reform .contentsbtn_g05 {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn01 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 0;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn02 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  bottom: 0;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn03 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  bottom: 0;
  left: 30%
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn04 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 30%;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn05 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  bottom: 0;
  left: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn06 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 0;
  left: 60%
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn07 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 0;
  left: 30%
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn08 {
  position: absolute;
  width: 27.45%;
  z-index: 1;
  top: 20%;
  right: 0
}

.lifesupport .lifesupport_reform .contentsbtn_g05 .absbase {
  text-align: center;
  width: auto;
  margin: 0 auto;
  padding: 2.5% 13.2355%
}

.lifesupport .lifesupport_reform .contentsbtn_g05 a {
  transition: opacity 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, filter 0.3s ease-in-out,
    -webkit-filter 0.3s ease-in-out;
  -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.4))
}

.lifesupport .lifesupport_reform .contentsbtn_g05 a:hover {
  opacity: 1;
  -webkit-filter: drop-shadow(0 0 3px #fdb644);
  filter: drop-shadow(0 0 3px #fdb644)
}

.lifesupport .lifesupport_reform .contentsbox01 {
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px
}

.lifesupport .lifesupport_reform .contentsbox01l,
.lifesupport .lifesupport_reform .contentsbox01r {
  width: 47.9%
}

.lifesupport .lifesupport_reform .contentsbox01_txt {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px
}

.lifesupport .lifesupport_reform .renovation {
  background-color: #fdb644;
  padding: 60px 16px;
  margin-bottom: 40px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .renovation {
    margin-left: -2rem;
    margin-right: -2rem;
    padding-left: 2rem;
    padding-right: 2rem
  }
}

.lifesupport .lifesupport_reform .reno_ttl {
  text-align: center;
  margin: 0 0 30px;
  font-size: 18px
}

.lifesupport .lifesupport_reform .reno_ttl h2 {
  color: #fff
}

.lifesupport .lifesupport_reform .renovation .example {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_reform .renovation .example:last-child {
  margin: 0 auto 0
}

.lifesupport .lifesupport_reform .renovation .example_innner {
  background-color: #fff;
  border-radius: 0 0 30px 30px;
  padding: 40px
}

.lifesupport .lifesupport_reform .example_innner h2 {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  _display: inline;
  margin: 0 0 20px 0
}

.lifesupport .lifesupport_reform .example_innner .txt_jirei {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  _display: inline;
  padding: 7px 16px;
  background-color: #fdb644;
  color: #fff;
  border-radius: 15px;
  text-align: center;
  margin: 0 10px 0 0
}

.lifesupport .lifesupport_reform .example_innner h3 {
  font-size: 14px;
  margin: 0 0 20px 0;
  line-height: 200%
}

.lifesupport .lifesupport_reform .expoint {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: center;
  margin: 30px 0
}

.lifesupport .lifesupport_reform .exmain {
  position: relative
}

.lifesupport .lifesupport_reform .expoint h4 {
  font-size: 18px;
  background-color: #fdb644;
  color: #fff;
  padding: 8px 20px;
  border-radius: 20px;
  margin: 0 30px 10px 0
}

.lifesupport .lifesupport_reform .expoint li {
  font-size: 18px;
  padding: 0 0 0 34px;
  position: relative;
  margin: 0 0 15px 0;
  line-height: 140%;
  font-weight: bold
}

.lifesupport .lifesupport_reform .expoint li:before {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_check.svg);
  width: 23px;
  height: 23px;
  left: 0
}

.lifesupport .lifesupport_reform .expoint li:last-child {
  margin: 0 0 0 0
}

.lifesupport .lifesupport_reform .exbox01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 40px
}

.lifesupport .lifesupport_reform .exbox01:last-child {
  margin: 0
}

.lifesupport .lifesupport_reform .exbox01l {
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_reform .exbox01l:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_right_orange.svg);
  width: 23px;
  height: 40px;
  right: -7%;
  top: 42%;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_reform .exbox01r {
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_reform .exbox01 .abstxt01 {
  position: absolute;
  background-color: rgba(103, 103, 103, 0.9);
  color: #fff;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  padding: 7px 15px;
  font-size: 18px
}

.lifesupport .lifesupport_reform .exbox01 .abstxt02 {
  position: absolute;
  background-color: rgba(253, 182, 68, 0.9);
  color: #fff;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  padding: 7px 15px;
  font-size: 18px
}

.lifesupport .lifesupport_reform .example table {
  width: 100%;
  font-size: 14px;
  border-top: 3px solid #fdb644
}

.lifesupport .lifesupport_reform .example td {
  padding: 8px 15px
}

.lifesupport .lifesupport_reform .example tr:nth-child(2n) {
  background-color: #ececec
}

.lifesupport .lifesupport_reform .contentsbox02 {
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px
}

.lifesupport .lifesupport_reform .contentsbox02l {
  width: 40%
}

.lifesupport .lifesupport_reform .contentsbox02r {
  width: 50%
}

.lifesupport .lifesupport_reform .piping01 {
  background-color: #fdb644;
  max-width: 1020px;
  margin: 60px auto;
  padding: 40px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping01 {
    margin-left: -2rem;
    margin-right: -2rem
  }
}

.lifesupport .lifesupport_reform .piping01 .pipi_ttl {
  text-align: center;
  color: #fff;
  font-size: 18px;
  margin: 0 0 30px;
  width: 25%;
  text-align: left
}

.lifesupport .lifesupport_reform .pipi_ttl h2 {
  color: #fff
}

.lifesupport .lifesupport_reform .piping_pinhole {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 30px;
  border-radius: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 70%;
  box-sizing: border-box;
  margin: 0 0 30px
}

.lifesupport .lifesupport_reform .pipingex_img_pinhole {
  width: 20%
}

.lifesupport .lifesupport_reform .pipingex_txt_pinhole {
  width: 75%
}

.lifesupport .lifesupport_reform .piping_pinhole h2 {
  font-size: 18px;
  margin-bottom: 10px
}

.lifesupport .lifesupport_reform .piping_pinhole h3 {
  font-size: 14px;
  line-height: 200%
}

.lifesupport .lifesupport_reform .pipingexaple {
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
  margin: 0 0 30px
}

.lifesupport .lifesupport_reform .pipingexaple:last-child {
  padding: 30px;
  border-radius: 20px;
  background-color: #fff;
  margin: 0 0 0
}

.lifesupport .lifesupport_reform .pipingexaple h2 {
  font-size: 18px;
  margin-bottom: 10px
}

.lifesupport .lifesupport_reform .pipingexaple .txt_jirei {
  font-size: 18px;
  font-weight: bold;
  display: inline-block;
  _display: inline;
  padding: 7px 16px;
  background-color: #fdb644;
  color: #fff;
  border-radius: 15px;
  text-align: center;
  margin: 0 10px 0 0
}

.lifesupport .lifesupport_reform .pipingexaple h2 span {
  font-weight: bold;
  margin: 0 0 0 10px
}

.lifesupport .lifesupport_reform .piping02 {
  max-width: 1020px;
  margin: 0 auto;
  padding: 0 16px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping02 {
    padding: 0
  }
}

.lifesupport .lifesupport_reform .piping02 .pipi_ttl {
  margin: 0 0 60px;
  position: relative
}

.lifesupport .lifesupport_reform .piping02 .pipi_ttl h2 {
  font-size: 20px;
  text-align: center;
  margin: 0 0 20px 0;
  font-weight: bold;
  color: #1c1c1c
}

.lifesupport .lifesupport_reform .piping02 .pipi_ttl h3 {
  font-size: 14px;
  text-align: left;
  margin: 0 0 20px 0;
  line-height: 200%
}

.lifesupport .lifesupport_reform .piping02 .pipi_ttl:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_bottom_orange.svg);
  width: 4%;
  height: 60px;
  left: 48%;
  bottom: -70px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_reform .pipi_point {
  display: flex;
  justify-content: space-between;
  border: 2px solid #fdb644;
  border-radius: 30px;
  padding: 40px;
  flex-wrap: wrap
}

.lifesupport .lifesupport_reform .pipi_point h2 {
  width: 100%;
  text-align: left;
  margin: 0 0 20px;
  font-weight: bold
}

.lifesupport .lifesupport_reform .pipi_point h3 {
  width: 70%;
  font-size: 14px;
  line-height: 200%
}

.lifesupport .lifesupport_reform .pipi_point .pipi_point_img {
  width: 30%
}

.lifesupport .lifesupport_reform .pipi_point .pipi_point_img_full {
  width: 70%;
  margin: 0 auto
}

.lifesupport .lifesupport_reform .pipi_price {
  text-align: center;
  margin: 100px 0 0 0
}

.lifesupport .lifesupport_reform .pipi_price h2 {
  font-size: 18px;
  background-color: #fdb644;
  display: inline-block;
  padding: 10px 40px;
  color: #fff;
  border-radius: 30px;
  line-height: 100%
}

.lifesupport .lifesupport_reform .pipi_price h3 {
  font-size: 18px;
  margin: 20px 0;
  font-weight: bold;
  line-height: 200%
}

.lifesupport .lifesupport_reform .pipi_price h4 {
  font-size: 14px;
  margin: 20px 0;
  border-radius: 15px;
  border: 1px solid #707070;
  padding: 10px;
  display: inline-block;
  padding: 15px 50px
}

.lifesupport .lifesupport_reform .pipi_price .absleft {
  display: inline-block;
  _display: inline;
  font-size: 16px;
  font-weight: bold;
  margin-right: 20px
}

.lifesupport .lifesupport_reform .pipi_price .absright {
  display: inline-block;
  _display: inline;
  font-size: 16px
}

.lifesupport .lifesupport_reform .pipi_price .absright span {
  font-size: 30px;
  font-weight: bold;
  color: #fdb644
}

.lifesupport .lifesupport_reform .piping03 {
  margin: 100px auto 0 auto;
  max-width: 1020px;
  text-align: center;
  padding: 0 16px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping03 {
    padding: 0
  }
}

.lifesupport .lifesupport_reform .piping03 h2 {
  display: inline-block;
  margin: 0 auto 20px;
  font-weight: bold;
  position: relative
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping03 h2 {
    padding-left: 83px
  }
}

.lifesupport .lifesupport_reform .piping03 h2:before {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/0307img06.jpg);
  width: 80px;
  height: 80px;
  left: -90px;
  top: -30px;
  background-size: 100%;
  background-repeat: no-repeat
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping03 h2:before {
    left: 0
  }
}

.lifesupport .lifesupport_reform .piping03 ul {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 0 0;
  flex-wrap: wrap
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping03 ul {
    gap: 16px 0
  }
}

.lifesupport .lifesupport_reform .piping03 li {
  width: 47%;
  margin-bottom: 20px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping03 li {
    margin-bottom: 0;
    width: 49%
  }
}

.lifesupport .lifesupport_reform .piping03 li a {
  display: block;
  background-color: #fdb644;
  padding: 15px 0;
  color: #fff;
  font-size: 16px;
  border-radius: 10px;
  position: relative;
  transition: opacity 0.3s ease-in-out;
  text-align: left
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping03 li a {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 0 1rem;
    padding: 15px 20px
  }
}

.lifesupport .lifesupport_reform .piping03 li a:hover {
  opacity: 0.8
}

.lifesupport .lifesupport_reform .piping03 li a:before {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_right_big_w.svg);
  width: 10px;
  height: 27px;
  right: 10px;
  top: 18px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_reform .piping03 li a:before {
    position: static
  }
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck {
    margin-left: 2rem;
    margin-right: 2rem
  }
}

.lifesupport .lifesupport_selfcheck .pankuzu {
  max-width: 1020px;
  margin: 0 auto 30px
}

.lifesupport .lifesupport_selfcheck .pankuzu ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap
}

.lifesupport .lifesupport_selfcheck .pankuzu li a {
  margin: 0 20px 0 0;
  padding: 0 30px 0 0;
  position: relative;
  display: inline-block;
  font-size: 14px
}

.lifesupport .lifesupport_selfcheck .pankuzu li a:after {
  content: "��";
  position: absolute;
  right: 0;
  top: 0px
}

.lifesupport .lifesupport_selfcheck .pankuzu li:last-child a {
  font-weight: bold;
  pointer-events: none
}

.lifesupport .lifesupport_selfcheck .pankuzu li:last-child a:after {
  content: ""
}

.lifesupport .lifesupport_selfcheck .txt_point {
  background: linear-gradient(transparent 65%, #ffda20 35%);
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .ttl_juyo {
  background: #e5b351;
  padding: 15px;
  border-radius: 15px 15px 0 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .ttl_juyo h6 {
  background: #fff;
  padding: 5px 40px;
  border-radius: 20px;
  font-size: 16px;
  display: inline-block;
  margin: 0 0 10px;
  color: #e5b351;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .ttl_juyo h2 {
  color: #fff;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .sashiebox {
  display: flex;
  justify-content: space-between;
  width: 65%;
  margin: 30px auto;
  align-items: center
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .sashiebox {
    width: 93%
  }
}

.lifesupport .lifesupport_selfcheck .sbox_left {
  width: 18%
}

.lifesupport .lifesupport_selfcheck .sbox_right {
  width: 80%;
  font-size: 16px;
  line-height: 2.2;
  margin: 0 0 0 0
}

.lifesupport .lifesupport_selfcheck .mainv {
  max-width: 1020px;
  margin: 0 auto 10px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .mainv {
    padding: 0;
    margin-left: -2rem;
    margin-right: -2rem
  }
}

.lifesupport .lifesupport_selfcheck .mainv .abs_txt {
  position: relative;
  padding: 30px 0 0 30px
}

.lifesupport .lifesupport_selfcheck .mainv .abs_txt h3 {
  font-size: 34px;
  font-weight: bold;
  margin: 0 0 15px
}

.lifesupport .lifesupport_selfcheck .mainv .abs_txt h4 {
  font-size: 20px;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .mainv h2 {
  background-color: #7ba2bd;
  color: #fff;
  text-align: center;
  line-height: 100%;
  font-size: 24px;
  font-weight: bold;
  padding: 8px 0;
  vertical-align: middle
}

.lifesupport .lifesupport_selfcheck .mainv .mainimg {
  position: relative
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .mainv .mainimg {
    display: flex;
    flex-direction: column;
    background-color: #fef5d6
  }

  .lifesupport .lifesupport_selfcheck .mainv .mainimg .abs_txt {
    margin-bottom: -50px
  }

  .lifesupport .lifesupport_selfcheck .mainv .mainimg img {
    margin-left: auto;
    margin-bottom: -30px
  }

  .lifesupport .lifesupport_selfcheck .mainv .mainimg h2 {
    width: 100%;
    margin-top: auto
  }
}

.lifesupport .lifesupport_selfcheck .main00 {
  position: relative;
  max-width: 1020px;
  margin: 0 auto 40px;
  text-align: right
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main00 {
    margin-bottom: 0
  }
}

.lifesupport .lifesupport_selfcheck .main00 .abs_txt {
  position: relative;
  margin-bottom: -40px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main00 .abs_txt {
    width: 90%
  }
}

.lifesupport .lifesupport_selfcheck .main00 .abs_txt h2 {
  font-size: 24px;
  text-align: left;
  font-weight: bold;
  line-height: 1.6
}

.lifesupport .lifesupport_selfcheck .main00 .abs_txt .txt_imp {
  font-size: 42px;
  color: #f35454;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .main00 img.pc {
  width: 80%
}

.lifesupport .lifesupport_selfcheck .main01 {
  max-width: 1020px;
  margin: 0 auto 40px;
  box-sizing: border-box;
  border: 3px solid #e5b351;
  border-radius: 20px;
  padding: 0
}

.lifesupport .lifesupport_selfcheck .main01contents {
  display: flex;
  width: 94%;
  margin: 30px auto;
  justify-content: space-between;
  flex-direction: column;
  gap: 10px;
  align-items: center
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main01contents {
    margin: 20px auto
  }
}

.lifesupport .lifesupport_selfcheck .main01contents>div {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px;
  gap: 20px;
  width: 100%;
  max-width: 420px;
  color: #fff;
  border-radius: 10px
}

.lifesupport .lifesupport_selfcheck .main01contents>div ._icon {
  text-align: center
}

.lifesupport .lifesupport_selfcheck .main01contents>div ._icon .abstxt01 {
  font-size: 20px;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .main01contents>div ._icon .abstxt02 {
  background: #fff;
  border-radius: 50%;
  font-size: 50px;
  line-height: 1;
  padding: 18px 20px 22px 20px;
  font-weight: bold;
  letter-spacing: 0em
}

.lifesupport .lifesupport_selfcheck .main01contents>div .abstxt03 h3 {
  font-size: 24px;
  margin: 0 0 10px 0;
  color: #fff
}

.lifesupport .lifesupport_selfcheck .main01contents>div .abstxt03 h4 {
  font-size: 20px;
  color: #fff
}

.lifesupport .lifesupport_selfcheck .m01c_left {
  background: #f36868
}

.lifesupport .lifesupport_selfcheck .m01c_left .abstxt02 {
  color: #f36868
}

.lifesupport .lifesupport_selfcheck .m01c_right {
  background: #ab9f9f
}

.lifesupport .lifesupport_selfcheck .m01c_right .abstxt02 {
  color: #ab9f9f
}

.lifesupport .lifesupport_selfcheck .m01c_btn {
  width: 50%;
  margin: 0 auto 30px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .m01c_btn {
    width: 90%;
    max-width: -webkit-max-content;
    max-width: max-content
  }
}

.lifesupport .lifesupport_selfcheck .m01c_btn a {
  border: 1px solid #bebebe;
  display: block;
  text-align: center;
  font-size: 18px;
  border-radius: 15px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  background-color: #fff;
  line-height: 120%;
  box-sizing: border-box;
  align-items: center;
  height: 100%;
  transition: background 0.3s ease-in-out;
  padding: 20px 0 22px;
  letter-spacing: 0.1em;
  position: relative
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .m01c_btn a {
    padding: 20px 20px 22px 50px
  }
}

.lifesupport .lifesupport_selfcheck .m01c_btn a:hover {
  background: #fcf7f7
}

.lifesupport .lifesupport_selfcheck .m01c_btn a:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_file_r.svg);
  width: 23px;
  height: 28px;
  top: 18px;
  left: 20px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_selfcheck .main02 {
  max-width: 1020px;
  margin: 0 auto 40px;
  box-sizing: border-box;
  border: 3px solid #e5b351;
  border-radius: 20px;
  padding: 0px
}

.lifesupport .lifesupport_selfcheck .main02check {
  display: flex;
  width: 94%;
  margin: 0 auto 30px;
  justify-content: space-between;
  text-align: center
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main02check {
    flex-direction: column;
    gap: 10px
  }
}

.lifesupport .lifesupport_selfcheck .main02check h3 {
  font-size: 18px;
  color: #f35454;
  font-weight: bold;
  text-align: center;
  margin: 0 0 15px 0
}

.lifesupport .lifesupport_selfcheck .main02check h4 {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.2
}

.lifesupport .lifesupport_selfcheck .main02check p {
  font-size: 16px;
  line-height: 2;
  text-align: right
}

.lifesupport .lifesupport_selfcheck .main02check li {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.2
}

.lifesupport .lifesupport_selfcheck .main02checkinner {
  width: 32%;
  background: #fffef6;
  border: 2px solid #b18147;
  box-sizing: border-box;
  padding: 20px;
  position: relative
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main02checkinner {
    width: 100%
  }
}

.lifesupport .lifesupport_selfcheck .main02checkinner .abs_img {
  position: absolute;
  width: 70px;
  top: 135px;
  right: 10px
}

.lifesupport .lifesupport_selfcheck .main02checkwrap {
  display: inline-block;
  text-align: left
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main02checkwrap {
    display: block
  }
}

.lifesupport .lifesupport_selfcheck .main02checkwrap h4:not(:first-child) {
  margin-top: 1rem
}

.lifesupport .lifesupport_selfcheck .main02 h5 {
  font-size: 16px;
  line-height: 1.8;
  width: 85%;
  margin: 0 auto 30px
}

.lifesupport .lifesupport_selfcheck .main03 {
  max-width: 1020px;
  margin: 0 auto 40px;
  box-sizing: border-box;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main03 {
    padding: 0;
    flex-direction: column;
    gap: 10px
  }
}

.lifesupport .lifesupport_selfcheck .sashiebox2 {
  display: flex;
  justify-content: space-between;
  width: 76%;
  margin: 30px 12%;
  align-items: center
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .sashiebox2 {
    margin: 30px auto;
    width: 90%
  }
}

.lifesupport .lifesupport_selfcheck .sbox_left2 {
  width: 17%
}

.lifesupport .lifesupport_selfcheck .sbox_right2 {
  width: 80%;
  font-size: 18px;
  line-height: 1.8;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .sbox_right2 span {
  color: #f35454;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .ttl_jirei {
  background: #7ba2bd;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px
}

.lifesupport .lifesupport_selfcheck .main03contents01 {
  box-sizing: border-box;
  border: 3px solid #7ba2bd;
  border-radius: 20px;
  width: 48.5%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main03contents01 {
    width: 100%
  }
}

.lifesupport .lifesupport_selfcheck .m03c_right {
  width: 48%
}

.lifesupport .lifesupport_selfcheck .m03c_center {
  width: 100%;
  background: #f35454;
  text-align: center;
  color: #fff;
  font-size: 22px;
  border-radius: 25px;
  margin: 15px 0 0 0;
  line-height: 1;
  padding: 10px 0 14px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .m03c_center {
    padding: 10px 10px 14px;
    border-radius: 500px
  }
}

.lifesupport .lifesupport_selfcheck .m03c_box01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 20px auto 0;
  align-items: top
}

.lifesupport .lifesupport_selfcheck .m03c_box01 li {
  font-size: 16px;
  line-height: 1.6;
  padding: 0 0 5px 26px;
  position: relative;
  top: 0;
  left: 0;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .m03c_box01 li:after {
  content: "";
  display: block;
  background-image: url(../images/lifesupport/selfcheck_img04.svg);
  width: 24px;
  height: 20px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0
}

.lifesupport .lifesupport_selfcheck .m03c_left {
  width: 85%
}

.lifesupport .lifesupport_selfcheck .m03c_right {
  width: 15%;
  margin: 4.7% 0 4.7% 0
}

.lifesupport .lifesupport_selfcheck .m03c_right2 {
  width: 30%;
  margin: 0 0 0 0
}

.lifesupport .lifesupport_selfcheck .m03c_box02 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 20px auto 20px
}

.lifesupport .lifesupport_selfcheck .m03c_box02 h2 {
  font-size: 16px;
  margin: 0 0 15px 0;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .m03c_box02 h3 {
  font-size: 16px;
  margin: 0 0 0 0
}

.lifesupport .lifesupport_selfcheck .main03contents02 {
  box-sizing: border-box;
  border: 3px solid #7ba2bd;
  border-radius: 20px;
  width: 48.5%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .main03contents02 {
    width: 100%
  }
}

.lifesupport .lifesupport_selfcheck .btn_flow01 {
  max-width: 700px;
  margin: 80px auto 80px
}

.lifesupport .lifesupport_selfcheck .btn_flow01 a {
  box-sizing: border-box;
  border: 3px solid #f35454;
  border-radius: 20px;
  position: relative;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  width: 100%;
  display: block;
  background: #fff;
  transition: background 0.3s ease-in-out
}

.lifesupport .lifesupport_selfcheck .btn_flow01 a:hover {
  background: #fcf7f7
}

.lifesupport .lifesupport_selfcheck .btn_flow01 .abs_img {
  position: relative;
  width: 400px;
  padding-top: 10px;
  margin-left: auto
}

.lifesupport .lifesupport_selfcheck .btn_flow01 .abs_img h3 {
  position: absolute;
  font-size: 16px;
  top: 70px;
  right: 188px;
  font-weight: bold;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .btn_flow01 h2 {
  position: relative;
  font-size: 28px;
  color: #f35454;
  font-weight: bold;
  padding: 20px 20px 0;
  margin-bottom: -50px;
  text-shadow: 2px 2px 10px #fff,
    -2px 2px 10px #fff,
    2px -2px 10px #fff,
    -2px -2px 10px #fff;
  z-index: 1
}

.lifesupport .lifesupport_selfcheck .btn_flow01 h4 {
  position: relative;
  font-size: 16px;
  font-weight: bold;
  background: #f35454;
  padding: 10px 20px;
  color: #fff;
  width: 100%;
  text-align: center;
  border-radius: 0 0 15px 15px;
  box-sizing: border-box
}

.lifesupport .lifesupport_selfcheck .btn_flow01 h4:after {
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_white.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 15px;
  right: 15px
}

.lifesupport .lifesupport_selfcheck .main04 {
  max-width: 1020px;
  margin: 0 auto 40px;
  box-sizing: border-box;
  border: 3px solid #7b7b7b;
  border-radius: 20px
}

.lifesupport .lifesupport_selfcheck .ttl_caution {
  background: #7b7b7b;
  padding: 15px;
  border-radius: 15px 15px 0 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .ttl_caution h6 {
  background: #fff;
  padding: 5px 40px;
  border-radius: 20px;
  font-size: 16px;
  display: inline-block;
  margin: 0 0 10px;
  color: #f35454;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .ttl_caution h2 {
  color: #fff;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .main04 h3 {
  font-weight: bold;
  background: #cbcbcb;
  padding: 15px 25px;
  box-sizing: border-box;
  margin: 0 0 10px 0
}

.lifesupport .lifesupport_selfcheck .sashiebox3 {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 30px auto;
  align-items: center
}

.lifesupport .lifesupport_selfcheck .sbox_left3 {
  width: 15%
}

.lifesupport .lifesupport_selfcheck .sbox_right3 {
  width: 80%;
  font-size: 16px;
  line-height: 2.2;
  margin: 0 0 0 0
}

.lifesupport .lifesupport_selfcheck .flow01 {
  max-width: 1020px;
  margin: 60px auto 0;
  display: flex
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow01 {
    margin-top: 30px;
    display: block;
    position: relative
  }
}

.lifesupport .lifesupport_selfcheck .flow01inner {
  width: 60%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow01inner {
    width: 100%
  }
}

.lifesupport .lifesupport_selfcheck .flow01 .abs_img {
  width: 40%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow01 .abs_img {
    position: absolute;
    bottom: 0;
    right: 0
  }
}

.lifesupport .lifesupport_selfcheck .flow01 h2 {
  padding: 6px 0;
  text-align: center;
  background: #7ba2bd;
  color: #fff;
  border-radius: 20px;
  font-size: 22px;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow01 h3 {
  border-radius: 20px;
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 0 0;
  line-height: 1.8
}

.lifesupport .lifesupport_selfcheck .flow01contents01 {
  margin: 20px 0 0 0;
  position: relative;
  z-index: 1
}

.lifesupport .lifesupport_selfcheck .flow01contents01 ul {
  border: 2px solid #b18147;
  padding: 15px 50px 20px;
  display: inline-block;
  background: #fffef6;
  border-radius: 20px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow01contents01 ul {
    padding: 15px 20px 20px
  }
}

.lifesupport .lifesupport_selfcheck .flow01contents01 li {
  font-size: 18px;
  line-height: 2;
  padding: 0 0 0 40px;
  position: relative;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow01contents01 li:after {
  content: "";
  display: block;
  background-image: url(../images/lifesupport/selfcheck_img04.svg);
  width: 30px;
  height: 26px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 4px;
  left: 0
}

.lifesupport .lifesupport_selfcheck .flow02 {
  max-width: 1020px;
  margin: 180px auto 0;
  justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  background: #fef4d6;
  box-sizing: border-box;
  padding: 40px;
  border-radius: 20px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow02 {
    display: block;
    padding: 20px 40px
  }
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02ttl {
  position: relative;
  width: 100%;
  margin: 0 6% 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow02 .flow02ttl {
    width: 400px
  }
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02ttl h4 {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  top: 30px;
  right: 16px;
  color: #fff
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow02 .flow02ttl h4 {
    font-size: 16px;
    top: 28px;
    right: 15px;
    text-align: center;
    display: inline-block
  }
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02contents01wrap {
  width: 48%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents01wrap {
    width: 100%;
    margin-top: -150px
  }
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02contents01 {
  margin: 20px 0 0 0
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02contents01 h2 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 1.8
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02contents01 h2 .flow02_txt {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 10px 0;
  line-height: 1.8;
  color: #f35454
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02contents01 h3 {
  font-size: 14px;
  line-height: 1.8
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02contents02 {
  position: relative;
  width: 48%;
  text-align: right;
  margin: 80px 0 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents02 {
    margin: 30px auto 0;
    width: 100%;
    max-width: 390px;
    padding-top: 10px
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents02 .abs_img {
    width: 300px;
    margin-left: auto
  }
}

.lifesupport .lifesupport_selfcheck .flow02 .flow02contents02 h4 {
  text-align: left;
  font-size: 22px;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents02 h4 {
    font-size: 18px;
    margin-bottom: -46px
  }
}

.lifesupport .lifesupport_selfcheck .caption_selfcheck {
  font-size: 12px;
  max-width: 1020px;
  margin: 10px auto 0
}

.lifesupport .lifesupport_selfcheck .flow03 {
  max-width: 1020px;
  margin: 60px auto 0
}

.lifesupport .lifesupport_selfcheck .flow03 h2 {
  padding: 6px 0;
  text-align: center;
  background: #7ba2bd;
  color: #fff;
  border-radius: 10px;
  font-size: 22px;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow03 ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow03 ul {
    gap: 20px 6px
  }
}

.lifesupport .lifesupport_selfcheck .flow03 li {
  width: 23%;
  margin: 0 2.6666% 20px 0
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(4n) {
  margin: 0 0 30px 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow03 li {
    position: relative;
    margin: 0;
    width: calc(100% / 2 - 4px)
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(4n) {
    margin: 0
  }
}

.lifesupport .lifesupport_selfcheck .flow03 li a {
  color: #fff;
  padding: 6px 0;
  border-radius: 10px;
  font-size: 18px;
  text-align: center;
  width: 82%;
  background: #5082a8;
  display: block;
  margin: 0 0 0 auto;
  position: relative;
  transition: background 0.3s ease-in-out
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow03 li a {
    position: static;
    height: 100%;
    width: calc(100% - 32px);
    margin-left: 32px;
    padding: 6px 6px 6px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 17px
  }
}

.lifesupport .lifesupport_selfcheck .flow03 li a:hover {
  background: #366080
}

.lifesupport .lifesupport_selfcheck .flow03 li a:before {
  content: "";
  position: absolute;
  border: 3px solid #707070;
  line-height: 1.4;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 36px;
  left: -42px;
  top: -7px;
  width: 50px;
  height: 50px;
  padding: 0;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow03 li a:before {
    font-size: 33px;
    left: 0
  }
}

.lifesupport .lifesupport_selfcheck .flow03 li a:hover:before {
  background: #7ba2bd;
  color: #fff
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(1) a:before {
  content: "1"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(2) a:before {
  content: "2"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(3) a:before {
  content: "3"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(4) a:before {
  content: "4"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(5) a:before {
  content: "5"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(6) a:before {
  content: "6"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(7) a:before {
  content: "7"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(8) a:before {
  content: "8"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(9) a:before {
  content: "9"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(10) a:before {
  content: "10"
}

.lifesupport .lifesupport_selfcheck .flow03 li:nth-child(11) a:before {
  content: "11"
}

.lifesupport .lifesupport_selfcheck .flow_cnt_wrap {
  max-width: 1020px;
  margin: 60px auto 0
}

.lifesupport .lifesupport_selfcheck .flow_cnt_ttl_b {
  background: #7ba2bd;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px
}

.lifesupport .lifesupport_selfcheck .flow_cnt_ttl_b2 {
  background: #5082a8;
  padding: 30px 10px;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt_ttl_b2 span {
    padding-left: 50px;
    display: block;
    margin-top: 10px;
    text-align: left
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt_ttl_y {
  background: #e5b351;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px
}

.lifesupport .lifesupport_selfcheck .flow_cnt_ttl_r {
  background: #be3717;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  width: 100%;
  box-sizing: border-box
}

.lifesupport .lifesupport_selfcheck .btn_check {
  width: 90%;
  position: relative;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  margin: 0 5% 20px 5%
}

.lifesupport .lifesupport_selfcheck .btn_check a {
  background: #f35454;
  display: block;
  border-radius: 20px;
  padding: 0 0 10px 0;
  transition: background 0.3s ease-in-out
}

.lifesupport .lifesupport_selfcheck .btn_check a:hover {
  background: #b72727
}

.lifesupport .lifesupport_selfcheck .btn_check .abstxt01 {
  background: #b72727;
  width: 100%;
  margin: 0;
  border-radius: 20px 20px 0 0;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .btn_check .abstxt02 {
  margin: 0;
  border-radius: 20px 20px 0 0;
  padding: 12px 12px 12px 40%;
  text-align: left;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1.6;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .btn_check .abstxt03 {
  margin: 0 10px 0 40%;
  border-radius: 20px;
  padding: 10px 0;
  text-align: center;
  background: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1;
  font-weight: bold;
  position: relative;
  width: calc(60% - 10px);
  color: #f35454
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .btn_check .abstxt03 {
    width: 90%;
    margin: 0 auto
  }
}

.lifesupport .lifesupport_selfcheck .btn_check .abstxt03:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 6%;
  top: 30%;
  background-image: url(../images/lifesupport/icon_arrow_red.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.lifesupport .lifesupport_selfcheck .btn_check .abs_img {
  position: absolute;
  width: 25%;
  top: 10%;
  left: 8%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .btn_check .abs_img {
    top: 16%
  }
}

.lifesupport .lifesupport_selfcheck .btn_lisk {
  width: 90%;
  position: relative;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  margin: 0 5% 20px 5%
}

.lifesupport .lifesupport_selfcheck .btn_lisk a {
  background: #949494;
  display: block;
  border-radius: 20px;
  padding: 0 0 10px 0;
  transition: background 0.3s ease-in-out
}

.lifesupport .lifesupport_selfcheck .btn_lisk a:hover {
  background: #515151
}

.lifesupport .lifesupport_selfcheck .btn_lisk .abstxt01 {
  background: #515151;
  width: 100%;
  margin: 0;
  border-radius: 20px 20px 0 0;
  padding: 12px 0;
  text-align: center;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1;
  font-weight: bold;
  transition: background 0.3s ease-in-out
}

.lifesupport .lifesupport_selfcheck .btn_lisk .abstxt02 {
  margin: 0;
  border-radius: 20px 20px 0 0;
  padding: 12px 12px 12px 40%;
  text-align: left;
  color: #fff;
  font-size: 18px;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1.6;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .btn_lisk .abstxt03 {
  margin: 0 10px 0 40%;
  border-radius: 20px;
  padding: 10px 0;
  text-align: center;
  background: #fff;
  font-size: 16px;
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1;
  font-weight: bold;
  position: relative;
  width: calc(60% - 10px);
  color: #f35454
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .btn_lisk .abstxt03 {
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 1
  }
}

.lifesupport .lifesupport_selfcheck .btn_lisk .abstxt03:after {
  content: "";
  display: block;
  width: 11px;
  height: 11px;
  position: absolute;
  right: 6%;
  top: 30%;
  background-image: url(../images/lifesupport/icon_arrow_red.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.lifesupport .lifesupport_selfcheck .btn_lisk .abs_img {
  position: absolute;
  width: 25%;
  top: 10%;
  left: 8%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .btn_lisk .abs_img {
    top: 15%
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt01 {
  box-sizing: border-box;
  border: 3px solid #7ba2bd;
  border-radius: 20px;
  width: 100%;
  position: relative;
  margin: 0 auto 40px;
  float: left;
  position: relative
}

.lifesupport .lifesupport_selfcheck .flow_cnt01:after {
  content: "1";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .flow_cnt01:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: 48.5%;
  bottom: -37px;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.lifesupport .lifesupport_selfcheck .flow_cnt01 .abs_img {
  position: absolute;
  width: 15%;
  top: 5%;
  right: 5%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt01 .abs_img {
    width: 147px
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt01 h2 {
  padding: 25px 30px;
  font-size: 18px;
  line-height: 2;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow_cnt02 {
  margin: 0 auto 40px;
  box-sizing: border-box;
  border: 3px solid #e5b351;
  border-radius: 20px;
  width: 100%;
  position: relative;
  float: left
}

.lifesupport .lifesupport_selfcheck .flow_cnt02:after {
  content: "2";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .flow_cnt02:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: 24%;
  bottom: -37px;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.lifesupport .lifesupport_selfcheck .flow_cnt02 .flow_cnt02contents01 h2 {
  padding: 20px 0;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  text-align: center;
  display: block;
  z-index: 1;
  position: absolute;
  width: 90%;
  top: 0;
  width: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02 .flow_cnt02contents01 h2 {
    padding: 0;
    position: static;
    max-width: -webkit-max-content;
    max-width: max-content;
    width: 60%
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02contents01 {
  margin: 0;
  box-sizing: border-box;
  width: 48%;
  position: relative
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02contents01 {
    width: 100%;
    display: flex;
    background-color: #fef4d6;
    border-radius: 50%;
    padding: 24px;
    justify-content: center;
    align-items: center;
    gap: 16px
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02contents01 .abs_img {
  margin: 32% 10% 0;
  z-index: -1
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02contents01 .abs_img {
    margin: 0;
    z-index: auto;
    display: flex;
    align-items: center;
    max-width: 250px;
    width: 40%
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02contents01 .abs_img img {
  border-radius: 16px
}

.lifesupport .lifesupport_selfcheck .flow_cnt02contents02 {
  margin: 0 auto 40px;
  position: relative;
  width: 65%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02contents02 {
    width: 90%
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02contents02 .abs_img {
  margin: 0 0 0;
  z-index: -1;
  text-align: right
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02contents02 .abs_img {
    padding-top: 30px
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02contents02 .abs_img img {
  width: 60%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02contents02 .abs_img img {
    width: 45%
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02 .flow_cnt02contents02 h2 {
  padding: 0 0 0;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold;
  text-align: left;
  display: block;
  z-index: 1;
  width: 100%;
  position: absolute;
  background-color: #fff
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02 .flow_cnt02contents02 h2 {
    width: 66%
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02_right {
  width: 48%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02_right {
    width: 100%;
    display: flex;
    margin-top: 20px;
    gap: 0 20px
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02_right .btn_check {
    margin-left: 0;
    margin-right: 0
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02_right .btn_lisk {
    margin-left: 0;
    margin-right: 0
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02_right .btn_lisk a {
    display: flex;
    flex-direction: column;
    height: 100%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02_right .btn_lisk a .abstxt03 {
    margin-top: auto
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt02innner {
  display: flex;
  justify-content: space-between;
  padding: 30px 20px 10px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt02innner {
    flex-direction: column
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt03 {
  box-sizing: border-box;
  border: 3px solid #7ba2bd;
  border-radius: 20px;
  width: 48%;
  position: relative;
  float: left;
  margin: 0 4% 40px 0
}

.lifesupport .lifesupport_selfcheck .flow_cnt03:after {
  content: "3";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .flow_cnt03:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  right: -35px;
  top: 47%;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt03:before {
    right: -30px
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt03 h2 {
  padding: 15px 30px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow_cnt04 {
  margin: 0 auto 40px;
  box-sizing: border-box;
  border: 3px solid #e5b351;
  border-radius: 20px;
  width: 48%;
  position: relative;
  float: left;
  margin: 0 0 40px 0
}

.lifesupport .lifesupport_selfcheck .flow_cnt04:after {
  content: "4";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .flow_cnt04:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: -37px;
  bottom: -10px;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.lifesupport .lifesupport_selfcheck .flow_cnt04 h2 {
  padding: 15px 30px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow_cnt05 {
  box-sizing: border-box;
  border: 3px solid #7ba2bd;
  border-radius: 20px;
  width: 48%;
  position: relative;
  float: left;
  margin: -34px 4% 40px 0
}

.lifesupport .lifesupport_selfcheck .flow_cnt05:after {
  content: "5";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .flow_cnt05:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  right: -35px;
  top: 47%;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt05:before {
    right: -30px
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt05 h2 {
  padding: 15px 30px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow_cnt05 .abs_img {
  width: 50%;
  margin: 0 auto 20px
}

.lifesupport .lifesupport_selfcheck .flow_cnt06 {
  box-sizing: border-box;
  border: 3px solid #7ba2bd;
  border-radius: 20px;
  width: 48%;
  position: relative;
  float: left;
  margin: 0 0 40px 0
}

.lifesupport .lifesupport_selfcheck .flow_cnt06:after {
  content: "6";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .flow_cnt06:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: -37px;
  bottom: -37px;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.lifesupport .lifesupport_selfcheck .flow_cnt06 h2 {
  padding: 15px 30px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow_cnt06 h3 {
  padding: 0 30px 15px;
  font-size: 12px;
  line-height: 1.6
}

.lifesupport .lifesupport_selfcheck .flow_cnt06 .abs_img {
  width: 15%;
  margin: 0 auto 20px
}

.lifesupport .lifesupport_selfcheck .flow_cnt07 {
  float: left;
  margin: 0 52% 60px 0;
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_selfcheck .flow_cnt07:after {
  content: "7";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.lifesupport .lifesupport_selfcheck .flow_cnt07:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: 46%;
  bottom: -37px;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.lifesupport .lifesupport_selfcheck .flow_cnt08 {
  float: left;
  margin: 0 52% 60px 0;
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_selfcheck .flow_cnt08:after {
  content: "8";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.lifesupport .lifesupport_selfcheck .flow_cnt08:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: 46%;
  bottom: -37px;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.lifesupport .lifesupport_selfcheck .flow_cnt09 {
  float: left;
  margin: 0 52% 0 0;
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_selfcheck .flow_cnt09:after {
  content: "9";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.lifesupport .lifesupport_selfcheck .flow_cnt09:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  right: -35px;
  top: 30%;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt09:before {
    right: -27px
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt10 {
  box-sizing: border-box;
  border: 3px solid #7ba2bd;
  border-radius: 20px;
  width: 48%;
  position: relative;
  float: left;
  margin: -380px 0 40px 52%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_cnt10 {
    margin-top: -300px
  }
}

.lifesupport .lifesupport_selfcheck .flow_cnt10:after {
  content: "10";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center;
  letter-spacing: 0em
}

.lifesupport .lifesupport_selfcheck .flow_cnt10:before {
  content: "";
  display: block;
  width: 25px;
  height: 30px;
  position: absolute;
  left: 46%;
  bottom: -37px;
  background-image: url(../images/lifesupport/selfcheck_img13.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
  -webkit-transform: rotate(0);
  transform: rotate(0)
}

.lifesupport .lifesupport_selfcheck .flow_cnt10 h2 {
  padding: 15px 30px;
  font-size: 18px;
  line-height: 1.6;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow_cnt10 .abs_img {
  width: 70%;
  margin: 0 auto 20px
}

.lifesupport .lifesupport_selfcheck .flow_cnt11 {
  box-sizing: border-box;
  border: 3px solid #be3717;
  border-radius: 20px;
  position: relative;
  float: left;
  width: 100%;
  display: flex;
  flex-wrap: wrap
}

.lifesupport .lifesupport_selfcheck .flow_cnt11:after {
  content: "11";
  position: absolute;
  line-height: 1.6;
  border-radius: 50%;
  background: #fff;
  color: #5082a8;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  font-size: 30px;
  left: 0px;
  top: 0px;
  width: 44px;
  height: 44px;
  padding: 0;
  text-align: center;
  letter-spacing: 0em
}

.lifesupport .lifesupport_selfcheck .flow_cnt11contents01 {
  width: 40%;
  margin: 3%
}

.lifesupport .lifesupport_selfcheck .flow_cnt11contents02 {
  width: 51%;
  margin: 3% 3% 0 0
}

.lifesupport .lifesupport_selfcheck .flow_cnt11contents02 h2 {
  padding: 15px 30px 0;
  font-size: 18px;
  line-height: 2;
  font-weight: bold;
  text-align: center
}

.lifesupport .lifesupport_selfcheck .flow_cnt11contents02 .abs_img {
  margin: -15px 0 0 0
}

.lifesupport .lifesupport_selfcheck .flow_comv {
  background: #f59950;
  margin: 60px 0;
  color: #fff;
  text-align: center;
  padding: 40px 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_selfcheck .flow_comv {
    margin-left: -2rem;
    margin-right: -2rem;
    padding: 40px 2rem
  }
}

.lifesupport .lifesupport_selfcheck .flow_comv h2 {
  font-size: 24px;
  line-height: 1.8;
  margin: 0 0 30px;
  color: #fff
}

.lifesupport .lifesupport_selfcheck .flow_comv .abstxt01 {
  font-size: 14px;
  line-height: 1;
  margin: 0 0 10px
}

.lifesupport .lifesupport_selfcheck .flow_comv .abstxt02 {
  font-size: 20px;
  line-height: 1;
  margin: 0 0 0;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .flow_btn_reform a {
  display: inline-block;
  background: #fff;
  color: #333;
  padding: 15px 50px 15px 90px;
  border-radius: 20px;
  font-size: 16px;
  position: relative;
  transition: opacity 0.3s ease-in-out;
  border: 3px #f35454 solid
}

.lifesupport .lifesupport_selfcheck .flow_btn_reform a:after {
  content: "";
  background-image: url(../images/lifesupport/icon_file_r.svg);
  width: 36px;
  height: 44px;
  display: block;
  position: absolute;
  left: 20px;
  top: 20px;
  background-size: 100%
}

.lifesupport .lifesupport_selfcheck .flow_btn_reform a:hover {
  opacity: 0.8
}

.lifesupport .lifesupport_selfcheck .flow_btn_back {
  text-align: center;
  margin: 0 0 60px 0
}

.lifesupport .lifesupport_selfcheck .flow_btn_back a {
  background: #5082a8;
  color: #fff;
  padding: 15px 30px 15px 50px;
  border-radius: 20px;
  font-size: 16px;
  position: relative;
  transition: opacity 0.3s ease-in-out
}

.lifesupport .lifesupport_selfcheck .flow_btn_back a:after {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_right_big_w.svg);
  width: 15px;
  height: 27px;
  display: block;
  position: absolute;
  left: 20px;
  top: 13px;
  background-size: 100%;
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1)
}

.lifesupport .lifesupport_selfcheck .flow_btn_back a:hover {
  opacity: 0.8
}

.lifesupport .lifesupport_selfcheck .rm_common .remodal-close {
  top: -50px;
  right: 1px;
  margin: 0 20px 0 auto;
  display: block
}

.lifesupport .lifesupport_selfcheck .rm_common .remodal-close:before {
  display: none
}

.lifesupport .lifesupport_selfcheck .rm_common .remodal-close span {
  width: 60px;
  height: 1px;
  background: #555;
  display: block;
  width: 60px;
  height: 1px;
  background: #555;
  display: block
}

.lifesupport .lifesupport_selfcheck .rm_common .remodal-close span:nth-child(1) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}

.lifesupport .lifesupport_selfcheck .rm_common .remodal-close span:nth-child(2) {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg)
}

.lifesupport .lifesupport_selfcheck .rm01 {
  box-sizing: border-box;
  border: 3px solid #be3717;
  border-radius: 20px;
  position: relative;
  max-width: 600px;
  padding: 0
}

.lifesupport .lifesupport_selfcheck .rm02 {
  box-sizing: border-box;
  border: 3px solid #7b7b7b;
  border-radius: 20px;
  position: relative;
  max-width: 600px;
  padding: 0
}

.lifesupport .lifesupport_selfcheck .rm01_ttl {
  background: #be3717;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  text-align: center;
  width: 100%;
  box-sizing: border-box
}

.lifesupport .lifesupport_selfcheck .rm01_ttl h6 {
  background: #fff;
  padding: 5px 30px;
  border-radius: 15px;
  color: #b72727;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .rm02_ttl {
  background: #7b7b7b;
  padding: 10px;
  border-radius: 15px 15px 0 0;
  text-align: center;
  width: 100%;
  box-sizing: border-box
}

.lifesupport .lifesupport_selfcheck .rm02_ttl h6 {
  background: #fff;
  padding: 5px 30px;
  border-radius: 15px;
  color: #b72727;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  font-weight: bold
}

.lifesupport .lifesupport_selfcheck .rm_common_box01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 20px auto 0 auto;
  align-items: center
}

.lifesupport .lifesupport_selfcheck .rm_common_box01 .abs_img {
  width: 140px
}

.lifesupport .lifesupport_selfcheck .rm_common_box01 h2 {
  width: calc(100% - 160px);
  text-align: left;
  font-weight: bold;
  font-size: 18px
}

.lifesupport .lifesupport_selfcheck .rm_common_box01 p {
  width: 100%;
  font-size: 14px;
  line-height: 1.6;
  margin: 20px 0;
  text-align: left
}

.lifesupport .lifesupport_selfcheck .rm_common_box02 {
  width: 60%;
  margin: 0 auto 20px
}

.lifesupport .lifesupport_selfcheck #contents01,
.lifesupport .lifesupport_selfcheck #contents02,
.lifesupport .lifesupport_selfcheck #contents03,
.lifesupport .lifesupport_selfcheck #contents04,
.lifesupport .lifesupport_selfcheck #contents05,
.lifesupport .lifesupport_selfcheck #contents06,
.lifesupport .lifesupport_selfcheck #contents07,
.lifesupport .lifesupport_selfcheck #contents08,
.lifesupport .lifesupport_selfcheck #contents09,
.lifesupport .lifesupport_selfcheck #contents10,
.lifesupport .lifesupport_selfcheck #contents11 {
  float: left
}

.lifesupport .lifesupport_selfcheck .under-close {
  background: #f35454;
  border-radius: 20px;
  padding: 8px 40px;
  display: inline-block;
  color: #fff;
  border: none;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 auto 30px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out
}

.lifesupport .lifesupport_selfcheck .under-close:hover {
  opacity: 0.8
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .lifesupport .lifesupport_support .foot_caption ul {
    display: block;
    text-indent: -1em;
    margin-left: 1em;
    font-size: 12px
  }
}

.lifesupport .lifesupport_support .mainv {
  max-width: 1020px;
  margin: -2rem -2rem 60px
}

.lifesupport .lifesupport_support .mainimg {
  position: relative
}

.lifesupport .lifesupport_support .mainv h2 {
  background-color: #11c2cc;
  color: #fff;
  text-align: center;
  line-height: 100%;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0;
  vertical-align: middle
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .mainv h2 {
    padding: 10px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .mainv h2 span {
  font-size: 24px
}

.lifesupport .lifesupport_support .main01 {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_support .main01 h2 {
  font-size: 20px;
  margin: 0 0 15px 0;
  line-height: 180%;
  font-weight: bold
}

.lifesupport .lifesupport_support .main01 h3 {
  font-size: 16px;
  margin: 0 0 40px 0;
  line-height: 180%
}

.lifesupport .lifesupport_support .main01 h4 {
  font-size: 14px;
  margin: 0 0 10px 0;
  line-height: 180%
}

.lifesupport .lifesupport_support .main01 h3 span {
  font-weight: bold
}

.lifesupport .lifesupport_support .txt_point {
  background: linear-gradient(transparent 65%, #ffda20 35%);
  font-weight: bold
}

.lifesupport .lifesupport_support .mainlist {
  max-width: 1020px;
  margin: 0 auto 60px
}

.lifesupport .lifesupport_support .listttl {
  margin: 60px 0 0 0
}

.lifesupport .lifesupport_support .listttl:first-child {
  margin: 0
}

.lifesupport .lifesupport_support .listttl h2 {
  font-size: 20px;
  vertical-align: middle;
  font-weight: bold;
  position: relative;
  padding: 0 0 6px 35px;
  border-bottom: 1px solid #ababab;
  line-height: 130%
}

.lifesupport .lifesupport_support .listttl h2 .sub {
  font-size: 14px;
  vertical-align: middle;
  font-weight: bold;
  position: relative;
  line-height: 100%
}

.lifesupport .lifesupport_support .listttl h2:before {
  content: "";
  background-image: url(../images/lifesupport/icon_ttl_blue.svg);
  width: 21px;
  height: 21px;
  background-size: 100%;
  position: absolute;
  left: 0;
  top: 6px;
  display: block
}

.lifesupport .lifesupport_support .listttl h3 {
  width: 100%;
  color: #b47b18;
  font-weight: bold;
  padding: 15px 0 0;
  font-size: 14px
}

.lifesupport .lifesupport_support .listttl h4 {
  font-size: 14px;
  margin-bottom: 10px
}

.lifesupport .lifesupport_support .product {
  margin: 30px 0 0
}

.lifesupport .lifesupport_support .product_ttl {
  border-left: 4px solid #11c2cc;
  padding-left: 14px
}

.lifesupport .lifesupport_support .product_ttl h3 {
  font-size: 14px;
  font-weight: bold
}

.lifesupport .lifesupport_support .product_ttl h2 {
  font-size: 20px;
  font-weight: bold
}

.lifesupport .lifesupport_support .product_ttl h2 span {
  font-size: 14px;
  font-weight: bold
}

.lifesupport .lifesupport_support .product_ttl h4 {
  font-size: 14px
}

.lifesupport .lifesupport_support .product_ttl02 h3 {
  font-size: 14px;
  margin-top: 15px
}

.lifesupport .lifesupport_support .product ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_support .product li {
  width: 48%;
  margin-bottom: 40px;
  position: relative
}

.lifesupport .lifesupport_support .product li .abstxt01 {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #11c2cc;
  color: #fff;
  font-weight: bold;
  padding: 3px 10px;
  font-size: 14px;
  text-align: center;
  line-height: 130%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product li .abstxt01 {
    position: static;
    margin-top: -42px;
    width: -webkit-max-content;
    width: max-content;
    font-size: 13px;
    padding: 5px 8px
  }
}

.lifesupport .lifesupport_support .product_detail {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0;
  align-items: flex-start
}

.lifesupport .lifesupport_support .product_img {
  width: 40%;
  position: relative
}

.lifesupport .lifesupport_support .product_detailtxt {
  width: 55%
}

.lifesupport .lifesupport_support .product_detailtxt dt {
  font-size: 14px
}

.lifesupport .lifesupport_support .product_detailtxt dd {
  font-size: 16px;
  margin-bottom: 15px
}

.lifesupport .lifesupport_support .product_detailtxt dd:last-child {
  margin-bottom: 0
}

.lifesupport .lifesupport_support .product_detailtxt dd .txt_price {
  font-size: 24px;
  font-weight: bold
}

.lifesupport .lifesupport_support .product_detailtxt dd .txt_time {
  font-size: 30px;
  font-weight: bold
}

.lifesupport .lifesupport_support .product_detailtxt_full {
  width: 100%
}

.lifesupport .lifesupport_support .product_cap {
  margin-top: 10px;
  font-size: 12px;
  text-indent: -1em;
  padding-left: 1em
}

.lifesupport .lifesupport_support .product_cap_ni {
  margin-top: 10px;
  font-size: 12px
}

.lifesupport .lifesupport_support .product_cap_dt {
  margin-top: 0px;
  font-size: 12px
}

.lifesupport .lifesupport_support .product_cap10 {
  margin-top: 10px
}

.lifesupport .lifesupport_support .product_cap10 li {
  font-size: 10px;
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 2px
}

.lifesupport .lifesupport_support .product_ex01 {
  border: 2px solid #11c2cc;
  border-radius: 20px;
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_support .product_ex01 h2 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 20px 0
}

.lifesupport .lifesupport_support .product_ex01 h3 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  margin: 0 0 20px 0;
  border-bottom: 1px solid #707070;
  padding: 0 0 5px 0
}

.lifesupport .lifesupport_support .product_ex01l,
.lifesupport .lifesupport_support .product_ex01r {
  width: 48%
}

.lifesupport .lifesupport_support .product_ex01l ul,
.lifesupport .lifesupport_support .product_ex01r ul {
  display: flex;
  justify-content: space-between
}

.lifesupport .lifesupport_support .product_cap_ex01 {
  margin-top: 5px;
  font-size: 14px;
  text-align: center
}

.lifesupport .lifesupport_support .product_ex02 {
  border: 2px solid #11c2cc;
  border-radius: 20px;
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_support .product_ex02 h2 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 20px 0
}

.lifesupport .lifesupport_support .product_ex02 h3 {
  width: 45%;
  font-size: 14px;
  margin: 0 0 20px 0;
  line-height: 180%
}

.lifesupport .lifesupport_support .product_ex02r {
  width: 50%
}

.lifesupport .lifesupport_support .product_ex02r ul {
  display: flex;
  justify-content: space-between
}

.lifesupport .lifesupport_support .product_ex02r li {
  width: 49%
}

.lifesupport .lifesupport_support .product_foot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_foot {
    flex-wrap: nowrap;
    gap: 16px
  }
}

.lifesupport .lifesupport_support .product_flow {
  background-color: #f5f9f9;
  width: 48%;
  box-sizing: border-box;
  padding: 40px;
  text-align: center
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow {
    width: 50%;
    padding: 16px
  }
}

.lifesupport .lifesupport_support .product_flow h6 {
  font-size: 18px;
  padding: 10px 0;
  color: #fff;
  border-radius: 30px;
  line-height: 100%;
  margin: 0 auto 25px;
  display: block;
  width: 75%;
  background-color: #11c2cc
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow h6 {
    width: 100%;
    padding: 10px;
    font-size: 16px
  }
}

.lifesupport .lifesupport_support .product_flow h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px
}

.lifesupport .lifesupport_support .product_flow_line {
  width: 100%;
  height: 1px;
  background-color: #707070;
  margin: 40px 0 40px
}

.lifesupport .lifesupport_support .product_flow00 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow00 {
    font-size: 16px;
    padding: 11px 20px
  }
}

.lifesupport .lifesupport_support .product_flow01 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow01 {
    font-size: 16px;
    padding: 11px 20px 11px 40px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_flow01:after {
  content: "1";
  position: absolute;
  left: 10px;
  top: 7px;
  background-color: #11c2cc;
  color: #fff;
  padding: 4px 5px 4px 7px;
  border-radius: 50%;
  line-height: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow01:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.lifesupport .lifesupport_support .product_flow02 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow02 {
    font-size: 16px;
    padding: 11px 20px 11px 40px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_flow02:after {
  content: "2";
  position: absolute;
  left: 10px;
  top: 7px;
  background-color: #11c2cc;
  color: #fff;
  padding: 4px 5px 4px 7px;
  border-radius: 50%;
  line-height: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow02:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.lifesupport .lifesupport_support .product_flow03 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow03 {
    font-size: 16px;
    padding: 11px 20px 11px 40px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_flow03:after {
  content: "3";
  position: absolute;
  left: 10px;
  top: 7px;
  background-color: #11c2cc;
  color: #fff;
  padding: 4px 5px 4px 7px;
  border-radius: 50%;
  line-height: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow03:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.lifesupport .lifesupport_support .product_flow04 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow04 {
    font-size: 16px;
    padding: 11px 20px 11px 40px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_flow04:after {
  content: "4";
  position: absolute;
  left: 10px;
  top: 7px;
  background-color: #11c2cc;
  color: #fff;
  padding: 4px 5px 4px 7px;
  border-radius: 50%;
  line-height: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow04:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.lifesupport .lifesupport_support .product_flow05 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow05 {
    font-size: 16px;
    padding: 11px 20px 11px 40px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_flow05:after {
  content: "5";
  position: absolute;
  left: 10px;
  top: 7px;
  background-color: #11c2cc;
  color: #fff;
  padding: 4px 5px 4px 7px;
  border-radius: 50%;
  line-height: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow05:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.lifesupport .lifesupport_support .product_flow06 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow06 {
    font-size: 16px;
    padding: 11px 20px 11px 40px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_flow06:after {
  content: "6";
  position: absolute;
  left: 10px;
  top: 7px;
  background-color: #11c2cc;
  color: #fff;
  padding: 4px 5px 4px 7px;
  border-radius: 50%;
  line-height: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow06:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.lifesupport .lifesupport_support .product_flow07 {
  font-size: 18px;
  background-color: #fff;
  padding: 11px 40px;
  border-radius: 100px;
  line-height: 100%;
  border: 1px solid #707070;
  margin-bottom: 15px;
  position: relative;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow07 {
    font-size: 16px;
    padding: 11px 20px 11px 40px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_flow07:after {
  content: "7";
  position: absolute;
  left: 10px;
  top: 7px;
  background-color: #11c2cc;
  color: #fff;
  padding: 4px 5px 4px 7px;
  border-radius: 50%;
  line-height: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_flow07:after {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
}

.lifesupport .lifesupport_support .product_flow_undertxt {
  margin-top: -10px;
  margin-bottom: 15px;
  font-size: 12px
}

.lifesupport .lifesupport_support .product_flow_undertxt2 {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 12px
}

.lifesupport .lifesupport_support .product_contact {
  background-color: #f9f5f5;
  width: 48%;
  box-sizing: border-box;
  padding: 40px;
  text-align: center;
  position: relative
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_contact {
    width: 50%;
    padding: 16px
  }
}

.lifesupport .lifesupport_support .product_contact h6 {
  font-size: 18px;
  padding: 10px 0;
  color: #fff;
  border-radius: 30px;
  line-height: 100%;
  margin: 0 auto 25px;
  display: block;
  width: 75%;
  background-color: #f35454
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_contact h6 {
    width: 100%;
    font-size: 16px;
    padding: 10px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .product_contact h2 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px
}

.lifesupport .lifesupport_support .product_contact h3 {
  font-size: 14px;
  margin-bottom: 20px
}

.lifesupport .lifesupport_support .product_contact .product_logo {
  width: 70%;
  margin: 0 auto 30px
}

.lifesupport .lifesupport_support .product_tel a {
  text-align: left;
  display: block;
  width: 75%;
  margin: 0 auto 20px;
  position: relative;
  padding: 0 0 0 58px;
  box-sizing: border-box;
  pointer-events: none
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_tel a {
    width: 100%;
    max-width: -webkit-max-content;
    max-width: max-content;
    padding: 0 0 0 50px
  }
}

.lifesupport .lifesupport_support .product_tel a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_tel_r.svg);
  width: 32px;
  height: 56px;
  background-size: 100%;
  position: absolute;
  left: 10px;
  top: 5px;
  display: block;
  background-repeat: no-repeat
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_tel a:before {
    width: 24px
  }
}

.lifesupport .lifesupport_support .product_tel .tel00 {
  font-size: 14px;
  font-weight: bold
}

.lifesupport .lifesupport_support .product_tel .tel01 {
  font-size: 28px;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  line-height: 100%
}

.lifesupport .lifesupport_support .product_tel .tel02 {
  font-size: 12px;
  white-space: nowrap
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_tel .tel02 {
    white-space: wrap
  }
}

.lifesupport .lifesupport_support .product_contact .product_form a {
  display: block;
  width: 75%;
  margin: 0 auto;
  background: #fff;
  padding: 16px 0 16px 58px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border: 1px solid #707070;
  text-align: left;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_contact .product_form a {
    width: 100%;
    padding: 16px 16px 16px 58px
  }
}

.lifesupport .lifesupport_support .product_contact .product_form a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_file_r.svg);
  width: 30px;
  height: 56px;
  background-size: 100%;
  position: absolute;
  left: 16px;
  top: 18%;
  display: block;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_support .product_contact .product_form a:hover {
  background: #f9f5f5
}

.lifesupport .lifesupport_support .product_contact .product_form_undertxt {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 12px
}

.lifesupport .lifesupport_support .product_contact .product_mail {
  display: block;
  width: 75%;
  margin: 0 auto;
  background: #fff;
  padding: 10px 0 10px 58px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border: 1px solid #707070;
  text-align: left;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_contact .product_mail {
    padding: 10px 10px 10px 58px;
    width: 100%
  }
}

.lifesupport .lifesupport_support .product_contact .product_mail a {
  display: block;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  text-align: left;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out
}

.lifesupport .lifesupport_support .product_contact .product_mail:before {
  content: "";
  background-image: url(../images/lifesupport/icon_mail.svg);
  width: 30px;
  height: 56px;
  background-size: 100%;
  position: absolute;
  left: 16px;
  top: 20px;
  display: block;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_support .product_contact .product_mail:hover {
  background: #f9f5f5
}

.lifesupport .lifesupport_support .nolink {
  pointer-events: none
}

.lifesupport .lifesupport_support .product_mail .mail01 {
  font-size: 12px
}

.lifesupport .lifesupport_support .product_mail .mail02 {
  font-size: 14px;
  font-weight: bold
}

.lifesupport .lifesupport_support .product_mail .mail03 {
  font-size: 12px;
  position: relative
}

.lifesupport .lifesupport_support .product_mail .mail03:before {
  content: "";
  background-image: url(../images/lifesupport/icon_copy.svg);
  width: 12px;
  height: 56px;
  background-size: 100%;
  position: absolute;
  left: 15px;
  top: 1px;
  display: block;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_support .product_contact .product_site a {
  display: block;
  margin: 0 auto;
  background: #fff;
  padding: 16px 0 16px 0;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border: 1px solid #707070;
  text-align: center;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out;
  box-sizing: border-box
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_contact .product_site a {
    padding: 16px
  }
}

.lifesupport .lifesupport_support .product_contact .product_site a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_red.svg);
  width: 15px;
  height: 15px;
  background-size: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.lifesupport .lifesupport_support .product_contact .product_site a:hover {
  background: #f9f5f5
}

.lifesupport .lifesupport_support .productspace {
  height: 20px
}

.lifesupport .lifesupport_support .product_left {
  width: 48%
}

.lifesupport .lifesupport_support .product_left ul {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_support .product_left li {
  width: 49%
}

.lifesupport .lifesupport_support .ac_wrap {
  border: 2px solid #11c2cc;
  margin: 0 0 40px;
  border-radius: 20px;
  padding: 0 0 0
}

.lifesupport .lifesupport_support .ac_box {
  display: none;
  margin: 40px 40px 0 40px
}

.lifesupport .lifesupport_support .ac_title {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  font-size: 16px;
  font-weight: bold;
  color: #11c2cc;
  position: relative;
  cursor: pointer
}

.lifesupport .lifesupport_support .ac_title:hover {
  background-color: rgba(17, 194, 204, 0.1);
  border-radius: 20px
}

.lifesupport .lifesupport_support .ac_title:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_bottom_big_b.svg);
  width: 23px;
  height: 40px;
  right: 5%;
  top: 42%;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_support .contentsbox02 {
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px
}

.lifesupport .lifesupport_support .contentsbox02l {
  width: 47%
}

.lifesupport .lifesupport_support .contentsbox02r {
  width: 50%
}

.lifesupport .lifesupport_support .main01float01 {
  width: 180px;
  float: left;
  margin: 0 30px 0 0;
  position: relative
}

.lifesupport .lifesupport_support .main01float02 {
  width: 180px;
  float: right;
  margin: 0 0 0 30px;
  position: relative
}

.lifesupport .lifesupport_support .main01_caution {
  border: 2px solid #11c2cc;
  border-radius: 20px;
  padding: 30px 40px;
  margin: 60px 0 0 0
}

.lifesupport .lifesupport_support .main01 .main01_caution h3 {
  font-size: 16px;
  margin: 0 0 0 0;
  line-height: 180%
}

.lifesupport .lifesupport_support .main01imgfull {
  margin: 0 0 40px 0;
  position: relative
}

.lifesupport .lifesupport_support .contentsbox03 {
  display: flex;
  justify-content: space-between;
  margin: 0 0 0
}

.lifesupport .lifesupport_support .contentsbox03l {
  width: 48%;
  overflow: hidden;
  border-radius: 15px
}

.lifesupport .lifesupport_support .contentsbox03r {
  width: 48%
}

.lifesupport .lifesupport_support .contentsbox04 {
  display: flex;
  justify-content: space-between;
  margin: 0 0 40px
}

.lifesupport .lifesupport_support .contentsbox04l {
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_support .contentsbox04l:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_right_blue.svg);
  width: 23px;
  height: 40px;
  right: -7%;
  top: 42%;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_support .contentsbox04r {
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_support .contentsbox04l .abstxt01 {
  position: absolute;
  background-color: rgba(103, 103, 103, 0.9);
  color: #fff;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  padding: 7px 15px;
  font-size: 18px
}

.lifesupport .lifesupport_support .contentsbox04r .abstxt02 {
  position: absolute;
  background-color: rgba(17, 194, 204, 0.9);
  color: #fff;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  padding: 7px 15px;
  font-size: 18px
}

.lifesupport .lifesupport_support .main01imgfull .abstxt01 {
  position: absolute;
  background-color: rgba(103, 103, 103, 0.9);
  color: #fff;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  padding: 7px 15px;
  font-size: 18px;
  left: 0;
  top: 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .main01imgfull .abstxt01 {
    font-size: 14px;
    padding: 7px 10px
  }
}

.lifesupport .lifesupport_support .main01imgfull .abstxt02 {
  position: absolute;
  background-color: rgba(17, 194, 204, 0.9);
  color: #fff;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  padding: 7px 15px;
  font-size: 18px;
  right: 189px;
  top: 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .main01imgfull .abstxt02 {
    right: 0;
    font-size: 14px;
    padding: 7px 10px
  }
}

.lifesupport .lifesupport_support .floor_6point {
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_support .floor_6point h2 {
  font-size: 18px;
  font-weight: bold;
  color: #11c2cc;
  margin-bottom: 5px
}

.lifesupport .lifesupport_support .floor_6point h3 {
  font-size: 14px
}

.lifesupport .lifesupport_support .floor_6point ul {
  font-size: 14px;
  margin: 20px 0 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_support .floor_6point li {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  width: 48%;
  margin-bottom: 40px
}

.lifesupport .lifesupport_support .floor_6point li .f6_icon_img {
  width: 25%
}

.lifesupport .lifesupport_support .floor_6point li .f6_txt {
  width: 70%
}

.lifesupport .lifesupport_support .floor_6point h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px
}

.lifesupport .lifesupport_support .floor_6point h5 {
  font-size: 14px;
  line-height: 160%
}

.lifesupport .lifesupport_support .product_ex03 {
  border: 2px solid #11c2cc;
  border-radius: 20px;
  padding: 30px 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_support .product_ex03 h2 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 20px 0
}

.lifesupport .lifesupport_support .product_ex03 h3 {
  width: 73%;
  font-size: 14px;
  margin: 0 0 20px 0;
  line-height: 180%
}

.lifesupport .lifesupport_support .product_ex03r {
  width: 25%
}

.lifesupport .lifesupport_support .helpbtn {
  max-width: 1020px;
  margin: 40px auto 40px;
  padding: 0 16px
}

.lifesupport .lifesupport_support .helpbtn ul {
  display: flex;
  justify-content: space-between;
  align-items: stretch
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .helpbtn ul {
    flex-wrap: wrap;
    gap: 16px 8px
  }
}

.lifesupport .lifesupport_support .helpbtn li {
  width: 11%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .helpbtn li {
    width: 23%
  }
}

.lifesupport .lifesupport_support .helpbtn li a {
  border: 1px solid #bebebe;
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 15px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  background-color: #fff;
  line-height: 120%;
  box-sizing: border-box;
  align-items: center;
  height: 100%;
  transition: background 0.3s ease-in-out
}

.lifesupport .lifesupport_support .helpbtn li a:hover {
  background: #f5f9f9
}

.lifesupport .lifesupport_support .helpbtn li a:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_arrow_bottom_small_b.svg);
  width: 12px;
  height: 9px;
  left: 45%;
  top: auto;
  bottom: 7px;
  background-size: 100%;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_support .helpbtn li a span {
  font-size: 12px
}

.lifesupport .lifesupport_support .helpbtn li:nth-child(1) a,
.lifesupport .lifesupport_support .helpbtn li:nth-child(2) a,
.lifesupport .lifesupport_support .helpbtn li:nth-child(3) a {
  padding: 26px 0 24px
}

.lifesupport .lifesupport_support .helpbtn li:nth-child(4) a {
  padding: 8px 0 20px
}

.lifesupport .lifesupport_support .helpbtn li:nth-child(5) a,
.lifesupport .lifesupport_support .helpbtn li:nth-child(6) a,
.lifesupport .lifesupport_support .helpbtn li:nth-child(7) a {
  padding: 16px 0 24px
}

.lifesupport .lifesupport_support .helpbtn li:nth-child(8) a {
  padding: 26px 0 24px
}

.lifesupport .lifesupport_support .helpmain {
  max-width: 1080px;
  margin: 40px auto 0;
  padding: 0 16px
}

.lifesupport .lifesupport_support .helpmain h2 {
  font-size: 20px;
  font-weight: bold;
  color: #11c2cc;
  margin: 40px 0 15px
}

.lifesupport .lifesupport_support .helpmain h3 {
  font-size: 16px;
  line-height: 180%;
  margin: 0 0 20px
}

.lifesupport .lifesupport_support .helpmain h4 {
  font-size: 14px;
  line-height: 180%;
  margin: 0 0 20px
}

.lifesupport .lifesupport_support .helpmain .help_float {
  float: right;
  margin: 0 0 0 40px
}

.lifesupport .lifesupport_support .product_ex04_wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 40px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_ex04_wrap {
    display: block
  }
}

.lifesupport .lifesupport_support .product_ex04 {
  border: 2px solid #11c2cc;
  border-radius: 20px;
  padding: 30px 15px;
  margin: 40px 0 0 0;
  width: 48%;
  box-sizing: border-box
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_ex04 {
    width: 100%;
    padding: 30px
  }
}

.lifesupport .lifesupport_support .product_ex04 h2 {
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 20px 0
}

.lifesupport .lifesupport_support .product_ex04 h3 {
  width: 100%;
  font-size: 16px;
  margin: 0 0 20px 0;
  line-height: 180%
}

.lifesupport .lifesupport_support .product_ex04 h4 {
  width: 100%;
  font-size: 16px;
  margin: 20px 0 10px 0;
  line-height: 140%;
  font-weight: bold;
  text-indent: -1em;
  padding-left: 1em
}

.lifesupport .lifesupport_support .product_ex04btn {
  width: 100%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_ex04btn {
    width: -webkit-max-content;
    width: max-content;
    margin: 0 auto
  }
}

.lifesupport .lifesupport_support .product_ex04btn a {
  background: #b81c22;
  align-items: center;
  padding: 20px;
  width: 100%;
  border-radius: 20px;
  box-sizing: border-box;
  display: block;
  position: relative;
  transition: opacity 0.3s ease-in-out
}

.lifesupport .lifesupport_support .product_ex04btn a:hover {
  opacity: 0.8
}

.lifesupport .lifesupport_support .product_ex04btn a:after {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
  width: 9px;
  height: 56px;
  background-size: 100%;
  position: absolute;
  right: 15px;
  top: 40%;
  display: block;
  background-repeat: no-repeat
}

.lifesupport .lifesupport_support .product_ex04btn_img {
  width: 60%;
  margin: 0 0 10px 0
}

.lifesupport .lifesupport_support .product_ex04btn_txt {
  color: #fff;
  font-size: 14px
}

.lifesupport .lifesupport_support .product_help_top_caption,
.lifesupport .lifesupport_support .product_help_caption {
  margin: 10px auto 0;
  font-size: 12px;
  max-width: 1020px;
  text-indent: -1em;
  padding-left: 1em
}

.lifesupport .lifesupport_support .mainlist .main01 {
  margin: 20px 0 0 0
}

.lifesupport .lifesupport_support .main01box {
  display: flex;
  justify-content: space-between
}

.lifesupport .lifesupport_support .main01box_txt {
  width: 48%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .main01box_txt {
    width: 50%
  }
}

.lifesupport .lifesupport_support .main01box_img01 {
  width: 48%
}

.lifesupport .lifesupport_support .main01box_img01 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_support .main01box_img01 li {
  width: 49%;
  margin-bottom: 10px
}

.lifesupport .lifesupport_support .main01box_img01_txt {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 3px 0 0 0
}

.lifesupport .lifesupport_support .main01box_img02 {
  max-width: 750px;
  margin: 20px auto 20px auto
}

.lifesupport .lifesupport_support .main01box_img02 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_support .main01box_img02 li {
  width: 32%;
  margin-bottom: 10px
}

.lifesupport .lifesupport_support .main01box_img02_txt {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 3px 0 0 0
}

.lifesupport .lifesupport_support .chose {
  margin-top: 15px
}

.lifesupport .lifesupport_support .main01box {
  display: flex;
  justify-content: space-between
}

.lifesupport .lifesupport_support .main01box_txt03 {
  width: 67%
}

.lifesupport .lifesupport_support .main01box_img03 {
  width: 30%
}

.lifesupport .lifesupport_support .main01box_img03 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_support .main01box_img03 li {
  width: 100%;
  margin-bottom: 10px
}

.lifesupport .lifesupport_support .main01box_img03_txt {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  margin: 3px 0 0 0
}

.lifesupport .lifesupport_support .product_waribiki h2 {
  font-size: 18px;
  font-weight: bold;
  color: #b81c22;
  margin-bottom: 15px
}

.lifesupport .lifesupport_support .product_waribiki h3 {
  font-size: 14px;
  line-height: 200%
}

.lifesupport .lifesupport_support .main_example01 {
  max-width: 1020px;
  margin: 0 auto;
  background: #11c2cc;
  padding: 30px;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-radius: 15px;
  align-items: flex-start
}

.lifesupport .lifesupport_support .main_example01 h2 {
  width: 100%;
  margin: 0 0 15px;
  font-size: 18px;
  text-align: center;
  font-weight: bold
}

.lifesupport .lifesupport_support .main_example01 h3 {
  width: 48%;
  margin: 0 0 25px;
  line-height: 1.8;
  font-size: 14px
}

.lifesupport .lifesupport_support .main_example01 h4 {
  width: 60%;
  margin: 0 0 25px;
  line-height: 1.8;
  font-size: 14px;
  color: #fff
}

.lifesupport .lifesupport_support .main_example01 .abs_ttl {
  margin: 0 0 15px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #fff
}

.lifesupport .lifesupport_support .main_example01 .abs_img {
  width: 48%;
  margin: 0 0 15px;
  overflow: hidden;
  border-radius: 15px;
  position: relative
}

.lifesupport .lifesupport_support .main_example01 .abs_img2 {
  width: 36%;
  margin: 0 0 0;
  overflow: hidden;
  border-radius: 15px;
  position: relative
}

.lifesupport .lifesupport_support .main_example01 dl {
  width: 48%;
  margin: 0 0 0;
  line-height: 1.8;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.lifesupport .lifesupport_support .main_example01 dl:nth-child(1) {
  margin: 0 0 20px
}

.lifesupport .lifesupport_support .main_example01 dt {
  width: 100%;
  margin: 0 0 10px;
  line-height: 1;
  font-size: 14px;
  font-weight: bold
}

.lifesupport .lifesupport_support .main_example01 dd {
  width: 48%;
  position: relative
}

.lifesupport .lifesupport_support .main_example01 dd .abs_txt {
  position: absolute;
  padding: 5px;
  background: #fff;
  color: #333;
  font-weight: bold;
  font-size: 14px;
  line-height: 1
}

.lifesupport .lifesupport_support .main_example01 .w100 {
  width: 100%
}

.lifesupport .lifesupport_support .hoken_chosei {
  margin: 50px 0 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_chosei {
    margin: 30px 0 0 0
  }
}

.lifesupport .lifesupport_support .product_contact .abstxt01 {
  position: absolute;
  top: -28px;
  left: 0;
  color: #635353;
  font-size: 16px;
  font-weight: bold
}

.lifesupport .lifesupport_support .contentsbox0801 {
  margin: 0 0 40px
}

.lifesupport .lifesupport_support .product_contact_topttl {
  position: absolute;
  width: 100%;
  top: -10px;
  left: 0;
  background: #f35454;
  padding: 8px 0;
  color: #fff;
  font-size: 18px;
  border-radius: 20px 20px 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .product_contact_topttl {
    position: static;
    font-size: 16px;
    margin: -26px -16px -16px;
    width: auto
  }
}

.lifesupport .lifesupport_support .product_contact_topttlsub {
  margin: 20px 0 10px;
  font-size: 16px;
  font-weight: bold;
  color: #f35454
}

.lifesupport .lifesupport_support .contentsbox0802 {
  max-width: 1020px;
  margin: 0 auto
}

.lifesupport .lifesupport_support .contentsbox0802 h2 {
  background: #f5f9f9;
  padding: 20px;
  text-align: center;
  border-radius: 20px;
  font-size: 18px
}

.lifesupport .lifesupport_support .contentsbox0802 ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_support .contentsbox0802 li {
  width: 31%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .contentsbox0802 li {
    width: 45%
  }
}

.lifesupport .lifesupport_support .contentsbox0802 li:last-child {
  width: 60%;
  margin: 0 auto 0 auto
}

.lifesupport .lifesupport_support .contentsbox0802 li:last-child a {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  display: block;
  padding: 5% 10%;
  box-sizing: border-box;
  position: relative;
  font-size: 18px;
  text-align: center;
  font-weight: bold
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .contentsbox0802 li:last-child a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    gap: 0 1rem
  }
}

.lifesupport .lifesupport_support .contentsbox0802 li a {
  width: 100%;
  background: #fff;
  border-radius: 20px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  display: block;
  padding: 40% 10%;
  box-sizing: border-box;
  margin: 0 0 30px;
  position: relative;
  transition: background 0.3s ease-in-out
}

.lifesupport .lifesupport_support .contentsbox0802 li a:hover {
  background: #edf5f5
}

.lifesupport .lifesupport_support .contentsbox0802 li:last-child a:after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../images/lifesupport/icon_file_r.svg);
  width: 36px;
  height: 44px;
  top: 20px;
  left: 20px;
  background-size: 100%;
  background-repeat: no-repeat
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .contentsbox0802 li:last-child a:after {
    position: static
  }
}

.lifesupport .lifesupport_support .contentsbox0802 .abs_img {
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 80%
}

.lifesupport .lifesupport_support .contentsbox0802 .abs_txt {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: 7%;
  text-align: center;
  font-size: 16px;
  width: 100%;
  font-weight: bold
}

.lifesupport .lifesupport_support .contentsbox0803 {
  background: #f5f9f9;
  max-width: 1020px;
  margin: 0 auto 60px;
  padding: 30px;
  box-sizing: border-box
}

.lifesupport .lifesupport_support .contentsbox0803 h2 {
  text-align: center;
  font-size: 22px;
  font-weight: bold
}

.lifesupport .lifesupport_support .contentsbox0803 ul {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .contentsbox0803 ul {
    display: block
  }
}

.lifesupport .lifesupport_support .contentsbox0803 li {
  width: 31.5%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .contentsbox0803 li {
    width: 100%
  }

  .lifesupport .lifesupport_support .contentsbox0803 li+li {
    margin-top: 25px
  }
}

.lifesupport .lifesupport_support .contentsbox0803 h3 {
  background: #11c2cc;
  padding: 5px;
  text-align: center;
  color: #fff;
  font-size: 18px;
  border-radius: 10px
}

.lifesupport .lifesupport_support .contentsbox0803 h4 {
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
  margin: 10px 0 0 0
}

.lifesupport .lifesupport_support .hoken_step {
  background: #f5f9f9;
  border-radius: 20px;
  margin: 40px 0 80px 0
}

.lifesupport .lifesupport_support .hoken_step_ttl {
  background: #11c2cc;
  text-align: center;
  color: #fff;
  font-size: 18px;
  padding: 8px;
  border-radius: 20px 20px 0 0
}

.lifesupport .lifesupport_support .hoken_step01 {
  padding: 30px 30px 0 30px;
  margin: 0 30px 30px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step01 {
    margin: 0;
    padding: 24px 24px 0 24px
  }
}

.lifesupport .lifesupport_support .hoken_step02 {
  padding: 30px;
  margin: 0 30px 0 30px;
  background: #fff;
  border-radius: 20px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step02 {
    padding: 16px 10px 10px;
    margin: 24px 24px 0 24px
  }
}

.lifesupport .lifesupport_support .hoken_step h2 {
  color: #11c2cc;
  font-size: 18px;
  font-weight: bold;
  text-align: center
}

.lifesupport .lifesupport_support .hoken_step h3 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0 0 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step h3 {
    font-size: 14px
  }
}

.lifesupport .lifesupport_support .hoken_step h6 {
  font-size: 16px;
  font-weight: bold;
  background: #11c2cc;
  display: inline-block;
  line-height: 1em;
  padding: 5px 30px;
  color: #fff;
  border-radius: 15px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step h6 {
    padding: 5px
  }
}

.lifesupport .lifesupport_support .hoken_step ul {
  display: flex;
  justify-content: space-between;
  margin: 20px 0 0 0
}

.lifesupport .lifesupport_support .hoken_step li {
  width: 31.5%;
  border: 1px solid #ccc;
  border-radius: 20px;
  box-sizing: border-box;
  padding: 30px 0;
  text-align: center
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step li {
    padding: 0.5rem;
    display: flex;
    flex-direction: column
  }
}

.lifesupport .lifesupport_support .hoken_step .product_cap14 {
  margin: 20px 30px 0;
  padding-bottom: 30px
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step_btn {
    margin-top: auto
  }
}

.lifesupport .lifesupport_support .hoken_step_btn a {
  background: #f35454;
  padding: 12px 40px;
  display: inline-block;
  margin: 10px 0 0 0;
  color: #fff;
  border-radius: 20px;
  font-size: 16px;
  line-height: 1;
  position: relative;
  transition: opacity 0.3s ease-in-out
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step_btn a {
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 12px;
    line-height: 1.2
  }
}

.lifesupport .lifesupport_support .hoken_step_btn a:hover {
  opacity: 0.8
}

.lifesupport .lifesupport_support .hoken_step_btn a:after {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_white.svg);
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  right: 15px;
  top: 12px;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .hoken_step_btn a:after {
    width: 8px;
    height: 8px;
    right: 8px;
    top: 8px
  }
}

.lifesupport .lifesupport_support .mainlist02 {
  max-width: 1020px;
  margin: 0 auto
}

.lifesupport .lifesupport_support .mainlist02 h6 {
  background: #11c2cc;
  font-size: 22px;
  text-align: center;
  color: #fff;
  padding: 8px
}

.lifesupport .lifesupport_support .mainlist02 ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 40px 0 0 0
}

.lifesupport .lifesupport_support .mainlist02 li {
  width: 48%;
  margin: 0 0 40px 0
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .mainlist02 li .banner_img {
    aspect-ratio: 490 / 300;
    width: 100%
  }
}

.lifesupport .lifesupport_support .mainlist02 li .banner_img a {
  border: 1px solid #f67f7f;
  box-sizing: border-box;
  padding: 23% 0;
  height: 0;
  position: relative;
  display: block;
  background: #fff;
  transition: background 0.3s ease-in-out
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .mainlist02 li .banner_img a {
    padding: 0;
    width: 100%;
    height: 100%;
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center
  }
}

.lifesupport .lifesupport_support .mainlist02 li .banner_img a img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .mainlist02 li .banner_img a img {
    position: static;
    -webkit-transform: none;
    transform: none;
    -o-object-fit: cover;
    object-fit: cover
  }
}

.lifesupport .lifesupport_support .mainlist02 li .banner_img a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_red.svg);
  width: 15px;
  height: 15px;
  background-size: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .mainlist02 li .nolink_qr {
    aspect-ratio: auto
  }
}

.lifesupport .lifesupport_support .mainlist02 li .nolink_qr a {
  pointer-events: none;
  padding: 10% 0 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .mainlist02 li .nolink_qr a {
    padding: 16px
  }
}

.lifesupport .lifesupport_support .mainlist02 li .nolink_qr a img {
  position: static;
  top: 0;
  left: 0;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0)
}

.lifesupport .lifesupport_support .mainlist02 li .nolink_qr a:before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_white.svg);
  width: 15px;
  height: 15px;
  background-size: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  z-index: 5
}

.lifesupport .lifesupport_support .mainlist02 li .banner_img a:hover {
  background: #f9f5f5
}

.lifesupport .lifesupport_support .mainlist02 h3 {
  font-size: 14px;
  margin: 15px 0 0 0;
  line-height: 1.8
}

.lifesupport .lifesupport_support .banner_img_nolink01 {
  width: 100%;
  text-align: center;
  margin: 0 0 15px
}

.lifesupport .lifesupport_support .banner_img_nolink02 {
  width: 20%;
  margin-right: 3%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .banner_img_nolink02 {
    width: 45%;
    margin-right: 0
  }
}

.lifesupport .lifesupport_support .banner_img_nolink03 {
  width: 43%
}

@media (min-width: 600px) {
  .lifesupport .lifesupport_support .banner_img_nolink03 {
    width: 100%;
    font-size: 14px;
    margin-top: 8px
  }
}

.lifesupport .lifesupport_support .product_cap14 {
  font-size: 14px
}

.lifesupport .lifesupport_support .product_cap14 a {
  text-decoration: underline
}

.lifesupport .lifesupport_support .product_cap14 a:hover {
  text-decoration: none
}

.lifesupport .lifesupport_support .mainlist .main01box_txt h3 {
  font-size: 14px;
  line-height: 1.8
}

.lifesupport .lifesupport_support .rm_common .remodal-close {
  top: -50px;
  right: 1px;
  margin: 0 20px 0 auto;
  display: block
}

.lifesupport .lifesupport_support .rm_common .remodal-close:before {
  display: none
}

.lifesupport .lifesupport_support .rm_common .remodal-close span {
  width: 60px;
  height: 1px;
  background: #555;
  display: block;
  width: 60px;
  height: 1px;
  background: #555;
  display: block
}

.lifesupport .lifesupport_support .rm_common .remodal-close span:nth-child(1) {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg)
}

.lifesupport .lifesupport_support .rm_common .remodal-close span:nth-child(2) {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg)
}

.lifesupport .lifesupport_support .rm01 {
  box-sizing: border-box;
  border-radius: 20px;
  position: relative;
  max-width: 600px;
  padding: 0;
  margin: 60px 0 30px
}

.lifesupport .lifesupport_support .rm01_ttl {
  padding: 20px 0 0 0;
  width: 100%;
  box-sizing: border-box
}

.lifesupport .lifesupport_support .rm01_ttl h6 {
  background: #11c2cc;
  padding: 5px 30px;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold
}

.lifesupport .lifesupport_support .rm_common_box01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 90%;
  margin: 20px auto 0 auto;
  align-items: center
}

.lifesupport .lifesupport_support .rm_common_box01 .abs_img {
  width: 140px
}

.lifesupport .lifesupport_support .rm_common_box01 h2 {
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size: 18px
}

.lifesupport .lifesupport_support .rm_common_box01 p {
  width: 100%;
  font-size: 16px;
  line-height: 1.8;
  margin: 20px 0;
  text-align: left
}

.lifesupport .lifesupport_support .rm02 {
  box-sizing: border-box;
  position: relative;
  max-width: 600px;
  padding: 20px
}

.lifesupport .lifesupport_support .rm02_ttl {
  background: #676767;
  padding: 15px;
  text-align: center;
  width: 100%;
  box-sizing: border-box
}

.lifesupport .lifesupport_support .rm02_ttl h6 {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1
}

.lifesupport .lifesupport_support .rm_common_box02 {
  width: 100%;
  margin: 20px auto;
  text-align: left
}

.lifesupport .lifesupport_support .rm_common_box02 h3 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 10px;
  margin: 0 0 10px;
  border-bottom: 1px solid #ccc
}

.lifesupport .lifesupport_support .rm_common_box02 h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px
}

.lifesupport .lifesupport_support .rm_common_box02 li {
  font-size: 14px;
  padding: 0 0 5px;
  margin: 0 0 3px;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em
}

.lifesupport .lifesupport_support .rm_common_box02 ul {
  margin: 0 0 15px
}

.lifesupport .lifesupport_support .rm_common_box02 h5 {
  font-size: 14px;
  padding: 0 0 5px;
  margin: 0 0 15px;
  line-height: 1.8
}

.lifesupport .lifesupport_support .rm_common_box03 {
  width: 60%;
  margin: 20px auto;
  text-align: left
}

.lifesupport .lifesupport_support .under-close {
  background: #f35454;
  border-radius: 20px;
  padding: 8px 40px;
  display: inline-block;
  color: #fff;
  border: none;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0 0 30px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out
}

.lifesupport .lifesupport_support .under-close:hover {
  opacity: 0.8
}

.lifesupport .lifesupport_support .imgsizeup {
  width: 60%
}

.lifesupport .contentsbox0802 .lifesupport-modal-list {
  display: grid;
  gap: 20px 30px;
  grid-template-columns: 1fr 1fr 1fr;
  max-width: 1020px;
  margin: auto
}

.lifesupport .contentsbox0802 .lifesupport-modal-list .modal-item .modal-btn {
  display: flex;
  flex-direction: column;
  padding: 15px;
  width: 100%;
  background: #fff;
  border-radius: 20px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  box-sizing: border-box;
  position: relative;
  transition: background 0.3s ease-in-out;
  border: none
}

.lifesupport .contentsbox0802 .lifesupport-modal-list .modal-item .modal-btn>.modal-btn-title {
  font-weight: bold;
  color: #333333
}

.lifesupport .contentsbox0802 .lifesupport-modal-list .modal-item .modal-btn>.modal-btn-img img {
  max-width: 100%;
  height: auto
}

.lifesupport .contentsbox0802 .lifesupport-modal-list .modal-item .modal-btn:hover {
  background: #edf5f5
}

@media (min-width: 600px) {
  .lifesupport .sp {
    display: none
  }
}

@media (max-width: 599.98px) {
  .lifesupport .pc {
    display: none
  }

  .lifesupport .wrap1020 {
    padding: 0 5%
  }

  .lifesupport .wrap1020z {
    padding: 0 0
  }

  .lifesupport .wrap1280 {
    padding: 0 5%
  }

  .lifesupport .wrap1280z {
    padding: 0 0
  }

  .lifesupport main {
    padding-top: 95px
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_contactBtn {
    width: 300px;
    font-size: 14px
  }
}

@media (max-width: 599.98px) {

  .lifesupport .mainv,
  .lifesupport .main01,
  .lifesupport .main02,
  .lifesupport .main03 {
    padding: 0
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_maintenance .mainv {
    margin-left: auto;
    margin-right: auto
  }

  .lifesupport .lifesupport_maintenance .ac_box {
    display: none;
    margin: 40px 0 0 0
  }

  .lifesupport .lifesupport_maintenance .ac_title {
    text-align: center;
    padding: 10px 0;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    position: relative;
    cursor: pointer;
    background-color: #f35454;
    border-radius: 10px;
    display: inline-block;
    margin: 0 auto 0 20%;
    width: 60%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_maintenance .ac_title:hover {
    background-color: rgba(243, 84, 84, 0.8);
    border-radius: 10px
  }

  .lifesupport .lifesupport_maintenance .ac_title:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_bottom_big_w.svg);
    width: 23px;
    height: 40px;
    right: 5%;
    top: 35%;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_maintenance .mainv {
    max-width: 1020px;
    margin-bottom: 30px
  }

  .lifesupport .lifesupport_maintenance .mainv h2 {
    background-color: #f35454;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-size: 5vw;
    font-weight: bold;
    padding: 10px 0 10px;
    vertical-align: middle
  }

  .lifesupport .lifesupport_maintenance .main01 {
    max-width: 1020px;
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_maintenance .main01 h2 {
    font-size: 4vw;
    margin: 0 5% 15px 5%;
    line-height: 180%;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main01 h3 {
    font-size: 3.4vw;
    margin: 0 5% 30px 5%;
    line-height: 180%
  }

  .lifesupport .lifesupport_maintenance .txt_point {
    background: linear-gradient(transparent 65%, #ffda20 35%);
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main01 h4 {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_maintenance .main01 h4 .main01h4 {
    font-size: 4vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main01 h4 .main01no {
    font-size: 8vw;
    font-weight: bold;
    color: #f35454;
    letter-spacing: 0;
    margin: 0 6% 0 0
  }

  .lifesupport .lifesupport_maintenance .main01box_wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 5%
  }

  .lifesupport .lifesupport_maintenance .main01box {
    width: 100%
  }

  .lifesupport .lifesupport_maintenance .main01 .main01box h3 {
    font-size: 3.4vw;
    margin: 0 0 30px 0;
    line-height: 180%
  }

  .lifesupport .lifesupport_maintenance .main01img_full {
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_maintenance .main02 {
    max-width: 1020px;
    margin: 0 5% 40px
  }

  .lifesupport .lifesupport_maintenance .main02 .main02ttl h2 {
    font-size: 4vw;
    margin: 0 0 15px 0;
    line-height: 180%;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main02btn {
    max-width: 1020px;
    margin: 20px auto 0
  }

  .lifesupport .lifesupport_maintenance .main02btn ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_maintenance .main02btn li {
    width: 49%;
    margin: 0 0 10px
  }

  .lifesupport .lifesupport_maintenance .main02btn li a {
    border: 1px solid #bebebe;
    display: block;
    text-align: center;
    font-size: 14px;
    border-radius: 15px;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    background-color: #fff;
    line-height: 120%;
    box-sizing: border-box;
    align-items: center;
    height: 100%;
    transition: background 0.3s ease-in-out;
    padding: 20px 0;
    letter-spacing: 0;
    position: relative
  }

  .lifesupport .lifesupport_maintenance .main02btn li a:hover {
    background: #fcf7f7
  }

  .lifesupport .lifesupport_maintenance .main02btn li a:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_red.svg);
    width: 12px;
    height: 12px;
    right: 9px;
    bottom: 9px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_maintenance .main02btn li:last-child {
    width: 100%
  }

  .lifesupport .lifesupport_maintenance .main02btn li:last-child a:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_file_r.svg);
    width: 22px;
    height: 28px;
    top: 15px;
    left: 10px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_maintenance .main02 .main02subttl {
    font-size: 4vw;
    text-align: center;
    padding: 0 0 10px;
    border-bottom: 1px solid #b4b4b4;
    margin: 40px 0 15px
  }

  .lifesupport .lifesupport_maintenance .main02 .main02subttl span {
    font-size: 6vw
  }

  .lifesupport .lifesupport_maintenance .main02 .main02subttl_und {
    font-size: 3vw;
    text-align: left;
    padding: 0 0 5px 40px;
    margin: 20px 0 10px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main02 .main02subttl_und:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_bottom_big_o.svg);
    width: 24px;
    height: 18px;
    left: 0;
    bottom: 6px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_maintenance .main02 .main02subttl_und span {
    font-size: 5vw;
    font-weight: bold;
    color: #f35454
  }

  .lifesupport .lifesupport_maintenance .main02list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_maintenance .main02list li {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
  }

  .lifesupport .lifesupport_maintenance .main02icon {
    width: 25%
  }

  .lifesupport .lifesupport_maintenance .main02detail {
    width: 70%
  }

  .lifesupport .lifesupport_maintenance .main02list h2 {
    font-size: 4vw;
    margin: 0 0 10px 0;
    line-height: 100%;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main02list h6 {
    font-size: 3vw;
    margin: 0 0 0 0;
    line-height: 100%
  }

  .lifesupport .lifesupport_maintenance .main02list h3 {
    font-size: 3.4vw;
    margin: 0 0 10px 0;
    line-height: 150%;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main02list h3:last-child {
    font-size: 16px;
    margin: 0 0 0 0;
    line-height: 180%;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main02sum {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_maintenance .main02sum_box {
    display: flex;
    border: 1px solid #f35454;
    padding: 15px 5%;
    border-radius: 20px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_maintenance .main02sum h6 {
    font-size: 3.4vw;
    margin: 0 0 5px 0;
    text-align: left;
    width: 100%
  }

  .lifesupport .lifesupport_maintenance .main02sum h2,
  .lifesupport .lifesupport_maintenance .main02sum h3 {
    font-size: 3vw;
    font-weight: bold;
    position: relative
  }

  .lifesupport .lifesupport_maintenance .main02sum h2:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_right_small_o.svg);
    width: 6px;
    height: 12px;
    right: -16px;
    top: 2px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_maintenance .main02sum h3 span {
    font-size: 6vw;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.02
  }

  .lifesupport .lifesupport_maintenance .main02sum2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin: 30px 0 0 0
  }

  .lifesupport .lifesupport_maintenance .main02sum2_box {
    display: flex;
    border: 1px solid #f35454;
    padding: 15px 5%;
    border-radius: 20px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background: #f35454
  }

  .lifesupport .lifesupport_maintenance .main02sum2 h6 {
    font-size: 3.4vw;
    margin: 0 0 5px 0;
    text-align: left;
    width: 100%
  }

  .lifesupport .lifesupport_maintenance .main02sum2 h2,
  .lifesupport .lifesupport_maintenance .main02sum2 h3 {
    font-size: 3vw;
    font-weight: bold;
    position: relative;
    color: #fff
  }

  .lifesupport .lifesupport_maintenance .main02sum2 h2:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
    width: 6px;
    height: 12px;
    right: -16px;
    top: 5px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_maintenance .main02sum2 h3 span {
    font-size: 6vw;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.02
  }

  .lifesupport .lifesupport_maintenance .main02sum2 h4 {
    font-size: 4vw;
    font-weight: bold;
    position: relative;
    margin: 10px 0 0 0
  }

  .lifesupport .lifesupport_maintenance .main03 {
    max-width: 1020px;
    margin: 0 auto 60px;
    background: #f35454;
    display: flex;
    justify-content: space-between;
    padding: 20px 5%;
    box-sizing: border-box;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_maintenance .main03 .main03ttl {
    width: 100%
  }

  .lifesupport .lifesupport_maintenance .main03 .main03ttl h2 {
    font-size: 5vw;
    margin: 0 0 20px 0;
    line-height: 180%;
    font-weight: bold;
    color: #fff;
    text-align: center
  }

  .lifesupport .lifesupport_maintenance .main03 .main03example {
    background: #fff;
    border-radius: 10px;
    padding: 15px 5%;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_maintenance .main03 .main03exttl {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    align-items: center;
    width: 100%
  }

  .lifesupport .lifesupport_maintenance .main03 .main03exttl01 {
    background-color: #f35454;
    border-radius: 10px;
    padding: 2% 3%;
    font-size: 3.6vw;
    font-weight: bold;
    color: #fff;
    margin: 0 3% 0 0;
    white-space: nowrap
  }

  .lifesupport .lifesupport_maintenance .main03 .main03exttl02 {
    width: auto
  }

  .lifesupport .lifesupport_maintenance .main03 .main03exttl02 h3 {
    font-size: 3vw;
    line-height: 120%
  }

  .lifesupport .lifesupport_maintenance .main03 .main03exttl02 h2 {
    font-size: 3.6vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_maintenance .main03 .main03exttl h5 {
    font-size: 3vw;
    width: 100%;
    margin-top: 20px;
    line-height: 180%
  }

  .lifesupport .lifesupport_maintenance .main03examplebox {
    display: flex;
    margin: 20px 0;
    justify-content: space-between
  }

  .lifesupport .lifesupport_maintenance .main03exampleboxl {
    width: 40%
  }

  .lifesupport .lifesupport_maintenance .main03exampleboxr {
    width: 58%
  }

  .lifesupport .lifesupport_maintenance .main03example h4 {
    font-size: 3.6vw;
    font-weight: bold;
    color: #f35454;
    margin: 0 0 8px
  }

  .lifesupport .lifesupport_maintenance .main03example h5 {
    font-size: 3vw
  }

  .lifesupport .lifesupport_maintenance .main03 .main03example5 {
    background: #fff;
    border-radius: 15px;
    padding: 15px 5%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start
  }

  .lifesupport .lifesupport_maintenance .main03 .main03example5 .main03exttl {
    width: 100%
  }

  .lifesupport .lifesupport_maintenance .main03example5img {
    width: 50%;
    margin: 20px 0 0 25%
  }

  .lifesupport .lifesupport_maintenance .main03example5btn {
    width: 105%
  }

  .lifesupport .lifesupport_maintenance .main03example5btn a {
    display: block;
    background-color: #f8be5e;
    color: #fff;
    padding: 12px 20px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 10px;
    font-size: 3vw;
    position: relative;
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_maintenance .main03example5btn a:hover {
    opacity: 0.8
  }

  .lifesupport .lifesupport_maintenance .main03example5btn a:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
    width: 6px;
    height: 12px;
    right: 8px;
    top: 40%;
    size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_maintenance .maintenancespace01 {
    height: 20px
  }

  .lifesupport .lifesupport_maintenance .product_cap14imgout {
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 30px
  }

  .lifesupport .lifesupport_maintenance .product_cap14imgout li {
    font-size: 2.6vw;
    text-indent: -1em;
    padding-left: 1em;
    margin-bottom: 4px;
    text-align: right;
    margin-right: 5%
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_message .mainv {
    max-width: 1020px;
    margin: 0 auto 30px
  }

  .lifesupport .lifesupport_message .mainv h2 {
    background-color: #4ab982;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-size: 5vw;
    font-weight: bold;
    padding: 10px 0 10px;
    vertical-align: middle
  }

  .lifesupport .lifesupport_message .main01 {
    max-width: 1020px;
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_message .main01 h3 {
    font-size: 3.6vw;
    margin: 0 5% 50px 5%;
    line-height: 180%
  }

  .lifesupport .lifesupport_message .main01 h2 {
    font-size: 4vw;
    margin: 0 0 10px 0;
    line-height: 180%;
    font-weight: bold
  }

  .lifesupport .lifesupport_message .main01 h4 {
    font-size: 3.6vw;
    margin: 0 0 10px 0;
    line-height: 180%;
    margin-top: 20px
  }

  .lifesupport .lifesupport_message .txt_point {
    background: linear-gradient(transparent 65%, #ffda20 35%);
    font-weight: bold
  }

  .lifesupport .lifesupport_message .main01 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_message .main01 li {
    width: 100%;
    text-align: center;
    margin-bottom: 40px
  }

  .lifesupport .lifesupport_message .main01 .main01img {
    width: 50%;
    margin: 0 auto;
    -webkit-filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.6));
    filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.6))
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_reform .mainlist .mainlist {
    padding: 0
  }
}

@media screen and (max-width: 910px) {
  .lifesupport .lifesupport_reform .listttl dd {
    padding: 10px 10px;
    margin-right: 10px
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_reform .piping03 .piping03 {
    padding: 0
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_reform>.product_cap_ni {
    padding: 0 16px
  }

  .lifesupport .lifesupport_reform .mainv {
    max-width: 1020px;
    margin: 0 auto 30px
  }

  .lifesupport .lifesupport_reform .mainv h2 {
    background-color: #fdb644;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-size: 3vw;
    font-weight: bold;
    padding: 12px 0 10px;
    vertical-align: middle
  }

  .lifesupport .lifesupport_reform .mainv h2 span {
    font-size: 5vw
  }

  .lifesupport .lifesupport_reform .main01 {
    max-width: 1020px;
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_reform .main01 h2 {
    font-size: 4vw;
    margin: 0 5% 15px 5%;
    line-height: 180%;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .main01 h3 {
    font-size: 3.4vw;
    margin: 0 5% 30px 5%;
    line-height: 180%
  }

  .lifesupport .lifesupport_reform .txt_point {
    background: linear-gradient(transparent 65%, #ffda20 35%);
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .mainlist {
    max-width: 1020px
  }

  .lifesupport .lifesupport_reform .listttl h6 {
    color: #fdb644;
    display: inline-block;
    _display: inline;
    font-size: 8vw;
    font-family: Arial, Helvetica, "sans-serif";
    letter-spacing: 0;
    font-weight: bold;
    vertical-align: middle
  }

  .lifesupport .lifesupport_reform .listttl h2 {
    display: inline-block;
    _display: inline;
    font-size: 5vw;
    vertical-align: middle;
    margin-left: 10px;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .listttl h3 {
    width: 100%;
    border-top: 1px solid #ababab;
    color: #b47b18;
    font-weight: bold;
    padding: 15px 0 0;
    font-size: 3vw
  }

  .lifesupport .lifesupport_reform .listttl>._list {
    margin: 20px 0
  }

  .lifesupport .lifesupport_reform .listttl>._list dl {
    flex-wrap: nowrap;
    width: 100%;
    margin: 0
  }

  .lifesupport .lifesupport_reform .listttl dl {
    width: 100%;
    margin: 20px 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .listttl dt {
    width: 30%;
    padding: 7px 0;
    border: 1px solid #707070;
    font-size: 3vw;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_reform .listttl dt span {
    font-size: 10px
  }

  .lifesupport .lifesupport_reform .listttl dd {
    width: 65%;
    padding: 7px 0;
    font-size: 3vw;
    text-align: left;
    margin-left: 5%;
    margin-right: 0;
    align-items: center;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_reform .product {
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_reform .product_ttl {
    border-left: 4px solid #fdb644;
    padding-left: 3%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_reform .product_ttl h3 {
    font-size: 3vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .product_ttl h2 {
    font-size: 3.8vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .product_ttl h4 {
    font-size: 3vw
  }

  .lifesupport .lifesupport_reform .product ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .product li {
    width: 100%;
    margin-bottom: 30px
  }

  .lifesupport .lifesupport_reform .product_detail {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0;
    align-items: center
  }

  .lifesupport .lifesupport_reform .product_img {
    width: 40%
  }

  .lifesupport .lifesupport_reform .product_detailtxt {
    width: 55%
  }

  .lifesupport .lifesupport_reform .product_detailtxt dt {
    font-size: 2.6vw
  }

  .lifesupport .lifesupport_reform .product_detailtxt dd {
    font-size: 3vw;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_reform .product_detailtxt dd:last-child {
    margin-bottom: 0
  }

  .lifesupport .lifesupport_reform .product_detailtxt dd span {
    font-size: 3.6vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .product_detailtxt dd h2 {
    font-size: 3vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .product_price {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0;
    align-items: center;
    border-bottom: 1px solid #ababab;
    padding: 0 0 10px 0
  }

  .lifesupport .lifesupport_reform .product_price h4 {
    width: 40%;
    border-right: 1px solid #707070;
    padding: 8px 0 8px 10px;
    box-sizing: border-box;
    font-size: 3vw
  }

  .lifesupport .lifesupport_reform .product_price h5 {
    width: 55%;
    font-size: 3vw
  }

  .lifesupport .lifesupport_reform .product_price h5 span {
    font-size: 6vw;
    font-weight: bold;
    color: #fdb644
  }

  .lifesupport .lifesupport_reform .product_cap {
    margin-top: 0;
    font-size: 10px;
    text-indent: -1em;
    padding-left: 1em
  }

  .lifesupport .lifesupport_reform .product_cap_ni {
    margin-top: 0;
    font-size: 10px
  }

  .lifesupport .lifesupport_reform .imgcap_bottom {
    font-size: 10px;
    line-height: 140%
  }

  .lifesupport .lifesupport_reform .listwrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 30px
  }

  .lifesupport .lifesupport_reform .listttl02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-start
  }

  .lifesupport .lifesupport_reform .listttl02 dl {
    width: 100%;
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .listttl02 dt {
    width: 44%;
    padding: 10px 0;
    border: 1px solid #707070;
    font-size: 14px;
    text-align: center;
    box-sizing: border-box;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_reform .listttl02 dt span {
    font-size: 12px
  }

  .lifesupport .lifesupport_reform .listttl02 dd {
    width: 48%;
    padding: 7px 0;
    font-size: 3vw;
    text-align: center;
    align-items: center;
    text-align: left;
    margin-bottom: 10px;
    margin-left: 5%;
    margin-right: 0
  }

  .lifesupport .lifesupport_reform .product02 {
    margin: 20px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .product02l {
    width: 48%
  }

  .lifesupport .lifesupport_reform .product_img_txt {
    font-size: 3.6vw;
    margin: 20px 0 10px 0;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .product_img_full {
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_reform .product_img_full img {
    margin: 0 0 20px
  }

  .lifesupport .lifesupport_reform #contents01,
  .lifesupport .lifesupport_reform #contents02,
  .lifesupport .lifesupport_reform #contents03,
  .lifesupport .lifesupport_reform #contents04,
  .lifesupport .lifesupport_reform #contents05,
  .lifesupport .lifesupport_reform #contents06,
  .lifesupport .lifesupport_reform #contents07,
  .lifesupport .lifesupport_reform #contents08,
  .lifesupport .lifesupport_reform #contents09 {
    padding-top: 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn01 {
    position: absolute;
    width: 48%;
    z-index: 1;
    top: 0;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn02 {
    position: absolute;
    width: 41.5%;
    z-index: 2;
    top: 50%;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn03 {
    position: absolute;
    width: 32.6%;
    z-index: 1;
    top: 50.5%;
    left: 20%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn04 {
    position: absolute;
    width: 41.5%;
    z-index: 1;
    bottom: 11%;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn05 {
    position: absolute;
    width: 41.5%;
    z-index: 1;
    top: 0;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn06 {
    position: absolute;
    width: 41.5%;
    z-index: 1;
    top: 47.5%;
    left: 48.8%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbtn07 {
    position: absolute;
    width: 48%;
    z-index: 1;
    bottom: 0;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 .absbase {
    text-align: center;
    width: auto;
    margin: 0 auto;
    padding: 10% 0 20%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 a {
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_reform .contentsbtn_g01 a:hover {
    opacity: 0.9
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn01 {
    position: absolute;
    width: 42%;
    z-index: 1;
    top: 0;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn02 {
    position: absolute;
    width: 48%;
    z-index: 1;
    top: 0;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn03 {
    position: absolute;
    width: 48%;
    z-index: 1;
    bottom: 0;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 .absbtn04 {
    position: absolute;
    width: 40%;
    z-index: 1;
    bottom: 0;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 .absbase {
    text-align: center;
    width: auto;
    margin: 0 auto;
    padding: 5% 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 a {
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_reform .contentsbtn_g02 a:hover {
    opacity: 0.9
  }

  .lifesupport .lifesupport_reform .contentsbtn_g03 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g03 .absbtn01 {
    position: absolute;
    width: 60%;
    z-index: 1;
    top: 24%;
    left: auto;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g03 .absbtn02 {
    position: absolute;
    width: 58%;
    z-index: 1;
    top: 56%;
    left: auto;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g03 .absbase {
    text-align: center;
    width: auto;
    margin: 0 50% 0 5%;
    padding: 0 auto 0 auto
  }

  .lifesupport .lifesupport_reform .contentsbtn_g03 a {
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_reform .contentsbtn_g03 a:hover {
    opacity: 0.9
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 {
    position: relative;
    width: 100%;
    margin: 0 0 10%;
    padding: 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn01 {
    position: absolute;
    width: 34.7%;
    z-index: 1;
    top: auto;
    bottom: -10%;
    left: 5%;
    right: auto
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn02 {
    position: absolute;
    width: 34.7%;
    z-index: 1;
    top: 0;
    right: 5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn03 {
    position: absolute;
    width: 34.7%;
    z-index: 1;
    top: 72.5%;
    right: 5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 .absbtn04 {
    position: absolute;
    width: 41%;
    z-index: 1;
    top: 27%;
    right: 5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 .absbase {
    text-align: center;
    width: auto;
    margin: 0 auto;
    padding: 0% 5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 a {
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_reform .contentsbtn_g04 a:hover {
    opacity: 0.9
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn01 {
    position: absolute;
    width: 46%;
    z-index: 1;
    top: 9%;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn02 {
    position: absolute;
    width: 34%;
    z-index: 1;
    bottom: 9%;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn03 {
    position: absolute;
    width: 46%;
    z-index: 1;
    bottom: 0;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn04 {
    position: absolute;
    width: 46%;
    z-index: 1;
    top: 0;
    left: auto;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn05 {
    position: absolute;
    width: 46%;
    z-index: 1;
    bottom: 9%;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn06 {
    position: absolute;
    width: 34%;
    z-index: 2;
    top: 18%;
    left: auto;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn07 {
    position: absolute;
    width: 46%;
    z-index: 1;
    top: 9%;
    left: auto;
    right: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbtn08 {
    position: absolute;
    width: 46%;
    z-index: 1;
    top: 0;
    right: auto;
    left: 2.5%
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 .absbase {
    text-align: center;
    width: auto;
    margin: 0 auto;
    padding: 20% 0
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 a {
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_reform .contentsbtn_g05 a:hover {
    opacity: 0.9
  }

  .lifesupport .lifesupport_reform .contentsbox01 {
    display: flex;
    justify-content: space-between;
    margin: 0 5% 30px
  }

  .lifesupport .lifesupport_reform .contentsbox01l,
  .lifesupport .lifesupport_reform .contentsbox01r {
    width: 47.9%
  }

  .lifesupport .lifesupport_reform .contentsbox01_txt {
    font-size: 3vw;
    font-weight: bold;
    text-align: center;
    margin-top: 5px
  }

  .lifesupport .lifesupport_reform .renovation {
    background-color: #fdb644;
    padding: 30px 0
  }

  .lifesupport .lifesupport_reform .reno_ttl {
    text-align: center;
    color: #fff;
    margin: 0 0 15px;
    font-size: 3.6vw
  }

  .lifesupport .lifesupport_reform .renovation .example {
    max-width: auto;
    margin: 0 5% 40px
  }

  .lifesupport .lifesupport_reform .renovation .example:last-child {
    margin: 0 5% 0
  }

  .lifesupport .lifesupport_reform .renovation .example_innner {
    background-color: #fff;
    border-radius: 0 0 30px 30px;
    padding: 20px 5%
  }

  .lifesupport .lifesupport_reform .example_innner h2 {
    font-size: 3.6vw;
    font-weight: bold;
    display: block;
    _display: block;
    margin: 0 0 15px 0
  }

  .lifesupport .lifesupport_reform .example_innner .txt_jirei {
    font-size: 3.6vw;
    font-weight: bold;
    display: block;
    _display: block;
    padding: 8px 5%;
    background-color: #fdb644;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin: 0 10px 0 0;
    float: left
  }

  .lifesupport .lifesupport_reform .example_innner h3 {
    font-size: 3vw;
    margin: 0 0 20px 0;
    line-height: 200%
  }

  .lifesupport .lifesupport_reform .expoint {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    margin: 30px 0
  }

  .lifesupport .lifesupport_reform .exmain {
    position: relative
  }

  .lifesupport .lifesupport_reform .expoint h4 {
    font-size: 3.6vw;
    background-color: #fdb644;
    color: #fff;
    padding: 8px 18%;
    border-radius: 20px;
    margin: 0 auto 0 auto
  }

  .lifesupport .lifesupport_reform .expoint ul {
    margin: 15px 0 0 0
  }

  .lifesupport .lifesupport_reform .expoint li {
    font-size: 3vw;
    padding: 0 0 0 6%;
    position: relative;
    margin: 0 0 15px 0;
    line-height: 140%;
    font-weight: bold
  }

  .lifesupport .lifesupport_reform .expoint li:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_check.svg);
    width: 4%;
    height: 23px;
    left: 0;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0 10%
  }

  .lifesupport .lifesupport_reform .expoint li:last-child {
    margin: 0 0 0 0
  }

  .lifesupport .lifesupport_reform .exbox01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_reform .exbox01:last-child {
    margin: 0
  }

  .lifesupport .lifesupport_reform .exbox01l {
    width: 100%;
    position: relative;
    margin: 0 0 30px
  }

  .lifesupport .lifesupport_reform .exbox01l:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_bottom_orange.svg);
    width: 23px;
    height: 40px;
    right: 47%;
    top: auto;
    bottom: -25%;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_reform .exbox01r {
    width: 100%;
    position: relative
  }

  .lifesupport .lifesupport_reform .exbox01 .abstxt01 {
    position: absolute;
    background-color: rgba(103, 103, 103, 0.9);
    color: #fff;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    padding: 7px 15px;
    font-size: 18px
  }

  .lifesupport .lifesupport_reform .exbox01 .abstxt02 {
    position: absolute;
    background-color: rgba(253, 182, 68, 0.9);
    color: #fff;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    padding: 7px 15px;
    font-size: 18px
  }

  .lifesupport .lifesupport_reform .example table {
    width: 100%;
    font-size: 14px;
    border-top: 3px solid #fdb644
  }

  .lifesupport .lifesupport_reform .example td {
    padding: 8px 15px
  }

  .lifesupport .lifesupport_reform .example tr:nth-child(2n) {
    background-color: #ececec
  }

  .lifesupport .lifesupport_reform .contentsbox02 {
    display: flex;
    justify-content: center;
    margin: 0 0 0;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .contentsbox02l {
    width: 90%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_reform .contentsbox02r {
    width: 100%
  }

  .lifesupport .lifesupport_reform .piping01 {
    background-color: #fdb644;
    max-width: 1020px;
    margin: 0 auto;
    padding: 20px 5%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .piping01 .pipi_ttl {
    text-align: center;
    color: #fff;
    font-size: 3.6vw;
    margin: 0 0 20px;
    width: 100%;
    text-align: center
  }

  .lifesupport .lifesupport_reform .piping_pinhole {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5%;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 20px
  }

  .lifesupport .lifesupport_reform .pipingex_img_pinhole {
    width: 30%
  }

  .lifesupport .lifesupport_reform .pipingex_txt_pinhole {
    width: 65%
  }

  .lifesupport .lifesupport_reform .piping_pinhole h2 {
    font-size: 3.6vw;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_reform .piping_pinhole h3 {
    font-size: 3vw;
    line-height: 160%
  }

  .lifesupport .lifesupport_reform .pipingexaple {
    padding: 5%;
    border-radius: 20px;
    background-color: #fff;
    margin: 0 0 20px
  }

  .lifesupport .lifesupport_reform .pipingexaple:last-child {
    padding: 5%;
    border-radius: 20px;
    background-color: #fff;
    margin: 0 0 0
  }

  .lifesupport .lifesupport_reform .pipingexaple h2 {
    font-size: 3.6vw;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_reform .pipingexaple .txt_jirei {
    font-size: 3.6vw;
    font-weight: bold;
    display: block;
    _display: block;
    padding: 7px 3%;
    background-color: #fdb644;
    color: #fff;
    border-radius: 10px;
    text-align: center;
    margin: 0 10px 0 0;
    float: left
  }

  .lifesupport .lifesupport_reform .pipingexaple h2 span {
    font-weight: bold;
    margin: 0 0 0 0
  }

  .lifesupport .lifesupport_reform .piping02 {
    max-width: 1020px;
    margin: 30px 0 0
  }

  .lifesupport .lifesupport_reform .piping02 .pipi_ttl {
    margin: 0 0 60px;
    position: relative
  }

  .lifesupport .lifesupport_reform .piping02 .pipi_ttl h2 {
    font-size: 4vw;
    text-align: center;
    margin: 0 0 20px 0;
    color: #1c1c1c
  }

  .lifesupport .lifesupport_reform .piping02 .pipi_ttl h3 {
    font-size: 3vw;
    text-align: left;
    margin: 0 0 20px 0;
    line-height: 180%
  }

  .lifesupport .lifesupport_reform .piping02 .pipi_ttl:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_bottom_orange.svg);
    width: 10%;
    height: 60px;
    left: 45%;
    bottom: -70px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_reform .pipi_point {
    display: flex;
    justify-content: space-between;
    border: 2px solid #fdb644;
    border-radius: 30px;
    padding: 20px 5%;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .pipi_point h2 {
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
    font-weight: bold;
    font-size: 4vw
  }

  .lifesupport .lifesupport_reform .pipi_point h3 {
    width: 50%;
    font-size: 3vw;
    line-height: 180%
  }

  .lifesupport .lifesupport_reform .pipi_point .pipi_point_img {
    width: 50%
  }

  .lifesupport .lifesupport_reform .pipi_point .pipi_point_img_full {
    width: 100%;
    margin: 10px 0 0 0
  }

  .lifesupport .lifesupport_reform .pipi_price {
    text-align: center;
    margin: 40px 0 0 0
  }

  .lifesupport .lifesupport_reform .pipi_price h2 {
    font-size: 4vw;
    background-color: #fdb644;
    display: inline-block;
    padding: 10px 40px;
    color: #fff;
    border-radius: 30px;
    line-height: 100%
  }

  .lifesupport .lifesupport_reform .pipi_price h3 {
    font-size: 4vw;
    margin: 20px 0;
    font-weight: bold;
    line-height: 200%
  }

  .lifesupport .lifesupport_reform .pipi_price h4 {
    font-size: 3vw;
    margin: 20px 0;
    border-radius: 15px;
    border: 1px solid #707070;
    padding: auto;
    display: inline-block;
    padding: 15px 0
  }

  .lifesupport .lifesupport_reform .pipi_price .absleft {
    display: inline-block;
    _display: inline;
    font-size: 3vw;
    font-weight: bold;
    margin-right: 2%
  }

  .lifesupport .lifesupport_reform .pipi_price .absright {
    display: inline-block;
    _display: inline;
    font-size: 3vw
  }

  .lifesupport .lifesupport_reform .pipi_price .absright span {
    font-size: 6vw;
    font-weight: bold;
    color: #fdb644
  }

  .lifesupport .lifesupport_reform .piping03 {
    margin: 40px 5% 0 5%;
    max-width: 1020px;
    text-align: left;
    padding: 0 16px
  }

  .lifesupport .lifesupport_reform .piping03 h2 {
    display: inline-block;
    margin: 0 auto 20px;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 27%;
    font-size: 4vw;
    line-height: 180%;
    font-size: 4vw;
    line-height: 180%
  }

  .lifesupport .lifesupport_reform .piping03 h2:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/0307img06.jpg);
    width: 80px;
    height: 80px;
    left: 0;
    top: -15px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_reform .piping03 ul {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0 0;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_reform .piping03 li {
    width: 100%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_reform .piping03 li a {
    display: block;
    background-color: #fdb644;
    padding: 15px 30px 15px 15px;
    color: #fff;
    font-size: 3.6vw;
    border-radius: 10px;
    position: relative
  }

  .lifesupport .lifesupport_reform .piping03 li a:before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_right_big_w.svg);
    width: 10px;
    height: 27px;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-size: 100%;
    background-repeat: no-repeat
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_selfcheck .pankuzu {
    max-width: 1020px;
    margin: 0 5% 20px
  }

  .lifesupport .lifesupport_selfcheck .pankuzu ul {
    display: flex;
    justify-content: flex-start
  }

  .lifesupport .lifesupport_selfcheck .pankuzu li a {
    margin: 0 20px 0 0;
    padding: 0 30px 0 0;
    position: relative;
    display: inline-block;
    font-size: 3vw
  }

  .lifesupport .lifesupport_selfcheck .pankuzu li a:after {
    content: "��";
    position: absolute;
    right: 0;
    top: 0px
  }

  .lifesupport .lifesupport_selfcheck .pankuzu li:last-child a:after {
    content: ""
  }

  .lifesupport .lifesupport_selfcheck .txt_point {
    background: linear-gradient(transparent 65%, #ffda20 35%);
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .ttl_juyo {
    background: #e5b351;
    padding: 15px;
    border-radius: 15px 15px 0 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .ttl_juyo h6 {
    background: #fff;
    padding: 5px 40px;
    border-radius: 20px;
    font-size: 3.5vw;
    display: inline-block;
    margin: 0 0 10px;
    color: #e5b351;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .ttl_juyo h2 {
    color: #fff;
    font-weight: bold;
    font-size: 4.2vw
  }

  .lifesupport .lifesupport_selfcheck .sashiebox {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 30px auto;
    align-items: flex-start
  }

  .lifesupport .lifesupport_selfcheck .sbox_left {
    width: 28%
  }

  .lifesupport .lifesupport_selfcheck .sbox_right {
    width: 67%;
    font-size: 3.6vw;
    line-height: 1.8;
    margin: -10px 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .mainv {
    max-width: 1020px;
    margin: 0 auto 50px
  }

  .lifesupport .lifesupport_selfcheck .mainv .abs_txt {
    position: absolute;
    top: 30%;
    left: 5%;
    padding: 0
  }

  .lifesupport .lifesupport_selfcheck .mainv .abs_txt h3 {
    font-size: 4vw;
    font-weight: bold;
    margin: 0 0 5px
  }

  .lifesupport .lifesupport_selfcheck .mainv .abs_txt h4 {
    font-size: 3.2vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .mainv h2 {
    background-color: #7ba2bd;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-size: 5vw;
    font-weight: bold;
    padding: 10px 0 10px;
    vertical-align: middle
  }

  .lifesupport .lifesupport_selfcheck .main00 {
    position: relative;
    max-width: 1020px;
    margin: 0 auto 30px;
    text-align: right
  }

  .lifesupport .lifesupport_selfcheck .main00 .abs_txt {
    position: absolute;
    top: -7%;
    left: 5%
  }

  .lifesupport .lifesupport_selfcheck .main00 .abs_txt h2 {
    font-size: 4vw;
    position: absolute;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.6
  }

  .lifesupport .lifesupport_selfcheck .main00 .abs_txt .txt_imp {
    font-size: 42px;
    color: #f35454;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .main01 {
    max-width: 1020px;
    margin: 0 5% 40px;
    box-sizing: border-box;
    border: 3px solid #e5b351;
    border-radius: 20px
  }

  .lifesupport .lifesupport_selfcheck .main01contents {
    display: flex;
    width: 90%;
    margin: 30px auto;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_selfcheck .main01contents>div ._icon .abstxt01 {
    font-size: 3.6vw
  }

  .lifesupport .lifesupport_selfcheck .main01contents>div ._icon .abstxt02 {
    font-size: 12vw
  }

  .lifesupport .lifesupport_selfcheck .main01contents>div .abstxt03 h3 {
    font-size: 4vw;
    margin: 0 0 10px 0
  }

  .lifesupport .lifesupport_selfcheck .main01contents>div .abstxt03 h4 {
    font-size: 3.6vw
  }

  .lifesupport .lifesupport_selfcheck .m01c_btn {
    width: 90%;
    margin: 0 auto 30px
  }

  .lifesupport .lifesupport_selfcheck .m01c_btn a {
    border: 1px solid #bebebe;
    display: block;
    text-align: left;
    font-size: 3.6vw;
    border-radius: 15px;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    background-color: #fff;
    line-height: 120%;
    box-sizing: border-box;
    align-items: center;
    height: 100%;
    transition: background 0.3s ease-in-out;
    padding: 10px 0 11px 18%;
    letter-spacing: 0.1wm;
    line-height: 1.6
  }

  .lifesupport .lifesupport_selfcheck .m01c_btn a:hover {
    background: #fcf7f7
  }

  .lifesupport .lifesupport_selfcheck .m01c_btn a:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_file_r.svg);
    width: 30px;
    height: 40px;
    top: 25%;
    left: 4.5%;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_selfcheck .main02 {
    max-width: 1020px;
    margin: 0 5% 40px;
    box-sizing: border-box;
    border: 3px solid #e5b351;
    border-radius: 20px
  }

  .lifesupport .lifesupport_selfcheck .main02check {
    display: flex;
    width: 90%;
    margin: 0 auto 30px;
    justify-content: space-between;
    text-align: center;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_selfcheck .main02check h3 {
    font-size: 5vw;
    color: #f35454;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0
  }

  .lifesupport .lifesupport_selfcheck .main02check h4 {
    font-size: 3.6vw;
    font-weight: bold;
    line-height: 2.2
  }

  .lifesupport .lifesupport_selfcheck .main02check p {
    font-size: 3.6vw;
    line-height: 1;
    text-align: right
  }

  .lifesupport .lifesupport_selfcheck .main02check li {
    font-size: 3.6vw;
    font-weight: bold;
    line-height: 2.2
  }

  .lifesupport .lifesupport_selfcheck .main02checkinner {
    width: 100%;
    background: #fffef6;
    border: 2px solid #b18147;
    box-sizing: border-box;
    padding: 15px 0;
    position: relative;
    box-sizing: border-box;
    margin: 0 0 15px
  }

  .lifesupport .lifesupport_selfcheck .main02checkinner:last-child {
    margin: 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .main02checkinner .abs_img {
    position: absolute;
    width: 70px;
    top: 90px;
    right: 10px
  }

  .lifesupport .lifesupport_selfcheck .main02checkwrap {
    display: inline-block;
    text-align: left
  }

  .lifesupport .lifesupport_selfcheck .main02 h5 {
    font-size: 3.6vw;
    line-height: 1.8;
    width: 80%;
    margin: 0 auto 30px
  }

  .lifesupport .lifesupport_selfcheck .main03 {
    max-width: 1020px;
    margin: 0 5% 20px;
    box-sizing: border-box;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between
  }

  .lifesupport .lifesupport_selfcheck .sashiebox2 {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 20px auto 20px;
    align-items: center
  }

  .lifesupport .lifesupport_selfcheck .sbox_left2 {
    width: 28%
  }

  .lifesupport .lifesupport_selfcheck .sbox_right2 {
    width: 67%;
    font-size: 4vw;
    line-height: 1.6;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .ttl_jirei {
    background: #7ba2bd;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 4.4vw
  }

  .lifesupport .lifesupport_selfcheck .main03contents01 {
    box-sizing: border-box;
    border: 3px solid #7ba2bd;
    border-radius: 20px;
    width: 100%;
    margin: 0 0 20px 0
  }

  .lifesupport .lifesupport_selfcheck .m03c_right {
    width: 48%
  }

  .lifesupport .lifesupport_selfcheck .m03c_center {
    width: 100%;
    background: #f35454;
    text-align: center;
    color: #fff;
    font-size: 3.5vw;
    margin: 15px 0 0 0;
    line-height: 1;
    padding: 10px 10px 13px
  }

  .lifesupport .lifesupport_selfcheck .m03c_box01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 20px auto 0;
    align-items: top
  }

  .lifesupport .lifesupport_selfcheck .m03c_box01 li {
    font-size: 4vw;
    line-height: 1.4;
    padding: 0 0 10px 20px;
    position: relative;
    top: 0;
    left: 0;
    font-weight: bold;
    white-space: nowrap
  }

  .lifesupport .lifesupport_selfcheck .m03c_box01 li:after {
    content: "";
    display: block;
    background-image: url(../images/lifesupport/selfcheck_img04.svg);
    width: 22px;
    height: 19px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0
  }

  .lifesupport .lifesupport_selfcheck .m03c_left {
    width: 82%
  }

  .lifesupport .lifesupport_selfcheck .m03c_left2 {
    width: 68%
  }

  .lifesupport .lifesupport_selfcheck .m03c_right {
    width: 15%;
    margin: 4.7% 2% 4.7% 0
  }

  .lifesupport .lifesupport_selfcheck .m03c_right2 {
    width: 30%;
    margin: 0 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .m03c_box02 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 20px auto 20px
  }

  .lifesupport .lifesupport_selfcheck .m03c_box02 h2 {
    font-size: 3.6vw;
    margin: 0 0 15px 0
  }

  .lifesupport .lifesupport_selfcheck .m03c_box02 h3 {
    font-size: 3.6vw;
    margin: 0 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .main03contents02 {
    box-sizing: border-box;
    border: 3px solid #7ba2bd;
    border-radius: 20px;
    width: 100%
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 {
    max-width: 700px;
    margin: 0 5% 20px
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 a {
    box-sizing: border-box;
    border: 3px solid #f35454;
    border-radius: 20px;
    position: relative;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    width: 100%;
    display: block;
    background: #fff;
    transition: background 0.3s ease-in-out
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 a:hover {
    background: #fcf7f7
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 .abs_img {
    width: 99%;
    margin: 13% 2px 0 2%
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 .abs_img h3 {
    position: absolute;
    font-size: 3.2vw;
    top: 36%;
    right: auto;
    left: 6%;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 h2 {
    font-size: 5vw
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 h4 {
    font-size: 3.6vw;
    padding: 10px 20px;
    border-radius: 0 0 15px 15px
  }

  .lifesupport .lifesupport_selfcheck .btn_flow01 h4:after {
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_white.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 15px;
    right: 15px
  }

  .lifesupport .lifesupport_selfcheck .main04 {
    max-width: 1020px;
    margin: 0 5% 20px;
    box-sizing: border-box;
    border: 3px solid #7b7b7b;
    border-radius: 20px
  }

  .lifesupport .lifesupport_selfcheck .ttl_caution {
    background: #7b7b7b;
    padding: 15px 0 10px 0;
    border-radius: 15px 15px 0 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .ttl_caution h6 {
    background: #fff;
    padding: 5px 40px;
    border-radius: 20px;
    font-size: 3.6vw;
    display: inline-block;
    margin: 0 0 10px;
    color: #f35454;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .ttl_caution h2 {
    color: #fff;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .main04 h3 {
    font-weight: bold;
    background: #cbcbcb;
    padding: 8px 5%;
    box-sizing: border-box;
    margin: 0 0 10px 0
  }

  .lifesupport .lifesupport_selfcheck .sashiebox3 {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 20px auto;
    align-items: center
  }

  .lifesupport .lifesupport_selfcheck .sbox_left3 {
    width: 28%
  }

  .lifesupport .lifesupport_selfcheck .sbox_right3 {
    width: 67%;
    font-size: 3.4vw;
    line-height: 1.4;
    margin: 0 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .flow01 {
    max-width: 1020px;
    margin: 40px 5% 0;
    display: flex;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_selfcheck .flow01inner {
    width: 100%
  }

  .lifesupport .lifesupport_selfcheck .flow01 .abs_img {
    width: 100%;
    margin: -20px 0 0 0;
    position: relative
  }

  .lifesupport .lifesupport_selfcheck .flow01 h2 {
    padding: 6px 0;
    text-align: center;
    background: #7ba2bd;
    color: #fff;
    border-radius: 20px;
    font-size: 5vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .flow01 h3 {
    border-radius: 20px;
    font-size: 3.6vw;
    font-weight: bold;
    margin: 15px 0 0 0;
    line-height: 1.8
  }

  .lifesupport .lifesupport_selfcheck .flow01contents01 {
    margin: 20px 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .flow01contents01 ul {
    border: 2px solid #b18147;
    padding: 15px 5% 20px;
    display: inline-block;
    background: #fffef6;
    margin: 0 0 0 15%;
    border-radius: 20px
  }

  .lifesupport .lifesupport_selfcheck .flow01contents01 li {
    font-size: 3.6vw;
    line-height: 2;
    padding: 0 0 0 40px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .flow01contents01 li:after {
    content: "";
    display: block;
    background-image: url(../images/lifesupport/selfcheck_img04.svg);
    width: 30px;
    height: 26px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 4px;
    left: 0
  }

  .lifesupport .lifesupport_selfcheck .flow02 {
    max-width: 1020px;
    margin: 40px 0 0;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    background: #fef4d6;
    box-sizing: border-box;
    padding: 30px 5%;
    border-radius: 0
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02ttl {
    position: relative;
    width: 100%;
    margin: 0 6% 0 0
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02ttl h4 {
    position: absolute;
    font-size: 3.6vw;
    font-weight: bold;
    top: 20%;
    right: 2%;
    color: #fff
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents01wrap {
    width: 100%
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents01 {
    margin: 20px 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents01 h2 {
    font-size: 3.6vw;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 1.8
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents01 h3 {
    font-size: 3vw;
    line-height: 1.8
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents02 {
    position: relative;
    width: 100%;
    text-align: right;
    margin: 20px 0 0 0
  }

  .lifesupport .lifesupport_selfcheck .flow02 .flow02contents02 h4 {
    position: absolute;
    text-align: left;
    font-size: 3.8vw;
    top: 0
  }

  .lifesupport .lifesupport_selfcheck .caption_selfcheck {
    font-size: 12px;
    max-width: 1020px;
    margin: 10px 5% 0
  }

  .lifesupport .lifesupport_selfcheck .flow03 {
    max-width: 1020px;
    margin: 40px 5% 0
  }

  .lifesupport .lifesupport_selfcheck .flow03 h2 {
    padding: 6px 0;
    text-align: center;
    background: #7ba2bd;
    color: #fff;
    border-radius: 10px;
    font-size: 5vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .flow03 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0 5%;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_selfcheck .flow03 li {
    width: 46%;
    margin: 0 0 20px 0
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(4n) {
    margin: 0 0 20px 0
  }

  .lifesupport .lifesupport_selfcheck .flow03 li a {
    color: #fff;
    padding: 6px 0;
    border-radius: 10px;
    font-size: 3vw;
    text-align: center;
    width: 95%;
    background: #5082a8;
    display: block;
    margin: 0 0 0 auto;
    position: relative;
    transition: background 0.3s ease-in-out
  }

  .lifesupport .lifesupport_selfcheck .flow03 li a:hover {
    background: #366080
  }

  .lifesupport .lifesupport_selfcheck .flow03 li a:before {
    content: "";
    position: absolute;
    border: 3px solid #707070;
    line-height: 1;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 5vw;
    left: -22%;
    top: 50%;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    letter-spacing: -0.05em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10vw;
    height: 10vw
  }

  .lifesupport .lifesupport_selfcheck .flow03 li a:hover:before {
    background: #7ba2bd;
    color: #fff
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(1) a:before {
    content: "1"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(2) a:before {
    content: "2"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(3) a:before {
    content: "3"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(4) a:before {
    content: "4"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(5) a:before {
    content: "5"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(6) a:before {
    content: "6"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(7) a:before {
    content: "7"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(8) a:before {
    content: "8"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(9) a:before {
    content: "9"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(10) a:before {
    content: "10"
  }

  .lifesupport .lifesupport_selfcheck .flow03 li:nth-child(11) a:before {
    content: "11"
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt_wrap {
    max-width: 1020px;
    margin: 20px auto 0
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt_ttl_b {
    background: #7ba2bd;
    padding: 8px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 5vw
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt_ttl_b2 {
    background: #5082a8;
    padding: 12px 10px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 5vw
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt_ttl_b2 span {
    padding: 0 0 0 10%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt_ttl_y {
    background: #e5b351;
    padding: 8px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 5vw
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt_ttl_r {
    background: #be3717;
    padding: 8px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 5vw;
    width: 100%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_selfcheck .btn_check {
    background: #f35454;
    width: 90%;
    border-radius: 20px;
    position: relative;
    padding: 0 0 5px 0;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    margin: 0 5% 20px 5%
  }

  .lifesupport .lifesupport_selfcheck .btn_check .abstxt01 {
    background: #b72727;
    width: 100%;
    margin: 0;
    border-radius: 20px 20px 0 0;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    font-size: 3.6vw;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .btn_check .abstxt02 {
    margin: 0;
    border-radius: 20px 20px 0 0;
    padding: 12px 0 12px 30%;
    text-align: left;
    color: #fff;
    font-size: 3.6vw;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1.6;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .btn_check .abstxt03 {
    margin: 0 10px 0 30%;
    border-radius: 20px;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    font-size: 3.6vw;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1;
    font-weight: bold;
    position: relative;
    width: calc(70% - 10px);
    color: #f35454
  }

  .lifesupport .lifesupport_selfcheck .btn_check .abstxt03:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 6%;
    top: 30%;
    background-image: url(../images/lifesupport/icon_arrow_red.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .lifesupport .lifesupport_selfcheck .btn_check .abs_img {
    position: absolute;
    width: 25%;
    top: 10%;
    left: 3%
  }

  .lifesupport .lifesupport_selfcheck .btn_lisk {
    background: #949494;
    width: 90%;
    border-radius: 20px;
    position: relative;
    padding: 0 0 5px 0;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    margin: 0 5% 20px 5%
  }

  .lifesupport .lifesupport_selfcheck .btn_lisk .abstxt01 {
    background: #515151;
    width: 100%;
    margin: 0;
    border-radius: 20px 20px 0 0;
    padding: 12px 0;
    text-align: center;
    color: #fff;
    font-size: 3.6vw;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .btn_lisk .abstxt02 {
    margin: 0;
    border-radius: 20px 20px 0 0;
    padding: 12px 0 12px 30%;
    text-align: left;
    color: #fff;
    font-size: 3.6vw;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1.6;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .btn_lisk .abstxt03 {
    margin: 0 10px 0 30%;
    border-radius: 20px;
    padding: 10px 0;
    text-align: center;
    background: #fff;
    font-size: 3.6vw;
    font-family: Arial, Helvetica, "sans-serif";
    line-height: 1;
    font-weight: bold;
    position: relative;
    width: calc(70% - 10px);
    color: #f35454
  }

  .lifesupport .lifesupport_selfcheck .btn_lisk .abstxt03:after {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    position: absolute;
    right: 6%;
    top: 30%;
    background-image: url(../images/lifesupport/icon_arrow_red.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .lifesupport .lifesupport_selfcheck .btn_lisk .abs_img {
    position: absolute;
    width: 25%;
    top: 10%;
    left: 3%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt01 {
    box-sizing: border-box;
    border: 3px solid #7ba2bd;
    border-radius: 20px;
    width: 90%;
    position: relative;
    margin: 0 5% 30px 5%;
    float: none;
    position: relative
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt01:after {
    content: "1";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt01:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -33px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt01 .abs_img {
    position: absolute;
    width: 25%;
    top: 5%;
    right: 3%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt01 h2 {
    padding: 25px 5%;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02 {
    margin: 0 5% 30px 5%;
    box-sizing: border-box;
    border: 3px solid #e5b351;
    border-radius: 20px;
    width: 90%;
    position: relative;
    float: none
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02:after {
    content: "2";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -33px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02 .flow_cnt02contents01 h2 {
    padding: 25px 0;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    background: #fff2cc;
    border-radius: 50%;
    display: block;
    z-index: 1;
    position: absolute;
    width: 100%;
    top: 0
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02contents01 {
    margin: 5%;
    width: 100%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02contents01 .abs_img {
    margin: 48% 10% 0;
    z-index: -1
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02_right {
    width: 100%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02innner {
    display: flex;
    justify-content: space-between;
    padding: 0;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02contents02 {
    margin: 0 5%;
    padding-bottom: 20px
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02 .flow_cnt02contents02 h2 {
    padding: 10px 0 0;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold;
    text-align: center;
    display: block;
    border-radius: 50%;
    z-index: 1;
    width: 100%;
    position: static
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02contents02 {
    margin: 0 0 0;
    position: static;
    width: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02contents02 .abs_img {
    margin: -5% 0 0;
    z-index: -1;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt02contents02 .abs_img img {
    width: 90%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt03 {
    box-sizing: border-box;
    border: 3px solid #7ba2bd;
    border-radius: 20px;
    width: 90%;
    position: relative;
    float: none;
    margin: 0 5% 30px 5%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt03:after {
    content: "3";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt03:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -33px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt03 h2 {
    padding: 15px 5%;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.05em
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt04 {
    margin: 0 auto 40px;
    box-sizing: border-box;
    border: 3px solid #e5b351;
    border-radius: 20px;
    width: 90%;
    position: relative;
    float: none;
    margin: 0 5% 30px 5%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt04:after {
    content: "4";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt04:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -33px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt04 h2 {
    padding: 15px 5%;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt05 {
    box-sizing: border-box;
    border: 3px solid #7ba2bd;
    border-radius: 20px;
    width: 90%;
    position: relative;
    float: none;
    margin: 0 5% 30px 5%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt05:after {
    content: "5";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt05:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -33px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt05 h2 {
    padding: 15px 5%;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.05em
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt05 .abs_img {
    width: 50%;
    margin: 0 auto 20px
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt06 {
    box-sizing: border-box;
    border: 3px solid #7ba2bd;
    border-radius: 20px;
    width: 90%;
    position: relative;
    float: none;
    margin: 0 5% 30px 5%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt06:after {
    content: "6";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt06:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -33px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt06 h2 {
    padding: 15px 5%;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt06 .abs_img {
    width: 15%;
    margin: 0 auto 20px
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt07 {
    float: none;
    margin: 0 5% 30px 5%;
    width: 90%;
    position: relative
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt07:after {
    content: "7";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 5px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt07:before {
    content: "";
    display: block;
    width: 11px;
    height: 30px;
    position: absolute;
    left: 48%;
    bottom: -30px;
    background-image: url(../images/lifesupport/selfcheck_img18.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt08 {
    float: none;
    margin: 0 5% 30px 5%;
    width: 90%;
    position: relative
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt08:after {
    content: "8";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 5px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt08:before {
    content: "";
    display: block;
    width: 11px;
    height: 30px;
    position: absolute;
    left: 48%;
    bottom: -30px;
    background-image: url(../images/lifesupport/selfcheck_img18.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt09 {
    float: none;
    margin: 0 5% 30px 5%;
    width: 90%;
    position: relative
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt09:after {
    content: "9";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 5px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt09:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -30px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt10 {
    box-sizing: border-box;
    border: 3px solid #7ba2bd;
    border-radius: 20px;
    width: 90%;
    position: relative;
    float: none;
    margin: 0 5% 30px 5%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt10:after {
    content: "10";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt10:before {
    content: "";
    display: block;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 46%;
    bottom: -33px;
    background-image: url(../images/lifesupport/selfcheck_img13.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: auto;
    top: auto
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt10 h2 {
    padding: 15px 5%;
    font-size: 3.6vw;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.05em
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt10 .abs_img {
    width: 70%;
    margin: 0 auto 20px
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt11 {
    box-sizing: border-box;
    border: 3px solid #be3717;
    border-radius: 20px;
    width: 90%;
    position: relative;
    float: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0 5% 60px 5%
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt11:after {
    content: "11";
    position: absolute;
    line-height: 1.6;
    border-radius: 50%;
    background: #fff;
    color: #5082a8;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    font-size: 6vw;
    left: 0px;
    top: 0px;
    width: 12%;
    height: auto;
    padding: 0.2% 0;
    text-align: center
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt11contents01 {
    width: 70%;
    margin: 5% 15% 0
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt11contents02 {
    width: 100%;
    margin: 0 0 20px
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt11contents02 h2 {
    padding: 15px 0 0;
    font-size: 3.6vw;
    line-height: 2;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em
  }

  .lifesupport .lifesupport_selfcheck .flow_cnt11contents02 .abs_img {
    margin: -15px 5% 0 5%;
    width: 90%
  }

  .lifesupport .lifesupport_selfcheck .flow_comv {
    background: #f59950;
    margin: 40px 0;
    color: #fff;
    text-align: center;
    padding: 20px 0 30px
  }

  .lifesupport .lifesupport_selfcheck .flow_comv h2 {
    font-size: 4vw;
    line-height: 1.8;
    margin: 0 0 15px;
    color: #fff
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_reform {
    width: 90%;
    margin: 0 auto
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_reform a {
    display: inline-block;
    background: #fff;
    color: #333;
    padding: 5% 0 5% 0;
    border-radius: 20px;
    font-size: 3.6vw;
    position: relative;
    transition: opacity 0.3s ease-in-out;
    width: 100%
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_reform a:after {
    content: "";
    background-image: url(../images/lifesupport/icon_file_o.svg);
    width: 9%;
    height: 51%;
    display: block;
    position: absolute;
    left: 5%;
    top: 25%;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_reform a:hover {
    opacity: 0.8
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_back {
    text-align: center;
    width: 90%;
    margin: 0 auto 60px
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_back a {
    background: #5082a8;
    color: #fff;
    padding: 5% 0 5% 0;
    border-radius: 20px;
    font-size: 3.6vw;
    position: relative;
    transition: opacity 0.3s ease-in-out;
    width: 100%;
    display: block
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_back a:after {
    content: "";
    background-image: url(../images/lifesupport/icon_arrow_right_big_w.svg);
    width: 4%;
    height: 50%;
    display: block;
    position: absolute;
    left: 5%;
    top: 25%;
    background-size: 100%;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_selfcheck .flow_btn_back a:hover {
    opacity: 0.8
  }

  .lifesupport .lifesupport_selfcheck .rm_common .remodal-close {
    top: -50px;
    right: 1px;
    margin: 0 20px 0 auto;
    display: block
  }

  .lifesupport .lifesupport_selfcheck .rm_common .remodal-close:before {
    display: none
  }

  .lifesupport .lifesupport_selfcheck .rm_common .remodal-close span {
    width: 60px;
    height: 1px;
    background: #555;
    display: block;
    width: 60px;
    height: 1px;
    background: #555;
    display: block
  }

  .lifesupport .lifesupport_selfcheck .rm_common .remodal-close span:nth-child(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }

  .lifesupport .lifesupport_selfcheck .rm_common .remodal-close span:nth-child(2) {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
  }

  .lifesupport .lifesupport_selfcheck .rm01 {
    box-sizing: border-box;
    border: 3px solid #be3717;
    border-radius: 20px;
    position: relative;
    max-width: 600px;
    padding: 0
  }

  .lifesupport .lifesupport_selfcheck .rm02 {
    box-sizing: border-box;
    border: 3px solid #7b7b7b;
    border-radius: 20px;
    position: relative;
    max-width: 600px;
    padding: 0
  }

  .lifesupport .lifesupport_selfcheck .rm01_ttl {
    background: #be3717;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_selfcheck .rm01_ttl h6 {
    background: #fff;
    padding: 5px 30px;
    border-radius: 15px;
    color: #b72727;
    font-weight: bold;
    font-size: 3.6vw;
    line-height: 1;
    display: inline-block;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .rm02_ttl {
    background: #7b7b7b;
    padding: 10px;
    border-radius: 15px 15px 0 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_selfcheck .rm02_ttl h6 {
    background: #fff;
    padding: 5px 30px;
    border-radius: 15px;
    color: #b72727;
    font-weight: bold;
    font-size: 3.6vw;
    line-height: 1;
    display: inline-block;
    font-weight: bold
  }

  .lifesupport .lifesupport_selfcheck .rm_common_box01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 20px auto 0 auto;
    align-items: center
  }

  .lifesupport .lifesupport_selfcheck .rm_common_box01 .abs_img {
    width: 25%
  }

  .lifesupport .lifesupport_selfcheck .rm_common_box01 h2 {
    width: 70%;
    text-align: left;
    font-weight: bold;
    font-size: 3.6vw
  }

  .lifesupport .lifesupport_selfcheck .rm_common_box01 p {
    width: 100%;
    font-size: 3vw;
    line-height: 1.6;
    margin: 15px 0;
    text-align: left
  }

  .lifesupport .lifesupport_selfcheck .rm_common_box02 {
    width: 75%;
    margin: 0 auto 15px
  }

  .lifesupport .lifesupport_selfcheck #contents01,
  .lifesupport .lifesupport_selfcheck #contents02,
  .lifesupport .lifesupport_selfcheck #contents03,
  .lifesupport .lifesupport_selfcheck #contents04,
  .lifesupport .lifesupport_selfcheck #contents05,
  .lifesupport .lifesupport_selfcheck #contents06,
  .lifesupport .lifesupport_selfcheck #contents07,
  .lifesupport .lifesupport_selfcheck #contents08,
  .lifesupport .lifesupport_selfcheck #contents09,
  .lifesupport .lifesupport_selfcheck #contents10,
  .lifesupport .lifesupport_selfcheck #contents11 {
    float: none
  }

  .lifesupport .lifesupport_selfcheck .under-close {
    background: #f35454;
    border-radius: 20px;
    padding: 8px 40px;
    display: inline-block;
    color: #fff;
    border: none;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 3.3vw;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 0 0 30px;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_selfcheck .under-close:hover {
    opacity: 0.8
  }
}

@media (max-width: 599.98px) {
  .lifesupport .lifesupport_support .mainv {
    max-width: 1020px;
    margin: 0 auto 30px
  }

  .lifesupport .lifesupport_support .mainv h2 {
    background-color: #11c2cc;
    color: #fff;
    text-align: center;
    line-height: 100%;
    font-size: 3vw;
    font-weight: bold;
    padding: 12px 0 10px;
    vertical-align: middle;
    line-height: 1.2
  }

  .lifesupport .lifesupport_support .mainv h2 span {
    font-size: 5vw
  }

  .lifesupport .lifesupport_support .main01 {
    max-width: 1020px;
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_support .main01 h2 {
    font-size: 4vw;
    margin: 0 5% 15px 5%;
    line-height: 180%;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .main01 h3 {
    font-size: 3.4vw;
    margin: 0 5% 30px 5%;
    line-height: 180%
  }

  .lifesupport .lifesupport_support .txt_point {
    background: linear-gradient(transparent 65%, #ffda20 35%);
    font-weight: bold
  }

  .lifesupport .lifesupport_support .mainlist {
    max-width: 1020px;
    margin: 0 5% 60px
  }

  .lifesupport .lifesupport_support .listttl h2 {
    font-size: 5vw;
    vertical-align: middle;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 0 6px 9%;
    line-height: 120%
  }

  .lifesupport .lifesupport_support .listttl h2 .sub {
    font-size: 3vw;
    vertical-align: middle;
    font-weight: bold;
    position: relative;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .listttl h2:before {
    content: "";
    background-image: url(../images/lifesupport/icon_ttl_blue.svg);
    width: 4%;
    height: 21px;
    background-size: 100%;
    position: absolute;
    left: 2%;
    top: 4px;
    display: block;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .listttl h3 {
    width: 100%;
    border-top: 1px solid #ababab;
    color: #b47b18;
    font-weight: bold;
    padding: 15px 0 0;
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .product {
    margin: 0 0 40px
  }

  .lifesupport .lifesupport_support .product_ttl {
    border-left: 4px solid #11c2cc;
    padding-left: 3%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_support .product_ttl h3 {
    font-size: 3vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_ttl h2 {
    font-size: 3.8vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_ttl h4 {
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .product_ttl .txt_s02 {
    font-size: 2.6vw
  }

  .lifesupport .lifesupport_support .product ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .product li {
    width: 100%;
    margin-bottom: 30px
  }

  .lifesupport .lifesupport_support .product li .abstxt01 {
    position: absolute;
    right: 0;
    top: 0;
    background-color: #11c2cc;
    color: #fff;
    font-weight: bold;
    padding: 3px 10px;
    font-size: 3vw;
    text-align: center;
    line-height: 130%
  }

  .lifesupport .lifesupport_support .product_detail {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0;
    align-items: center
  }

  .lifesupport .lifesupport_support .product_img {
    width: 40%
  }

  .lifesupport .lifesupport_support .product_detailtxt {
    width: 55%
  }

  .lifesupport .lifesupport_support .product_detailtxt dt {
    font-size: 2.6vw
  }

  .lifesupport .lifesupport_support .product_detailtxt dd {
    font-size: 3vw;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_support .product_detailtxt dd:last-child {
    margin-bottom: 0
  }

  .lifesupport .lifesupport_support .product_detailtxt dd h2 {
    font-size: 3vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_detailtxt dd .txt_price,
  .lifesupport .lifesupport_support .product_detailtxt dd .txt_time {
    font-size: 5vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_detailtxt_full {
    width: 100%
  }

  .lifesupport .lifesupport_support .product_price {
    display: flex;
    justify-content: space-between;
    margin: 15px 0 0;
    align-items: center;
    border-bottom: 1px solid #ababab;
    padding: 0 0 10px 0
  }

  .lifesupport .lifesupport_support .product_price h4 {
    width: 40%;
    border-right: 1px solid #707070;
    padding: 8px 0 8px 10px;
    box-sizing: border-box;
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .product_price h5 {
    width: 55%;
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .product_price h5 span {
    font-size: 6vw;
    font-weight: bold;
    color: #fdb644
  }

  .lifesupport .lifesupport_support .product_cap {
    margin-top: 0;
    font-size: 10px;
    text-indent: -1em;
    padding-left: 1em
  }

  .lifesupport .lifesupport_support .product_cap_ni {
    margin-top: 0;
    font-size: 10px
  }

  .lifesupport .lifesupport_support .product_ex01 {
    border: 2px solid #11c2cc;
    border-radius: 20px;
    padding: 20px 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .product_ex01 h2 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 20px 0
  }

  .lifesupport .lifesupport_support .product_ex01 h3 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #707070;
    padding: 0 0 5px 0
  }

  .lifesupport .lifesupport_support .product_ex01l {
    width: 100%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .product_ex01l ul {
    display: flex;
    justify-content: space-between
  }

  .lifesupport .lifesupport_support .product_ex01l li {
    width: 48%
  }

  .lifesupport .lifesupport_support .product_ex01r {
    width: 100%
  }

  .lifesupport .lifesupport_support .product_ex01r ul {
    display: flex;
    justify-content: space-between
  }

  .lifesupport .lifesupport_support .product_ex01r li {
    width: 48%
  }

  .lifesupport .lifesupport_support .product_cap_ex01 {
    margin-top: 5px;
    font-size: 14px;
    text-align: center
  }

  .lifesupport .lifesupport_support .product_ex02 {
    border: 2px solid #11c2cc;
    border-radius: 20px;
    padding: 20px 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0 0 0
  }

  .lifesupport .lifesupport_support .product_ex02 h2 {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 3.6vw;
    margin: 0 0 15px 0
  }

  .lifesupport .lifesupport_support .product_ex02 h3 {
    width: 60%;
    font-size: 3vw;
    margin: 0 0 20px 0;
    line-height: 180%
  }

  .lifesupport .lifesupport_support .product_ex02r {
    width: 35%
  }

  .lifesupport .lifesupport_support .product_ex02r ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .product_ex02r li {
    width: 100%;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_support .product_ex02r li:last-child {
    width: 100%;
    margin-bottom: 0
  }

  .lifesupport .lifesupport_support .product_foot {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0 40px 0
  }

  .lifesupport .lifesupport_support .product_flow {
    background-color: #f5f9f9;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 5%;
    text-align: center
  }

  .lifesupport .lifesupport_support .product_flow h6 {
    font-size: 4vw;
    padding: 10px 0;
    color: #fff;
    border-radius: 30px;
    line-height: 100%;
    margin: 0 auto 25px;
    display: block;
    width: 85%;
    background-color: #11c2cc
  }

  .lifesupport .lifesupport_support .product_flow h2 {
    font-size: 3.6vw;
    font-weight: bold;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .product_flow01 {
    font-size: 3.6vw;
    background-color: #fff;
    padding: 11px 5% 11px 10%;
    border-radius: 30px;
    line-height: 100%;
    border: 1px solid #707070;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_flow01:after {
    content: "1";
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #11c2cc;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_flow02 {
    font-size: 3.6vw;
    background-color: #fff;
    padding: 11px 5% 11px 10%;
    border-radius: 30px;
    line-height: 100%;
    border: 1px solid #707070;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_flow02:after {
    content: "2";
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #11c2cc;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_flow03 {
    font-size: 3.6vw;
    background-color: #fff;
    padding: 11px 5% 11px 10%;
    border-radius: 30px;
    line-height: 100%;
    border: 1px solid #707070;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_flow03:after {
    content: "3";
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #11c2cc;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_flow04 {
    font-size: 3.6vw;
    background-color: #fff;
    padding: 11px 5% 11px 10%;
    border-radius: 30px;
    line-height: 100%;
    border: 1px solid #707070;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_flow04:after {
    content: "4";
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #11c2cc;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_flow05 {
    font-size: 3.6vw;
    background-color: #fff;
    padding: 11px 5% 11px 10%;
    border-radius: 30px;
    line-height: 100%;
    border: 1px solid #707070;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_flow05:after {
    content: "5";
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #11c2cc;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_flow06 {
    font-size: 18px;
    background-color: #fff;
    padding: 11px 5% 11px 10%;
    border-radius: 30px;
    line-height: 100%;
    border: 1px solid #707070;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_flow06:after {
    content: "6";
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #11c2cc;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_flow07 {
    font-size: 3.6vw;
    background-color: #fff;
    padding: 11px 5% 11px 10%;
    border-radius: 30px;
    line-height: 100%;
    border: 1px solid #707070;
    margin-bottom: 15px;
    position: relative;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_flow07:after {
    content: "7";
    position: absolute;
    left: 10px;
    top: 7px;
    background-color: #11c2cc;
    color: #fff;
    padding: 4px 5px;
    border-radius: 50%;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_flow_undertxt {
    margin-top: -10px;
    margin-bottom: 15px;
    font-size: 12px
  }

  .lifesupport .lifesupport_support .product_flow_undertxt2 {
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px
  }

  .lifesupport .lifesupport_support .product_contact {
    background-color: #f9f5f5;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 5%;
    text-align: center;
    margin: 20px 0 0 0
  }

  .lifesupport .lifesupport_support .product_contact h6 {
    font-size: 4vw;
    padding: 10px 0;
    color: #fff;
    border-radius: 30px;
    line-height: 100%;
    margin: 0 auto 25px;
    display: block;
    width: 75%;
    background-color: #f35454
  }

  .lifesupport .lifesupport_support .product_contact h2 {
    font-size: 4vw;
    font-weight: bold;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .product_contact h3 {
    font-size: 3vw;
    margin-bottom: 0
  }

  .lifesupport .lifesupport_support .product_contact .product_logo {
    width: 75%;
    margin: 0 auto 30px
  }

  .lifesupport .lifesupport_support .product_tel a {
    text-align: left;
    display: block;
    width: 100%;
    margin: 0 auto 20px;
    position: relative;
    padding: 20px 5% 20px 23%;
    box-sizing: border-box;
    border: 1px solid #707070;
    border-radius: 15px;
    background-color: #fff;
    pointer-events: auto;
    transition: background 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .product_tel a:hover {
    background: #f9f5f5
  }

  .lifesupport .lifesupport_support .product_tel a:before {
    content: "";
    background-image: url(../images/lifesupport/icon_tel_r.svg);
    width: 10%;
    height: 56px;
    background-size: 100%;
    position: absolute;
    left: 5%;
    top: 20%;
    display: block;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .product_tel .tel00 {
    font-size: 3vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_tel .tel01 {
    font-size: 6vw;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    line-height: 100%
  }

  .lifesupport .lifesupport_support .product_tel .tel02 {
    font-size: 10px;
    white-space: nowrap
  }

  .lifesupport .lifesupport_support .product_contact .product_form a {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 20px 5% 20px 23%;
    border-radius: 20px;
    font-size: 4vw;
    font-weight: bold;
    position: relative;
    border: 1px solid #707070;
    text-align: left;
    box-sizing: border-box;
    transition: background 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .product_contact .product_form a:before {
    content: "";
    background-image: url(../images/lifesupport/icon_file_r.svg);
    width: 30px;
    height: 56px;
    background-size: 100%;
    position: absolute;
    left: 16px;
    top: 18%;
    display: block;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .product_contact .product_form a:hover {
    background: #f9f5f5
  }

  .lifesupport .lifesupport_support .product_contact .product_mail {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 20px 0 20px 23%;
    border-radius: 20px;
    font-weight: bold;
    position: relative;
    border: 1px solid #707070;
    text-align: left;
    box-sizing: border-box;
    transition: background 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .product_contact .product_mail a {
    display: block;
    font-weight: bold;
    position: relative;
    text-align: left;
    box-sizing: border-box;
    transition: background 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .product_contact .product_mail:before {
    content: "";
    background-image: url(../images/lifesupport/icon_mail.svg);
    width: 10%;
    height: 56px;
    background-size: 100%;
    position: absolute;
    left: 7%;
    top: 35%;
    display: block;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .product_contact .product_mail a:hover {
    background: #f9f5f5
  }

  .lifesupport .lifesupport_support .nolink {
    pointer-events: none
  }

  .lifesupport .lifesupport_support .product_mail .mail01 {
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .product_mail .mail02 {
    font-size: 3.2vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .product_mail .mail03 {
    font-size: 3vw;
    position: relative
  }

  .lifesupport .lifesupport_support .product_mail .mail03:before {
    content: "";
    background-image: url(../images/lifesupport/icon_copy.svg);
    width: 5%;
    height: 60px;
    background-size: 100%;
    position: absolute;
    left: 6%;
    top: 1px;
    display: block;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .product_contact .product_site a {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 20px 5% 20px 23%;
    border-radius: 20px;
    font-size: 4vw;
    font-weight: bold;
    position: relative;
    border: 1px solid #707070;
    text-align: left;
    box-sizing: border-box;
    transition: background 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .product_contact .product_site a:before {
    content: "";
    background-image: url(../images/lifesupport/icon_arrow_red.svg);
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .lifesupport .lifesupport_support .product_contact .product_site a:hover {
    background: #f9f5f5
  }

  .lifesupport .lifesupport_support .productspace {
    height: 20px
  }

  .lifesupport .lifesupport_support .nolink a {
    pointer-events: none;
    border: none !important;
    border-radius: 15px;
    background-color: #f9f5f5
  }

  .lifesupport .lifesupport_support .product_left {
    width: 100%
  }

  .lifesupport .lifesupport_support .product_left ul {
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 0 0
  }

  .lifesupport .lifesupport_support .product_left li {
    width: 49%
  }

  .lifesupport .lifesupport_support .ac_wrap {
    border: 2px solid #11c2cc;
    margin: 0 0 40px;
    border-radius: 20px;
    padding: 0 0 0
  }

  .lifesupport .lifesupport_support .ac_box {
    display: none;
    margin: 20px 5% 0 5%
  }

  .lifesupport .lifesupport_support .ac_title {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-size: 3.6vw;
    font-weight: bold;
    color: #11c2cc;
    position: relative;
    cursor: pointer
  }

  .lifesupport .lifesupport_support .ac_title:hover {
    background-color: rgba(17, 194, 204, 0.1);
    border-radius: 20px
  }

  .lifesupport .lifesupport_support .ac_title:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_bottom_big_b.svg);
    width: 23px;
    height: 40px;
    right: 5%;
    top: 42%;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .contentsbox02 {
    display: flex;
    justify-content: center;
    margin: 0 0 0;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .contentsbox02l {
    width: 100%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .contentsbox02r {
    width: 100%
  }

  .lifesupport .lifesupport_support .main01float01 {
    width: 30%;
    float: left;
    margin: 0 5% 0 0;
    position: relative
  }

  .lifesupport .lifesupport_support .main01float02 {
    width: 30%;
    float: right;
    margin: 0 0 0 5%;
    position: relative
  }

  .lifesupport .lifesupport_support .main01_caution {
    border: 2px solid #11c2cc;
    border-radius: 20px;
    padding: 20px 5%;
    margin: 40px 5% 0 5%
  }

  .lifesupport .lifesupport_support .main01 .main01_caution h2 {
    font-size: 3.6vw;
    margin: 0 0 10px 0;
    line-height: 180%
  }

  .lifesupport .lifesupport_support .main01 .main01_caution h3 {
    font-size: 3vw;
    margin: 0 0 0 0;
    line-height: 180%
  }

  .lifesupport .lifesupport_support .main01imgfull {
    margin: 0 0 20px 0
  }

  .lifesupport .lifesupport_support .contentsbox03 {
    display: flex;
    justify-content: space-between;
    margin: 0 0 0;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .contentsbox03l {
    width: 100%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .contentsbox03l:last-child {
    width: 100%;
    margin-bottom: 0
  }

  .lifesupport .lifesupport_support .contentsbox03r {
    width: 100%
  }

  .lifesupport .lifesupport_support .contentsbox04 {
    display: flex;
    justify-content: space-between;
    margin: 0 5% 40px;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .contentsbox04l {
    width: 100%;
    position: relative;
    margin-bottom: 40px
  }

  .lifesupport .lifesupport_support .contentsbox04l:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_bottom_blue.svg);
    width: 23px;
    height: 40px;
    right: 47%;
    top: auto;
    bottom: -25%;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .contentsbox04r {
    width: 100%;
    position: relative
  }

  .lifesupport .lifesupport_support .contentsbox04l .abstxt01 {
    position: absolute;
    background-color: rgba(103, 103, 103, 0.9);
    color: #fff;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    padding: 5px 10px;
    font-size: 3.6vw
  }

  .lifesupport .lifesupport_support .contentsbox04r .abstxt02 {
    position: absolute;
    background-color: rgba(17, 194, 204, 0.9);
    color: #fff;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold;
    padding: 5px 10px;
    font-size: 3.6vw
  }

  .lifesupport .lifesupport_support .main01imgfull .abstxt01,
  .lifesupport .lifesupport_support .main01imgfull .abstxt02 {
    display: none
  }

  .lifesupport .lifesupport_support .floor_6point {
    margin: 20px 0 0 0
  }

  .lifesupport .lifesupport_support .floor_6point h2 {
    font-size: 3.6vw;
    font-weight: bold;
    color: #11c2cc;
    margin-bottom: 5px
  }

  .lifesupport .lifesupport_support .floor_6point h3 {
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .floor_6point ul {
    font-size: 3vw;
    margin: 20px 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .floor_6point li {
    font-size: 3vw;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .floor_6point li .f6_icon_img {
    width: 25%
  }

  .lifesupport .lifesupport_support .floor_6point li .f6_txt {
    width: 71%
  }

  .lifesupport .lifesupport_support .floor_6point h4 {
    font-size: 3.6vw;
    font-weight: bold;
    margin-bottom: 5px
  }

  .lifesupport .lifesupport_support .floor_6point h5 {
    font-size: 3vw;
    line-height: 160%
  }

  .lifesupport .lifesupport_support .product_ex03 {
    border: 2px solid #11c2cc;
    border-radius: 20px;
    padding: 20px 5%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0 0 0
  }

  .lifesupport .lifesupport_support .product_ex03 h2 {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 3.6vw;
    margin: 0 0 15px 0
  }

  .lifesupport .lifesupport_support .product_ex03 h3 {
    width: 45%;
    font-size: 3vw;
    margin: 0 0 0 0;
    line-height: 180%
  }

  .lifesupport .lifesupport_support .product_ex03r {
    width: 50%
  }

  .lifesupport .lifesupport_support .helpbtn {
    max-width: 1020px;
    margin: 20px 5% 20px
  }

  .lifesupport .lifesupport_support .helpbtn ul {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .helpbtn li {
    width: 21.5%;
    margin-bottom: 15px
  }

  .lifesupport .lifesupport_support .helpbtn li a {
    border: 1px solid #bebebe;
    display: block;
    text-align: center;
    font-size: 2.6vw;
    font-weight: bold;
    border-radius: 10px;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    background-color: #fff;
    line-height: 120%;
    box-sizing: border-box;
    align-items: center;
    height: 100%;
    transition: background 0.3s ease-in-out;
    position: relative
  }

  .lifesupport .lifesupport_support .helpbtn li a:hover {
    background: #f5f9f9
  }

  .lifesupport .lifesupport_support .helpbtn li a:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_arrow_bottom_small_b.svg);
    width: 12px;
    height: 9px;
    left: 45%;
    top: auto;
    bottom: 7px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .helpbtn li a span {
    font-size: 10px
  }

  .lifesupport .lifesupport_support .helpbtn li:nth-child(1) a,
  .lifesupport .lifesupport_support .helpbtn li:nth-child(2) a,
  .lifesupport .lifesupport_support .helpbtn li:nth-child(3) a {
    padding: 24% 0 24%
  }

  .lifesupport .lifesupport_support .helpbtn li:nth-child(4) a {
    padding: 8% 0 30%
  }

  .lifesupport .lifesupport_support .helpbtn li:nth-child(5) a {
    padding: 20% 0 40%
  }

  .lifesupport .lifesupport_support .helpbtn li:nth-child(6) a {
    padding: 20% 0 40%;
    letter-spacing: 0
  }

  .lifesupport .lifesupport_support .helpbtn li:nth-child(7) a {
    padding: 20% 0 40%
  }

  .lifesupport .lifesupport_support .helpbtn li:nth-child(8) a {
    padding: 30% 0 46%;
    letter-spacing: 0
  }

  .lifesupport .lifesupport_support .helpmain {
    max-width: 1080px
  }

  .lifesupport .lifesupport_support .helpmain h2 {
    font-size: 4vw;
    font-weight: bold;
    color: #11c2cc;
    margin: 30px 0 10px;
    line-height: 120%
  }

  .lifesupport .lifesupport_support .helpmain h3 {
    font-size: 3.4vw;
    line-height: 180%;
    margin: 0 0 10px
  }

  .lifesupport .lifesupport_support .helpmain h4 {
    font-size: 3vw;
    line-height: 180%;
    margin: 0 0 10px
  }

  .lifesupport .lifesupport_support .helpmain .help_float {
    float: right;
    margin: 0 0 0 4%;
    width: 36%
  }

  .lifesupport .lifesupport_support .product_ex04_wrap {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .product_ex04 {
    border: 2px solid #11c2cc;
    border-radius: 20px;
    padding: 20px 5%;
    margin: 20px 0 0 0;
    width: 100%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_support .product_ex04 h2 {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 4vw;
    margin: 0 0 10px 0
  }

  .lifesupport .lifesupport_support .product_ex04 h3 {
    width: 100%;
    font-size: 3vw;
    margin: 0 0 20px 0;
    line-height: 180%
  }

  .lifesupport .lifesupport_support .product_ex04 h4 {
    width: 100%;
    font-size: 3vw;
    margin: 20px 0 10px 0;
    line-height: 140%;
    font-weight: bold;
    text-indent: -1em;
    padding-left: 1em
  }

  .lifesupport .lifesupport_support .product_ex04btn {
    width: 100%
  }

  .lifesupport .lifesupport_support .product_ex04btn a {
    background: #b81c22;
    align-items: center;
    padding: 20px;
    width: 100%;
    border-radius: 20px;
    box-sizing: border-box;
    display: block;
    position: relative;
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .product_ex04btn a:hover {
    opacity: 0.8
  }

  .lifesupport .lifesupport_support .product_ex04btn a:after {
    content: "";
    background-image: url(../images/lifesupport/icon_arrow_right_small_w.svg);
    width: 9px;
    height: 56px;
    background-size: 100%;
    position: absolute;
    right: 15px;
    top: 40%;
    display: block;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .product_ex04btn_img {
    width: 60%;
    margin: 0 0 10px 0
  }

  .lifesupport .lifesupport_support .product_ex04btn_txt {
    color: #fff;
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .product_help_top_caption {
    margin: 10px 5% 0;
    font-size: 10px;
    max-width: 1020px;
    text-indent: -1em;
    padding-left: 1em
  }

  .lifesupport .lifesupport_support .product_help_caption {
    margin: 20px auto 0;
    font-size: 10px;
    max-width: 1020px;
    text-indent: -1em;
    padding-left: 1em
  }

  .lifesupport .lifesupport_support .mainlist .main01 {
    margin: 20px 0 0 0
  }

  .lifesupport .lifesupport_support .mainlist .main01 h2 {
    margin: 0 0 15px 0
  }

  .lifesupport .lifesupport_support .mainlist .main01 h3 {
    margin: 0 0 30px 0
  }

  .lifesupport .lifesupport_support .main01box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .main01box_txt {
    width: 100%
  }

  .lifesupport .lifesupport_support .main01box_img01 {
    width: 100%
  }

  .lifesupport .lifesupport_support .main01box_img01 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .main01box_img01 li {
    width: 49%;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_support .main01box_img01_txt {
    font-size: 3vw;
    font-weight: bold;
    text-align: center;
    margin: 3px 0 0 0
  }

  .lifesupport .lifesupport_support .main01box_img02 {
    max-width: 750px;
    margin: 20px auto 20px auto
  }

  .lifesupport .lifesupport_support .main01box_img02 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .main01box_img02 li {
    width: 32%;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_support .main01box_img02_txt {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 3px 0 0 0
  }

  .lifesupport .lifesupport_support .chose {
    margin-top: 15px
  }

  .lifesupport .lifesupport_support .main01box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .main01box_txt03 {
    width: 100%;
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .main01box_img03 {
    width: 100%
  }

  .lifesupport .lifesupport_support .main01box_img03 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .main01box_img03 li {
    width: 49%;
    margin-bottom: 10px
  }

  .lifesupport .lifesupport_support .main01box_img03_txt {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: 3px 0 0 0
  }

  .lifesupport .lifesupport_support .main_example01 {
    max-width: 1020px;
    margin: 0 5%;
    background: #11c2cc;
    padding: 20px 5%;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 15px
  }

  .lifesupport .lifesupport_support .main_example01 h2 {
    width: 100%;
    margin: 0 0 10px;
    font-size: 4vw;
    text-align: center;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .main_example01 h3,
  .lifesupport .lifesupport_support .main_example01 h4 {
    width: 100%;
    margin: 0 0 15px;
    line-height: 1.8;
    font-size: 3vw
  }

  .lifesupport .lifesupport_support .main_example01 .abs_ttl {
    width: 100%;
    margin: 0 0 10px;
    font-size: 4vw;
    font-weight: bold;
    text-align: center
  }

  .lifesupport .lifesupport_support .main_example01 .abs_img,
  .lifesupport .lifesupport_support .main_example01 .abs_img2 {
    width: 100%;
    margin: 0 0 15px;
    overflow: hidden;
    border-radius: 15px;
    position: relative
  }

  .lifesupport .lifesupport_support .main_example01 .abs_img:last-child {
    margin: 0 0 0
  }

  .lifesupport .lifesupport_support .main_example01 dl {
    width: 100%;
    margin: 0 0 20px;
    line-height: 1.8;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .main_example01 dl:nth-child(3) {
    margin: 0 0 20px
  }

  .lifesupport .lifesupport_support .main_example01 dl:last-child {
    margin: 0
  }

  .lifesupport .lifesupport_support .main_example01 dt {
    width: 100%;
    margin: 0 0 10px;
    line-height: 1;
    font-size: 14px;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .main_example01 dd {
    width: 48%;
    position: relative
  }

  .lifesupport .lifesupport_support .main_example01 dd .abs_txt {
    position: absolute;
    padding: 5px;
    background: #fff;
    color: #333;
    font-weight: bold;
    font-size: 14px;
    line-height: 1
  }

  .lifesupport .lifesupport_support .main_example01 .w100 {
    width: 100%
  }

  .lifesupport .lifesupport_support .main01 .product_cap {
    margin: 8px 5%
  }

  .lifesupport .lifesupport_support .hoken_chosei {
    margin: 60px 0 0 0
  }

  .lifesupport .lifesupport_support .txt_hoken {
    font-size: 3.6vw !important
  }

  .lifesupport .lifesupport_support .contentsbox0801 {
    margin: 0 auto 40px
  }

  .lifesupport .lifesupport_support .product_contact_topttl {
    position: absolute;
    width: 100%;
    top: -10px;
    left: 0;
    background: #f35454;
    padding: 8px 0;
    color: #fff;
    font-size: 4.4vw;
    border-radius: 20px 20px 0 0
  }

  .lifesupport .lifesupport_support .product_contact_topttlsub {
    margin: 20px 0 10px;
    font-size: 4vw;
    font-weight: bold;
    color: #f35454
  }

  .lifesupport .lifesupport_support .contentsbox0802 {
    max-width: 1020px;
    margin: 0 5%
  }

  .lifesupport .lifesupport_support .contentsbox0802 h2 {
    background: #f5f9f9;
    padding: 20px;
    text-align: center;
    border-radius: 20px;
    font-size: 4.2vw
  }

  .lifesupport .lifesupport_support .contentsbox0802 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 0 0 0
  }

  .lifesupport .lifesupport_support .contentsbox0802 li {
    width: 48%
  }

  .lifesupport .lifesupport_support .contentsbox0802 li a {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    display: block;
    padding: 55% 10%;
    box-sizing: border-box;
    margin: 0 0 20px;
    position: relative;
    font-size: 3.6vw;
    letter-spacing: 0em
  }

  .lifesupport .lifesupport_support .contentsbox0802 li:last-child {
    width: 100%;
    margin: 0 auto 0 auto
  }

  .lifesupport .lifesupport_support .contentsbox0802 li:last-child a {
    width: 100%;
    background: #fff;
    border-radius: 20px;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
    display: block;
    padding: 5% 10%;
    box-sizing: border-box;
    position: relative;
    font-size: 3.6vw;
    text-align: center;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .contentsbox0802 li:last-child a:after {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../images/lifesupport/icon_file_r.svg);
    width: 8%;
    height: 80%;
    top: 18%;
    left: 20px;
    background-size: 100%;
    background-repeat: no-repeat
  }

  .lifesupport .lifesupport_support .contentsbox0802 .abs_img {
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%
  }

  .lifesupport .lifesupport_support .contentsbox0802 .abs_txt {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 7%;
    text-align: center;
    font-size: 3vw;
    width: 100%;
    font-weight: bold;
    letter-spacing: 0em
  }

  .lifesupport .lifesupport_support .contentsbox0803 {
    background: #f5f9f9;
    max-width: 1020px;
    margin: 0 auto 40px;
    padding: 20px 5% 0;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_support .contentsbox0803 h2 {
    text-align: center;
    font-size: 4.2vw;
    font-weight: bold
  }

  .lifesupport .lifesupport_support .contentsbox0803 ul {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0 0;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .contentsbox0803 li {
    width: 100%;
    margin: 0 0 20px 0
  }

  .lifesupport .lifesupport_support .contentsbox0803 h3 {
    background: #11c2cc;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-size: 3.6vw;
    border-radius: 10px
  }

  .lifesupport .lifesupport_support .contentsbox0803 h4 {
    text-align: left;
    font-size: 3vw;
    line-height: 1.8;
    margin: 10px 0 0 0
  }

  .lifesupport .lifesupport_support .hoken_step {
    background: #f5f9f9;
    border-radius: 20px;
    margin: 20px 0 40px 0
  }

  .lifesupport .lifesupport_support .hoken_step_ttl {
    background: #11c2cc;
    text-align: center;
    color: #fff;
    font-size: 4.4vw;
    padding: 8px;
    border-radius: 20px 20px 0 0
  }

  .lifesupport .lifesupport_support .hoken_step01 {
    padding: 20px 5% 0 5%;
    margin: 0 5% 20px
  }

  .lifesupport .lifesupport_support .hoken_step02 {
    padding: 20px 5% 0 5%;
    margin: 0 5% 0 5%;
    background: #fff;
    border-radius: 20px
  }

  .lifesupport .lifesupport_support .hoken_step h2 {
    color: #11c2cc;
    font-size: 3.6vw;
    font-weight: bold;
    text-align: center
  }

  .lifesupport .lifesupport_support .hoken_step h3 {
    font-size: 3.3vw;
    font-weight: bold;
    margin: 10px 0 0 0
  }

  .lifesupport .lifesupport_support .hoken_step h6 {
    font-size: 3.6vw;
    font-weight: bold;
    background: #11c2cc;
    display: inline-block;
    line-height: 1em;
    padding: 5px 30px;
    color: #fff;
    border-radius: 15px
  }

  .lifesupport .lifesupport_support .hoken_step ul {
    display: flex;
    justify-content: space-between;
    margin: 20px 0 0 0;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .hoken_step li {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 30px 0;
    text-align: center;
    margin: 0 0 20px
  }

  .lifesupport .lifesupport_support .hoken_step .product_cap14 {
    margin: 20px 30px 0;
    padding-bottom: 30px
  }

  .lifesupport .lifesupport_support .hoken_step_btn a {
    background: #f35454;
    padding: 12px 40px;
    display: inline-block;
    margin: 10px 0 0 0;
    color: #fff;
    border-radius: 20px;
    font-size: 3.6vw;
    line-height: 1;
    position: relative;
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .hoken_step_btn a:hover {
    opacity: 0.8
  }

  .lifesupport .lifesupport_support .hoken_step_btn a:after {
    content: "";
    background-image: url(../images/lifesupport/icon_arrow_white.svg);
    width: 15px;
    height: 15px;
    display: block;
    position: absolute;
    right: 15px;
    top: 12px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
  }

  .lifesupport .lifesupport_support .mainlist02 {
    max-width: 1020px;
    margin: 0 auto
  }

  .lifesupport .lifesupport_support .mainlist02 .listttl {
    margin: 20px 5% 0;
    font-size: 4.2vw
  }

  .lifesupport .lifesupport_support .mainlist02 h6 {
    background: #11c2cc;
    font-size: 4.2vw;
    text-align: center;
    color: #fff;
    padding: 8px
  }

  .lifesupport .lifesupport_support .mainlist02 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 20px 5% 0
  }

  .lifesupport .lifesupport_support .mainlist02 li {
    width: 100%;
    margin: 0 0 40px 0
  }

  .lifesupport .lifesupport_support .mainlist02 li .banner_img a {
    border: 1px solid #ccc;
    box-sizing: border-box;
    padding: 23% 0;
    height: 0;
    position: relative
  }

  .lifesupport .lifesupport_support .mainlist02 li .banner_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%
  }

  .lifesupport .lifesupport_support .mainlist02 li .nolink_qr a {
    pointer-events: painted;
    padding: 23% 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
  }

  .lifesupport .lifesupport_support .mainlist02 li .nolink_qr a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75%
  }

  .lifesupport .lifesupport_support .mainlist02 li .nolink_qr a:before {
    content: "";
    background-image: url(../images/lifesupport/icon_arrow_red.svg);
    width: 15px;
    height: 15px;
    background-size: 100%;
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    background-repeat: no-repeat;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    z-index: 5
  }

  .lifesupport .lifesupport_support .mainlist02 h3 {
    font-size: 14px;
    margin: 15px 0 0 0;
    line-height: 1.8
  }

  .lifesupport .lifesupport_support .banner_img_nolink01 {
    width: 100%;
    text-align: center;
    margin: 0 0 15px
  }

  .lifesupport .lifesupport_support .banner_img_nolink02 {
    width: 20%;
    margin-right: 3%;
    display: none
  }

  .lifesupport .lifesupport_support .banner_img_nolink03 {
    width: 43%;
    display: none
  }

  .lifesupport .lifesupport_support .product_cap14 {
    font-size: 2.6vw;
    margin: 0 5%
  }

  .lifesupport .lifesupport_support .product_cap14 a {
    text-decoration: underline
  }

  .lifesupport .lifesupport_support .product_cap14 a:hover {
    text-decoration: none
  }

  .lifesupport .lifesupport_support .mainlist .main01box_txt {
    margin-bottom: 20px
  }

  .lifesupport .lifesupport_support .mainlist .main01box_txt h3 {
    font-size: 3vw;
    line-height: 1.8
  }

  .lifesupport .lifesupport_support .rm_common .remodal-close {
    top: -50px;
    right: 1px;
    margin: 0 20px 0 auto;
    display: block
  }

  .lifesupport .lifesupport_support .rm_common .remodal-close:before {
    display: none
  }

  .lifesupport .lifesupport_support .rm_common .remodal-close span {
    width: 60px;
    height: 1px;
    background: #555;
    display: block;
    width: 60px;
    height: 1px;
    background: #555;
    display: block
  }

  .lifesupport .lifesupport_support .rm_common .remodal-close span:nth-child(1) {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }

  .lifesupport .lifesupport_support .rm_common .remodal-close span:nth-child(2) {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
  }

  .lifesupport .lifesupport_support .rm01 {
    box-sizing: border-box;
    border-radius: 20px;
    position: relative;
    max-width: 600px;
    padding: 0;
    margin: 60px 0 30px
  }

  .lifesupport .lifesupport_support .rm01_ttl {
    padding: 20px 0 0 0;
    width: 100%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_support .rm01_ttl h6 {
    background: #11c2cc;
    padding: 5px 30px;
    border-radius: 15px;
    color: #fff;
    font-weight: bold;
    font-size: 3.6vw;
    line-height: 1;
    display: inline-block;
    font-family: Arial, Helvetica, "sans-serif";
    font-weight: bold
  }

  .lifesupport .lifesupport_support .rm_common_box01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 90%;
    margin: 20px auto 0 auto;
    align-items: center
  }

  .lifesupport .lifesupport_support .rm_common_box01 .abs_img {
    width: 140px
  }

  .lifesupport .lifesupport_support .rm_common_box01 h2 {
    width: 100%;
    text-align: left;
    font-weight: bold;
    font-size: 4vw
  }

  .lifesupport .lifesupport_support .rm_common_box01 p {
    width: 100%;
    font-size: 3.6vw;
    line-height: 1.6;
    margin: 20px 0;
    text-align: left
  }

  .lifesupport .lifesupport_support .rm02 {
    box-sizing: border-box;
    position: relative;
    max-width: 600px;
    padding: 20px;
    margin: 60px 0 30px
  }

  .lifesupport .lifesupport_support .rm02_ttl {
    background: #676767;
    padding: 15px;
    text-align: center;
    width: 100%;
    box-sizing: border-box
  }

  .lifesupport .lifesupport_support .rm02_ttl h6 {
    color: #fff;
    font-weight: bold;
    font-size: 3.6vw;
    line-height: 1
  }

  .lifesupport .lifesupport_support .rm_common_box02 {
    width: 100%;
    margin: 20px auto 20px;
    text-align: left
  }

  .lifesupport .lifesupport_support .rm_common_box02 h3 {
    font-weight: bold;
    font-size: 3.6vw;
    font-weight: bold;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #ccc
  }

  .lifesupport .lifesupport_support .rm_common_box02 h4 {
    font-weight: bold;
    font-size: 3vw;
    font-weight: bold;
    margin: 0 0 10px
  }

  .lifesupport .lifesupport_support .rm_common_box02 li {
    font-size: 3vw;
    padding: 0 0 5px;
    margin: 0 0 3px;
    line-height: 1.8;
    padding-left: 1em;
    text-indent: -1em
  }

  .lifesupport .lifesupport_support .rm_common_box02 ul {
    margin: 0 0 15px
  }

  .lifesupport .lifesupport_support .rm_common_box02 h5 {
    font-size: 3vw;
    padding: 0 0 5px;
    margin: 0 0 15px;
    line-height: 1.8
  }

  .lifesupport .lifesupport_support .rm_common_box03 {
    width: 70%;
    margin: 0 auto 20px;
    text-align: left
  }

  .lifesupport .lifesupport_support .under-close {
    background: #f35454;
    border-radius: 20px;
    padding: 8px 40px;
    display: inline-block;
    color: #fff;
    border: none;
    font-family: Arial, Helvetica, "sans-serif";
    font-size: 3.3vw;
    letter-spacing: 0.1em;
    text-align: center;
    margin: 0 0 30px;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out
  }

  .lifesupport .lifesupport_support .under-close:hover {
    opacity: 0.8
  }

  .lifesupport .lifesupport_support .product_foot .product_contact {
    margin: 0 0 40px
  }
}

@media (max-width: 599.98px) {
  .lifesupport .contentsbox0802 .lifesupport-modal-list {
    grid-template-columns: 1fr 1fr;
    gap: 5px 10px
  }

  .lifesupport .contentsbox0802 .lifesupport-modal-list .modal-btn-title {
    font-size: 2.8vw
  }
}

.mfp-content .lifesupport-modal {
  text-align: center;
  padding: 0 16px;
  text-align: center;
  padding: 0 16px
}

.mfp-content .lifesupport-modal .modal-label {
  text-align: center;
  background: #11c2cc;
  padding: 5px 30px;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 30px
}

.mfp-content .lifesupport-modal .ls-header {
  text-align: left;
  margin-left: 20px;
  margin-right: 20px
}

.mfp-content .lifesupport-modal .ls-content {
  border: none;
  text-align: left;
  margin-left: 20px;
  margin-right: 20px
}

.mfp-content .lifesupport-modal .ls-img {
  text-align: center;
  margin: auto;
  width: 60%
}

.mfp-content .lifesupport-modal .ls-close {
  position: inherit;
  background: #f35454;
  border-radius: 20px;
  color: #fff;
  border: none;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  margin: auto;
  width: 140px;
  height: 28px;
  line-height: 2rem;
  font-weight: bold;
  opacity: 1;
  transition: 0.3s
}

.mfp-content .lifesupport-modal .ls-close:hover {
  opacity: 0.6
}

.mfp-content .lifesupport-modal .modal-label {
  text-align: center;
  background: #11c2cc;
  padding: 5px 30px;
  border-radius: 15px;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
  display: inline-block;
  font-family: Arial, Helvetica, "sans-serif";
  font-weight: bold;
  margin-bottom: 30px;
  margin-top: 30px
}

.mfp-content .lifesupport-modal .ls-header {
  text-align: left;
  margin-left: 20px;
  margin-right: 20px
}

.mfp-content .lifesupport-modal .ls-content {
  border: none;
  text-align: left;
  margin-left: 20px;
  margin-right: 20px
}

.mfp-content .lifesupport-modal .ls-img {
  text-align: center;
  margin: auto;
  width: 60%
}

.mfp-content .lifesupport-modal .ls-close {
  position: inherit;
  background: #f35454;
  border-radius: 20px;
  color: #fff;
  border: none;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  margin: auto;
  width: 140px;
  height: 28px;
  line-height: 2rem;
  font-weight: bold;
  opacity: 1;
  transition: 0.3s
}

.mfp-content .lifesupport-modal .ls-close:hover {
  opacity: 0.6
}

@media (max-width: 599.98px) {
  .mfp-content .lifesupport-modal .modal-label {
    font-size: 3.6vw;
    margin-bottom: 10px;
    margin-top: 10px
  }

  .mfp-content .lifesupport-modal .ls-header {
    font-size: 4vw;
    text-align: left;
    margin: auto
  }

  .mfp-content .lifesupport-modal .ls-content {
    font-size: 3.6vw;
    line-height: 1.6;
    margin: 0
  }

  .mfp-content .lifesupport-modal .ls-img {
    width: 100%
  }

  .mfp-content .lifesupport-modal .ls-close {
    font-size: 3.6vw
  }
}

@media (max-width: 599.98px) {
  .mfp-content .lifesupport-modal .modal-label {
    font-size: 3.6vw;
    margin-bottom: 10px;
    margin-top: 10px
  }

  .mfp-content .lifesupport-modal .ls-header {
    font-size: 4vw;
    text-align: left;
    margin: auto
  }

  .mfp-content .lifesupport-modal .ls-content {
    font-size: 3.6vw;
    line-height: 1.6;
    margin: 0
  }

  .mfp-content .lifesupport-modal .ls-img {
    width: 100%
  }

  .mfp-content .lifesupport-modal .ls-header h3 {
    font-weight: bold;
    font-size: 3.6vw;
    font-weight: bold;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #CCC
  }

  .mfp-content .lifesupport-modal .rm_common_box02 {
    margin-bottom: 20px
  }

  .mfp-content .lifesupport-modal .rm_common_box02 h4 {
    font-weight: bold;
    font-size: 3vw;
    font-weight: bold;
    margin: 0 0 10px
  }

  .mfp-content .lifesupport-modal .rm_common_box02 h5 {
    font-size: 3vw;
    padding: 0 0 5px;
    margin: 0 0 15px;
    line-height: 1.8
  }

  .mfp-content .lifesupport-modal .rm_common_box02 ul li {
    font-size: 3vw;
    padding: 0 0 5px;
    margin: 0 0 3px;
    line-height: 1.8;
    padding-left: 1em;
    text-indent: -1em
  }
}

#lifeSupportCheckModal01,
#lifeSupportCheckModal02 {
  padding: 0;
  border: solid 3px #B72727;
  padding-bottom: 40px;
  max-width: 600px
}

#lifeSupportCheckModal01 .modal-check-close,
#lifeSupportCheckModal02 .modal-check-close {
  color: #fff
}

#lifeSupportLiskModal01,
#lifeSupportLiskModal02,
#lifeSupportLiskModal03 {
  padding: 0;
  border: solid 3px #7B7B7B;
  padding-bottom: 40px;
  max-width: 600px
}

#lifeSupportLiskModal01 .modal-check-close,
#lifeSupportLiskModal02 .modal-check-close,
#lifeSupportLiskModal03 .modal-check-close {
  color: #fff
}

.foot_caption ul {
  text-indent: -1em;
  padding-left: 1em
}

.lifesupportPet.is-detail {
  margin: -2rem;
  padding: 0 2rem 2rem;
  background-color: #f8f8f8
}

@media (max-width: 599.98px) {
  .lifesupportPet.is-detail {
    margin: 0 0 -16px;
    padding: 0;
    background-color: #fff
  }
}

.lifesupportPet .product_list ul {
  display: block;
  text-indent: -1em;
  list-style: none;
  padding: 0;
  margin: 20px 0 0 1em;
  font-size: 12px
}

@media (max-width: 599.98px) {
  .lifesupportPet .product_list ul {
    font-size: 10px
  }
}

.lifesupportPet .txt_point {
  background: linear-gradient(transparent 65%, #ffda20 35%);
  font-weight: bold
}

.lifesupportPet .lifesupportPet-siteBtn {
  display: block;
  margin: 16px auto 0;
  background: #fff;
  padding: 16px 0 16px 0;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border: 1px solid #707070;
  text-align: center;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out;
  box-sizing: border-box;
  text-decoration: none;
  color: initial
}

@media (max-width: 599.98px) {
  .lifesupportPet .lifesupportPet-siteBtn {
    font-size: 14px
  }
}

.lifesupportPet .lifesupportPet-siteBtn:hover {
  background: #f9f5f5
}

.lifesupportPet .lifesupportPet-siteBtn::before {
  content: "";
  background-image: url(../images/lifesupport/icon_arrow_red.svg);
  width: 15px;
  height: 15px;
  background-size: 100%;
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.lifesupportPet .lifesupportPet-contactBtn {
  display: block;
  width: 100%;
  margin: 0 auto;
  background: #fff;
  padding: 16px 16px 16px 58px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  border: 1px solid #707070;
  text-align: left;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out;
  color: initial;
  text-decoration: none
}

@media (max-width: 599.98px) {
  .lifesupportPet .lifesupportPet-contactBtn {
    font-size: 14px
  }
}

.lifesupportPet .lifesupportPet-contactBtn:hover {
  background: #f9f5f5
}

.lifesupportPet .lifesupportPet-contactBtn::before {
  content: "";
  background-image: url(../images/lifesupport/icon_file_r.svg);
  width: 30px;
  height: 56px;
  background-size: 100%;
  position: absolute;
  left: 16px;
  top: 18%;
  display: block;
  background-repeat: no-repeat
}

.lifesupportPet-sideBtn {
  position: fixed;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 100;
  justify-content: flex-end;
  align-items: flex-end;
  transition: opacity 0.3s
}

.lifesupportPet-sideBtn.is-hide {
  opacity: 0;
  pointer-events: none
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn {
    flex-direction: row;
    top: auto;
    bottom: 0;
    -webkit-transform: none;
    transform: none;
    gap: 0;
    width: 100%;
    z-index: 10
  }
}

.lifesupportPet-sideBtn>a {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-decoration: none;
  padding: 8px 8px;
  border-radius: 8px 0 0 8px;
  background-color: #fff;
  border: 1px solid;
  border-color: #f35454;
  color: #f35454;
  border-right: none;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-bottom: 2px;
  display: flex;
  align-items: flex-start;
  transition: opacity 0.3s;
  font-size: 14px
}

.lifesupportPet-sideBtn>a:hover {
  color: #f35454;
  opacity: 0.8
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn>a {
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
    border-radius: 8px 8px 0 0;
    padding: 8px 16px;
    border-bottom: none;
    margin-bottom: 0;
    font-size: 0;
    justify-content: center;
    align-items: center
  }
}

.lifesupportPet-sideBtn>._detail {
  background-color: #fd9444;
  border: none;
  color: #fff;
  font-weight: 500;
  padding: 16px;
  font-size: 16px;
  border-radius: 16px 0 0 16px
}

.lifesupportPet-sideBtn>._detail:hover {
  color: #fff
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn>._detail {
    font-size: 4vw;
    width: 100%;
    font-weight: bold;
    padding: 12px;
    border-top: 5px solid #fdb644;
    border-left: 1px solid #fdb644;
    border-right: 1px solid #fdb644;
    background-color: #fff;
    color: #fd9444;
    border-radius: 16px 16px 0 0
  }

  .lifesupportPet-sideBtn>._detail:hover {
    color: #fd9444
  }
}

.lifesupportPet-sideBtn>._lp::before {
  content: '';
  width: 16px;
  height: 25px;
  background: url(../images/lifesupport/icon_back_r.svg) center no-repeat;
  background-size: 100%;
  display: block;
  margin: 0 auto
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn>._lp::before {
    width: 20px;
    height: 26px
  }
}

.lifesupportPet-sideBtn>._form::before {
  content: '';
  width: 16px;
  height: 25px;
  background: url(../images/lifesupport/icon_file_r.svg) center no-repeat;
  background-size: 100%;
  display: block;
  margin: 0 auto
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn>._form::before {
    width: 20px;
    height: 26px
  }
}

.lifesupportPet-sideBtn>._tel::before {
  content: '';
  width: 16px;
  height: 25px;
  background: url(../images/lifesupport/icon_tel_r.svg) center no-repeat;
  background-size: 100%;
  display: block;
  margin: 0 auto
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn>._tel::before {
    width: 18px;
    height: 26px
  }
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn>._back {
    padding: 8px 13px
  }
}

.lifesupportPet-sideBtn>._back::before {
  font-family: "icon", "Noto Sans JP", "YuGothic", "Yu Gothic", "Helvetica Neue", Arial, "Hiragino Sans", Meiryo, sans-serif;
  content: "\E135";
  font-size: 23px;
  display: block;
  margin: 0 auto;
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media (max-width: 599.98px) {
  .lifesupportPet-sideBtn>._back::before {
    font-size: 26px
  }
}

.lifesupportPet-header>._mv {
  margin: -2rem -2rem 60px
}

@media (max-width: 599.98px) {
  .lifesupportPet-header>._mv {
    margin: -16px -16px 30px
  }
}

.lifesupportPet-header>._mv>._text {
  background-color: #fdb644;
  text-align: center;
  color: #fff;
  font-size: 24px;
  padding: 10px 0;
  font-weight: normal;
  line-height: 100%
}

@media (max-width: 599.98px) {
  .lifesupportPet-header>._mv>._text {
    font-size: 4vw;
    padding: 10px
  }
}

.lifesupportPet-header>._catch {
  font-size: 20px;
  margin: 0 0 15px 0;
  line-height: 180%
}

@media (max-width: 599.98px) {
  .lifesupportPet-header>._catch {
    font-size: 4vw
  }
}

.lifesupportPet-header>._point {
  display: flex;
  gap: 24px;
  margin-bottom: 60px
}

@media (max-width: 599.98px) {
  .lifesupportPet-header>._point {
    gap: 12px;
    margin-bottom: 20px
  }
}

.lifesupportPet-header>._point>._image {
  width: 80px
}

@media (max-width: 599.98px) {
  .lifesupportPet-header>._point>._image {
    width: 50px
  }
}

.lifesupportPet-header>._point>._text {
  flex: 1
}

@media (max-width: 599.98px) {
  .lifesupportPet-header>._point>._text {
    font-size: 3.4vw
  }
}

.lifesupportPet-tab {
  text-align: center;
  display: flex;
  gap: 16px
}

@media (max-width: 599.98px) {
  .lifesupportPet-tab {
    gap: 8px
  }
}

.lifesupportPet-tab>* {
  width: 100%;
  border: none;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  padding: 16px 30px;
  border-radius: 16px 16px 0 0;
  line-height: 1.5;
  transition: opacity 0.3s ease-in-out
}

@media (max-width: 599.98px) {
  .lifesupportPet-tab>* {
    font-size: 4vw;
    padding: 16px 8px
  }
}

.lifesupportPet-tab>*:hover {
  opacity: 0.7
}

.lifesupportPet-tab>._btnDog {
  background-color: #fd9444
}

.lifesupportPet-tab>._btnCat {
  background-color: #009bd1
}

.lifesupportPet-dog {
  margin: 0 -2rem;
  background-color: #fef5d6;
  padding: 2rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-dog {
    margin: 0 -16px;
    padding: 16px
  }
}

@media (max-width: 599.98px) {
  .is-detail .lifesupportPet-dog {
    padding: 36px 16px
  }
}

.lifesupportPet-cat {
  margin: 0 -2rem;
  background-color: #e1f0f6;
  padding: 2rem;
  display: none
}

@media (max-width: 599.98px) {
  .lifesupportPet-cat {
    margin: 0 -16px;
    padding: 16px
  }
}

@media (max-width: 599.98px) {
  .is-detail .lifesupportPet-cat {
    padding: 36px 16px
  }
}

.lifesupportPet-tableOfContents>._header {
  position: relative;
  text-align: center;
  background-color: #fff;
  border-radius: 500px;
  padding: 16px 120px;
  margin-bottom: 2rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-tableOfContents>._header {
    padding: 16px;
    margin-bottom: 16px
  }
}

.lifesupportPet-tableOfContents>._header>._title {
  margin-bottom: 0;
  font-size: 1.375rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-tableOfContents>._header>._title {
    font-size: 4vw
  }
}

.lifesupportPet-tableOfContents>._header>._title>span {
  font-size: 80%
}

@media (max-width: 599.98px) {
  .lifesupportPet-tableOfContents>._header>._title>span {
    font-size: 90%
  }
}

.lifesupportPet-tableOfContents>._header>._image {
  position: absolute;
  top: 0;
  right: 0;
  max-width: 195px;
  margin: -2rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-tableOfContents>._header>._image {
    max-width: 100px;
    margin: 0;
    top: -8px;
    right: -16px
  }
}

.lifesupportPet-tableOfContents>._list {
  width: 100%;
  list-style: none;
  padding: 0
}

.lifesupportPet-tableOfContents>._list>._item {
  margin-bottom: 16px
}

.lifesupportPet-tableOfContents>._list>._item>._link {
  display: flex;
  gap: 24px;
  border: 1px solid #bebebe;
  align-items: center;
  border-radius: 15px;
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  transition: background 0.3s ease-in-out;
  padding: 16px 16px 16px 24px;
  letter-spacing: 0;
  position: relative;
  text-decoration: none;
  font-weight: bold;
  color: #1c1c1c;
  font-size: 20px;
  line-height: 1.5
}

@media (max-width: 599.98px) {
  .lifesupportPet-tableOfContents>._list>._item>._link {
    font-size: 4vw;
    gap: 16px;
    padding: 16px
  }
}

.lifesupportPet-dog .lifesupportPet-tableOfContents>._list>._item>._link:hover {
  background-color: #fff9e5
}

.lifesupportPet-cat .lifesupportPet-tableOfContents>._list>._item>._link:hover {
  background-color: #e6f4f9
}

.lifesupportPet-tableOfContents>._list>._item>._link>._number {
  font-size: 30px
}

@media (max-width: 599.98px) {
  .lifesupportPet-tableOfContents>._list>._item>._link>._number {
    font-size: 7vw
  }
}

.lifesupportPet-dog .lifesupportPet-tableOfContents>._list>._item>._link>._number {
  color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-tableOfContents>._list>._item>._link>._number {
  color: #009bd1
}

.lifesupportPet-tableOfContents>._list>._item>._link>._text {
  flex: 1
}

.lifesupportPet-tableOfContents>._list>._item>._link>._text>._read {
  font-size: 14px;
  padding: 5px 16px 5px 24px;
  color: #fff;
  border-radius: 100px;
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: normal
}

@media (max-width: 599.98px) {
  .lifesupportPet-tableOfContents>._list>._item>._link>._text>._read {
    font-size: 3.4vw;
    padding: 5px 16px 5px
  }
}

.lifesupportPet-dog .lifesupportPet-tableOfContents>._list>._item>._link>._text>._read {
  background-color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-tableOfContents>._list>._item>._link>._text>._read {
  background-color: #009bd1
}

.lifesupportPet-tableOfContents>._list>._item>._link>._text>._read:after {
  content: "";
  display: inline-block;
  background-image: url(../images/lifesupport/icon_arrow_white.svg);
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-size: cover
}

.lifesupportPet-item {
  margin-top: 50px;
  border-radius: 20px;
  background-color: #fff;
  border: 2px solid
}

@media (max-width: 599.98px) {
  .lifesupportPet-item {
    overflow: hidden;
    margin-top: 30px
  }
}

.lifesupportPet-dog .lifesupportPet-item {
  border-color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-item {
  border-color: #009bd1
}

.lifesupportPet-item>._header {
  position: relative
}

.lifesupportPet-item>._header>._title {
  color: #fff;
  font-size: 1.375rem;
  padding: 24px 170px 24px 24px;
  margin-bottom: 0;
  border-radius: 18px 18px 0 0;
  display: flex;
  align-items: center;
  gap: 16px
}

@media (max-width: 599.98px) {
  .lifesupportPet-item>._header>._title {
    padding: 16px;
    font-size: 4vw;
    line-height: 1.5;
    border-radius: 0
  }
}

.lifesupportPet-item>._header>._title>._number {
  font-size: 150%
}

.lifesupportPet-item>._header>._title>._text {
  flex: 1
}

.lifesupportPet-dog .lifesupportPet-item>._header>._title {
  background-color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-item>._header>._title {
  background-color: #009bd1
}

.lifesupportPet-item>._header>._image {
  position: absolute;
  top: -30px;
  right: -2rem;
  width: 200px
}

@media (max-width: 599.98px) {
  .lifesupportPet-item>._header>._image {
    position: static;
    width: 55%;
    margin: -1rem auto -2rem
  }
}

.lifesupportPet-item>._header>._list {
  margin: 2rem;
  padding: 16px;
  border: solid 2px #b18147;
  background: #fffef6
}

@media (max-width: 599.98px) {
  .lifesupportPet-item>._header>._list {
    margin: 16px;
    font-size: 3.4vw
  }
}

.lifesupportPet-item>._header>._list>*:last-child {
  margin-bottom: 0
}

.lifesupportPet-item>._header>._list>._title {
  font-weight: bold;
  color: #f35454;
  text-align: center;
  margin-bottom: 16px;
  font-size: 18px
}

@media (max-width: 599.98px) {
  .lifesupportPet-item>._header>._list>._title {
    font-size: 4vw
  }
}

.lifesupportPet-item>._header>._list>ul li {
  color: #f35454
}

.lifesupportPet-item>._header>._list>ul li>span {
  color: #1C1C1C
}

.lifesupportPet-item>._body {
  padding: 2rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-item>._body {
    padding: 16px
  }
}

.lifesupportPet-item>._body>._title {
  font-size: 1.375rem;
  padding-bottom: 16px;
  text-align: center;
  border-bottom: 2px dotted;
  margin-bottom: 1rem;
  line-height: 1.5;
  margin-top: 3rem
}

.lifesupportPet-dog .lifesupportPet-item>._body>._title {
  border-color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-item>._body>._title {
  border-color: #009bd1
}

@media (max-width: 599.98px) {
  .lifesupportPet-item>._body>._title {
    font-size: 4vw;
    margin-top: 2rem
  }
}

.lifesupportPet-item>._body>._title:first-child {
  margin-top: 0
}

.lifesupportPet-product>._list {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 24px;
  margin-top: 24px;
  margin-bottom: 0
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list {
    flex-wrap: wrap
  }
}

.is-detail .lifesupportPet-product>._list {
  flex-wrap: wrap;
  margin-top: 0;
  gap: 16px
}

.lifesupportPet-product>._list>._item {
  width: 100%;
  display: flex;
  flex-direction: column
}

.is-detail .lifesupportPet-product>._list>._item {
  background-color: #fff;
  padding: 2rem;
  border-radius: 16px
}

@media (max-width: 599.98px) {
  .is-detail .lifesupportPet-product>._list>._item {
    padding: 24px 16px
  }
}

.lifesupportPet-product>._list>._item>._header {
  border-left: 4px solid;
  padding-left: 14px;
  margin-bottom: 16px
}

.lifesupportPet-dog .lifesupportPet-product>._list>._item>._header {
  border-color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-product>._list>._item>._header {
  border-color: #009bd1
}

.lifesupportPet-product>._list>._item>._header>* {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._header>* {
    font-size: 3.8vw
  }
}

.lifesupportPet-product>._list>._item>._header>p {
  font-size: 14px
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._header>p {
    font-size: 3vw
  }
}

.lifesupportPet-product>._list>._item>._body {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._body {
    flex-wrap: nowrap;
    gap: 12px
  }
}

.lifesupportPet-product>._list>._item>._body>._image {
  text-align: center;
  max-width: 240px;
  width: 40%
}

.lifesupportPet-product>._list>._item>._body>._image>* {
  margin-bottom: 0
}

.lifesupportPet-product>._list>._item>._body>._image>*>figcaption {
  width: 100% !important;
  font-size: 12px;
  text-align: right
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._body>._image>*>figcaption {
    font-size: 10px
  }
}

.lifesupportPet-product>._list>._item>._body>._detail {
  flex: 1
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._body>._detail {
    width: 50%
  }
}

.lifesupportPet-product>._list>._item>._body>._detail>p {
  font-weight: 500;
  font-size: 16px
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._body>._detail>p {
    font-size: 3.4vw
  }
}

.lifesupportPet-product>._list>._item>._body>._detail>p:last-child {
  margin-bottom: 0
}

.lifesupportPet-product>._list>._item>._footer {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ababab;
  padding: 0 0 10px 0
}

.lifesupportPet-product>._list>._item>._footer>._text {
  font-size: 16px;
  font-weight: bold
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._footer>._text {
    font-size: 3.4vw;
    margin-bottom: 0
  }
}

.lifesupportPet-dog .lifesupportPet-product>._list>._item>._footer>._text {
  color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-product>._list>._item>._footer>._text {
  color: #009bd1
}

.lifesupportPet-product>._list>._item>._footer>._title {
  width: 30%;
  border-right: 1px solid #707070;
  padding: 8px 10px 8px 0;
  box-sizing: border-box;
  font-size: 14px
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._footer>._title {
    width: 35%;
    font-size: 3vw
  }
}

.lifesupportPet-product>._list>._item>._footer>._price {
  width: 65%;
  font-size: 14px
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._footer>._price {
    font-size: 3vw;
    width: 60%
  }
}

.lifesupportPet-product>._list>._item>._footer>._price>span {
  font-size: 30px;
  font-weight: bold;
  margin-right: 8px
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._footer>._price>span {
    font-size: 6vw
  }
}

.lifesupportPet-dog .lifesupportPet-product>._list>._item>._footer>._price>span {
  color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-product>._list>._item>._footer>._price>span {
  color: #009bd1
}

.lifesupportPet-product>._list>._item>._text {
  font-weight: 500;
  font-size: 16px;
  margin: 1rem 0 0
}

@media (max-width: 599.98px) {
  .lifesupportPet-product>._list>._item>._text {
    font-size: 3.4vw
  }
}

.lifesupportPet-product ._caption {
  margin-top: 10px;
  font-size: 12px
}

@media (max-width: 599.98px) {
  .lifesupportPet-product ._caption {
    font-size: 10px
  }
}

.lifesupportPet-product ._caption>ul {
  text-indent: -1em;
  padding-left: 1em;
  list-style: none
}

.lifesupportPet-messageBox {
  margin: 50px -1rem 0
}

@media (max-width: 599.98px) {
  .lifesupportPet-messageBox {
    margin: 30px 0 0
  }
}

.lifesupportPet-messageBox>._title {
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.5
}

@media (max-width: 599.98px) {
  .lifesupportPet-messageBox>._title {
    font-size: 4vw
  }
}

.lifesupportPet-messageBox>._list {
  list-style: none;
  padding: 0;
  display: flex
}

@media (max-width: 599.98px) {
  .lifesupportPet-messageBox>._list {
    flex-direction: column
  }
}

@media (max-width: 599.98px) {
  .lifesupportPet-messageBox>._list>._item {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.6);
    padding-right: 16px;
    border-radius: 20px;
    margin-bottom: 16px
  }
}

.lifesupportPet-messageBox>._list>._item>._image {
  position: relative
}

@media (max-width: 599.98px) {
  .lifesupportPet-messageBox>._list>._item>._image {
    width: 45%
  }
}

.lifesupportPet-messageBox>._list>._item>._image::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '';
  background-color: #fff;
  width: 90%;
  aspect-ratio: 100 / 100;
  border-radius: 100%;
  opacity: .6
}

@media (max-width: 599.98px) {
  .lifesupportPet-messageBox>._list>._item>._image::before {
    display: none
  }
}

.lifesupportPet-messageBox>._list>._item>._image>img {
  position: relative
}

.lifesupportPet-messageBox>._list>._item>._text {
  position: relative;
  text-align: center;
  padding: 0 16px;
  margin-top: -1.5rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-messageBox>._list>._item>._text {
    font-size: 3.4vw;
    margin: 0;
    padding: 16px 0;
    width: 55%;
    text-align: left
  }
}

.lifesupportPet-footer {
  margin: 0 -2rem;
  background-color: #fdb644;
  text-align: center;
  padding: 3rem 2rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-footer {
    margin: 0 -16px;
    padding: 24px 16px
  }
}

.lifesupportPet-footer>._title {
  color: #fff;
  margin-bottom: 2rem
}

@media (max-width: 599.98px) {
  .lifesupportPet-footer>._title {
    font-size: 4vw;
    margin-bottom: 16px
  }
}

.lifesupportPet-footer>._list {
  list-style: none;
  padding: 0
}

.lifesupportPet-footer>._list>._item {
  background-color: #fff;
  border-radius: 20px;
  margin-top: 1rem;
  padding: 24px
}

@media (max-width: 599.98px) {
  .lifesupportPet-footer>._list>._item {
    padding: 16px
  }
}

.lifesupportPet-footer>._list>._item>._title {
  font-size: 1.375rem;
  color: #B81C22
}

@media (max-width: 599.98px) {
  .lifesupportPet-footer>._list>._item>._title {
    font-size: 4vw;
    margin-bottom: 8px
  }
}

.lifesupportPet-footer>._list>._item>._text {
  font-weight: bold;
  margin-bottom: 0;
  line-height: 1.5
}

@media (max-width: 599.98px) {
  .lifesupportPet-footer>._list>._item>._text {
    font-size: 3.4vw
  }
}

.lifesupportPet-footer>._list>._item>._text span {
  font-size: 80%;
  font-weight: normal
}

@media (max-width: 599.98px) {
  .lifesupportPet-footer>._list>._item>._text span {
    font-size: 90%
  }
}

.lifesupportPet-contact {
  background-color: #fff;
  margin-top: 2rem
}

.is-detail .lifesupportPet-contact {
  margin: -2rem;
  margin-top: 0;
  padding: 2rem
}

@media (max-width: 599.98px) {
  .is-detail .lifesupportPet-contact {
    margin: -1rem;
    padding: 1rem
  }
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._title {
    font-size: 4vw
  }
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._text {
    font-size: 3.4vw
  }
}

.lifesupportPet-contact>._list {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 16px;
  margin: 2rem 0
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._list {
    flex-wrap: wrap
  }
}

.lifesupportPet-contact>._list>._item {
  width: 100%;
  background-color: #f9f5f5;
  text-align: center;
  overflow: hidden;
  border-radius: 20px
}

.lifesupportPet-contact>._list>._item>._title {
  background: #f35454;
  padding: 16px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._list>._item>._title {
    font-size: 4vw
  }
}

.lifesupportPet-contact>._list>._item>._body {
  padding: 16px;
  line-height: 1.5
}

.lifesupportPet-contact>._list>._item>._body>._title {
  margin-top: 16px;
  color: #f35454
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._list>._item>._body>._title {
    font-size: 3.4vw;
    margin-bottom: 8px
  }
}

.lifesupportPet-contact>._list>._item>._body>._inner>._name {
  font-size: 20px;
  font-weight: bold
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._list>._item>._body>._inner>._name {
    font-size: 4vw
  }
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._list>._item>._body>._inner>._address {
    font-size: 3.4vw
  }
}

.lifesupportPet-contact>._list>._item>._body>._inner>._tel>a {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 28px;
  font-weight: bold;
  max-width: -webkit-max-content;
  max-width: max-content;
  margin: 0 auto;
  text-decoration: none;
  color: initial;
  pointer-events: none
}

.lifesupportPet-contact>._list>._item>._body>._inner>._tel>a::before {
  content: "";
  background-image: url(../images/lifesupport/icon_tel_r.svg);
  width: 25px;
  height: 35px;
  background-size: 100%;
  display: inline-block;
  background-repeat: no-repeat
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._list>._item>._body>._inner>._tel>a {
    width: 100%;
    padding: 16px;
    border: 1px solid #f35454;
    border-radius: 16px;
    font-size: 6vw;
    pointer-events: auto
  }
}

.lifesupportPet-contact>._list>._item>._body>._inner>._tel>a>span {
  width: 100%;
  font-size: 12px;
  font-weight: 500
}

@media (max-width: 599.98px) {
  .lifesupportPet-contact>._list>._item>._body>._inner>._tel>a>span {
    font-size: 10px
  }
}

.lifesupportPet-detailItems {
  border-top: 5px dotted;
  overflow: hidden;
  margin-top: 56px;
  padding-top: 56px
}

@media (max-width: 599.98px) {
  .lifesupportPet-detailItems {
    padding-top: 40px;
    margin-top: 2rem
  }
}

.lifesupportPet-dog .lifesupportPet-detailItems {
  border-color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-detailItems {
  border-color: #009bd1
}

.lifesupportPet-detailItems:first-child {
  border-top: none;
  padding-top: 0;
  margin-top: 0
}

.lifesupportPet-detailItems .swiper-slide {
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center
}

.lifesupportPet-itemCard {
  background-color: #fff;
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%
}

.lifesupportPet-itemCard>._header {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1rem;
  margin-bottom: 1rem;
  align-items: center
}

.lifesupportPet-itemCard>._header>._image {
  width: calc(50% - 1rem)
}

.lifesupportPet-itemCard>._header>._image figure {
  margin-bottom: 0
}

.lifesupportPet-itemCard>._header>._image img {
  aspect-ratio: 1 /1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.5rem;
  width: 100%
}

.lifesupportPet-itemCard>._header>._image figcaption {
  width: 100% !important;
  font-size: 10px
}

.lifesupportPet-itemCard>._header>._category {
  width: 50%
}

.lifesupportPet-itemCard>._header>._category h3 {
  font-size: 18px;
  margin-bottom: 0
}

.lifesupportPet-itemCard>._lead {
  width: 100%
}

.lifesupportPet-itemCard>._lead p {
  font-size: 15px;
  margin-bottom: 0
}

.lifesupportPet-itemCard ._caption {
  margin-top: 10px;
  font-size: 12px
}

@media (max-width: 599.98px) {
  .lifesupportPet-itemCard ._caption {
    font-size: 10px
  }
}

.lifesupportPet-itemCard ._caption>ul {
  text-indent: -1em;
  padding-left: 1em;
  list-style: none
}

.lifesupportPet-itemCard>._footer {
  margin-top: auto;
  border-top: 1px solid #F0f0f0;
  padding-top: 1rem;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  align-items: flex-end
}

@media (max-width: 599.98px) {
  .lifesupportPet-itemCard>._footer {
    flex-direction: column;
    gap: 0;
    align-items: flex-start
  }
}

.lifesupportPet-itemCard>._footer>._title {
  font-size: 12px
}

.lifesupportPet-itemCard>._footer>._price span {
  font-weight: bold;
  font-size: 200%;
  padding-right: 0.5rem;
  display: inline-block;
  line-height: 1
}

.lifesupportPet-dog .lifesupportPet-itemCard>._footer>._price span {
  color: #fd9444
}

.lifesupportPet-cat .lifesupportPet-itemCard>._footer>._price span {
  color: #009bd1
}

.lifesupportPet-itemCard>._footer>._text {
  margin-bottom: 0;
  font-size: 15px
}

.linkList {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0
}

.linkList>._item {
  padding: 1rem 0;
  border-top: 1px solid #F0f0f0
}

.linkList>._item:last-child {
  padding-bottom: 0
}

.linkList>._item>._link {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  gap: 0.5rem
}

.linkList>._item>._link[class^="icon-"],
.linkList>._item>._link[class*=" icon-"] {
  padding: 0
}

.linkList>._item>._link::before {
  color: #B81C22;
  margin-right: .5rem;
  font-size: 1.5rem;
  font-weight: normal
}

.linkList>._item>._link::after {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: auto;
  font-size: 1.5rem
}

.mfp-fade.mfp-bg {
  opacity: 0;
  transition: all .15s ease-out
}

.mfp-fade.mfp-bg.mfp-ready {
  opacity: .5
}

.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0
}

.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;
  transition: all .15s ease-out
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0
}

.memberIdModal {
  max-width: 21.4375rem;
  margin: 0 auto;
  text-align: center
}

@media (min-width: 600px) {
  .memberIdModal {
    min-width: 21.4375rem
  }
}

.memberIdModal .modal-body {
  padding: 2rem 2rem 0
}

.memberIdModal .modal-body>._title {
  font-size: 0
}

.memberIdModal .modal-body>._image {
  position: relative;
  border-radius: .5rem;
  overflow: hidden;
  margin: 0 auto;
  display: inline-block
}

.memberIdModal .modal-body>._image>._inner {
  position: absolute;
  bottom: 1.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.memberIdModal .modal-body>._image>._inner canvas {
  position: static !important
}

.memberIdModal .modal-body>._image>._inner>._number {
  margin-top: .625rem;
  background-color: #fff;
  font-weight: bold;
  line-height: 1;
  padding: .125rem 0;
  width: 100%
}

.memberIdModal .modal-body>._button {
  background: none;
  border: none;
  margin-top: 1rem
}

.mfp-content .modal,
.modal-wrapper .modal {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
  position: relative;
  transition: all .3s ease
}

@media (min-width: 600px) {

  .mfp-content .modal,
  .modal-wrapper .modal {
    width: 768px
  }
}

.mfp-content .modal-wide.modal,
.modal-wrapper .modal-wide.modal {
  width: 813.33333px
}

.mfp-content .modal>._header,
.modal-wrapper .modal>._header,
.mfp-content .modal>.modal-header,
.modal-wrapper .modal>.modal-header {
  padding: 0
}

.mfp-content .modal>._header *,
.modal-wrapper .modal>._header *,
.mfp-content .modal>.modal-header *,
.modal-wrapper .modal>.modal-header * {
  margin: 0
}

.mfp-content .modal>._header h2,
.modal-wrapper .modal>._header h2,
.mfp-content .modal>.modal-header h2,
.modal-wrapper .modal>.modal-header h2 {
  line-height: 1.5;
  font-size: 1.25rem;
  margin-bottom: 1rem
}

.mfp-content .modal>._header>._close,
.modal-wrapper .modal>._header>._close,
.mfp-content .modal>.modal-header>._close,
.modal-wrapper .modal>.modal-header>._close {
  cursor: pointer;
  height: 3rem;
  line-height: 1;
  outline: none;
  position: absolute;
  right: .5rem;
  top: .5rem;
  transition: background-color .2s,
    color .2s;
  background: none;
  border: none;
  border-radius: 0.5rem;
  padding: 0.5rem;
  font-size: 1rem;
  height: auto;
  aspect-ratio: 50/50;
  cursor: pointer;
  line-height: 1
}

.mfp-content .modal>._header>._close:hover,
.modal-wrapper .modal>._header>._close:hover,
.mfp-content .modal>.modal-header>._close:hover,
.modal-wrapper .modal>.modal-header>._close:hover {
  background-color: #f4f4f4;
  color: #1c1c1c
}

.mfp-content .modal>._header>._close:active,
.modal-wrapper .modal>._header>._close:active,
.mfp-content .modal>.modal-header>._close:active,
.modal-wrapper .modal>.modal-header>._close:active {
  background-color: #F0f0f0
}

.mfp-content .modal>._header>._close:disabled,
.modal-wrapper .modal>._header>._close:disabled,
.mfp-content .modal>._header>._close.btn-disabled,
.modal-wrapper .modal>._header>._close.btn-disabled,
.mfp-content .modal>.modal-header>._close:disabled,
.modal-wrapper .modal>.modal-header>._close:disabled,
.mfp-content .modal>.modal-header>._close.btn-disabled,
.modal-wrapper .modal>.modal-header>._close.btn-disabled {
  color: #9d9d9d
}

.mfp-content .modal>._content,
.modal-wrapper .modal>._content,
.mfp-content .modal>.modal-body,
.modal-wrapper .modal>.modal-body {
  overflow-y: auto;
  padding-top: 1em;
  border: 1px solid #CDCDCD;
  border-radius: 0.5rem;
  padding: 1rem
}

.mfp-content .modal>._footer,
.modal-wrapper .modal>._footer,
.mfp-content .modal>.modal-footer,
.modal-wrapper .modal>.modal-footer {
  display: flex;
  justify-content: space-between;
  padding: 1em 0 0
}

.modal-success-message {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: none
}

.modal-success-message .modal-content {
  background-color: #fff;
  border-radius: .5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  padding: 2rem;
  text-align: center;
  width: 100%
}

@media (min-width: 600px) {
  .modal-success-message .modal-content {
    width: auto;
    min-width: 500px
  }
}

.modal-wrapper {
  background-color: rgba(0, 0, 0, 0.75);
  height: 100%;
  left: 0;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 3000;
  display: flex
}

.modal-wrapper [class^="table-"],
.modal-wrapper [class*=" table-"] {
  border: none
}

.modal-wrapper [class^="table-"] thead tr:first-child,
.modal-wrapper [class^="table-"] tbody tr:first-child,
.modal-wrapper [class^="table-"] tfoot tr:first-child,
.modal-wrapper [class*=" table-"] thead tr:first-child,
.modal-wrapper [class*=" table-"] tbody tr:first-child,
.modal-wrapper [class*=" table-"] tfoot tr:first-child {
  border-top: none
}

.modal-wrapper [class^="table-"] thead tr:last-child,
.modal-wrapper [class^="table-"] tbody tr:last-child,
.modal-wrapper [class^="table-"] tfoot tr:last-child,
.modal-wrapper [class*=" table-"] thead tr:last-child,
.modal-wrapper [class*=" table-"] tbody tr:last-child,
.modal-wrapper [class*=" table-"] tfoot tr:last-child {
  border-bottom: none
}

.modal-wrapper .modal-container {
  display: table;
  padding: 8px;
  width: 100%
}

.modal-wrapper .modal-content {
  display: table-cell;
  vertical-align: middle
}

.modal-wrapper .modal-enter {
  opacity: 0
}

.modal-wrapper .modal-leave-active {
  opacity: 0
}

.modal-wrapper .modal-enter .modal-container,
.modal-wrapper .modal-leave-active .modal-container {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.modal-wrapper .fancybox-slide {
  padding: 20px
}

.modal-wrapper .mfp-close {
  transition: background-color .2s, color .2s;
  background: none;
  border: none;
  padding: 0.5rem;
  height: auto;
  aspect-ratio: 50/50;
  cursor: pointer;
  line-height: 1;
  text-decoration: none;
  border-radius: .5rem;
  color: inherit;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  top: 0.75rem;
  right: 0.75rem
}

.modal-wrapper .mfp-close:hover {
  background-color: #f4f4f4;
  color: #1c1c1c
}

.modal-wrapper .mfp-close:active {
  background-color: #F0f0f0
}

.modal-wrapper .mfp-close:disabled,
.modal-wrapper .mfp-close.btn-disabled {
  color: #9d9d9d
}

@media (min-width: 600px) {

  .modal-wrapper .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .modal-wrapper .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .modal-wrapper .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .modal-wrapper .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend {
    width: 13rem
  }
}

@media (min-width: 600px) {
  .modal-wrapper .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'] {
    width: 10rem
  }
}

@media (min-width: 600px) {

  .scfOneColumnSection .modal-wrapper .scfSectionBorderAsFieldSet .scfSectionLegend,
  .scfHalfColumnSection .modal-wrapper .scfSectionBorderAsFieldSet .scfSectionLegend,
  .scfOneThirdColumnSection .modal-wrapper .scfSectionBorderAsFieldSet .scfSectionLegend,
  .scfQuarterColumnSection .modal-wrapper .scfSectionBorderAsFieldSet .scfSectionLegend {
    width: 10rem
  }
}

@media (min-width: 600px) {
  .modal-wrapper .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegendF {
    width: 10rem
  }
}

@media (min-width: 600px) {
  .modal-wrapper .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegendF {
    width: 10rem
  }
}

@media (min-width: 600px) {
  .modal-wrapper .scfSectionContent>[class*='Border'] [class*='Label'] {
    width: 10rem
  }
}

@media (min-width: 600px) {
  .modal-wrapper .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='LabelF'] {
    width: 10rem
  }
}

#confirmModal h4:empty {
  display: none
}

#confirmModal table {
  border: none
}

#confirmModal table:last-child {
  margin-bottom: 0
}

@media (min-width: 1024px) {
  #confirmModal table {
    border-collapse: separate;
    border-spacing: 1rem
  }
}

#confirmModal table ._width-12 {
  width: 100%
}

@media (min-width: 1024px) {
  #confirmModal table ._width-12 {
    width: 12em
  }
}

#confirmModal table tr {
  border: none
}

#confirmModal table th,
#confirmModal table td {
  display: block;
  padding: 0;
  font-size: 1rem
}

@media (max-width: 1023.98px) {

  #confirmModal table th._width-14,
  #confirmModal table td._width-14 {
    width: 100%
  }
}

@media (min-width: 1024px) {

  #confirmModal table th,
  #confirmModal table td {
    display: table-cell;
    vertical-align: top
  }
}

#confirmModal table th {
  color: #9d9d9d;
  font-weight: normal
}

@media (min-width: 1024px) {
  #confirmModal table th {
    margin-right: 1.5rem;
    margin-bottom: 1rem
  }
}

#confirmModal table td {
  margin-bottom: 1rem
}

#confirmModal table td::before {
  display: none
}

#confirmModal ._footer {
  width: 100%;
  display: flex;
  gap: 1rem
}

#confirmModal ._footer>* {
  width: 100%
}

#confirmModal ._footer>*>* {
  width: 100%;
  padding: 1rem 1rem;
  min-height: 3.5625rem;
  font-size: 1rem
}

#confirmModal ._footer .mfp-closeBtn {
  border-color: #B81C22;
  background: none;
  color: #B81C22
}

#confirmModal ._footer .mfp-closeBtn:hover {
  background-color: #FBF1F2
}

#confirmModal ._footer .mfp-closeBtn:active {
  background-color: #EBB0B2
}

#confirmModal ._footer .mfp-closeBtn:disabled,
#confirmModal ._footer .mfp-closeBtn.btn-disabled {
  border-color: #EBB0B2;
  color: #EBB0B2
}

#modal-buildingSearch .align-center>div {
  width: 100%;
  display: flex;
  gap: 1rem;
  margin-bottom: 1rem
}

#modal-buildingSearch .align-center>div>.search_building_btn {
  min-width: 3.35rem
}

#modal-buildingSearch .align-center>table {
  width: 100%;
  border-bottom: none
}

#modal-buildingSearch .align-center>table>thead {
  display: none
}

@media (min-width: 1024px) {
  #modal-buildingSearch .align-center>table>thead {
    display: contents
  }
}

#modal-buildingSearch .align-center>table #building_tbl_body tr {
  border-top: none;
  padding: 1rem 0;
  display: grid;
  grid-template-columns: 0.3fr 1fr;
  grid-template-rows: repeat(3, 1);
  grid-column-gap: 1rem;
  grid-row-gap: 0
}

@media (min-width: 1024px) {
  #modal-buildingSearch .align-center>table #building_tbl_body tr {
    display: table-row
  }
}

#modal-buildingSearch .align-center>table #building_tbl_body tr>td {
  padding: 0
}

@media (min-width: 1024px) {
  #modal-buildingSearch .align-center>table #building_tbl_body tr>td {
    padding: 1em 20px
  }
}

#modal-buildingSearch .align-center>table #building_tbl_body tr>td:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: 1 / 1 / 4 / 2;
  min-width: 5rem
}

#modal-buildingSearch .align-center>table #building_tbl_body tr>td:nth-child(1) .select_building_btn {
  width: 100%;
  max-height: 3.375rem;
  cursor: pointer
}

@media (min-width: 1024px) {
  #modal-buildingSearch .align-center>table #building_tbl_body tr>td:nth-child(1) {
    display: table-cell
  }
}

#modal-buildingSearch .align-center>table #building_tbl_body tr>td:nth-child(2) {
  font-weight: 700;
  grid-area: 1 / 2 / 2 / 3
}

#modal-buildingSearch .align-center>table #building_tbl_body tr>td:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3
}

#modal-buildingSearch .align-center>table #building_tbl_body tr>td:nth-child(4) {
  grid-area: 3 / 2 / 4 / 3
}

.multiList {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem
}

.multiList>* {
  width: 100%
}

@media (min-width: 600px) {
  .multiList>* {
    width: calc(50% - 0.5rem)
  }
}

.multiList-col3 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem
}

.multiList-col3>* {
  width: 100%
}

@media (min-width: 600px) {
  .multiList-col3>* {
    width: calc(100% / 3 - 0.67rem)
  }
}

.multiListCard-small {
  position: relative;
  border-radius: .5rem;
  overflow: hidden
}

.multiListCard-small ._image {
  aspect-ratio: 236/134
}

.multiListCard-small ._image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.multiListCard-small ._mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.multiListCard-small ._mask ._title {
  font-size: 1.125rem;
  margin-bottom: 0
}

.multiListCard-small ._mask ._text {
  margin-bottom: 0
}

.multiListCard,
.multiListCard-wide,
.multiListCard-grid {
  position: relative;
  background-color: #fff;
  border-radius: .5rem;
  padding: 1rem;
  display: flex;
  flex-direction: column
}

.multiListCard ._link,
.multiListCard-wide ._link,
.multiListCard-grid ._link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.multiListCard .multiListCard-body>._image,
.multiListCard-wide .multiListCard-body>._image,
.multiListCard-grid .multiListCard-body>._image {
  aspect-ratio: 875 / 500;
  border-radius: .5rem;
  display: flex;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  margin-bottom: .5rem;
  background: url(../images/logo-residenceclub.svg) center no-repeat;
  background-size: 60% auto
}

.multiListCard .multiListCard-body>._image img,
.multiListCard-wide .multiListCard-body>._image img,
.multiListCard-grid .multiListCard-body>._image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .5rem
}

.multiListCard .multiListCard-body>._image.is-vertical,
.multiListCard-wide .multiListCard-body>._image.is-vertical,
.multiListCard-grid .multiListCard-body>._image.is-vertical {
  max-width: 12.5rem;
  margin: 0 auto .5rem;
  aspect-ratio: 350 / 495
}

.multiListCard .multiListCard-body ._text,
.multiListCard-wide .multiListCard-body ._text,
.multiListCard-grid .multiListCard-body ._text {
  display: flex;
  margin-bottom: 1rem
}

.multiListCard .multiListCard-body ._text:last-child,
.multiListCard-wide .multiListCard-body ._text:last-child,
.multiListCard-grid .multiListCard-body ._text:last-child {
  margin-bottom: 0
}

.multiListCard .multiListCard-body ._text>p,
.multiListCard-wide .multiListCard-body ._text>p,
.multiListCard-grid .multiListCard-body ._text>p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: 0;
  transition: color .2s
}

@media (min-width: 600px) {

  .multiListCard .multiListCard-body ._text>p,
  .multiListCard-wide .multiListCard-body ._text>p,
  .multiListCard-grid .multiListCard-body ._text>p {
    min-height: calc(1.75em * 2)
  }
}

.multiListCard .multiListCard-foot,
.multiListCard-wide .multiListCard-foot,
.multiListCard-grid .multiListCard-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 1rem
}

.multiListCard .multiListCard-event>._title,
.multiListCard-wide .multiListCard-event>._title,
.multiListCard-grid .multiListCard-event>._title {
  border-bottom: 1px solid #F0f0f0;
  padding-bottom: .5rem;
  margin-bottom: .5rem
}

.multiListCard .multiListCard-event>._date,
.multiListCard-wide .multiListCard-event>._date,
.multiListCard-grid .multiListCard-event>._date {
  display: flex
}

.multiListCard .multiListCard-event>._date::before,
.multiListCard-wide .multiListCard-event>._date::before,
.multiListCard-grid .multiListCard-event>._date::before {
  margin-right: 8px;
  color: #B81C22
}

.multiListCard .multiListCard-campaign>*,
.multiListCard-wide .multiListCard-campaign>*,
.multiListCard-grid .multiListCard-campaign>* {
  display: inline-block
}

.multiListCard .multiListCard-campaign>*:first-child,
.multiListCard-wide .multiListCard-campaign>*:first-child,
.multiListCard-grid .multiListCard-campaign>*:first-child {
  margin-right: .5rem
}

.multiListCard ._tagList,
.multiListCard-wide ._tagList,
.multiListCard-grid ._tagList {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem
}

.multiListCard ._bookmark,
.multiListCard-wide ._bookmark,
.multiListCard-grid ._bookmark {
  display: flex;
  align-items: flex-end;
  padding-left: 1rem;
  margin-left: auto
}

.multiListCard ._bookmark>._button,
.multiListCard-wide ._bookmark>._button,
.multiListCard-grid ._bookmark>._button {
  position: relative;
  z-index: 1;
  padding: 0;
  border: none;
  background: none;
  color: #CDCDCD;
  transition: color .2s;
  line-height: 1;
  font-size: 1.5rem
}

.multiListCard ._bookmark>._button[aria-expanded*="true"],
.multiListCard-wide ._bookmark>._button[aria-expanded*="true"],
.multiListCard-grid ._bookmark>._button[aria-expanded*="true"] {
  color: #B81C22
}

.multiListCard ._bookmark>._button>span,
.multiListCard-wide ._bookmark>._button>span,
.multiListCard-grid ._bookmark>._button>span {
  font-size: 0
}

@media (min-width: 600px) {

  .multiListCard:hover ._text p,
  .multiListCard-wide:hover ._text p,
  .multiListCard-grid:hover ._text p {
    color: #B81C22
  }
}

.multiListCard-wide {
  width: 100%
}

.multiListCard-wide .multiListCard-body>._image>div {
  width: 100%;
  height: 100%
}

@media (min-width: 600px) {
  .multiListCard-wide .multiListCard-body {
    display: flex;
    gap: 1rem;
    align-items: flex-start
  }

  .multiListCard-wide .multiListCard-body>._image {
    margin-bottom: 0;
    width: 30%;
    max-width: 13.625rem
  }

  .multiListCard-wide .multiListCard-body>._inner {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: 100%
  }
}

.multiListCard-grid {
  width: 100%
}

@media (min-width: 600px) {
  .multiListCard-grid {
    padding: 0
  }
}

@media (min-width: 600px) {
  .multiListCard-grid .multiListCard-body {
    display: grid;
    grid-template-areas: "_title _title"
      "_image _inner"
      "_image _label";
    grid-auto-rows: 1fr;
    grid-template-columns: 38% 1fr;
    grid-template-rows: 0.2fr auto auto
  }

  .multiListCard-grid .multiListCard-body>._title {
    grid-area: _title;
    margin-bottom: 1rem
  }

  .multiListCard-grid .multiListCard-body>._image {
    grid-area: _image;
    aspect-ratio: 144 / 114;
    border-radius: 0;
    margin-right: 1rem
  }

  .multiListCard-grid .multiListCard-body>._inner {
    grid-area: _inner
  }

  .multiListCard-grid .multiListCard-body>._label {
    grid-area: _label
  }
}

.multiListCard-dl {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.5rem;
  flex: 1;
  align-items: center;
  margin: 0.5rem 0 0
}

.multiListCard-dl:first-child {
  margin-top: 0
}

.multiListCard-dl>dd {
  margin: 0
}

.myList {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem
}

@media (min-width: 600px) {
  .myList {
    margin-right: -1rem
  }
}

.myList .myList-categoryCard {
  width: 100%
}

.myList .multiListCard {
  width: 100%
}

@media (min-width: 600px) {
  .myList .multiListCard {
    width: calc(50% - 0.5rem)
  }
}

.myList>._info {
  margin: 1rem 0 0;
  display: flex;
  align-items: center
}

.myList-none {
  text-align: center
}

.myList-none>._img {
  padding: 2rem 0 1rem
}

@media (min-width: 600px) {
  .myList-none>._img {
    padding: 6rem 0 2rem
  }
}

.myList-none>._text {
  padding-top: 1rem
}

@media (min-width: 600px) {
  .myList-none>._text {
    padding-top: 1.5rem
  }

  .myList-none>._text br._sp {
    display: none
  }
}

.myList-none>._text p {
  margin-bottom: 1.5rem
}

.myList-none>._text a {
  color: #B81C22;
  text-decoration: none;
  font-weight: bold
}

.myList-categoryCard>.myList-categoryCard-inner {
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  border-radius: .5rem;
  width: 100%;
  height: 10rem;
  overflow: hidden;
  text-decoration: none
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-body {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  min-width: 9.375rem
}

@media (min-width: 600px) {
  .myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-body {
    min-width: 12.5rem
  }
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-body>._category {
  font-size: 1.125rem;
  font-weight: bold
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-body>._tag {
  margin-top: auto
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-body>._tag>span {
  background-color: #B81C22;
  color: #fff;
  display: inline-block;
  padding: 0 .5rem;
  border-radius: .25rem
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images {
  position: relative;
  display: flex;
  overflow: hidden
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner {
  position: relative;
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 100%;
  box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.3)
}

@media (min-width: 600px) {
  .myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner {
    width: 2rem
  }
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner:only-of-type {
  display: grid
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner:only-of-type>img {
  max-width: 100%
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner:nth-last-child(n+4) {
  display: none
}

@media (min-width: 600px) {
  .myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner:nth-last-child(n+4) {
    display: flex
  }
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner:last-child {
  min-width: 8rem
}

@media (min-width: 600px) {
  .myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner:last-child {
    min-width: 10rem
  }
}

.myList-categoryCard>.myList-categoryCard-inner>.myList-categoryCard-images>._inner>img {
  width: auto;
  height: 100%;
  max-width: none;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 280 / 160
}

.mypageCalendar {
  position: relative;
  background-color: #fff;
  line-height: 1.34;
  margin-bottom: 1em
}

.mypageCalendar>._header {
  align-items: center;
  border: 1px solid #CDCDCD;
  border-bottom: 0;
  color: #1c1c1c;
  display: flex;
  padding: 0.5em 20px;
  border-radius: .5rem .5rem 0 0
}

.mypageCalendar>._header>._prev,
.mypageCalendar>._header>._next {
  color: inherit;
  text-decoration: none
}

.mypageCalendar>._header>._prev i,
.mypageCalendar>._header>._next i {
  margin-right: 0;
  font-size: 1rem
}

.mypageCalendar>._header>._current {
  flex: 1;
  font-weight: bold;
  line-height: 1;
  text-align: center
}

.mypageCalendar>._header>._current>._month {
  font-size: 2.5rem
}

.mypageCalendar>._header>._current>._year {
  font-size: 1rem
}

.mypageCalendar>._calendar {
  border-color: transparent;
  margin: 0;
  table-layout: fixed;
  width: 100%
}

.mypageCalendar>._calendar>._days {
  display: flex;
  flex-wrap: wrap;
  font-size: .875rem
}

.mypageCalendar>._calendar>._days>._day {
  background-color: #1c1c1c;
  color: #fff;
  padding: 0.5em 10px;
  text-align: center;
  width: 14.28571%
}

.mypageCalendar>._calendar>._dates {
  border-left: 1px solid #CDCDCD;
  display: flex;
  flex-wrap: wrap;
  font-size: .75rem
}

.mypageCalendar>._calendar>._dates>._date {
  height: 4rem;
  padding: 0.2em 5px;
  border-bottom: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD;
  width: 14.28571%
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date {
    height: 7.5rem;
    padding: 0.5em 10px;
    position: relative
  }
}

@media (min-width: 600px) {

  .mypageCalendar>._calendar>._dates>._date:nth-child(7n-5)>._events,
  .mypageCalendar>._calendar>._dates>._date:nth-child(7n-6)>._events {
    left: -50%
  }
}

@media (min-width: 600px) {

  .mypageCalendar>._calendar>._dates>._date:nth-child(7n-5)>._events:before,
  .mypageCalendar>._calendar>._dates>._date:nth-child(7n-6)>._events:before {
    left: calc(25% - 1rem)
  }
}

@media (min-width: 600px) {

  .mypageCalendar>._calendar>._dates>._date:nth-child(7n)>._events,
  .mypageCalendar>._calendar>._dates>._date:nth-child(7n-1)>._events {
    left: -250%
  }
}

@media (min-width: 600px) {

  .mypageCalendar>._calendar>._dates>._date:nth-child(7n)>._events:before,
  .mypageCalendar>._calendar>._dates>._date:nth-child(7n-1)>._events:before {
    left: calc(75% - 1rem)
  }
}

.mypageCalendar>._calendar>._dates>._date:nth-child(7n-1)>._label {
  color: #00a5a5
}

.mypageCalendar>._calendar>._dates>._date:nth-child(7n)>._label,
.mypageCalendar>._calendar>._dates>._date._holiday>._label {
  color: #e23b3b
}

.mypageCalendar>._calendar>._dates>._date._today {
  background-color: rgba(184, 28, 34, 0.02)
}

.mypageCalendar>._calendar>._dates>._date>._label {
  text-align: center;
  font-weight: bold
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date>._label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left
  }
}

.mypageCalendar>._calendar>._dates>._date>._label>._name {
  display: none
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date>._label>._name {
    display: inline
  }
}

.mypageCalendar>._calendar>._dates>._date>._event {
  display: none
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date>._event {
    display: block;
    background-color: rgba(184, 28, 34, 0.1);
    border-left: 2px solid #B81C22;
    color: #1c1c1c;
    cursor: pointer;
    margin: 0.2em -10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0.1rem 0
  }

  .mypageCalendar>._calendar>._dates>._date>._event i {
    margin: 0 0.2rem;
    font-size: 1rem
  }
}

.mypageCalendar>._calendar>._dates>._date>._more {
  color: #B81C22;
  cursor: pointer
}

@media (max-width: 599.98px) {
  .mypageCalendar>._calendar>._dates>._date>._more {
    font-size: 0;
    height: 2rem;
    text-align: center
  }

  .mypageCalendar>._calendar>._dates>._date>._more:after {
    background-color: #B81C22;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 0.8rem;
    margin-top: 0.8rem;
    width: 0.8rem
  }
}

.mypageCalendar>._calendar>._dates>._date>._events {
  background-color: #fff;
  border-collapse: collapse;
  border-radius: .5rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute
}

@media (max-width: 599.98px) {
  .mypageCalendar>._calendar>._dates>._date>._events {
    bottom: 10px;
    left: 10px;
    overflow-y: auto;
    right: 10px;
    top: 10px
  }
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date>._events {
    left: -150%;
    top: 100%;
    width: 400%;
    z-index: 1
  }
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date>._events:before {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    border-width: 0 1rem 1rem 1rem;
    content: "";
    left: calc(50% - 1rem);
    position: absolute;
    top: -1rem
  }
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date>._events>._body {
    display: table;
    width: 100%
  }
}

@media (min-width: 600px) {
  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item {
    display: table-row
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item:first-child>._title,
  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item:first-child>._date,
  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item:first-child>._more {
    border-top: none
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item>._title {
    border-top: 1px solid #CDCDCD;
    display: table-cell;
    max-width: 0;
    padding: 1em
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item>._date {
    border-top: 1px solid #CDCDCD;
    display: table-cell;
    padding: 1em 1em 1em 0;
    white-space: nowrap;
    width: 1em
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item>._more {
    border-top: 1px solid #CDCDCD;
    display: table-cell;
    padding: 1em 1em 1em 0;
    white-space: nowrap;
    width: 1em
  }
}

@media (max-width: 599.98px) {
  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item+._item {
    border-top: 1px solid #CDCDCD
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item>._title {
    order: 3;
    width: 100%
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item>._date {
    order: 1
  }

  .mypageCalendar>._calendar>._dates>._date>._events>._body>._item>._more {
    order: 2
  }
}

.mypageDataTable {
  border: 1px solid #CDCDCD;
  font-size: .875rem;
  margin-bottom: 1em;
  border-radius: .5rem
}

.mypageDataTable>._content {
  margin-bottom: 0
}

.mypageDataTable>._content>._header {
  display: none
}

.mypageDataTable>._content>._item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: 0;
  padding: 1em
}

.mypageDataTable>._content>._item+._item {
  border-top: 1px solid #CDCDCD
}

.mypageDataTable>._content>._item>._icon {
  margin-right: 1em;
  order: 0
}

.mypageDataTable>._content>._item>._title {
  order: 6;
  width: 100%
}

.mypageDataTable>._content>._item>._date {
  font-size: .75rem;
  margin-right: 1em;
  order: 1
}

.mypageDataTable>._content>._item>._place {
  font-size: .75rem;
  margin-right: 1em;
  order: 2
}

.mypageDataTable>._content>._item>._more {
  font-size: .75rem;
  margin-left: auto;
  order: 5
}

.mypageDataTable>._content>._item>._more a,
.mypageDataTable>._content>._item>._more button {
  margin-bottom: 0;
  padding: .25em 0;
  width: 5em;
  font-size: .75rem
}

.mypageDataTable>._content>._item>._more a i,
.mypageDataTable>._content>._item>._more button i {
  font-size: .875rem
}

.mypageDataTable>._content>._item>._priority {
  font-size: .75rem;
  margin-right: 1em;
  order: 3
}

.mypageDataTable>._content>._item>._check {
  margin-right: 1em;
  order: 0
}

.mypageDataTable>._content>._item>._target {
  font-size: .75rem;
  margin-right: 1em;
  order: 4
}

@media (min-width: 600px) {
  .mypageDataTable {
    border-collapse: collapse;
    display: table;
    font-size: .875rem;
    margin-bottom: 1em;
    width: 100%;
    border-radius: .5rem
  }

  .mypageDataTable>._content {
    display: table-row-group
  }

  .mypageDataTable>._content>._header {
    background-color: #F0f0f0;
    color: #9d9d9d;
    display: table-row;
    border-bottom: 1px solid #CDCDCD
  }

  .mypageDataTable>._content>._header>._icon,
  .mypageDataTable>._content>._header>._title,
  .mypageDataTable>._content>._header>._date,
  .mypageDataTable>._content>._header>._place,
  .mypageDataTable>._content>._header>._more,
  .mypageDataTable>._content>._header>._priority,
  .mypageDataTable>._content>._header>._check,
  .mypageDataTable>._content>._header>._target {
    display: table-cell;
    padding: .5em 1em .5em 0;
    white-space: nowrap;
    width: 1em
  }

  .mypageDataTable>._content>._header>._icon:first-child,
  .mypageDataTable>._content>._header>._title:first-child,
  .mypageDataTable>._content>._header>._date:first-child,
  .mypageDataTable>._content>._header>._place:first-child,
  .mypageDataTable>._content>._header>._more:first-child,
  .mypageDataTable>._content>._header>._priority:first-child,
  .mypageDataTable>._content>._header>._check:first-child,
  .mypageDataTable>._content>._header>._target:first-child {
    padding-left: 1em
  }

  .mypageDataTable>._content>._header>._title {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto
  }

  .mypageDataTable>._content>._item {
    display: table-row;
    margin-left: 0
  }

  .mypageDataTable>._content>._item.is-active {
    background-color: #fcf6f6
  }

  .mypageDataTable>._content>._item>._icon,
  .mypageDataTable>._content>._item>._title,
  .mypageDataTable>._content>._item>._date,
  .mypageDataTable>._content>._item>._place,
  .mypageDataTable>._content>._item>._more,
  .mypageDataTable>._content>._item>._priority,
  .mypageDataTable>._content>._item>._check,
  .mypageDataTable>._content>._item>._target {
    display: table-cell;
    padding: 1em 1em 1em 0;
    white-space: nowrap;
    width: 1em;
    font-size: .875rem
  }

  .mypageDataTable>._content>._item>._icon:first-child,
  .mypageDataTable>._content>._item>._title:first-child,
  .mypageDataTable>._content>._item>._date:first-child,
  .mypageDataTable>._content>._item>._place:first-child,
  .mypageDataTable>._content>._item>._more:first-child,
  .mypageDataTable>._content>._item>._priority:first-child,
  .mypageDataTable>._content>._item>._check:first-child,
  .mypageDataTable>._content>._item>._target:first-child {
    padding-left: 1em
  }

  .mypageDataTable>._content>._item>._title {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    width: auto
  }

  .mypageDataTable>._content>._item>._more a,
  .mypageDataTable>._content>._item>._more button {
    margin-bottom: 0;
    padding: .25em .5em;
    width: 100%
  }
}

.mypageEventSchedulePanel {
  border: 1px solid #CDCDCD;
  margin-bottom: 1em;
  padding: 0 20px;
  border-radius: .5rem
}

.mypageEventSchedulePanel>._header {
  border-bottom: 1px solid #CDCDCD;
  padding-top: 1rem
}

.mypageEventSchedulePanel>._summary {
  margin: 0 -10px;
  max-width: none;
  min-height: 0%;
  padding-top: 1rem
}

@media (min-width: 600px) {
  .mypageEventSchedulePanel>._summary {
    display: flex;
    flex-wrap: wrap
  }
}

.mypageEventSchedulePanel>._summary>._image {
  padding: 0 10px
}

@media (min-width: 600px) {
  .mypageEventSchedulePanel>._summary>._image {
    flex: 0 0 50%;
    max-width: 50%
  }
}

.mypageEventSchedulePanel>._summary>._image>._cover {
  margin-bottom: 1rem
}

.mypageEventSchedulePanel>._summary>._image>._cover img {
  width: 100%;
  border-radius: .5rem
}

.mypageEventSchedulePanel>._summary>._content {
  padding: 0 10px
}

@media (min-width: 600px) {
  .mypageEventSchedulePanel>._summary>._content {
    flex: 0 0 50%;
    max-width: 50%
  }
}

@media (min-width: 600px) {
  .mypageEventSchedulePanel>._summary>._content._fluid {
    flex: 0 0 100%;
    max-width: 100%
  }
}

.mypageEventSchedulePanel>._summary>._content>._list>dl>dt {
  color: #9d9d9d;
  font-size: .875rem
}

.mypageEventSchedulePanel>._summary>._content>._list>dl>dd {
  color: #1c1c1c;
  line-height: 1.75;
  margin-left: 0
}

.mypageEventSchedulePanel>._detail {
  border-top: 1px solid #CDCDCD
}

.mypageEventSchedulePanel>._detail.is-active>._header:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.mypageEventSchedulePanel>._detail .accordion-item {
  border: none
}

.mypageEventSchedulePanel>._detail ._header {
  padding: 1em 0;
  position: relative;
  text-align: center
}

.mypageEventSchedulePanel>._detail ._content {
  border-top: 1px dotted #CDCDCD;
  padding: 1rem 0
}

.mypageEventSchedulePanel>._detail ._content>._list {
  margin: 0 -10px
}

@media (min-width: 600px) {
  .mypageEventSchedulePanel>._detail ._content>._list {
    display: flex;
    flex-wrap: wrap
  }
}

.mypageEventSchedulePanel>._detail ._content>._list>dl {
  padding: 0 10px
}

.mypageEventSchedulePanel>._detail ._content>._list>dl>dt {
  color: #9d9d9d;
  font-size: .875rem
}

.mypageEventSchedulePanel>._detail ._content>._list>dl>dd {
  color: #1c1c1c;
  line-height: 1.75;
  margin-left: 0;
  margin-top: .5em
}

.mypageFlowChart {
  background-color: #6A6A6A;
  margin-bottom: 1em;
  border-radius: .5rem;
  padding: 0 2rem 1rem 1rem
}

.mypageFlowChart>._flow {
  counter-reset: i;
  display: flex;
  flex-wrap: wrap;
  font-size: .875rem;
  line-height: 1.34;
  list-style-type: none;
  margin: 0 -1rem;
  padding-left: 0
}

.mypageFlowChart>._flow>li {
  width: 50%;
  padding: 1rem 0 0 1rem
}

@media (min-width: 1024px) {
  .mypageFlowChart>._flow>li {
    width: 20%
  }
}

.mypageFlowChart>._flow>li:last-child>a:after {
  display: none
}

.mypageFlowChart>._flow>li>a {
  align-items: center;
  background-color: #fff;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  min-height: 7rem;
  padding: 1em;
  position: relative;
  text-decoration: none;
  border-radius: .5rem
}

.mypageFlowChart>._flow>li>a.is-disabled {
  opacity: .5;
  pointer-events: none
}

.mypageFlowChart>._flow>li>a.is-active {
  background-color: #1c1c1c;
  color: #fff
}

.mypageFlowChart>._flow>li>a.is-active:after {
  border-color: transparent transparent transparent #1c1c1c
}

.mypageFlowChart>._flow>li>a:after {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: 1rem 0 1rem 1rem;
  content: "";
  height: 0;
  margin-top: -1rem;
  position: absolute;
  right: -1rem;
  top: 50%;
  width: 0
}

.mypageFlowChart>._flow>li>a:before {
  bottom: 0;
  content: counter(i);
  counter-increment: i;
  font-size: 4rem;
  font-weight: bold;
  line-height: 1;
  opacity: .1;
  position: absolute;
  right: 0.3rem
}

.mypageFlowChart>._flow>li>a * {
  width: 100%
}

.mypageFlowChart>._flow>li>a>._title {
  font-weight: bold
}

.mypageFlowChart>._flow>li>a>._date {
  color: #6A6A6A;
  font-size: .75rem;
  margin-top: .5em
}

.mypageInfoPanel-C {
  overflow: hidden;
  margin-bottom: 1em
}

@media (min-width: 600px) {
  .mypageInfoPanel-C {
    flex-direction: row
  }
}

.mypageInfoPanel-C>._content {
  flex: 1;
  padding: 20px
}

@media (max-width: 599.98px) {
  .mypageInfoPanel-C>._content {
    order: 2
  }
}

@media (min-width: 600px) {
  .mypageInfoPanel-C>._content {
    padding: 40px
  }
}

.mypageInfoPanel-C>._content>._title {
  font-size: 1.25rem
}

@media (max-width: 599.98px) {
  .mypageInfoPanel-C>._content>._title {
    text-align: center
  }

  .mypageInfoPanel-C>._content>._title:after {
    margin: 0 auto
  }
}

@media (min-width: 600px) {
  .mypageInfoPanel-C>._content>._title {
    font-size: 1.5rem
  }
}

.mypageInfoPanel-C>._content>._title:after {
  border-bottom: 2px solid #CDCDCD;
  content: "";
  display: block;
  padding-bottom: 1em;
  width: 4rem
}

.mypageInfoPanel-C>._content>._area {
  font-size: 1.25rem
}

@media (max-width: 599.98px) {
  .mypageInfoPanel-C>._content>._area {
    text-align: center
  }
}

.mypageInfoPanel-C>._content>._address {
  border-top: 1px solid #CDCDCD;
  margin-bottom: 0;
  padding-top: 1em
}

@media (min-width: 600px) {
  .mypageInfoPanel-C>._content>._address {
    padding-top: 2em;
    margin-top: 2em
  }
}

.mypageInfoPanel-C>._content>._address>dt {
  color: #9d9d9d;
  font-size: .75rem
}

.mypageInfoPanel-C>._content>._address>dd {
  font-weight: bold;
  margin-left: 0;
  margin-top: .2em
}

.mypageInfoPanel-C>._content>._address>dd+dt {
  margin-top: 1em
}

.mypageInfoPanel-C>._content>._update {
  border-top: 1px solid #CDCDCD;
  color: #9d9d9d;
  font-size: .75rem;
  margin-top: 2em;
  padding-top: .5em;
  text-align: right
}

.mypageInfoPanel-C>._card {
  background-color: #fff;
  color: inherit;
  display: flex;
  flex-direction: column;
  height: calc(100% - 20px);
  margin-bottom: 1.25rem;
  text-decoration: none;
  width: 100%;
  flex: 1;
  height: auto;
  margin-bottom: 0
}

@media (max-width: 599.98px) {
  .mypageInfoPanel-C>._card {
    order: 1
  }
}

.mypageInfoPanel-C>._card>._image>._cover {
  padding-bottom: 100%
}

.mypageInfoPanel-C>._card>._content {
  align-items: center;
  background-color: #1c1c1c;
  color: #fff;
  display: flex;
  flex: 1;
  justify-content: center;
  position: relative;
  text-align: center
}

.mypageInfoPanel-C>._card>._content:before {
  border-color: transparent transparent #1c1c1c transparent;
  border-style: solid;
  border-width: 0 1rem 1rem 1rem;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -1rem;
  position: absolute;
  top: -1rem;
  width: 0
}

.mypageInfoPanel-C>._card>._content>._status>b {
  display: inline-block;
  font-size: 1.25rem;
  margin: 0 .2em
}

.myResidence-select-info {
  padding: 1rem 0
}

.myResidence-select-info>._label {
  padding: .3125rem 1rem;
  margin-bottom: .5rem
}

.myResidence-select-info>._name {
  margin-bottom: 1rem
}

.myResidence-list>._item {
  font-weight: bold;
  border-top: 1px solid #F0f0f0;
  padding: 1rem 0
}

.myResidence-list>._item:first-child {
  border-top: none
}

.myResidence-list>._item:last-child {
  padding-bottom: 0
}

.mySelectionSide>._title {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 1rem
}

.mySelectionSide>._list {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
  margin-bottom: 1rem;
  justify-content: center
}

@media (min-width: 600px) {
  .mySelectionSide>._list {
    flex-direction: row
  }
}

@media (min-width: 1024px) {
  .mySelectionSide>._list {
    flex-direction: column
  }
}

.mySelectionSideCard {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 11.5rem;
  width: 100%;
  border-radius: 0.5rem;
  overflow: hidden;
  text-decoration: none
}

.mySelectionSideCard>._image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2
}

.mySelectionSideCard>._image>img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.mySelectionSideCard>._label {
  padding: 1rem
}

.mySelectionSideCard>._label>* {
  vertical-align: top;
  display: inline-flex;
  height: 1.5rem;
  padding: 0 .5rem;
  justify-content: center;
  align-items: center;
  gap: .25rem;
  flex-shrink: 0
}

.mySelectionSideCard>._name {
  margin-top: auto;
  padding: 1rem;
  color: #fff;
  line-height: 100%;
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  align-self: stretch;
  line-height: 21.5px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 100%);
  min-height: calc(3em + 2rem)
}

.mySelectionSideCard>._name::after {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem
}

@media (min-width: 600px) {
  .mySelectionSideCard {
    width: calc(50% - 0.5rem)
  }
}

@media (min-width: 1024px) {
  .mySelectionSideCard {
    width: 100%
  }
}

.mySelectionSideCard.is-soldOut:hover>._image>img {
  -webkit-transform: scale(1);
  transform: scale(1)
}

.mySelectionSideCard.is-soldOut::after {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: '螳悟｣ｲ蠕｡遉ｼ';
  padding: 0 1rem;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 0.5rem;
  font-size: 1rem;
  text-align: center;
  width: 100%;
  max-width: 7rem
}

.mySelectionSideCard.is-soldOut>._image {
  background-color: rgba(0, 0, 0, 0.3)
}

.mySelectionSideCard.is-soldOut>._image>img {
  opacity: 0.3
}

.mySelectionSideCard.is-soldOut>._label {
  display: none
}

.mySelectionSideCard.is-soldOut>._name::after {
  display: none
}

.newsletterTable {
  width: 100%;
  border-top: 1px solid #CDCDCD;
  border-right: 1px solid #CDCDCD
}

.newsletterTable tr {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(3, 1);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #CDCDCD
}

@media (min-width: 600px) {
  .newsletterTable tr {
    display: table-row
  }
}

.newsletterTable tr>td {
  width: 100%;
  border-left: 1px solid #CDCDCD;
  padding: 0.5em 20px
}

@media (min-width: 600px) {
  .newsletterTable tr>td {
    padding: 1em 20px
  }
}

@media (max-width: 599.98px) {
  .newsletterTable tr>td>._date {
    background-color: #dee2e6;
    padding: 0.2em 0.5em;
    font-size: .75rem;
    border-radius: 0.25rem
  }
}

.newsletterTable tr>td:nth-child(1) {
  grid-area: 2 / 1 / 3 / 2
}

@media (min-width: 600px) {
  .newsletterTable tr>td:nth-child(1) {
    width: 2em
  }
}

.newsletterTable tr>td:nth-child(2) {
  grid-area: 3 / 1 / 4 / 2;
  padding-bottom: 1em
}

@media (min-width: 600px) {
  .newsletterTable tr>td:nth-child(2) {
    width: 6em
  }
}

.newsletterTable tr>td:nth-child(3) {
  grid-area: 1 / 1 / 2 / 2;
  text-align: center;
  padding-top: 1em
}

@media (min-width: 600px) {
  .newsletterTable tr>td:nth-child(3) {
    width: 4em;
    padding-top: 1em
  }
}

.newsletterTable tr>td>*:last-child {
  margin-bottom: 0
}

@media (min-width: 600px) {
  .newsList {
    background-color: #fff;
    margin-bottom: 0;
    border-radius: .5rem;
    padding: 1rem
  }
}

.newsList>._list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

@media (min-width: 600px) {
  .newsList>._list {
    gap: 0
  }
}

.newsList>._list>._item {
  background-color: #fff;
  padding: 1rem;
  border-radius: .5rem
}

@media (min-width: 600px) {
  .newsList>._list>._item {
    padding: 0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #f4f4f4;
    border-radius: 0
  }
}

@media (min-width: 600px) {
  .newsList>._list>._item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none
  }
}

.newsList>._list>._item>._link {
  text-decoration: none
}

.newsList>._list>._item>._link * {
  margin-bottom: 0
}

@media (min-width: 600px) {
  .newsList>._list>._item>._link>dl {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 32px
  }
}

.newsList>._list>._item>._link>dl>dt {
  margin-bottom: .5rem;
  color: #1c1c1c;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem
}

@media (min-width: 600px) {
  .newsList>._list>._item>._link>dl>dt {
    width: 8.75rem;
    margin-bottom: 0
  }
}

.newsList>._list>._item>._link>dl>dt>span {
  margin-top: auto
}

.newsList>._list>._item>._link>dl>dd {
  flex: 1
}

@media (min-width: 600px) {
  .newsList>._list>._item>._link>dl>dd {
    min-height: 4.0625rem
  }
}

.newsList>._list>._item>._link>dl>dd>._text {
  margin-bottom: .5rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

@media (min-width: 600px) {
  .newsList>._list>._item>._link>dl>dd>._text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
  }
}

.newsList>._list>._item>._link>dl>dd>._originator {
  color: #9d9d9d;
  margin-bottom: .5rem
}

@media (min-width: 600px) {
  .newsList>._list>._item>._link>dl>dd>._originator {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    width: 8.75rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
  }
}

.homeNewsList .newsList {
  background-color: #fff;
  margin-bottom: 0;
  border-radius: .5rem;
  padding: 1rem
}

.homeNewsList .newsList>._list {
  gap: 0
}

.homeNewsList .newsList>._list>._item {
  padding: 0;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #f4f4f4
}

.homeNewsList .newsList>._list>._item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none
}

.newsSelect>.selectbox {
  width: 100%;
  margin-bottom: 1rem
}

.newsSelect-category {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
  margin-bottom: 2rem
}

@media (min-width: 600px) {
  .newsSelect-category {
    margin-bottom: 1.5rem
  }
}

.newsSelect-category>._link {
  text-decoration: none;
  color: #B81C22;
  border-radius: .5rem;
  border: 1px solid #B81C22;
  padding: .1875rem .5rem;
  background-color: #fff
}

.newsSelect-category>._link.is-active {
  background-color: #B81C22;
  color: #fff
}

.pageTitle-wrapper {
  position: sticky;
  top: 64px;
  padding-top: 1rem;
  background-color: #fff;
  z-index: 99
}

@media (min-width: 600px) {
  .pageTitle-wrapper {
    position: static;
    padding-top: 2rem
  }
}

.pageTitle-wrapper .breadcrumb {
  display: none
}

@media (min-width: 600px) {
  .pageTitle-wrapper .breadcrumb {
    display: block
  }
}

.pageTitle-wrapper .linktagList {
  position: relative;
  width: calc(100% + 2rem);
  margin: 0 -1rem;
  box-sizing: border-box
}

@media (min-width: 600px) {
  .pageTitle-wrapper .linktagList {
    margin-top: -0.5rem
  }
}

.pageTitle-wrapper .linktagList>button {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fff;
  border: none;
  font-size: .75rem;
  color: #B81C22;
  transition: opacity .2s;
  opacity: 0;
  cursor: default
}

.pageTitle-wrapper .linktagList>button>i {
  margin: 0
}

.pageTitle-wrapper .linktagList>button.linktagList-button-prev {
  left: 0
}

.pageTitle-wrapper .linktagList>button.linktagList-button-next {
  right: 0
}

.pageTitle-wrapper .linktagList>button.is-active {
  opacity: 1;
  cursor: pointer
}

.pageTitle-wrapper .linktagList>._list {
  list-style: none;
  padding: 0;
  margin: 0 1.875rem;
  display: inline-flex;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.pageTitle-wrapper .linktagList>._list::-webkit-scrollbar {
  display: none
}

.pageTitle-wrapper .linktagList>._list>._item {
  flex-shrink: 0;
  padding-right: 1.5rem
}

.pageTitle-wrapper .linktagList>._list>._item:last-child {
  padding-right: 0
}

.pageTitle-wrapper .linktagList>._list>._item.is-inactive {
  padding: 1rem 1.5rem 1rem 0;
  display: block;
  color: #9d9d9d
}

.pageTitle-wrapper .linktagList>._list>._item.is-inactive:last-child {
  padding-right: 1rem
}

.pageTitle-wrapper .linktagList>._list>._item>._link {
  padding: 1rem 0;
  display: block
}

.pageTitle-wrapper .linktagList>._list>._item>._link.is-active {
  color: #B81C22;
  border-bottom: 2px solid #B81C22
}

@media (min-width: 600px) {
  .pageTitle-wrapper.pageTitle-home {
    padding-bottom: 2rem
  }
}

@media (min-width: 600px) {
  .pageTitle-wrapper.pageTitle-home ._pageTitle {
    font-size: 0;
    padding: 0
  }
}

.pageTitle-wrapper.pageTitle-home ._message {
  display: none
}

@media (min-width: 600px) {
  .pageTitle-wrapper.pageTitle-home ._message {
    display: block;
    font-size: 1.75rem;
    padding-top: 0.5rem;
    margin-bottom: 0;
    line-height: 1.35714
  }
}

.pageTitle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1rem
}

@media (min-width: 600px) {
  .pageTitle {
    padding: .5rem 0 2rem
  }
}

.pageTitle>._pageTitle {
  font-size: 1.25rem;
  margin-bottom: 0;
  font-weight: bold
}

@media (min-width: 600px) {
  .pageTitle>._pageTitle {
    font-size: 1.75rem;
    font-weight: normal
  }
}

.pageTitle>.dropdown>._button {
  font-size: 1.5rem
}

.pageTitle>.dropdown>._button>span {
  font-size: 0
}

.pageTitle>.dropdown>._list {
  width: 18.25rem
}

.pageTitle-home .pageTitle {
  padding: 0
}

.pageTitle-home .pageTitle>._pageTitle {
  padding-bottom: 1rem
}

@media (min-width: 600px) {
  .pageTitle-home .pageTitle>._pageTitle {
    font-size: 0;
    padding: 0
  }
}

.pagination ul {
  display: flex;
  font-size: .875rem;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding-left: 0
}

.pagination ul li a,
.pagination ul li span {
  height: 2rem;
  width: 2rem;
  align-items: center;
  color: inherit;
  display: flex;
  justify-content: center;
  text-decoration: none;
  transition: background-color .2s;
  border-radius: .5rem
}

@media (min-width: 600px) {

  .pagination ul li a,
  .pagination ul li span {
    height: 3rem;
    width: 3rem
  }
}

.pagination ul li a._current,
.pagination ul li span._current {
  background-color: #1c1c1c;
  color: #fff
}

.pagination ul li a i,
.pagination ul li span i {
  margin: 0;
  font-size: 1em
}

.pagination ul li a:hover {
  background-color: #F0f0f0
}

.photoAlbum {
  overflow: hidden;
  margin: 0 -1rem
}

@media (min-width: 600px) {
  .photoAlbum {
    margin: 0
  }
}

.photoAlbum-list {
  overflow: visible;
  padding: 0 1rem
}

@media (min-width: 600px) {
  .photoAlbum-list {
    padding: 0
  }
}

.photoAlbum-list ._item {
  aspect-ratio: 144 / 144;
  overflow: hidden;
  padding: 1rem;
  background-color: #fff
}

.photoAlbum-list ._item:first-child {
  border-radius: .5rem 0 0 .5rem
}

.photoAlbum-list ._item:last-child {
  border-radius: 0 .5rem .5rem 0
}

@media (min-width: 600px) {
  .photoAlbum-list ._item {
    aspect-ratio: 238 / 144
  }
}

.photoAlbum-list ._item img {
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.progress {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px;
  background-color: #EBB0B2;
  z-index: 10
}

@media (min-width: 1024px) {
  .progress.is-spOnry {
    display: none
  }
}

.progress>.progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #B81C22;
  height: 100%;
  width: 0
}

.registerChartFlow {
  margin-bottom: 1em;
  overflow: hidden;
  padding-bottom: 1rem;
  position: relative
}

@media (min-width: 1024px) {
  .registerChartFlow {
    background-color: #F0f0f0;
    padding-bottom: 0;
    margin-bottom: 2em;
    border-radius: .5rem;
    border: 1px solid #CDCDCD
  }
}

.registerChartFlow>._flow {
  font-size: 1.125rem;
  line-height: 1.2;
  margin-bottom: 0;
  width: 100%
}

@media (min-width: 1024px) {
  .registerChartFlow>._flow {
    border-collapse: separate;
    border-spacing: 1.25rem;
    table-layout: fixed;
    font-size: .875rem
  }
}

.registerChartFlow>._flow>._header {
  display: none
}

@media (min-width: 1024px) {
  .registerChartFlow>._flow>._header {
    display: contents
  }

  .registerChartFlow>._flow>._header>tr {
    width: 100%
  }

  .registerChartFlow>._flow>._header>tr>th._flow {
    background-color: #1c1c1c;
    color: #fff;
    font-weight: normal;
    padding: .5em;
    text-align: center
  }

  .registerChartFlow>._flow>._header>tr>th._check {
    text-align: center;
    width: 10rem
  }
}

.registerChartFlow>._flow>._content>tr {
  counter-reset: i
}

.registerChartFlow>._flow>._content>tr>td._check {
  display: none
}

@media (min-width: 1024px) {
  .registerChartFlow>._flow>._content>tr>td._check {
    display: block;
    text-align: center
  }

  .registerChartFlow>._flow>._content>tr>td._check>i {
    font-size: 4rem
  }
}

.registerChartFlow>._flow>._content>tr>td._flow {
  background-color: #1c1c1c;
  bottom: 100%;
  color: #fff;
  font-weight: bold;
  padding: 1em 6rem 1em 20px;
  position: absolute;
  visibility: hidden;
  border-radius: .5rem
}

@media (min-width: 1024px) {
  .registerChartFlow>._flow>._content>tr>td._flow {
    align-items: center;
    background-color: #fff;
    color: inherit;
    height: 4em;
    padding: 1em 2.5em 1em 1em;
    position: relative;
    text-decoration: none;
    visibility: visible
  }

  .registerChartFlow>._flow>._content>tr>td._flow:last-child:after {
    display: none
  }

  .registerChartFlow>._flow>._content>tr>td._flow.is-disabled {
    opacity: .5;
    pointer-events: none
  }

  .registerChartFlow>._flow>._content>tr>td._flow>* {
    width: 100%
  }

  .registerChartFlow>._flow>._content>tr>td._flow._small-font {
    font-size: 1.2rem
  }
}

.registerChartFlow>._flow>._content>tr>td._flow:after {
  border-color: #1c1c1c transparent transparent transparent;
  border-style: solid;
  border-width: 1rem 1rem 0 1rem;
  content: "";
  height: 0;
  right: 50%;
  margin-right: -1rem;
  position: absolute;
  top: 100%;
  width: 0
}

@media (min-width: 1024px) {
  .registerChartFlow>._flow>._content>tr>td._flow:after {
    border-color: transparent transparent transparent #fff;
    border-width: 1rem 0 1rem 1rem;
    content: "";
    height: 0;
    right: 0;
    top: calc(50% - 1rem)
  }
}

.registerChartFlow>._flow>._content>tr>td._flow:before {
  content: "STEP"counter(i);
  counter-increment: i;
  font-size: 1.125rem;
  line-height: 1;
  margin-top: -.5em;
  opacity: .1;
  position: absolute;
  right: 20px;
  top: 50%
}

@media (min-width: 1024px) {
  .registerChartFlow>._flow>._content>tr>td._flow:before {
    bottom: 0;
    content: counter(i);
    font-size: 2.5rem;
    font-weight: bold;
    right: 0.5rem;
    top: calc(50% - 0.1rem)
  }
}

.registerChartFlow>._flow>._content>tr>td._flow.is-active {
  bottom: auto;
  display: table-cell;
  position: relative;
  visibility: visible
}

@media (min-width: 1024px) {
  .registerChartFlow>._flow>._content>tr>td._flow.is-active {
    background-color: #6A6A6A;
    color: #fff
  }

  .registerChartFlow>._flow>._content>tr>td._flow.is-active:after {
    border-color: transparent transparent transparent #6A6A6A
  }
}

.residenceSideCard {
  position: relative;
  width: 100%;
  border-radius: .5rem;
  background-color: #fff;
  margin-bottom: 1rem
}

.residenceSideCard ._bg {
  position: relative;
  border-radius: .5rem .5rem 0 0;
  position: relative;
  display: block;
  width: 100%;
  height: 5.25rem;
  background: url(../images/bg-propertyCard.png) #FBF1F2 bottom right 1.5rem no-repeat;
  background-size: auto 69px
}

.residenceSideCard ._bg.is-kodate {
  background: url(../images/bg-propertyCard-kodate.png) #FBF1F2 bottom right 1.5rem no-repeat
}

.residenceSideCard ._bg .label-round-primary {
  position: absolute;
  top: 1rem;
  left: 1rem
}

.residenceSideCard-btn {
  position: absolute;
  right: .5rem;
  top: .5rem;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 100%
}

.residenceSideCard-btn>._button {
  font-size: 1.5rem;
  border-radius: 100%
}

.residenceSideCard-btn>._list {
  width: 18.25rem
}

.residenceSideCard-main {
  position: relative;
  background-color: #fff;
  border-radius: 0 0 .5rem .5rem;
  padding: 0.5rem 1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem
}

.residenceSideCard-main>._name {
  line-height: 1.6
}

.residenceSideCard-main>._datail {
  display: flex;
  gap: .5rem;
  align-items: center
}

.residenceSideCard-main>._datail::before {
  content: "\E134";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5rem
}

.residenceSideCard-main>*:last-child {
  margin-bottom: 0
}

.residenceSideCard-foot {
  padding: 0 1rem 1rem
}

.residenceSideCard-foot>*:first-child {
  margin-top: 0
}

.residenceSideCard-occupants {
  margin-top: 1rem
}

.residenceSideCard-occupants>._title {
  font-weight: bold;
  margin-bottom: 0
}

.residenceSideCard-occupants>._text {
  margin-bottom: 0
}

.residentList {
  list-style: none;
  padding: 0;
  margin: 0
}

.residentList>._item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 1rem;
  gap: 1rem 0
}

.residentList>._item>._icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 2.75rem;
  background-color: #f4f4f4;
  color: #9d9d9d;
  font-size: 2rem;
  margin-right: .5rem
}

.residentList>._item>._inner {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: .5rem
}

.searchBox {
  display: flex;
  margin-bottom: 2rem
}

.searchBox>._button {
  display: flex;
  align-items: center
}

.searchBox>._button>.searchBox-btn-filter {
  position: relative;
  padding: .5rem;
  font-size: 2rem;
  margin-right: 0.5rem
}

@media (min-width: 600px) {
  .searchBox>._button>.searchBox-btn-filter {
    margin-right: 1rem
  }
}

.searchBox>._button>.searchBox-btn-filter>._text {
  font-size: 0
}

.searchBox>._button>.searchBox-btn-filter>._quantity {
  position: absolute;
  top: 0;
  right: 0;
  font-size: .75rem;
  background-color: #B81C22;
  color: #fff;
  border-radius: 3.125rem;
  width: 1.25rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center
}

.searchBox>._inputBox {
  position: relative;
  flex: 1
}

.searchBox>._inputBox>.inputbox {
  height: 100%;
  width: 100%
}

.searchBox>._inputBox>button {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 1px;
  font-size: 2rem;
  display: none
}

.searchBox>._inputBox>button>._text {
  font-size: 0
}

.searchBox>.searchBox-btn {
  margin-left: 1rem
}

@media (min-width: 600px) {
  .searchBox>.searchBox-btn {
    min-width: 10rem
  }
}

[class^="searchFilter-"] ._list,
[class*=" searchFilter-"] ._list {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  margin-bottom: 1rem
}

@media (min-width: 600px) {

  [class^="searchFilter-"] ._list,
  [class*=" searchFilter-"] ._list {
    margin-bottom: 2rem
  }
}

[class^="searchFilter-"] ._list:last-child,
[class*=" searchFilter-"] ._list:last-child {
  margin-bottom: 0
}

[class^="searchFilter-"] ._list>._item,
[class*=" searchFilter-"] ._list>._item {
  font-weight: 700;
  position: relative
}

[class^="searchFilter-"] ._list>._item>._radio,
[class*=" searchFilter-"] ._list>._item>._radio {
  position: absolute;
  top: 3px;
  left: 0;
  bottom: 3px;
  right: 0;
  border: none
}

[class^="searchFilter-"] ._list>._item>._radioinput[type=checkbox],
[class*=" searchFilter-"] ._list>._item>._radioinput[type=checkbox] {
  -webkit-transform: scale(1);
  transform: scale(1)
}

[class^="searchFilter-"] ._list>._item>._label,
[class*=" searchFilter-"] ._list>._item>._label {
  position: relative;
  font-size: .75rem;
  border-radius: .5rem;
  padding: .1875rem .5rem;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #B81C22;
  color: #B81C22;
  transition: background-color .2s, color .2s
}

[class^="searchFilter-"] ._list>._item>._label:hover,
[class*=" searchFilter-"] ._list>._item>._label:hover {
  background-color: #FBF1F2
}

[class^="searchFilter-"] ._list>._item>._label:active,
[class*=" searchFilter-"] ._list>._item>._label:active {
  background-color: #EBB0B2
}

[class^="searchFilter-"] ._list>._item ._radio:checked~._label,
[class*=" searchFilter-"] ._list>._item ._radio:checked~._label {
  background-color: #B81C22;
  color: #fff
}

[class^="searchFilter-"] ._list>._item ._radio:checked~._label:hover,
[class*=" searchFilter-"] ._list>._item ._radio:checked~._label:hover {
  background-color: #D15E63
}

[class^="searchFilter-"] ._list>._item ._radio:checked~._label:active,
[class*=" searchFilter-"] ._list>._item ._radio:checked~._label:active {
  background-color: #851418
}

.searchFilter-modal {
  font-weight: bold
}

.searchFilter-modal>.modal-header {
  padding: 1rem;
  border-bottom: 1px solid #F0f0f0
}

.searchFilter-modal>.modal-header>._btn {
  border: none;
  background: none;
  color: #9d9d9d;
  padding: 0;
  font-size: .875rem;
  font-weight: bold
}

@media (min-width: 600px) {
  .searchFilter-modal>.modal-header {
    padding: 1.5rem
  }
}

@media (min-width: 600px) {
  .searchFilter-modal>.modal-body {
    padding: 1rem 1.5rem
  }
}

.searchFilter-modal>.modal-body ._title {
  position: relative;
  margin-bottom: 1rem;
  align-items: center;
  display: flex
}

.searchFilter-modal>.modal-body ._title::after {
  content: '';
  height: 1px;
  background-color: #F0f0f0;
  flex-grow: 1;
  margin-left: 1rem
}

.searchFilter-modal>.modal-body ._list {
  margin: 0 0 2rem;
  gap: .75rem .5rem
}

@media (min-width: 600px) {
  .searchFilter-modal>.modal-body ._list {
    gap: .75rem
  }
}

.searchFilter-modal>.modal-footer {
  border-top: 1px solid #F0f0f0
}

.searchFilter-modal>.modal-footer>.btnList {
  justify-content: flex-end
}

@media (min-width: 600px) {
  .searchFilter-modal>.modal-footer>.btnList>* {
    width: auto;
    min-width: 10rem
  }
}

@media (min-width: 600px) {
  .searchFilter-modal>.modal-footer {
    padding: 1.5rem
  }
}

.searchFilter-box ._title {
  margin-bottom: 1rem
}

@media (min-width: 600px) {
  .searchFilter-box ._title {
    margin-bottom: 0
  }
}

.serviceConsultationCard {
  padding: 1rem 0;
  display: flex;
  gap: .5rem;
  margin: -1rem 0 1rem
}

@media (min-width: 1024px) {
  .serviceConsultationCard {
    gap: 1rem;
    margin: -1rem 0 2rem
  }
}

.serviceConsultationCard.is-home {
  background-color: #fff;
  border-radius: .5rem;
  padding: 1rem;
  margin: 1rem 0 1.5rem
}

@media (min-width: 1024px) {
  .serviceConsultationCard.is-home {
    margin: 1.5rem 0 4rem;
    background: none;
    padding: 1rem 0
  }
}

.serviceConsultationCard>._image {
  width: 4.5rem
}

@media (min-width: 1024px) {
  .serviceConsultationCard>._image {
    width: 6.625rem
  }
}

.serviceConsultationCard>._body {
  flex: 1
}

.serviceConsultationCard>._body>._text {
  margin-bottom: .5rem
}

@media (min-width: 1024px) {
  .serviceConsultationCard>._body>._text {
    margin-bottom: 1rem
  }
}

.serviceConsultationCard>._body>._text span {
  display: block;
  font-weight: 700;
  padding-bottom: .25rem;
  font-size: 1rem
}

.serviceConsultationCard>._body>._link .btn-outline-default {
  padding: .25rem .5rem
}

.swiper-service .swiper-wrapper {
  flex-wrap: wrap;
  gap: 1.5rem 0;
  justify-content: space-between
}

@media (min-width: 600px) {
  .swiper-service .swiper-wrapper {
    flex-wrap: nowrap
  }
}

.serviceListCard {
  width: calc(100% / 3 - .5em);
  padding: 0;
  text-align: center
}

.serviceListCard>._inner {
  text-decoration: none
}

.serviceListCard>._inner>._icon {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #F0f0f0;
  background-color: #fff;
  aspect-ratio: 1;
  border-radius: 6rem;
  font-size: 2.75rem;
  max-width: 96px;
  margin: 0 auto .5rem;
  color: #B81C22
}

.sitemapList>._title {
  border-radius: 0.5rem;
  margin-bottom: 1rem;
  background-color: #F0f0f0
}

.sitemapList>._title>a {
  color: #1c1c1c;
  font-size: 1.125rem;
  text-decoration: none
}

@media (min-width: 1024px) {

  .sitemapList>[class^="_col-"],
  .sitemapList>[class*=" _col-"] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem
  }
}

@media (min-width: 1024px) {
  .sitemapList>._col-2>* {
    width: calc((100% - 1rem) / 2)
  }
}

@media (min-width: 1024px) {
  .sitemapList>._col-3>* {
    width: calc((100% - 2rem) / 3)
  }
}

.slider-button-prev,
.slider-button-next {
  border: none;
  text-decoration: none;
  background-color: #B81C22;
  border-radius: .5rem;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .75rem;
  text-align: center;
  font-size: 1.5rem;
  transition: background-color .2s,
    color .2s;
  height: calc(100% - 1em)
}

.slider-button-prev.swiper-button-disabled,
.slider-button-next.swiper-button-disabled {
  background-color: #CDCDCD
}

@media (min-width: 600px) {

  .slider-button-prev,
  .slider-button-next {
    position: absolute;
    top: 0;
    background-color: #fff;
    color: #B81C22;
    z-index: 1;
    border-radius: 0;
    transition: color .2s
  }

  .slider-button-prev.swiper-button-disabled,
  .slider-button-next.swiper-button-disabled {
    background: #fff;
    color: #CDCDCD
  }
}

.slider-button-prev::before {
  content: "\E103";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media (min-width: 600px) {
  .slider-button-prev {
    left: 0
  }
}

.slider-button-next::before {
  content: "\E101";
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

@media (min-width: 600px) {
  .slider-button-next {
    right: 0
  }
}

.slider-pagination {
  text-align: center;
  padding: 0 1rem
}

.slider-pagination .swiper-pagination-bullet {
  background-color: #CDCDCD;
  opacity: 1
}

.slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #B81C22
}

.slider-footer {
  display: flex;
  margin: 2rem 0
}

@media (min-width: 600px) {
  .slider-footer {
    margin: 1rem 1rem
  }
}

@media (min-width: 600px) {
  .swiper-result {
    margin: 0 -1rem
  }
}

.swiper-result .swiper-slide {
  height: auto
}

.swiper-result .slider-result-card {
  background-color: #f4f4f4;
  border-radius: .5rem;
  padding: 1rem;
  height: 100%
}

.swiper-result .slider-result-card>._image {
  margin-bottom: 1rem;
  overflow: hidden;
  aspect-ratio: 248/162;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: .5rem;
  background-color: #fff
}

.swiper-result .slider-result-card>._image>img {
  width: 100%;
  aspect-ratio: 248/162;
  -o-object-fit: cover;
  object-fit: cover
}

.swiper-result .slider-result-card>._text>p:last-child {
  margin-bottom: 0
}

@media (min-width: 600px) {
  .swiper-result .slider-result-card {
    width: calc(100% - 48px * 2);
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 1rem
  }

  .swiper-result .slider-result-card>._image {
    aspect-ratio: 248/250;
    width: 40%;
    margin-bottom: 0
  }

  .swiper-result .slider-result-card>._image>img {
    aspect-ratio: 248/250
  }

  .swiper-result .slider-result-card>._text {
    width: 60%
  }
}

.snsButtonArea {
  position: relative;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap
}

.fxb-section .snsButtonArea {
  border-radius: .5rem
}

.snsButtonArea a {
  border-radius: 6.25rem;
  padding: 0.1rem .5rem;
  font-size: .75rem;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: block;
  min-width: 5rem;
  text-align: center
}

@media (min-width: 600px) {
  .snsButtonArea a {
    padding: .125rem .5rem
  }
}

.snsButtonArea ._myList {
  order: 2
}

.snsButtonArea ._myList>._button {
  position: relative;
  z-index: 1;
  padding: 0;
  border: none;
  background: none;
  color: #CDCDCD;
  transition: color .2s;
  line-height: 1;
  font-size: 1.5rem
}

.snsButtonArea ._myList>._button[aria-expanded*="true"] {
  color: #B81C22
}

.snsButtonArea ._myList>._button>span {
  font-size: 0
}

.snsButtonArea>._sns {
  margin-right: auto;
  order: 1;
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  text-align: right;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  vertical-align: top;
  gap: .5rem
}

@media (min-width: 600px) {
  .snsButtonArea>._sns {
    gap: 1rem
  }
}

.snsButtonArea>._sns li {
  padding-left: 0
}

@media (min-width: 600px) {
  .snsButtonArea>._sns li {
    padding-left: 0
  }
}

.snsButtonArea .x-share-button {
  background-color: #000
}

.snsButtonArea .x-share-button svg {
  fill: #fff;
  width: .9375rem;
  margin-right: 0.5rem;
  vertical-align: text-bottom
}

.snsButtonArea .facebook-share-button {
  background-color: #3378EB
}

.snsButtonArea .line-it-button {
  background-color: #5DC261
}

.specialOfferPanel {
  border: 2px solid #B81C22;
  border-radius: .375rem;
  margin-bottom: 2rem;
  overflow: hidden;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.specialOfferPanel ._label {
  margin-right: 20px;
  align-items: center;
  background-color: #B81C22;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-weight: bold;
  height: 2.5rem;
  justify-content: center;
  line-height: 1;
  width: 2.5rem
}

.specialOfferPanel ._label ._icon {
  font-size: 1.25rem
}

.specialOfferPanel ._label ._text {
  font-size: 0
}

.specialOfferPanel ._body {
  text-align: left;
  overflow: hidden;
  flex: 1
}

.specialOfferPanel ._body>*:last-child {
  margin-bottom: 0
}

.specialOfferPanel ._inner {
  width: 100%;
  margin-top: 1rem
}

.specialOfferPanel ._inner>*:last-child {
  margin-bottom: 0
}

.speechBalloon {
  flex-direction: column;
  align-items: center;
  display: flex;
  margin-bottom: 1em
}

@media (min-width: 600px) {
  .speechBalloon {
    flex-direction: row
  }
}

.speechBalloon>._image {
  flex-shrink: 0
}

@media (max-width: 599.98px) {
  .speechBalloon>._image {
    text-align: center;
    width: 100%
  }
}

.speechBalloon>._body {
  background-color: #fff;
  border: 1px solid #1c1c1c;
  border-radius: 2px;
  flex-grow: 1;
  padding: 0.75em 20px;
  position: relative
}

@media (min-width: 600px) {
  .speechBalloon>._body {
    margin-left: 1.5em
  }
}

@media (max-width: 599.98px) {
  .speechBalloon>._body {
    margin-top: 1.5em;
    width: 100%
  }
}

.speechBalloon>._body:before {
  left: calc(50% - .5em);
  top: -.5em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #fff;
  border: 1px solid transparent;
  border-right-color: #1c1c1c;
  border-top-color: #1c1c1c;
  content: "";
  height: 1em;
  position: absolute;
  width: 1em
}

@media (min-width: 600px) {
  .speechBalloon>._body:before {
    left: -.5em;
    top: calc(50% - .5em);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
  }
}

.field-validation-valid {
  color: #f44336;
  display: block;
  flex: 0 0 100%;
  font-size: .75rem;
  margin: 0.5em 0 0;
  max-width: 100%
}

@media (min-width: 1024px) {
  .field-validation-valid {
    padding-left: 18rem
  }
}

.scfCheckBoxListBorder .field-validation-valid,
.scfRadioButtonListBorder .field-validation-valid {
  padding-left: 0
}

.scfOneColumnSection .field-validation-valid,
.scfHalfColumnSection .field-validation-valid,
.scfOneThirdColumnSection .field-validation-valid,
.scfQuarterColumnSection .field-validation-valid {
  padding-left: 4em
}

.field-validation-valid:empty {
  display: unset;
  margin: 0
}

.validation-summary-valid ul,
.scfValidationSummary ul {
  margin-bottom: 0
}

.scfValidationSummary ul,
.validation-summary-errors ul,
.list-group.has-error ul {
  color: #f44336;
  font-size: .875rem;
  list-style-type: disc;
  padding-left: 2em
}

.scfValidationSummary ul li,
.validation-summary-errors ul li,
.list-group.has-error ul li {
  list-style-type: inherit;
  margin-bottom: 0;
  padding-left: 0
}

[class*='scf'][class*='UsefulInfo'] {
  color: #9d9d9d;
  display: block;
  flex: 0 0 100%;
  font-size: .75rem;
  margin: 0.5em 0 0;
  max-width: 100%
}

@media (min-width: 1024px) {
  [class*='scf'][class*='UsefulInfo'] {
    padding-left: 18rem
  }
}

.scfCheckBoxListBorder [class*='scf'][class*='UsefulInfo'],
.scfRadioButtonListBorder [class*='scf'][class*='UsefulInfo'] {
  padding-left: 0
}

.scfOneColumnSection [class*='scf'][class*='UsefulInfo'],
.scfHalfColumnSection [class*='scf'][class*='UsefulInfo'],
.scfOneThirdColumnSection [class*='scf'][class*='UsefulInfo'],
.scfQuarterColumnSection [class*='scf'][class*='UsefulInfo'] {
  padding-left: 4em
}

.scfSectionBorderAsFieldSet {
  border: 0;
  line-height: 1.34;
  margin: 0;
  padding: 0
}

.scfSectionBorderAsFieldSet .label-outline-danger {
  color: #B81C22;
  border: 1px solid #B81C22;
  padding: .125rem .25rem;
  border-radius: .125rem;
  margin-left: .5rem
}

@media (min-width: 1024px) {
  .scfSectionBorderAsFieldSet {
    display: flex
  }
}

.scfSectionBorderAsFieldSet>.scfSectionLegend {
  border: 0;
  border-bottom: 1px solid #F0f0f0;
  color: #1c1c1c;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 0;
  padding: 1em 0 0.5em;
  width: 100%
}

.scfSectionBorderAsFieldSet>.scfSectionContent {
  width: 100%
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] {
  border-bottom: 1px solid #F0f0f0;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  padding-top: 1rem
}

@media (max-width: 1023.98px) {
  .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] {
    flex-direction: column
  }
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'].form-box-inner {
  border-bottom: none;
  padding-bottom: 0;
  padding-left: 0
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'] {
  color: #1c1c1c;
  font-size: 1rem;
  font-weight: bold
}

@media (max-width: 1023.98px) {
  .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'] {
    padding-bottom: 0.5em
  }
}

@media (min-width: 1024px) {
  .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'] {
    padding: 0 20px 0 0;
    width: 18rem
  }
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'].is-required:after {
  color: #B81C22;
  content: '蠢���';
  display: inline-block;
  border: 1px solid #B81C22;
  padding: .125rem .25rem;
  border-radius: .125rem;
  margin-left: .5rem
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Panel'] {
  flex: 1
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Panel'] [class*='UsefulInfo'] {
  padding-left: 0
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Validator'] {
  color: #f44336;
  display: block;
  font-size: .75rem
}

.scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Required'] {
  display: none
}

.scfStandardHideTitleSection .scfSectionBorderAsFieldSet .scfSectionLegend {
  display: none
}

@media (min-width: 1024px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet,
  .scfHalfColumnSection .scfSectionBorderAsFieldSet,
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet,
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet {
    border-bottom: 1px solid #F0f0f0;
    padding-bottom: 1rem;
    padding-top: 1rem
  }
}

@media (max-width: 1023.98px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet,
  .scfHalfColumnSection .scfSectionBorderAsFieldSet,
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet,
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet {
    border-bottom: 1px solid #F0f0f0
  }
}

.scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
.scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
.scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
.scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend {
  font-size: 1rem
}

@media (max-width: 1023.98px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend {
    border-bottom: none
  }
}

@media (min-width: 1024px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend,
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend {
    border-bottom: none;
    float: left;
    padding: 0 20px 0 0;
    width: 20rem
  }
}

.scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after,
.scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after,
.scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after,
.scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionLegend.is-required:after {
  color: #B81C22;
  content: '蠢���';
  display: inline-block;
  border: 1px solid #B81C22;
  padding: .125rem .25rem;
  border-radius: .125rem;
  margin-left: .5rem
}

@media (min-width: 1024px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent,
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent,
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent,
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent {
    display: flex
  }
}

@media (max-width: 1023.98px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'],
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'],
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'],
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] {
    border-bottom: none;
    flex-direction: row
  }

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border']+[class*='Border'],
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border']+[class*='Border'],
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border']+[class*='Border'],
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border']+[class*='Border'] {
    padding-top: 0
  }
}

@media (min-width: 1024px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'],
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'],
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'],
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] {
    border-bottom: none;
    flex: 1;
    padding-bottom: 0;
    padding-top: 0
  }
}

@media (max-width: 1023.98px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'],
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'],
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'],
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'] {
    font-weight: normal;
    padding: 0 0.5em 0 0;
    text-align: right;
    width: 3em
  }
}

@media (min-width: 1024px) {

  .scfOneColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'],
  .scfHalfColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'],
  .scfOneThirdColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'],
  .scfQuarterColumnSection .scfSectionBorderAsFieldSet>.scfSectionContent>[class*='Border'] [class*='Label'] {
    font-weight: normal;
    padding: 0 0.5em 0 0;
    text-align: right;
    width: 3em
  }
}

.scfDropList,
.scfMultipleLineTextBox,
.scfSingleLineTextBox,
.scfTelephoneTextBox,
.scfEmailTextBox,
.scfPasswordTextBox,
.scfDatePickerTextBox,
.scfTimePickerTextBox {
  padding: 0.75rem;
  border-radius: .5rem
}

@media (min-width: 1024px) {

  .scfDropList,
  .scfMultipleLineTextBox,
  .scfSingleLineTextBox,
  .scfTelephoneTextBox,
  .scfEmailTextBox,
  .scfPasswordTextBox,
  .scfDatePickerTextBox,
  .scfTimePickerTextBox {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    width: 100%
  }

  .scfDropList[readonly]:not(.picker__input),
  .scfMultipleLineTextBox[readonly]:not(.picker__input),
  .scfSingleLineTextBox[readonly]:not(.picker__input),
  .scfTelephoneTextBox[readonly]:not(.picker__input),
  .scfEmailTextBox[readonly]:not(.picker__input),
  .scfPasswordTextBox[readonly]:not(.picker__input),
  .scfDatePickerTextBox[readonly]:not(.picker__input),
  .scfTimePickerTextBox[readonly]:not(.picker__input) {
    background-color: #f4f4f4;
    border: none
  }
}

@media (max-width: 1023.98px) {

  .scfDropList,
  .scfSingleLineTextBox,
  .scfTelephoneTextBox,
  .scfEmailTextBox,
  .scfPasswordTextBox,
  .scfDatePickerTextBox,
  .scfTimePickerTextBox {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    width: 100%
  }

  .scfDropList[readonly]:not(.picker__input),
  .scfSingleLineTextBox[readonly]:not(.picker__input),
  .scfTelephoneTextBox[readonly]:not(.picker__input),
  .scfEmailTextBox[readonly]:not(.picker__input),
  .scfPasswordTextBox[readonly]:not(.picker__input),
  .scfDatePickerTextBox[readonly]:not(.picker__input),
  .scfTimePickerTextBox[readonly]:not(.picker__input) {
    background-color: #f4f4f4;
    border: none
  }
}

@media (min-width: 1024px) {

  .scfRadioButtonListBorder.is-cols-1>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel),
  .scfCheckBoxListBorder.is-cols-1>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel) {
    padding-right: 1em;
    width: 100%
  }

  .scfRadioButtonListBorder.is-cols-2>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel),
  .scfCheckBoxListBorder.is-cols-2>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel) {
    padding-right: 1em;
    width: 50%
  }

  .scfRadioButtonListBorder.is-cols-3>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel),
  .scfCheckBoxListBorder.is-cols-3>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel) {
    padding-right: 1em;
    width: 33.33333%
  }

  .scfRadioButtonListBorder.is-cols-4>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel),
  .scfCheckBoxListBorder.is-cols-4>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel) {
    padding-right: 1em;
    width: 25%
  }
}

@media (min-width: 1024px) {

  .scfRadioButtonListBorder,
  .scfCheckBoxListBorder {
    padding-left: 18rem;
    position: relative
  }
}

@media (min-width: 1024px) {

  .scfRadioButtonListBorder>.scfCheckBoxListLabel,
  .scfRadioButtonListBorder>.scfRadioButtonListLabel,
  .scfCheckBoxListBorder>.scfCheckBoxListLabel,
  .scfCheckBoxListBorder>.scfRadioButtonListLabel {
    left: 0;
    position: absolute
  }
}

.scfRadioButtonListBorder>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel),
.scfCheckBoxListBorder>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel) {
  padding: 0.5em 0;
  padding-left: 2em;
  position: relative
}

.scfRadioButtonListBorder>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel) input,
.scfCheckBoxListBorder>label:not(.scfCheckBoxListLabel):not(.scfRadioButtonListLabel) input {
  accent-color: #B81C22;
  left: 0.5rem;
  position: absolute;
  top: 0.75em;
  -webkit-transform: scale(1.8);
  transform: scale(1.8)
}

.scfSubmitButtonBorder,
.form-submit-border {
  margin-top: 1em;
  text-align: center
}

.scfSubmitButtonBorder>.scfSubmitButton,
.scfSubmitButtonBorder>.btn,
.form-submit-border>.scfSubmitButton,
.form-submit-border>.btn {
  background-color: #B81C22;
  border: none;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  min-width: 25%;
  padding: 1em
}