/*! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
  border: 0 solid;
  box-sizing: border-box
}

:after,
:before {
  --tw-content: ""
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-family: Noto Sans JP, sans-serif;
  line-height: 1.5;
  tab-size: 4
}

body {
  line-height: inherit;
  margin: 0
}

hr {
  border-top-width: 1px;
  color: inherit;
  height: 0
}

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: initial
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  border-collapse: collapse;
  border-color: inherit;
  text-indent: 0
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
  background-color: initial;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: initial
}

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

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

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

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

summary {
  display: list-item
}

blockquote,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0
}

fieldset,
legend {
  padding: 0
}

menu,
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #9ca3af;
  opacity: 1
}

input::placeholder,
textarea::placeholder {
  color: #9ca3af;
  opacity: 1
}

[role=button],
button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle
}

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

[hidden] {
  display: none
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #222;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.5
}

@media print {
  body {
    zoom: .5;
    -webkit-print-color-adjust: exact
  }
}

a[href^="tel:"] {
  cursor: default
}

button {
  -webkit-appearance: none;
  appearance: none;
  background-color: initial;
  border: none;
  box-shadow: none;
  font: inherit;
  outline: none;
  text-align: left
}

img {
  image-rendering: -webkit-optimize-contrast
}

*,
:after,
:before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate:
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate:
}

.container {
  width: 100%
}

.mt-6 {
  margin-top: 1.5rem
}

.mt-1 {
  margin-top: .25rem
}

.mt-14 {
  margin-top: 3.5rem
}

.mt-3 {
  margin-top: .75rem
}

.inline-block {
  display: inline-block
}

.contents {
  display: contents
}

.hidden {
  display: none
}

.resize {
  resize: both
}

.p-4 {
  padding: 1rem
}

.py-20 {
  padding-bottom: 5rem;
  padding-top: 5rem
}

.py-14 {
  padding-bottom: 3.5rem;
  padding-top: 3.5rem
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.font-serif {
  font-family: Noto Serif JP, serif
}

.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem
}

.font-bold {
  font-weight: 700
}

.text-red {
  --tw-text-opacity: 1;
  color: rgb(171 23 49/var(--tw-text-opacity))
}

.text-braun {
  --tw-text-opacity: 1;
  color: rgb(134 116 107/var(--tw-text-opacity))
}

.text-blue {
  --tw-text-opacity: 1;
  color: rgb(72 78 129/var(--tw-text-opacity))
}

.underline {
  text-decoration-line: underline
}

.filter {
  -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

@media screen and (max-width:56em) {
  .sp_hidden {
    display: none
  }
}

@media print {
  .sp_hidden {
    display: block
  }
}

.sp_block {
  display: none
}

@media screen and (max-width:56em) {
  .sp_block {
    display: block
  }
}

@media print {
  .sp_block {
    display: none
  }
}

.scroll_hidden {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px)
}

@media print {
  .scroll_hidden {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.scroll_up {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition: opacity .6s ease-out, -webkit-transform .6s ease-out;
  transition: opacity .6s ease-out, transform .6s ease-out;
  transition: opacity .6s ease-out, transform .6s ease-out, -webkit-transform .6s ease-out
}

.page_link {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.75rem;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .page_link {
    margin-top: 4.1666666667vw;
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .page_link {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin-top: 8vw;
    width: 100%
  }

  .page_link>:not(:first-child) {
    margin-top: 4.8vw
  }
}

.page_link_btn {
  color: #49443a;
  display: flex;
  flex-direction: column;
  font-size: 1.125rem;
  font-weight: 500;
  position: relative
}

@media screen and (max-width:90em) {
  .page_link_btn {
    font-size: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .page_link_btn {
    font-size: 3.7333333333vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .page_link_btn {
    cursor: pointer;
    transition: opacity .5s
  }

  .page_link_btn:hover {
    opacity: .7
  }
}

.page_link_next {
  background-color: #49443a;
  height: .0625rem;
  margin-top: .5rem;
  position: relative;
  width: 15rem
}

@media screen and (max-width:90em) {
  .page_link_next {
    height: .0694444444vw;
    margin-top: .5555555556vw;
    width: 16.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .page_link_next {
    height: .2666666667vw;
    margin-top: 2.1333333333vw;
    width: 64vw
  }
}

.page_link_next:after {
  background-color: #49443a;
  bottom: 0;
  content: "";
  display: block;
  height: .0625rem;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-.25rem) rotate(45deg);
  transform: translateY(-.25rem) rotate(45deg);
  width: .625rem
}

@media screen and (max-width:90em) {
  .page_link_next:after {
    height: .0694444444vw;
    -webkit-transform: translateY(-.2777777778vw) rotate(45deg);
    transform: translateY(-.2777777778vw) rotate(45deg);
    width: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .page_link_next:after {
    height: .2666666667vw;
    -webkit-transform: translateY(-1.0666666667vw) rotate(45deg);
    transform: translateY(-1.0666666667vw) rotate(45deg);
    width: 2.6666666667vw
  }
}

.page_link_back {
  background-color: #49443a;
  height: .0625rem;
  margin-top: .5rem;
  position: relative;
  width: 15rem
}

@media screen and (max-width:90em) {
  .page_link_back {
    height: .0694444444vw;
    margin-top: .5555555556vw;
    width: 16.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .page_link_back {
    height: .2666666667vw;
    margin-top: 2.1333333333vw;
    width: 64vw
  }
}

.page_link_back:before {
  background-color: #49443a;
  bottom: 0;
  content: "";
  display: block;
  height: .0625rem;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-.25rem) rotate(-45deg);
  transform: translateY(-.25rem) rotate(-45deg);
  width: .625rem
}

@media screen and (max-width:90em) {
  .page_link_back:before {
    height: .0694444444vw;
    -webkit-transform: translateY(-.2777777778vw) rotate(-45deg);
    transform: translateY(-.2777777778vw) rotate(-45deg);
    width: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .page_link_back:before {
    height: .2666666667vw;
    -webkit-transform: translateY(-1.0666666667vw) rotate(-45deg);
    transform: translateY(-1.0666666667vw) rotate(-45deg);
    width: 2.6666666667vw
  }
}

.page_link_text {
  display: block;
  min-width: 0;
  width: 100%
}

@media screen and (max-width:56em) {
  .page_link_text {
    text-align: center
  }
}

.modal_movie {
  background-color: rgba(0, 0, 0, .5);
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden;
  width: 100vw;
  z-index: 101
}

.modal_movie.is-open {
  opacity: 1;
  visibility: visible
}

.modal_movie_box {
  background-color: #fff;
  left: 50%;
  max-width: 90%;
  opacity: 0;
  padding: .625rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity .3s, visibility .3s;
  visibility: hidden
}

@media screen and (max-width:90em) {
  .modal_movie_box {
    padding: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .modal_movie_box {
    max-width: 100%;
    padding: 1.3333333333vw;
    width: calc(100% - 8vw)
  }
}

.modal_movie_box.is-open {
  opacity: 1;
  visibility: visible
}

.modal_movie_close {
  align-items: center;
  background-color: #49443a;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 2.5rem;
  z-index: 2
}

@media screen and (max-width:90em) {
  .modal_movie_close {
    height: 2.7777777778vw;
    width: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .modal_movie_close {
    height: 8vw;
    width: 8vw
  }
}

.modal_movie_close img {
  height: 1.25rem;
  width: 1.25rem
}

@media screen and (max-width:90em) {
  .modal_movie_close img {
    height: 1.3888888889vw;
    width: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .modal_movie_close img {
    height: 4vw;
    width: 4vw
  }
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
  }

  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
  }

  to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
    transform: translate(-50%, -50%) rotate(1turn)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg)
  }

  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
  }

  to {
    -webkit-transform: translate(-50%, -50%) rotate(1turn);
    transform: translate(-50%, -50%) rotate(1turn)
  }
}

.modal_movie_main {
  background-color: #000;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 58.75rem
}

@media screen and (max-width:90em) {
  .modal_movie_main {
    width: 65.2777777778vw
  }
}

@media screen and (max-width:56em) {
  .modal_movie_main {
    width: 100%
  }
}

.modal_movie_main iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.modal_movie_main:before {
  -webkit-animation: rotate .75s linear 0s infinite;
  animation: rotate .75s linear 0s infinite;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background: transparent !important;
  background-color: #fff;
  border: .125rem solid;
  border-color: #fff #fff transparent;
  border-radius: 100%;
  content: "";
  display: block;
  display: inline-block;
  height: 3.125rem;
  left: 50%;
  position: absolute;
  top: 50%;
  width: 3.125rem
}

@media screen and (max-width:90em) {
  .modal_movie_main:before {
    height: 3.4722222222vw;
    width: 3.4722222222vw
  }
}

@media screen and (max-width:56em) {
  .modal_movie_main:before {
    height: 8vw;
    width: 8vw
  }
}

.modal_img {
  overflow: hidden;
  width: 50.1875rem
}

@media screen and (max-width:90em) {
  .modal_img {
    width: 55.7638888889vw
  }
}

@media screen and (max-width:56em) {
  .modal_img {
    width: 100%
  }
}

.modal_img img {
  width: 100%
}

.index {
  background-color: #e9e5e3;
  display: block
}

.index_mv {
  height: 43.75rem;
  position: relative;
  width: 100%
}

@media screen and (max-width:90em) {
  .index_mv {
    height: 48.6111111111vw
  }
}

@media screen and (max-width:56em) {
  .index_mv {
    height: 160.5333333333vw
  }
}

.index_mv_img,
.index_mv_img img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.index_mv_img img {
  object-fit: cover
}

.index_mv_main {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  z-index: 2
}

@media screen and (max-width:56em) {
  .index_mv_main {
    top: 25.0666666667vw;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}

.index_mv_in {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .index_mv_in {
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_in {
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.index_mv_box {
  background-color: hsla(0, 0%, 100%, .5);
  display: inline-block;
  max-width: 36.6875rem;
  padding: 3.75rem 3.75rem 5rem
}

@media screen and (max-width:90em) {
  .index_mv_box {
    max-width: 40.7638888889vw;
    padding: 4.1666666667vw 4.1666666667vw 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_box {
    max-width: 100%;
    padding: 10.6666666667vw 5.8666666667vw 13.3333333333vw;
    width: 100%
  }
}

.index_mv_box_title {
  font-size: 2.5rem;
  font-weight: 700;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .index_mv_box_title {
    font-size: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_box_title {
    font-size: 8vw
  }
}

@media screen and (max-width:90em) {
  .index_mv_box_title {
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .index_mv_box_title {
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16);
    white-space: nowrap
  }
}

.index_mv_box_text {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2;
  margin-top: 1.875rem;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .index_mv_box_text {
    font-size: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_box_text {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .index_mv_box_text {
    margin-top: 2.0833333333vw;
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .index_mv_box_text {
    margin-top: 5.3333333333vw;
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.index_mv_width {
  align-items: center;
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
  display: inline-grid;
  grid-template-columns: auto auto auto auto;
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .index_mv_width {
    -webkit-column-gap: 1.1111111111vw;
    column-gap: 1.1111111111vw;
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_width {
    -webkit-column-gap: 1.3333333333vw;
    column-gap: 1.3333333333vw;
    margin-top: 4vw
  }
}

.index_mv_width_logo {
  display: block;
  position: relative
}

.index_mv_width_logo img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .index_mv_width_logo {
    cursor: pointer;
    transition: opacity .5s
  }

  .index_mv_width_logo:hover {
    opacity: .7
  }
}

.index_mv_width_logo:first-child {
  height: 2.5rem;
  width: 12.5rem
}

@media screen and (max-width:90em) {
  .index_mv_width_logo:first-child {
    height: 2.7777777778vw;
    width: 13.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_width_logo:first-child {
    height: 6.6666666667vw;
    width: 32.5333333333vw
  }
}

.index_mv_width_logo:nth-child(2) {
  height: 3.1875rem;
  width: 11.3125rem
}

@media screen and (max-width:90em) {
  .index_mv_width_logo:nth-child(2) {
    height: 3.5416666667vw;
    width: 12.5694444444vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_width_logo:nth-child(2) {
    height: 8.2666666667vw;
    width: 29.3333333333vw
  }
}

.index_mv_width_logo:nth-child(3) {
  height: 5rem;
  width: 5rem
}

@media screen and (max-width:90em) {
  .index_mv_width_logo:nth-child(3) {
    height: 5.5555555556vw;
    width: 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_width_logo:nth-child(3) {
    height: 13.0666666667vw;
    width: 13.0666666667vw
  }
}

.index_mv_width_logo:last-child {
  height: 5rem;
  width: 5rem
}

@media screen and (max-width:90em) {
  .index_mv_width_logo:last-child {
    height: 5.5555555556vw;
    width: 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .index_mv_width_logo:last-child {
    height: 13.0666666667vw;
    width: 13.0666666667vw
  }
}

.index_contents {
  padding-bottom: 6.25rem;
  padding-top: 5rem
}

@media screen and (max-width:90em) {
  .index_contents {
    padding-bottom: 6.9444444444vw;
    padding-top: 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .index_contents {
    padding-bottom: 13.3333333333vw;
    padding-top: 10.6666666667vw
  }
}

.index_cards {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, 26.25rem);
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .index_cards {
    grid-template-columns: repeat(auto-fit, 29.1666666667vw);
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .index_cards {
    grid-template-columns: repeat(auto-fit, 100%);
    padding-left: 4vw;
    padding-right: 4vw;
    row-gap: 8vw;
    width: 100%
  }
}

.index_cards_item {
  background-color: #49443a;
  padding: .9375rem 0 0 .625rem
}

@media screen and (max-width:90em) {
  .index_cards_item {
    padding: 1.0416666667vw 0 0 .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .index_cards_item {
    padding: 4vw 0 0 2.6666666667vw
  }
}

.index_cards_item_title {
  color: #fff;
  font-size: 1.25rem
}

@media screen and (max-width:90em) {
  .index_cards_item_title {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .index_cards_item_title {
    font-size: 4.2666666667vw
  }
}

.index_cards_item_contents {
  display: grid;
  grid-template-columns: repeat(auto-fit, 12.8125rem);
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .index_cards_item_contents {
    grid-template-columns: repeat(auto-fit, 14.2361111111vw);
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .index_cards_item_contents {
    grid-template-columns: repeat(auto-fit, 50%);
    margin-top: 4vw
  }
}

.index_cards_item_detail {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media screen and (max-width:56em) {
  .index_cards_item_list:not(:first-child) {
    margin-top: 1.3333333333vw
  }
}

.index_cards_item_link,
.index_cards_item_link_sm {
  align-items: center;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  font-size: .875rem;
  height: 5rem;
  justify-content: center;
  padding: 0 .25rem;
  position: relative;
  text-align: center;
  transition: background-color .3s, -webkit-text-decoration .3s;
  transition: text-decoration .3s, background-color .3s;
  transition: text-decoration .3s, background-color .3s, -webkit-text-decoration .3s;
  width: 100%
}

@media screen and (max-width:90em) {

  .index_cards_item_link,
  .index_cards_item_link_sm {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {

  .index_cards_item_link,
  .index_cards_item_link_sm {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {

  .index_cards_item_link,
  .index_cards_item_link_sm {
    height: 5.5555555556vw;
    padding: 0 .2777777778vw
  }
}

@media screen and (max-width:56em) {

  .index_cards_item_link,
  .index_cards_item_link_sm {
    height: auto;
    padding: 2.6666666667vw 1.0666666667vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {

  .index_cards_item_link:hover,
  .index_cards_item_link_sm:hover {
    background-color: #e6e6e6;
    text-decoration: none
  }
}

.index_cards_item_link_sm small,
.index_cards_item_link small {
  font-size: .75rem;
  line-height: 1.25
}

@media screen and (max-width:90em) {

  .index_cards_item_link_sm small,
  .index_cards_item_link small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {

  .index_cards_item_link_sm small,
  .index_cards_item_link small {
    font-size: 2.6666666667vw;
    line-height: inherit
  }
}

.index_cards_item_link_sm {
  height: 2.5rem
}

@media screen and (max-width:90em) {
  .index_cards_item_link_sm {
    height: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .index_cards_item_link_sm {
    height: auto
  }
}

.index_cards_item_logo {
  display: block;
  height: 2.8125rem;
  position: relative;
  width: 8.75rem
}

.index_cards_item_logo img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .index_cards_item_logo {
    height: 3.125vw;
    width: 9.7222222222vw
  }
}

@media screen and (max-width:56em) {
  .index_cards_item_logo {
    height: 12vw;
    width: 37.3333333333vw
  }
}

.index_cards_item_blank {
  bottom: .3125rem;
  height: .6875rem;
  position: absolute;
  right: .3125rem;
  width: .8125rem
}

@media screen and (max-width:90em) {
  .index_cards_item_blank {
    bottom: .3472222222vw;
    height: .7638888889vw;
    right: .3472222222vw;
    width: .9027777778vw
  }
}

@media screen and (max-width:56em) {
  .index_cards_item_blank {
    bottom: 1.3333333333vw;
    height: 2.9333333333vw;
    right: 1.3333333333vw;
    width: 3.4666666667vw
  }
}

.index_cards_item_img {
  height: 15.625rem;
  position: relative;
  width: 12.8125rem
}

.index_cards_item_img img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .index_cards_item_img {
    height: 17.3611111111vw;
    width: 14.2361111111vw
  }
}

@media screen and (max-width:56em) {
  .index_cards_item_img {
    height: auto;
    width: 100%
  }
}

.index_cards_item_img picture {
  opacity: 0;
  transition: opacity .6s
}

.index_cards_item_img picture.is-open {
  opacity: 1
}

.index_section {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .index_section {
    margin-top: 5.5555555556vw;
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .index_section {
    margin-top: 10.6666666667vw;
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.index_head {
  align-items: center;
  display: flex;
  justify-content: space-between
}

@media screen and (max-width:56em) {
  .index_head {
    display: block
  }
}

.index_head_intro {
  align-items: center;
  display: inline-flex;
  font-size: .75rem
}

@media screen and (max-width:90em) {
  .index_head_intro {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .index_head_intro {
    flex-wrap: wrap;
    font-size: 2.6666666667vw
  }
}

.index_head_intro>:not(:last-child) {
  margin-right: .9375rem
}

@media screen and (max-width:90em) {
  .index_head_intro>:not(:last-child) {
    margin-right: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .index_head_intro>:not(:last-child) {
    margin-right: 2.6666666667vw
  }
}

.index_head_title {
  color: #ab1731;
  display: flex;
  flex-shrink: 0;
  font-size: 1.75rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .index_head_title {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .index_head_title {
    font-size: 5.3333333333vw
  }
}

.index_head_title:before {
  background-color: #ab1731;
  content: "";
  display: block;
  margin-right: .9375rem;
  width: .625rem
}

@media screen and (max-width:90em) {
  .index_head_title:before {
    margin-right: 1.0416666667vw;
    width: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .index_head_title:before {
    margin-right: 2.6666666667vw;
    width: 1.3333333333vw
  }
}

.index_head_sub {
  align-items: center;
  -webkit-column-gap: .9375rem;
  column-gap: .9375rem;
  display: inline-grid;
  grid-template-columns: auto auto
}

@media screen and (max-width:90em) {
  .index_head_sub {
    -webkit-column-gap: 1.0416666667vw;
    column-gap: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .index_head_sub {
    -webkit-column-gap: 2.6666666667vw;
    column-gap: 2.6666666667vw;
    justify-content: space-between;
    margin-top: 1.3333333333vw;
    width: 100%
  }
}

.index_head_link {
  align-items: center;
  border: .0625rem solid #ab1731;
  color: #ab1731;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 500;
  padding: .625rem 1.25rem;
  transition: color .3s, background-color .3s
}

@media screen and (max-width:90em) {
  .index_head_link {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .index_head_link {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .index_head_link {
    padding: .6944444444vw 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .index_head_link {
    padding: 1.3333333333vw 2.6666666667vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .index_head_link:hover {
    background-color: #ab1731;
    color: #fff
  }

  .index_head_link:hover .index_head_link_icon {
    background-color: #fff
  }

  .index_head_link:hover .index_head_link_icon:before {
    border-color: transparent transparent transparent #ab1731;
    color: #ab1731
  }
}

.index_head_link_icon {
  align-items: center;
  background-color: #ab1731;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  height: 1.5rem;
  justify-content: center;
  margin-right: .625rem;
  transition: background-color .3s;
  width: 1.5rem
}

@media screen and (max-width:90em) {
  .index_head_link_icon {
    height: 1.6666666667vw;
    margin-right: .6944444444vw;
    width: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .index_head_link_icon {
    height: 4.2666666667vw;
    margin-right: 1.3333333333vw;
    width: 4.2666666667vw
  }
}

.index_head_link_icon:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: .25rem 0 .25rem .375rem;
  color: #fff;
  content: "";
  display: block;
  height: 0;
  -webkit-transform: translateX(.0625rem);
  transform: translateX(.0625rem);
  transition: color .3s, border-color .3s;
  width: 0
}

@media screen and (max-width:90em) {
  .index_head_link_icon:before {
    border-width: .2777777778vw 0 .2777777778vw .4166666667vw;
    -webkit-transform: translateX(.0694444444vw);
    transform: translateX(.0694444444vw)
  }
}

@media screen and (max-width:56em) {
  .index_head_link_icon:before {
    border-width: 1.0666666667vw 0 1.0666666667vw 1.6vw;
    -webkit-transform: translateX(.2666666667vw);
    transform: translateX(.2666666667vw)
  }
}

.index_head_site {
  align-items: center;
  display: flex;
  font-size: .75rem
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .index_head_site {
    cursor: pointer;
    transition: opacity .5s
  }

  .index_head_site:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .index_head_site {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .index_head_site {
    font-size: 2.6666666667vw
  }
}

.index_head_site_icon {
  flex-shrink: 0;
  height: .6875rem;
  margin-left: .125rem;
  margin-right: .125rem;
  position: relative;
  width: .8125rem
}

.index_head_site_icon img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .index_head_site_icon {
    height: .7638888889vw;
    margin-left: .1388888889vw;
    margin-right: .1388888889vw;
    width: .9027777778vw
  }
}

@media screen and (max-width:56em) {
  .index_head_site_icon {
    height: 2.9333333333vw;
    margin-left: .5333333333vw;
    margin-right: .5333333333vw;
    width: 3.4666666667vw
  }
}

.index_head_search {
  align-items: center;
  display: flex
}

.index_head_search_icon {
  align-self: center;
  height: 1.8125rem;
  margin-left: .5rem;
  position: relative;
  width: 1.8125rem
}

.index_head_search_icon img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .index_head_search_icon {
    height: 2.0138888889vw;
    margin-left: .5555555556vw;
    width: 2.0138888889vw
  }
}

@media screen and (max-width:56em) {
  .index_head_search_icon {
    height: 7.7333333333vw;
    margin-left: 2.1333333333vw;
    width: 7.7333333333vw
  }
}

.index_slider {
  margin-top: 1.875rem;
  position: relative
}

@media screen and (max-width:90em) {
  .index_slider {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .index_slider {
    margin-top: 4vw
  }
}

.index_modal_trigger {
  display: block;
  height: 15.125rem;
  position: relative;
  width: 20.125rem
}

.index_modal_trigger img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .index_modal_trigger {
    cursor: pointer;
    transition: opacity .5s
  }

  .index_modal_trigger:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .index_modal_trigger {
    height: 16.8055555556vw;
    width: 22.3611111111vw
  }
}

@media screen and (max-width:56em) {
  .index_modal_trigger {
    height: 72.8915662651vw;
    width: 100%
  }
}

.swiper {
  background-color: #fff;
  padding: .625rem 0 !important
}

@media screen and (max-width:90em) {
  .swiper {
    padding: .6944444444vw 0 !important
  }
}

@media screen and (max-width:56em) {
  .swiper {
    padding: 2.6666666667vw 0 !important
  }
}

.swiper-button-next,
.swiper-button-prev {
  background-color: hsla(20, 11%, 47%, .5) !important;
  border: none !important;
  height: 100% !important;
  margin-top: 0 !important;
  top: 0 !important;
  width: 2.5rem !important
}

@media screen and (max-width:90em) {

  .swiper-button-next,
  .swiper-button-prev {
    width: 2.7777777778vw !important
  }
}

@media screen and (max-width:56em) {

  .swiper-button-next,
  .swiper-button-prev {
    width: 10.6666666667vw !important
  }
}

.swiper-button-next:after,
.swiper-button-prev:after {
  color: #fff;
  font-size: 1.25rem !important;
  font-weight: 700
}

@media screen and (max-width:90em) {

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 1.3888888889vw !important
  }
}

@media screen and (max-width:56em) {

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 5.3333333333vw !important
  }
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  display: none
}

.swiper-button-prev {
  left: 0 !important
}

.swiper-button-next {
  right: 0 !important
}

.index_bottom {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-top: 2.875rem
}

@media screen and (max-width:90em) {
  .index_bottom {
    margin-top: 3.1944444444vw
  }
}

@media screen and (max-width:56em) {
  .index_bottom {
    display: block;
    margin-top: 8vw
  }
}

.index_bottom_map {
  display: block;
  height: 32.125rem;
  position: relative;
  width: 39.375rem
}

.index_bottom_map img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .index_bottom_map {
    cursor: pointer;
    transition: opacity .5s
  }

  .index_bottom_map:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .index_bottom_map {
    height: 35.6944444444vw;
    width: 43.75vw
  }
}

@media screen and (max-width:56em) {
  .index_bottom_map {
    height: auto;
    padding-top: 81.5873015873%;
    width: 100%
  }
}

.index_bottom_catalog {
  display: block;
  height: 32.8125rem;
  position: relative;
  width: 39.375rem
}

.index_bottom_catalog img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .index_bottom_catalog {
    cursor: pointer;
    transition: opacity .5s
  }

  .index_bottom_catalog:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .index_bottom_catalog {
    height: 36.4583333333vw;
    width: 43.75vw
  }
}

@media screen and (max-width:56em) {
  .index_bottom_catalog {
    height: auto;
    margin-top: 8vw;
    padding-top: 83.3333333333%;
    width: 100%
  }
}

.index_modal {
  background-color: rgba(0, 0, 0, .5);
  height: 100vh;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  transition: opacity .3s, visibility .3s;
  visibility: hidden;
  width: 100vw;
  z-index: 101
}

.index_modal.is-open {
  opacity: 1;
  visibility: visible
}

.index_modal_box {
  background-color: #fff;
  left: 50%;
  opacity: 0;
  padding: .625rem .625rem 1.875rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: opacity .3s, visibility .3s;
  visibility: hidden;
  width: 46.5625rem
}

@media screen and (max-width:90em) {
  .index_modal_box {
    padding: .6944444444vw .6944444444vw 2.0833333333vw;
    width: 51.7361111111vw
  }
}

@media screen and (max-width:56em) {
  .index_modal_box {
    padding: 2.6666666667vw 2.6666666667vw 4vw;
    width: calc(100% - 8vw)
  }
}

.index_modal_box.is-open {
  opacity: 1;
  visibility: visible
}

.index_modal_close {
  align-items: center;
  background-color: #49443a;
  display: flex;
  height: 2.5rem;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  width: 2.5rem;
  z-index: 2
}

@media screen and (max-width:90em) {
  .index_modal_close {
    height: 2.7777777778vw;
    width: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .index_modal_close {
    height: 8vw;
    width: 8vw
  }
}

.index_modal_close img {
  height: 1.25rem;
  width: 1.25rem
}

@media screen and (max-width:90em) {
  .index_modal_close img {
    height: 1.3888888889vw;
    width: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .index_modal_close img {
    height: 4vw;
    width: 4vw
  }
}

.index_modal_img {
  height: 30.1875rem;
  position: relative;
  width: 45.3125rem
}

.index_modal_img img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .index_modal_img {
    height: 33.5416666667vw;
    width: 50.3472222222vw
  }
}

@media screen and (max-width:56em) {
  .index_modal_img {
    height: auto;
    padding-top: 66.6206896552%;
    width: 100%
  }
}

.index_modal_contents {
  font-size: .875rem;
  line-height: 2;
  margin-top: 1.5625rem;
  padding-left: .625rem;
  padding-right: .625rem
}

@media screen and (max-width:90em) {
  .index_modal_contents {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .index_modal_contents {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .index_modal_contents {
    margin-top: 1.7361111111vw;
    padding-left: .6944444444vw;
    padding-right: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .index_modal_contents {
    margin-top: 4vw;
    padding-left: 2.6666666667vw;
    padding-right: 2.6666666667vw
  }
}

.history_contents {
  padding: 3.75rem 0 6.25rem
}

@media screen and (max-width:90em) {
  .history_contents {
    padding: 4.1666666667vw 0 6.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .history_contents {
    padding: 8vw 0 13.3333333333vw
  }
}

.history_contents_in {
  margin-left: auto;
  margin-right: auto;
  width: 58.625rem
}

@media screen and (max-width:90em) {
  .history_contents_in {
    width: 65.1388888889vw
  }
}

@media screen and (max-width:56em) {
  .history_contents_in {
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.history_head {
  background-color: #000;
  color: #fff;
  padding: .75rem 2.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .history_head {
    padding: .8333333333vw 2.5vw
  }
}

@media screen and (max-width:56em) {
  .history_head {
    padding: 12.8vw 0 0
  }
}

.history_head img {
  width: 100%
}

.history_body {
  margin-top: 1.875rem;
  overflow: hidden
}

@media screen and (max-width:90em) {
  .history_body {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .history_body {
    margin-top: 0
  }
}

.history_grid {
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 46.25rem;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 56.25rem
}

@media screen and (max-width:90em) {
  .history_grid {
    -webkit-column-gap: 1.3888888889vw;
    column-gap: 1.3888888889vw;
    display: grid;
    grid-template-columns: 1fr 51.3888888889vw;
    max-width: 62.5vw
  }
}

@media screen and (max-width:56em) {
  .history_grid {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    max-width: 100%
  }
}

.history_grid:last-child .history_box {
  margin-bottom: 0 !important
}

.history_year {
  position: relative
}

.history_year_text {
  align-items: center;
  color: #546b7e;
  display: flex;
  flex-direction: column;
  font-size: 2.1875rem
}

@media screen and (max-width:90em) {
  .history_year_text {
    font-size: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .history_year_text {
    flex-direction: row;
    font-size: 6.4vw;
    padding-bottom: 4vw;
    padding-left: 10.6666666667vw;
    padding-top: 2.6666666667vw
  }
}

.history_year_text small {
  display: block;
  font-size: .875rem
}

@media screen and (max-width:90em) {
  .history_year_text small {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .history_year_text small {
    font-size: 5.3333333333vw
  }
}

.history_year_line {
  background-color: #546b7e;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: .3125rem
}

@media screen and (max-width:90em) {
  .history_year_line {
    width: .3472222222vw
  }
}

@media screen and (max-width:56em) {
  .history_year_line {
    left: 6.6666666667vw;
    width: 1.3333333333vw
  }
}

.history_year_icon {
  background: #e6e6e6;
  border-radius: 50%;
  box-shadow: 0 0 0 .3125rem #546b7e;
  color: #fff;
  display: block;
  height: 1.5625rem;
  left: 50%;
  position: absolute;
  top: .9375rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 1.5625rem
}

@media screen and (max-width:90em) {
  .history_year_icon {
    box-shadow: 0 0 0 .3472222222vw #546b7e;
    height: 1.7361111111vw;
    top: 1.0416666667vw;
    width: 1.7361111111vw
  }
}

@media screen and (max-width:56em) {
  .history_year_icon {
    display: none
  }
}

.history_box {
  background-color: #e6e6e6;
  margin-bottom: 1.5625rem;
  margin-left: 1.5625rem;
  padding: 1.125rem;
  position: relative
}

@media screen and (max-width:90em) {
  .history_box {
    margin-bottom: 1.7361111111vw;
    margin-left: 1.7361111111vw;
    padding: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .history_box {
    margin-bottom: 0;
    margin-left: 0;
    padding: 2.6666666667vw 2.6666666667vw 4vw
  }
}

.history_box:before {
  background: transparent;
  border-color: transparent #e6e6e6 transparent transparent;
  border-width: .625rem;
  content: "";
  display: block;
  height: 0;
  pointer-events: none;
  position: absolute;
  right: 100%;
  top: .9375rem;
  width: 0
}

@media screen and (max-width:90em) {
  .history_box:before {
    border-width: .6944444444vw;
    top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .history_box:before {
    border-color: transparent transparent #e6e6e6;
    border-width: 2.6666666667vw;
    left: 12vw;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
  }
}

.history_title {
  font-size: 1.375rem;
  font-weight: 700
}

@media screen and (max-width:90em) {
  .history_title {
    font-size: 1.5277777778vw
  }
}

@media screen and (max-width:56em) {
  .history_title {
    font-size: 4.2666666667vw
  }
}

.history_box_contents {
  font-size: .75rem;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .history_box_contents {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .history_box_contents {
    font-size: 3.2vw
  }
}

.history_box_contents.hp_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 23.4375rem 17.6875rem);
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .history_box_contents.hp_grid {
    grid-template-columns: repeat(auto-fit, 26.0416666667vw 19.6527777778vw)
  }
}

@media screen and (max-width:56em) {
  .history_box_contents.hp_grid {
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 2.6666666667vw
  }
}

.history_box_contents_text dl {
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .history_box_contents_text dl {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .history_box_contents_text dl {
    display: none
  }
}

.history_box_contents_text dt {
  font-size: .875rem;
  font-weight: 700
}

@media screen and (max-width:90em) {
  .history_box_contents_text dt {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .history_box_contents_text dt {
    font-size: 3.7333333333vw
  }
}

.history_box_contents_text dd {
  font-size: .625rem
}

@media screen and (max-width:90em) {
  .history_box_contents_text dd {
    font-size: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .history_box_contents_text dd {
    font-size: 2.6666666667vw
  }
}

.history_box_contents_others dt img {
  width: 100%
}

.history_box_contents_others dd {
  display: flex;
  justify-content: flex-end;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .history_box_contents_others dd {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .history_box_contents_others dd {
    margin-top: 2.6666666667vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .history_box_contents_others dd button {
    cursor: pointer;
    transition: opacity .5s
  }

  .history_box_contents_others dd button:hover {
    opacity: .7
  }
}

.history_box_main dt {
  display: grid;
  grid-template-columns: repeat(auto-fit, calc(25% - .3125rem));
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .history_box_main dt {
    grid-template-columns: repeat(auto-fit, calc(25% - .34722vw))
  }
}

@media screen and (max-width:56em) {
  .history_box_main dt {
    grid-template-columns: repeat(auto-fit, calc(50% - 1.33333vw));
    row-gap: 2.6666666667vw
  }
}

.history_box_main dt img {
  width: 100%
}

.history_box_main dd {
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .history_box_main dd {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .history_box_main dd {
    margin-top: 2.6666666667vw
  }
}

.concept {
  background-color: #f9f6f1;
  display: block
}

.concept_mv {
  height: 25rem;
  padding: 3.75rem 5rem;
  position: relative
}

@media screen and (max-width:90em) {
  .concept_mv {
    height: 27.7777777778vw;
    padding: 4.1666666667vw 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .concept_mv {
    height: 72.8vw;
    padding: 8vw 4vw
  }
}

.concept_mv_img,
.concept_mv_img img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.concept_mv_img img {
  object-fit: cover
}

.concept_mv_title {
  color: #49443a;
  font-size: 2.25rem;
  font-weight: 700;
  position: relative;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .concept_mv_title {
    font-size: 2.5vw
  }
}

@media screen and (max-width:56em) {
  .concept_mv_title {
    font-size: 6.4vw
  }
}

@media screen and (max-width:90em) {
  .concept_mv_title {
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .concept_mv_title {
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.concept_contents {
  padding-bottom: 6.25rem
}

@media screen and (max-width:90em) {
  .concept_contents {
    padding-bottom: 6.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_contents {
    padding-bottom: 13.3333333333vw
  }
}

.concept_head {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .concept_head {
    margin-top: 5.5555555556vw;
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_head {
    margin-top: 10.6666666667vw;
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.concept_head_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 1.5rem;
  text-align: center
}

@media screen and (max-width:90em) {
  .concept_head_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_head_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .concept_head_text {
    margin-top: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_head_text {
    margin-top: 3.2vw
  }
}

.concept_head_title {
  align-items: center;
  display: flex;
  font-size: 1.5rem;
  justify-content: center;
  text-align: center
}

@media screen and (max-width:90em) {
  .concept_head_title {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_head_title {
    font-size: 4.2666666667vw
  }
}

.concept_head_title_icon {
  display: block;
  height: 2.1875rem;
  margin-right: .75rem;
  position: relative;
  width: 2.1875rem
}

.concept_head_title_icon img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_head_title_icon {
    height: 2.4305555556vw;
    margin-right: .8333333333vw;
    width: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .concept_head_title_icon {
    height: 6.6666666667vw;
    margin-right: 1.0666666667vw;
    width: 6.6666666667vw
  }
}

.concept_list {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 12.0625rem);
  justify-content: center;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .concept_list {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: repeat(auto-fit, 13.4027777778vw);
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .concept_list {
    -webkit-column-gap: 4vw;
    column-gap: 4vw;
    grid-template-columns: repeat(auto-fit, calc(50% - 4vw));
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.concept_list_btn {
  align-items: center;
  border: .0625rem solid #86746b;
  color: #86746b;
  display: flex;
  justify-content: center;
  padding: .625rem .3125rem;
  transition: color .3s, background-color .3s
}

@media screen and (max-width:90em) {
  .concept_list_btn {
    padding: .6944444444vw .3472222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_list_btn {
    padding: 2.6666666667vw 1.3333333333vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .concept_list_btn:hover {
    background-color: #86746b;
    color: #fff
  }

  .concept_list_btn:hover .concept_list_btn_icon {
    background-color: #fff
  }

  .concept_list_btn:hover .concept_list_btn_icon:before {
    border-color: transparent transparent transparent #86746b;
    color: #86746b
  }
}

.concept_list_btn.is-open {
  background-color: #86746b;
  color: #fff;
  pointer-events: none
}

.concept_list_btn.is-open .concept_list_btn_icon {
  background-color: #fff
}

.concept_list_btn.is-open .concept_list_btn_icon:before {
  border-color: transparent transparent transparent #86746b;
  color: #86746b
}

.concept_list_btn_icon {
  align-items: center;
  background-color: #86746b;
  border-radius: 50%;
  display: block;
  display: flex;
  flex-shrink: 0;
  height: 1.5rem;
  justify-content: center;
  margin-right: .625rem;
  transition: background-color .3s;
  width: 1.5rem
}

@media screen and (max-width:90em) {
  .concept_list_btn_icon {
    height: 1.6666666667vw;
    margin-right: .6944444444vw;
    width: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_list_btn_icon {
    height: 4.2666666667vw;
    margin-right: 2.6666666667vw;
    width: 4.2666666667vw
  }
}

.concept_list_btn_icon:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: .375rem 0 .375rem .5rem;
  color: #fff;
  content: "";
  display: block;
  height: 0;
  -webkit-transform: translateX(.0625rem);
  transform: translateX(.0625rem);
  transition: color .3s, background-color .3s;
  width: 0
}

@media screen and (max-width:90em) {
  .concept_list_btn_icon:before {
    border-width: .4166666667vw 0 .4166666667vw .5555555556vw;
    -webkit-transform: translateX(.0694444444vw);
    transform: translateX(.0694444444vw)
  }
}

@media screen and (max-width:56em) {
  .concept_list_btn_icon:before {
    border-width: 1.0666666667vw 0 1.0666666667vw 1.6vw;
    -webkit-transform: translateX(.2666666667vw);
    transform: translateX(.2666666667vw)
  }
}

.concept_list_btn_text {
  font-size: .875rem;
  font-weight: 500;
  min-width: 0
}

@media screen and (max-width:90em) {
  .concept_list_btn_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_list_btn_text {
    font-size: 3.2vw
  }
}

@-webkit-keyframes fadeIn {
  0% {
    display: none;
    opacity: 0
  }

  1% {
    display: block;
    opacity: 0
  }

  to {
    display: block;
    opacity: 1
  }
}

@keyframes fadeIn {
  0% {
    display: none;
    opacity: 0
  }

  1% {
    display: block;
    opacity: 0
  }

  to {
    display: block;
    opacity: 1
  }
}

.concept_model {
  background-color: #ede4d7;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875rem;
  padding: 2.5rem 1.875rem;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .concept_model {
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_model {
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.concept_model_in {
  display: none;
  opacity: 0;
  position: relative;
  width: 100%
}

.concept_model_in.is-open {
  -webkit-animation: fadeIn .3s ease-in 0s forwards;
  animation: fadeIn .3s ease-in 0s forwards;
  display: block;
  opacity: 1
}

.concept_model_arrow_prev {
  border-left: 1px solid #222;
  border-top: 1px solid #222;
  display: block;
  height: 2.1875rem;
  left: -2.1875rem;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(-100%) rotate(-45deg);
  transform: translateY(-50%) translateX(-100%) rotate(-45deg);
  width: 2.1875rem
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .concept_model_arrow_prev {
    cursor: pointer;
    transition: opacity .5s
  }

  .concept_model_arrow_prev:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .concept_model_arrow_prev {
    height: 2.4305555556vw;
    left: -2.4305555556vw;
    width: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_arrow_prev {
    display: none
  }
}

.concept_model_arrow_next {
  border-right: 1px solid #222;
  border-top: 1px solid #222;
  display: block;
  height: 2.1875rem;
  position: absolute;
  right: -2.1875rem;
  top: 50%;
  -webkit-transform: translateY(-50%) translateX(100%) rotate(45deg);
  transform: translateY(-50%) translateX(100%) rotate(45deg);
  width: 2.1875rem
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .concept_model_arrow_next {
    cursor: pointer;
    transition: opacity .5s
  }

  .concept_model_arrow_next:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .concept_model_arrow_next {
    height: 2.4305555556vw;
    right: -2.0833333333vw;
    width: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_arrow_next {
    display: none
  }
}

.concept_model_title {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 70rem
}

@media screen and (max-width:90em) {
  .concept_model_title {
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_title {
    width: 100%
  }
}

.concept_model_title_num {
  color: #86746b;
  font-size: 1.125rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .concept_model_title_num {
    font-size: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_title_num {
    font-size: 3.7333333333vw
  }
}

.concept_model_title_text {
  font-size: 1.75rem;
  font-weight: 500;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .concept_model_title_text {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_title_text {
    font-size: 4.8vw
  }
}

@media screen and (max-width:90em) {
  .concept_model_title_text {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_title_text {
    margin-top: 1.3333333333vw
  }
}

.concept_model_info,
.concept_model_info02 {
  align-items: flex-start;
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: 20rem 52.5rem;
  margin-top: 2.1875rem
}

@media screen and (max-width:90em) {

  .concept_model_info,
  .concept_model_info02 {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: 22.2222222222vw 58.3333333333vw;
    margin-top: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {

  .concept_model_info,
  .concept_model_info02 {
    display: block;
    margin-top: 5.3333333333vw
  }
}

.concept_model_info_img {
  background-color: #fff;
  box-shadow: 0 .1875rem .375rem 0 rgba(0, 0, 0, .16);
  padding: .625rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_model_info_img {
    box-shadow: 0 .2083333333vw .4166666667vw 0 rgba(0, 0, 0, .16);
    padding: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_info_img {
    box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, .16);
    padding: 2.6666666667vw
  }
}

.concept_model_info_img img {
  height: 12.0625rem;
  object-fit: cover;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_model_info_img img {
    height: 13.4027777778vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_info_img img {
    height: auto;
    height: 64.3333333333%
  }
}

.concept_model_info_text {
  font-size: .875rem;
  line-height: 2
}

@media screen and (max-width:90em) {
  .concept_model_info_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_info_text {
    font-size: 3.2vw;
    margin-top: 4vw
  }
}

.concept_model_info02 {
  align-items: flex-end;
  grid-template-columns: 52.5rem 20rem;
  justify-content: flex-end;
  margin-top: -.625rem
}

@media screen and (max-width:90em) {
  .concept_model_info02 {
    grid-template-columns: 58.3333333333vw 22.2222222222vw;
    margin-top: -.6944444444vw
  }
}

@media screen and (max-width:56em) {

  .concept_model_info02,
  .concept_model_info02 .concept_model_info_img {
    margin-top: 4vw
  }
}

.concept_model_box {
  background-color: #fff;
  display: grid;
  grid-template-columns: 29.375rem 29.375rem;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: -.625rem;
  padding: 1.875rem 3.75rem 3.75rem;
  width: 70rem
}

@media screen and (max-width:90em) {
  .concept_model_box {
    grid-template-columns: 32.6388888889vw 32.6388888889vw;
    margin-top: -.6944444444vw;
    padding: 2.0833333333vw 4.1666666667vw 4.1666666667vw;
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_box {
    display: block;
    margin-top: 4vw;
    padding: 4vw;
    width: 100%
  }
}

.concept_model_box_img01 {
  height: 26.9375rem;
  position: relative;
  width: 100%
}

.concept_model_box_img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_model_box_img01 {
    height: 29.9305555556vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_box_img01 {
    height: auto;
    padding-top: 91.7021276596%
  }
}

.concept_model_box_img02 {
  height: 24.1875rem;
  position: relative;
  width: 100%
}

.concept_model_box_img02 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_model_box_img02 {
    height: 26.875vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_box_img02 {
    height: auto;
    margin-top: 8vw;
    padding-top: 82.3404255319%
  }
}

.concept_model_pager {
  display: flex;
  justify-content: space-between;
  margin-top: 3.75rem
}

@media screen and (max-width:90em) {
  .concept_model_pager {
    margin-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pager {
    margin-top: 8vw
  }
}

.concept_model_pagerstart {
  display: flex;
  justify-content: flex-start;
  margin-top: 3.75rem
}

@media screen and (max-width:90em) {
  .concept_model_pagerstart {
    margin-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pagerstart {
    margin-top: 8vw
  }
}

.concept_model_pagerend {
  display: flex;
  justify-content: flex-end;
  margin-top: 3.75rem
}

@media screen and (max-width:90em) {
  .concept_model_pagerend {
    margin-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pagerend {
    margin-top: 8vw
  }
}

.concept_model_pager_btn {
  color: #86746b;
  display: flex;
  flex-direction: column;
  font-size: .875rem;
  font-weight: 500;
  position: relative
}

@media screen and (max-width:90em) {
  .concept_model_pager_btn {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pager_btn {
    font-size: 3.2vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .concept_model_pager_btn {
    cursor: pointer;
    transition: opacity .5s
  }

  .concept_model_pager_btn:hover {
    opacity: .7
  }
}

.concept_model_pager_next {
  background-color: #86746b;
  height: .0625rem;
  margin-top: .5rem;
  position: relative;
  width: 12.5rem
}

@media screen and (max-width:90em) {
  .concept_model_pager_next {
    height: .0694444444vw;
    margin-top: .5555555556vw;
    width: 13.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pager_next {
    height: .2666666667vw;
    margin-top: 2.1333333333vw;
    width: 42.6666666667vw
  }
}

.concept_model_pager_next:after {
  background-color: #86746b;
  bottom: 0;
  content: "";
  display: block;
  height: .0625rem;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-.25rem) rotate(45deg);
  transform: translateY(-.25rem) rotate(45deg);
  width: .625rem
}

@media screen and (max-width:90em) {
  .concept_model_pager_next:after {
    height: .0694444444vw;
    -webkit-transform: translateY(-.2777777778vw) rotate(45deg);
    transform: translateY(-.2777777778vw) rotate(45deg);
    width: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pager_next:after {
    height: .2666666667vw;
    -webkit-transform: translateY(-1.0666666667vw) rotate(45deg);
    transform: translateY(-1.0666666667vw) rotate(45deg);
    width: 2.6666666667vw
  }
}

.concept_model_pager_back {
  background-color: #86746b;
  height: .0625rem;
  margin-top: .5rem;
  position: relative;
  width: 12.5rem
}

@media screen and (max-width:90em) {
  .concept_model_pager_back {
    height: .0694444444vw;
    margin-top: .5555555556vw;
    width: 13.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pager_back {
    height: .2666666667vw;
    margin-top: 2.1333333333vw;
    width: 42.6666666667vw
  }
}

.concept_model_pager_back:before {
  background-color: #86746b;
  bottom: 0;
  content: "";
  display: block;
  height: .0625rem;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-.25rem) rotate(-45deg);
  transform: translateY(-.25rem) rotate(-45deg);
  width: .625rem
}

@media screen and (max-width:90em) {
  .concept_model_pager_back:before {
    height: .0694444444vw;
    -webkit-transform: translateY(-.2777777778vw) rotate(-45deg);
    transform: translateY(-.2777777778vw) rotate(-45deg);
    width: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_model_pager_back:before {
    height: .2666666667vw;
    -webkit-transform: translateY(-1.0666666667vw) rotate(-45deg);
    transform: translateY(-1.0666666667vw) rotate(-45deg);
    width: 2.6666666667vw
  }
}

.concept_model_pager_text {
  display: block;
  min-width: 0;
  width: 100%
}

.concept_case {
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .concept_case {
    margin-top: 2.7777777778vw;
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_case {
    margin-top: 5.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.concept_case_head {
  align-items: flex-end;
  -webkit-column-gap: .125rem;
  column-gap: .125rem;
  display: flex;
  display: grid;
  grid-template-columns: repeat(auto-fit, 15rem)
}

@media screen and (max-width:90em) {
  .concept_case_head {
    -webkit-column-gap: .1388888889vw;
    column-gap: .1388888889vw;
    grid-template-columns: repeat(auto-fit, 16.6666666667vw)
  }
}

@media screen and (max-width:56em) {
  .concept_case_head {
    -webkit-column-gap: .5333333333vw;
    column-gap: .5333333333vw;
    grid-template-columns: repeat(auto-fit, calc(33.33333% - .53333vw))
  }
}

.concept_case_btn {
  align-items: center;
  background-color: #e6e6e6;
  display: flex;
  font-size: .875rem;
  font-weight: 700;
  height: 3.125rem;
  justify-content: center;
  text-align: center;
  transition: color .3s, background-color .3s;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_case_btn {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_btn {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .concept_case_btn {
    height: 3.4722222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_btn {
    height: 10.6666666667vw
  }
}

.concept_case_btn.is-open {
  background-color: #222;
  color: #fff;
  height: 4.375rem;
  pointer-events: none
}

@media screen and (max-width:90em) {
  .concept_case_btn.is-open {
    height: 4.8611111111vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_btn.is-open {
    height: 13.3333333333vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .concept_case_btn:hover {
    background-color: #222;
    color: #e6e6e6
  }
}

.concept_case_box {
  background-color: #222;
  padding: 0 0 3.75rem 6.25rem
}

@media screen and (max-width:90em) {
  .concept_case_box {
    padding: 0 0 4.1666666667vw 6.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box {
    padding: 4vw
  }
}

.concept_case_box_in {
  display: none;
  opacity: 0;
  width: 100%
}

.concept_case_box_in.is-open {
  -webkit-animation: fadeIn .3s ease-in 0s forwards;
  animation: fadeIn .3s ease-in 0s forwards;
  display: block;
  opacity: 1
}

.concept_case_box_head {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: 1fr 29.375rem
}

@media screen and (max-width:90em) {
  .concept_case_box_head {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: 1fr 32.6388888889vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_head {
    -webkit-column-gap: 0;
    column-gap: 0;
    display: flex;
    flex-direction: column-reverse
  }
}

.concept_case_box_info {
  color: #fff;
  padding-top: 3.75rem
}

@media screen and (max-width:90em) {
  .concept_case_box_info {
    padding-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_info {
    grid-template-columns: repeat(auto-fill, 100%)
  }
}

.concept_case_box_title {
  font-size: 1.75rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .concept_case_box_title {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_title {
    font-size: 5.3333333333vw
  }
}

.concept_case_box_area {
  font-size: 1.125rem;
  font-weight: 500;
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .concept_case_box_area {
    font-size: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_area {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .concept_case_box_area {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_area {
    margin-top: 2.6666666667vw
  }
}

.concept_case_box_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .concept_case_box_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .concept_case_box_text {
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_text {
    margin-top: 5.3333333333vw
  }
}

.concept_case_box_img {
  height: 22.1875rem;
  position: relative;
  width: 29.375rem
}

.concept_case_box_img img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_case_box_img {
    height: 24.6527777778vw;
    width: 32.6388888889vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_img {
    height: auto;
    padding-top: 75.5319148936%;
    width: 100%
  }
}

.concept_case_box_main {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 22.0625rem);
  margin-top: 5.3125rem;
  width: 70rem
}

@media screen and (max-width:90em) {
  .concept_case_box_main {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: repeat(auto-fit, 24.5138888889vw);
    margin-top: 5.9027777778vw;
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_main {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw;
    width: 100%
  }
}

.concept_case_box_example {
  height: 14.6875rem;
  position: relative;
  width: 22.0625rem
}

.concept_case_box_example img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .concept_case_box_example {
    height: 16.3194444444vw;
    width: 24.5138888889vw
  }
}

@media screen and (max-width:56em) {
  .concept_case_box_example {
    height: auto;
    padding-top: 66.5722379603%;
    width: 100%
  }
}

.strength {
  background-color: #fff;
  display: block
}

.strength_mv {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 25rem;
  justify-content: center;
  padding: 0 3.75rem;
  position: relative
}

@media screen and (max-width:90em) {
  .strength_mv {
    height: 27.7777777778vw;
    padding: 0 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_mv {
    height: 72.8vw;
    padding: 0
  }
}

.strength_mv_img,
.strength_mv_img img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.strength_mv_img img {
  object-fit: cover
}

.strength_mv_title {
  background-color: #285380;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.875rem 2.5rem;
  position: relative;
  width: 25rem;
  z-index: 2
}

@media screen and (max-width:90em) {
  .strength_mv_title {
    padding: 2.0833333333vw 2.7777777778vw;
    width: 27.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_mv_title {
    padding: 8vw 4vw;
    width: 64vw
  }
}

.strength_mv_title_sub {
  font-size: 1.5rem;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .strength_mv_title_sub {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_mv_title_sub {
    font-size: 4.8vw
  }
}

@media screen and (max-width:90em) {
  .strength_mv_title_sub {
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .strength_mv_title_sub {
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.strength_mv_title_main {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: .9375rem;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .strength_mv_title_main {
    font-size: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_mv_title_main {
    font-size: 7.4666666667vw
  }
}

@media screen and (max-width:90em) {
  .strength_mv_title_main {
    margin-top: 1.0416666667vw;
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .strength_mv_title_main {
    margin-top: 4vw;
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.strength_head {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 5rem
}

@media screen and (max-width:90em) {
  .strength_head {
    margin-top: 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .strength_head {
    margin-top: 10.6666666667vw
  }
}

.strength_head_title {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: 700;
  justify-content: center;
  text-align: center
}

@media screen and (max-width:90em) {
  .strength_head_title {
    font-size: 2.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_head_title {
    font-size: 5.3333333333vw
  }
}

.strength_head_title small {
  font-size: 1.5rem
}

@media screen and (max-width:90em) {
  .strength_head_title small {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_head_title small {
    font-size: 4.2666666667vw
  }
}

.strength_head_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .strength_head_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_head_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .strength_head_text {
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_head_text {
    margin-top: 5.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw
  }
}

.strength_head_text small {
  font-size: .75rem
}

@media screen and (max-width:90em) {
  .strength_head_text small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .strength_head_text small {
    font-size: 2.6666666667vw
  }
}

.strength_example {
  background-color: #f9f6f1;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  padding: 1.25rem 6.25rem 2.5rem;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .strength_example {
    margin-top: 2.7777777778vw;
    padding: 1.3888888889vw 6.9444444444vw 2.7777777778vw;
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_example {
    margin-top: 5.3333333333vw;
    padding: 2.6666666667vw 4vw 5.3333333333vw;
    width: 100%
  }
}

.strength_example_title {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.strength_example_title_text {
  color: #86746b;
  font-size: 1.75rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .strength_example_title_text {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .strength_example_title_text {
    font-size: 4.2666666667vw
  }
}

.strength_example_title_text sup {
  display: inline-block;
  -webkit-transform: translateX(-.9375rem);
  transform: translateX(-.9375rem)
}

@media screen and (max-width:90em) {
  .strength_example_title_text sup {
    -webkit-transform: translateX(-1.0416666667vw);
    transform: translateX(-1.0416666667vw)
  }
}

@media screen and (max-width:56em) {
  .strength_example_title_text sup {
    display: inline;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}

.strength_example_title_line {
  background-color: #86746b;
  height: .0625rem;
  width: 34.6875rem
}

@media screen and (max-width:90em) {
  .strength_example_title_line {
    width: 38.5416666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_example_title_line {
    display: none
  }
}

.strength_example_list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 33.3333333333%);
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .strength_example_list {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .strength_example_list {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 4vw;
    row-gap: 6.6666666667vw
  }
}

.strength_example_list_item {
  width: 100%
}

.strength_example_list_img {
  height: 18.8125rem;
  position: relative;
  width: 100%
}

.strength_example_list_img img {
  height: 100%;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_example_list_img {
    height: 20.9027777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_example_list_img {
    height: auto;
    padding-top: 73.4584450402%
  }
}

.strength_example_list_text {
  font-size: .75rem;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .strength_example_list_text {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .strength_example_list_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .strength_example_list_text {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .strength_example_list_text {
    margin-top: 2.6666666667vw
  }
}

.strength_detail {
  display: grid;
  grid-template-columns: repeat(auto-fit, 33.125rem);
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  width: 70rem
}

@media screen and (max-width:90em) {
  .strength_detail {
    grid-template-columns: repeat(auto-fit, 36.8055555556vw);
    margin-top: 2.7777777778vw;
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    padding: 0 4vw;
    row-gap: 8vw;
    width: 100%
  }
}

.strength_detail_show {
  width: 100%
}

.strength_detail_show_img {
  display: block;
  height: 32.9375rem;
  position: relative;
  width: 33.125rem
}

.strength_detail_show_img img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_detail_show_img {
    height: 36.5972222222vw;
    width: 36.8055555556vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail_show_img {
    height: auto;
    padding-top: 99.4339622642%;
    width: 100%
  }
}

.strength_detail_show_link {
  display: block;
  height: 6.875rem;
  margin-top: 1.25rem;
  position: relative;
  width: 33.125rem
}

.strength_detail_show_link img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .strength_detail_show_link {
    cursor: pointer;
    transition: opacity .5s
  }

  .strength_detail_show_link:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .strength_detail_show_link {
    height: 7.6388888889vw;
    margin-top: 1.3888888889vw;
    width: 36.8055555556vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail_show_link {
    height: auto;
    margin-top: 5.3333333333vw;
    padding-top: 20.7547169811%;
    width: 100%
  }
}

.strength_detail_info {
  width: 100%
}

.strength_detail_info_title {
  display: flex;
  font-size: 1.5rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .strength_detail_info_title {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail_info_title {
    font-size: 4.2666666667vw
  }
}

.strength_detail_info_title:before {
  background-color: #222;
  content: "";
  display: block;
  flex-shrink: 0;
  margin-right: 1.25rem;
  width: .3125rem
}

@media screen and (max-width:90em) {
  .strength_detail_info_title:before {
    margin-right: 1.3888888889vw;
    width: .3472222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail_info_title:before {
    margin-right: 2.6666666667vw;
    width: 1.3333333333vw
  }
}

.strength_detail_info_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .strength_detail_info_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail_info_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .strength_detail_info_text {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail_info_text {
    margin-top: 4vw
  }
}

.strength_detail_info_img {
  display: block;
  height: 19.9375rem;
  margin-top: 2.5rem;
  position: relative;
  width: 33.125rem
}

.strength_detail_info_img img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_detail_info_img {
    height: 22.1527777778vw;
    margin-top: 2.7777777778vw;
    width: 36.8055555556vw
  }
}

@media screen and (max-width:56em) {
  .strength_detail_info_img {
    height: auto;
    margin-top: 5.3333333333vw;
    padding-top: 60.1886792453%;
    width: 100%
  }
}

.strength_bg {
  background-color: #f2f2f2;
  margin-top: 5rem;
  padding: 3.75rem 3.75rem 6.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_bg {
    margin-top: 5.5555555556vw;
    padding: 4.1666666667vw 4.1666666667vw 6.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .strength_bg {
    margin-top: 10.6666666667vw;
    padding: 8vw 4vw 13.3333333333vw
  }
}

.strength_box {
  background-color: #ede4d7;
  box-shadow: 0 .1875rem .375rem 0 rgba(0, 0, 0, .16);
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.75rem;
  max-width: 82.5rem;
  padding-top: 2.5rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box {
    box-shadow: 0 .2083333333vw .4166666667vw 0 rgba(0, 0, 0, .16);
    margin-top: 4.1666666667vw;
    padding-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_box {
    box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, .16);
    margin-top: 8vw;
    padding-top: 5.3333333333vw
  }
}

.strength_box:not(:first-child) {
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .strength_box:not(:first-child) {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .strength_box:not(:first-child) {
    margin-top: 4vw
  }
}

.strength_box_btn {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  margin-top: 2.5rem;
  padding: .625rem 1.25rem;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .strength_box_btn {
    cursor: pointer;
    transition: opacity .5s
  }

  .strength_box_btn:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .strength_box_btn {
    margin-top: 2.7777777778vw;
    padding: .6944444444vw 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_btn {
    margin-top: 5.3333333333vw;
    padding: 2.6666666667vw 4vw
  }
}

.strength_box_btn .strength_box_btn_close {
  display: none
}

.strength_box.is-open .strength_box_btn .strength_box_btn_close {
  display: flex
}

.strength_box.is-open .strength_box_btn .strength_box_btn_open {
  display: none
}

.strength_box_btn_close {
  align-items: center;
  display: flex;
  font-size: .875rem;
  font-weight: 500;
  justify-content: center
}

@media screen and (max-width:90em) {
  .strength_box_btn_close {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_btn_close {
    font-size: 3.2vw
  }
}

.strength_box_btn_close img {
  height: 1.5rem;
  margin-right: .625rem;
  width: 1.5rem
}

@media screen and (max-width:90em) {
  .strength_box_btn_close img {
    height: 1.6666666667vw;
    margin-right: .6944444444vw;
    width: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_btn_close img {
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    width: 5.3333333333vw
  }
}

.strength_box_btn_open {
  align-items: center;
  color: #ab1731;
  display: flex;
  font-size: .875rem;
  font-weight: 500;
  justify-content: center
}

@media screen and (max-width:90em) {
  .strength_box_btn_open {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_btn_open {
    font-size: 3.2vw
  }
}

.strength_box_btn_open img {
  height: 1.5rem;
  margin-right: .625rem;
  width: 1.5rem
}

@media screen and (max-width:90em) {
  .strength_box_btn_open img {
    height: 1.6666666667vw;
    margin-right: .6944444444vw;
    width: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_btn_open img {
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    width: 5.3333333333vw
  }
}

.strength_box_head {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  margin-left: auto;
  margin-right: auto;
  width: 70rem
}

@media screen and (max-width:90em) {
  .strength_box_head {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_head {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    padding-left: 4vw;
    padding-right: 4vw;
    row-gap: 5.3333333333vw;
    width: 100%
  }
}

.strength_box_head_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 2.1875rem
}

@media screen and (max-width:90em) {
  .strength_box_head_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_head_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .strength_box_head_text {
    margin-top: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_head_text {
    margin-top: 4vw
  }
}

.strength_box_head_sec {
  width: 100%
}

.strength_box_title {
  display: flex
}

.strength_box_title_num {
  align-items: center;
  background-color: #ab1731;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.75rem;
  font-weight: 500;
  justify-content: center;
  text-align: center;
  width: 2.5rem
}

@media screen and (max-width:90em) {
  .strength_box_title_num {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_title_num {
    font-size: 4.8vw
  }
}

@media screen and (max-width:90em) {
  .strength_box_title_num {
    width: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_title_num {
    width: 8vw
  }
}

.strength_box_title_text {
  border-bottom: .0625rem solid #ab1731;
  color: #ab1731;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75;
  padding-left: .9375rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_title_text {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_title_text {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .strength_box_title_text {
    padding-left: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_title_text {
    line-height: 1.5;
    padding-left: 2.1333333333vw
  }
}

.strength_box_title_text strong {
  font-size: 1.75rem;
  font-weight: 700
}

@media screen and (max-width:90em) {
  .strength_box_title_text strong {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_title_text strong {
    font-size: 4.8vw
  }
}

.strength_box_head_img,
.strength_box_head_img02,
.strength_box_head_img03 {
  height: 13.3125rem;
  position: relative;
  width: 20rem
}

.strength_box_head_img02 img,
.strength_box_head_img03 img,
.strength_box_head_img img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {

  .strength_box_head_img,
  .strength_box_head_img02,
  .strength_box_head_img03 {
    height: 14.7916666667vw;
    width: 22.2222222222vw
  }
}

@media screen and (max-width:56em) {

  .strength_box_head_img,
  .strength_box_head_img02,
  .strength_box_head_img03 {
    height: auto !important;
    padding-top: 66.5625%;
    width: 100% !important
  }
}

.strength_box_head_img02 {
  height: 14.25rem;
  width: 27.5rem
}

@media screen and (max-width:90em) {
  .strength_box_head_img02 {
    height: 15.8333333333vw;
    width: 30.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_head_img02 {
    padding-top: 51.8181818182%
  }
}

.strength_box_head_img03 {
  height: 18.4375rem;
  width: 20rem
}

@media screen and (max-width:90em) {
  .strength_box_head_img03 {
    height: 20.4861111111vw;
    width: 22.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_head_img03 {
    padding-top: 92.1875%
  }
}

.strength_box_main {
  height: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  opacity: 0;
  transition: margin-top .3s, height .3s, opacity 0s, visibility 0s;
  visibility: hidden;
  width: 70rem
}

@media screen and (max-width:90em) {
  .strength_box_main {
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_main {
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.strength_box.is-open .strength_box_main {
  height: auto;
  margin-top: 1.875rem;
  opacity: 1;
  transition: margin-top .3s, height .3s, opacity .3s, visibility .3s;
  visibility: visible
}

@media screen and (max-width:90em) {
  .strength_box.is-open .strength_box_main {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .strength_box.is-open .strength_box_main {
    margin-top: 4vw
  }
}

.strength_box_grid01 {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: 25rem 43.125rem
}

@media screen and (max-width:90em) {
  .strength_box_grid01 {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: 27.7777777778vw 47.9166666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid01 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 5.3333333333vw
  }
}

.strength_box_main_item01 {
  flex-shrink: 0;
  height: 13.875rem;
  position: relative;
  width: 100%
}

.strength_box_main_item01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_main_item01 {
    height: 15.4166666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_main_item01 {
    height: auto;
    padding-top: 55.5%
  }
}

.strength_box_main_item02 {
  align-items: center;
  background-color: #f2f2f2;
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: 16.1875rem 1fr;
  padding: 1.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_main_item02 {
    -webkit-column-gap: 1.3888888889vw;
    column-gap: 1.3888888889vw;
    grid-template-columns: 17.9861111111vw 1fr;
    padding: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_main_item02 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    padding: 2.6666666667vw;
    row-gap: 4vw
  }
}

.strength_box_main_item02 button {
  display: block;
  height: 11.375rem;
  position: relative;
  width: 100%
}

.strength_box_main_item02 button img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .strength_box_main_item02 button {
    cursor: pointer;
    transition: opacity .5s
  }

  .strength_box_main_item02 button:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .strength_box_main_item02 button {
    height: 12.6388888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_main_item02 button {
    height: auto;
    padding-top: 70.2702702703%
  }
}

.strength_box_main_item02 dl dt {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center
}

@media screen and (max-width:90em) {
  .strength_box_main_item02 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_main_item02 dl dt {
    font-size: 3.7333333333vw
  }
}

.strength_box_main_item02 dl dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: .9375rem;
  text-align: center
}

@media screen and (max-width:90em) {
  .strength_box_main_item02 dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_main_item02 dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .strength_box_main_item02 dl dd {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_main_item02 dl dd {
    margin-top: 2.6666666667vw
  }
}

.strength_box_grid02 {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 40.625rem 27.5rem);
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .strength_box_grid02 {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: repeat(auto-fit, 45.1388888889vw 30.5555555556vw)
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 2.6666666667vw
  }
}

.strength_box_grid02_item01 {
  font-size: .875rem;
  line-height: 2;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item01 {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item01 {
    font-size: 3.2vw
  }
}

.strength_box_grid02_item01 .box {
  background-color: #fff;
  margin-top: 1.25rem;
  padding: 1.25rem 1.25rem 2.625rem
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item01 .box {
    margin-top: 1.3888888889vw;
    padding: 1.3888888889vw 1.3888888889vw 2.9166666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item01 .box {
    margin-top: 2.6666666667vw;
    padding: 2.6666666667vw 2.6666666667vw 5.3333333333vw
  }
}

.strength_box_grid02_item01 h4 {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item01 h4 {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item01 h4 {
    font-size: 4.2666666667vw
  }
}

.strength_box_grid02_item01 dl {
  align-items: center;
  display: grid;
  grid-template-columns: repeat(auto-fit, 20.25rem 16.625rem);
  justify-content: space-between;
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item01 dl {
    grid-template-columns: repeat(auto-fit, 22.5vw 18.4722222222vw);
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item01 dl {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.strength_box_grid02_item01 dl dt {
  height: 10.25rem;
  position: relative;
  width: 20.25rem
}

.strength_box_grid02_item01 dl dt img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item01 dl dt {
    height: 11.3888888889vw;
    width: 22.5vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item01 dl dt {
    height: auto;
    padding-top: 50.6172839506%;
    width: 100%
  }
}

.strength_box_grid02_item01 dl dd {
  line-height: 1.75
}

.strength_box_grid02_item02 {
  align-items: center;
  background-color: #f2f2f2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item02 {
    padding: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item02 {
    padding: 2.6666666667vw
  }
}

.strength_box_grid02_item02 h4 {
  font-size: 1.125rem;
  font-weight: 500;
  text-align: center
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item02 h4 {
    font-size: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item02 h4 {
    font-size: 3.7333333333vw
  }
}

.strength_box_grid02_item02 button {
  display: block;
  height: 12.5rem;
  margin-top: .9375rem;
  position: relative;
  width: 17.6875rem
}

.strength_box_grid02_item02 button img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .strength_box_grid02_item02 button {
    cursor: pointer;
    transition: opacity .5s
  }

  .strength_box_grid02_item02 button:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item02 button {
    height: 13.8888888889vw;
    margin-top: 1.0416666667vw;
    width: 19.6527777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item02 button {
    height: auto;
    margin-top: 2.6666666667vw;
    padding-top: 70.6713780919%;
    width: 100%
  }
}

.strength_box_grid02_item02 p {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item02 p {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item02 p {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .strength_box_grid02_item02 p {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid02_item02 p {
    margin-top: 2.6666666667vw
  }
}

.strength_box_grid03 {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 27.5rem 40.625rem);
  justify-content: space-between;
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .strength_box_grid03 {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: repeat(auto-fit, 30.5555555556vw 45.1388888889vw);
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid03 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 2.6666666667vw;
    row-gap: 2.6666666667vw
  }
}

.strength_box_grid03_item01 {
  font-size: .875rem;
  line-height: 2
}

@media screen and (max-width:90em) {
  .strength_box_grid03_item01 {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid03_item01 {
    font-size: 3.2vw
  }
}

.strength_box_grid03_item02 {
  background-color: #fff;
  padding: .625rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid03_item02 {
    padding: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid03_item02 {
    padding: 2.6666666667vw
  }
}

.strength_box_grid03_item02 .box {
  height: 14.1875rem;
  position: relative;
  width: 36.25rem
}

.strength_box_grid03_item02 .box img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid03_item02 .box {
    height: 15.7638888889vw;
    width: 40.2777777778vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid03_item02 .box {
    height: auto;
    padding-top: 39.1379310345%;
    width: 100%
  }
}

.strength_box_grid04 {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 22.0625rem 46.0625rem);
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .strength_box_grid04 {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: repeat(auto-fit, 24.5138888889vw 51.1805555556vw)
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 5.3333333333vw
  }
}

.strength_box_grid04_item01 {
  background-color: #fff;
  padding: 4.1875rem .625rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item01 {
    padding: 4.6527777778vw .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item01 {
    padding: 8vw 2.6666666667vw
  }
}

.strength_box_grid04_item01 .box {
  height: 7.8125rem;
  position: relative;
  width: 20.8125rem
}

.strength_box_grid04_item01 .box img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item01 .box {
    height: 8.6805555556vw;
    width: 23.125vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item01 .box {
    height: auto;
    padding-top: 37.5375375375%;
    width: 100%
  }
}

.strength_box_grid04_item02 dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item02 dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item02 dt {
    font-size: 3.7333333333vw
  }
}

.strength_box_grid04_item02 dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item02 dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item02 dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item02 dd {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item02 dd {
    margin-top: 2.6666666667vw
  }
}

.strength_box_grid04_item02 .list {
  display: grid;
  grid-template-columns: repeat(auto-fit, 22.0625rem);
  justify-content: space-between;
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item02 .list {
    grid-template-columns: repeat(auto-fit, 24.5138888889vw);
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item02 .list {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 2.6666666667vw;
    row-gap: 2.6666666667vw
  }
}

.strength_box_grid04_item02 .box {
  background-color: #f2f2f2;
  color: #5fbc96;
  font-size: 1rem;
  font-weight: 700;
  padding: .625rem 1.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item02 .box {
    font-size: 1.1111111111vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item02 .box {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item02 .box {
    padding: .6944444444vw 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item02 .box {
    padding: 2.6666666667vw 4vw
  }
}

.strength_box_grid04_item02 .box button {
  display: block;
  height: 7.5rem;
  margin-top: .625rem;
  position: relative;
  width: 19.5625rem
}

.strength_box_grid04_item02 .box button img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .strength_box_grid04_item02 .box button {
    cursor: pointer;
    transition: opacity .5s
  }

  .strength_box_grid04_item02 .box button:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .strength_box_grid04_item02 .box button {
    height: 8.3333333333vw;
    margin-top: .6944444444vw;
    width: 21.7361111111vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid04_item02 .box button {
    height: auto;
    margin-top: 2.6666666667vw;
    padding-top: 38.338658147%;
    width: 100%
  }
}

.strength_box_grid05 {
  -webkit-column-gap: 1.875rem;
  column-gap: 1.875rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 22.0625rem);
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .strength_box_grid05 {
    -webkit-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    grid-template-columns: repeat(auto-fit, 24.5138888889vw)
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid05 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 5.3333333333vw
  }
}

.strength_box_grid05_item01 {
  font-size: .875rem;
  line-height: 2
}

@media screen and (max-width:90em) {
  .strength_box_grid05_item01 {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .strength_box_grid05_item01 {
    font-size: 3.2vw
  }
}

.strength_box_grid05_item02,
.strength_box_grid05_item03 button {
  height: 14.5625rem;
  position: relative;
  width: 22.0625rem
}

.strength_box_grid05_item02 img,
.strength_box_grid05_item03 button img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {

  .strength_box_grid05_item02,
  .strength_box_grid05_item03 button {
    height: 16.1805555556vw;
    width: 24.5138888889vw
  }
}

@media screen and (max-width:56em) {

  .strength_box_grid05_item02,
  .strength_box_grid05_item03 button {
    height: auto;
    padding-top: 66.0056657224%;
    width: 100%
  }
}

.strength_box_grid05_item03 button {
  display: block
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .strength_box_grid05_item03 button {
    cursor: pointer;
    transition: opacity .5s
  }

  .strength_box_grid05_item03 button:hover {
    opacity: .7
  }
}

.comfort {
  background-color: #fff;
  display: block
}

.comfort_mv {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 25rem;
  justify-content: center;
  padding: 0 3.75rem;
  position: relative
}

@media screen and (max-width:90em) {
  .comfort_mv {
    height: 27.7777777778vw;
    padding: 0 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_mv {
    height: 72.8vw;
    padding: 0
  }
}

.comfort_mv_img,
.comfort_mv_img img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.comfort_mv_img img {
  object-fit: cover
}

.comfort_mv_title {
  background-color: #285380;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.875rem 2.5rem;
  position: relative;
  width: 25rem;
  z-index: 2
}

@media screen and (max-width:90em) {
  .comfort_mv_title {
    padding: 2.0833333333vw 2.7777777778vw;
    width: 27.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_mv_title {
    padding: 8vw 4vw;
    width: 64vw
  }
}

.comfort_mv_title_sub {
  font-size: 1.5rem;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .comfort_mv_title_sub {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_mv_title_sub {
    font-size: 4.8vw
  }
}

@media screen and (max-width:90em) {
  .comfort_mv_title_sub {
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .comfort_mv_title_sub {
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.comfort_mv_title_main {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: .9375rem;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .comfort_mv_title_main {
    font-size: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_mv_title_main {
    font-size: 7.4666666667vw
  }
}

@media screen and (max-width:90em) {
  .comfort_mv_title_main {
    margin-top: 1.0416666667vw;
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .comfort_mv_title_main {
    margin-top: 4vw;
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.comfort_head {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 5rem
}

@media screen and (max-width:90em) {
  .comfort_head {
    margin-top: 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .comfort_head {
    margin-top: 10.6666666667vw
  }
}

.comfort_head_title {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: 700;
  justify-content: center;
  text-align: center
}

@media screen and (max-width:90em) {
  .comfort_head_title {
    font-size: 2.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_head_title {
    font-size: 5.3333333333vw
  }
}

.comfort_head_title small {
  font-size: 1.5rem
}

@media screen and (max-width:90em) {
  .comfort_head_title small {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_head_title small {
    font-size: 4.2666666667vw
  }
}

.comfort_head_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .comfort_head_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_head_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .comfort_head_text {
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_head_text {
    margin-top: 5.3333333333vw;
    padding-left: 4vw;
    padding-right: 4vw
  }
}

.comfort_head_text small {
  font-size: .75rem
}

@media screen and (max-width:90em) {
  .comfort_head_text small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .comfort_head_text small {
    font-size: 2.6666666667vw
  }
}

.comfort_bg {
  background-color: #f2f2f2;
  margin-top: 5rem;
  padding: 3.75rem 3.75rem 6.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_bg {
    margin-top: 5.5555555556vw;
    padding: 4.1666666667vw 4.1666666667vw 6.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .comfort_bg {
    margin-top: 10.6666666667vw;
    padding: 8vw 4vw 13.3333333333vw
  }
}

.comfort_box {
  background-color: #fff;
  box-shadow: 0 .1875rem .375rem 0 rgba(0, 0, 0, .16);
  margin-left: auto;
  margin-right: auto;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .comfort_box {
    box-shadow: 0 .2083333333vw .4166666667vw 0 rgba(0, 0, 0, .16);
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box {
    box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, .16);
    width: 100%
  }
}

.comfort_box:not(:first-child) {
  margin-top: 3.75rem
}

@media screen and (max-width:90em) {
  .comfort_box:not(:first-child) {
    margin-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box:not(:first-child) {
    margin-top: 8vw
  }
}

.comfort_box_head,
.comfort_box_head02,
.comfort_box_head03,
.comfort_box_head04 {
  align-items: center;
  background-color: #f199a6;
  color: #fff;
  display: flex;
  font-size: 2rem;
  padding: .5rem 1.25rem;
  width: 100%
}

@media screen and (max-width:90em) {

  .comfort_box_head,
  .comfort_box_head02,
  .comfort_box_head03,
  .comfort_box_head04 {
    font-size: 2.2222222222vw
  }
}

@media screen and (max-width:56em) {

  .comfort_box_head,
  .comfort_box_head02,
  .comfort_box_head03,
  .comfort_box_head04 {
    font-size: 5.3333333333vw
  }
}

@media screen and (max-width:90em) {

  .comfort_box_head,
  .comfort_box_head02,
  .comfort_box_head03,
  .comfort_box_head04 {
    padding: .5555555556vw 1.3888888889vw
  }
}

@media screen and (max-width:56em) {

  .comfort_box_head,
  .comfort_box_head02,
  .comfort_box_head03,
  .comfort_box_head04 {
    flex-direction: column;
    padding: 2.1333333333vw 2.6666666667vw;
    text-align: center
  }
}

.comfort_box_head02 strong,
.comfort_box_head03 strong,
.comfort_box_head04 strong,
.comfort_box_head strong {
  background-color: #fff;
  color: #ea6c7f;
  display: inline-block;
  font-size: 2.5rem;
  font-weight: 700;
  margin-left: 1.25rem;
  padding: 0 .625rem
}

@media screen and (max-width:90em) {

  .comfort_box_head02 strong,
  .comfort_box_head03 strong,
  .comfort_box_head04 strong,
  .comfort_box_head strong {
    font-size: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {

  .comfort_box_head02 strong,
  .comfort_box_head03 strong,
  .comfort_box_head04 strong,
  .comfort_box_head strong {
    font-size: 6.4vw
  }
}

@media screen and (max-width:90em) {

  .comfort_box_head02 strong,
  .comfort_box_head03 strong,
  .comfort_box_head04 strong,
  .comfort_box_head strong {
    margin-left: 1.3888888889vw;
    padding: 0 .6944444444vw
  }
}

@media screen and (max-width:56em) {

  .comfort_box_head02 strong,
  .comfort_box_head03 strong,
  .comfort_box_head04 strong,
  .comfort_box_head strong {
    margin-left: 0;
    margin-top: 1.3333333333vw;
    padding: 0 1.3333333333vw
  }
}

.comfort_box_head02 small,
.comfort_box_head03 small,
.comfort_box_head04 small,
.comfort_box_head small {
  font-size: .75rem;
  margin-left: 1.25rem
}

@media screen and (max-width:90em) {

  .comfort_box_head02 small,
  .comfort_box_head03 small,
  .comfort_box_head04 small,
  .comfort_box_head small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {

  .comfort_box_head02 small,
  .comfort_box_head03 small,
  .comfort_box_head04 small,
  .comfort_box_head small {
    font-size: 2.6666666667vw
  }
}

@media screen and (max-width:90em) {

  .comfort_box_head02 small,
  .comfort_box_head03 small,
  .comfort_box_head04 small,
  .comfort_box_head small {
    margin-left: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {

  .comfort_box_head02 small,
  .comfort_box_head03 small,
  .comfort_box_head04 small,
  .comfort_box_head small {
    margin-left: 0;
    margin-top: 1.3333333333vw
  }
}

.comfort_box_head02 {
  background-color: #62c475
}

.comfort_box_head02 strong {
  color: #62c475
}

.comfort_box_head03 {
  background-color: #f68444
}

.comfort_box_head03 strong {
  color: #f68444
}

.comfort_box_head04 {
  background-color: #a1c2e4
}

.comfort_box_head04 strong {
  color: #a1c2e4
}

.comfort_box_main {
  padding: 2.5rem 6.25rem 3.75rem
}

@media screen and (max-width:90em) {
  .comfort_box_main {
    padding: 2.7777777778vw 6.9444444444vw 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_main {
    padding: 5.3333333333vw 4vw 8vw
  }
}

.comfort_box_text {
  font-size: .875rem;
  line-height: 2
}

@media screen and (max-width:90em) {
  .comfort_box_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_text {
    font-size: 3.2vw
  }
}

.comfort_box_img01 {
  margin-top: 2.5rem;
  padding-top: 64.1071428571%;
  position: relative;
  width: 100%
}

.comfort_box_img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_img01 {
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_img01 {
    margin-top: 5.3333333333vw
  }
}

.comfort_box_grid01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 34.0625rem);
  justify-content: space-between;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid01 {
    grid-template-columns: repeat(auto-fit, 37.8472222222vw);
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.comfort_box_grid01_item01 {
  width: 100%
}

.comfort_box_grid01_item01 dl {
  background-color: #ede4d7;
  padding: 1.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item01 dl {
    padding: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item01 dl {
    padding: 4vw
  }
}

.comfort_box_grid01_item01 dl:not(:first-child) {
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item01 dl:not(:first-child) {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item01 dl:not(:first-child) {
    margin-top: 4vw
  }
}

.comfort_box_grid01_item01 dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item01 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item01 dl dt {
    font-size: 4.2666666667vw
  }
}

.comfort_box_grid01_item01 dl dd {
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item01 dl dd {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item01 dl dd {
    margin-top: 2.6666666667vw
  }
}

.comfort_box_grid01_item01 dl figure {
  display: grid;
  grid-template-columns: repeat(auto-fit, 15.3125rem 15rem);
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item01 dl figure {
    grid-template-columns: repeat(auto-fit, 17.0138888889vw 16.6666666667vw)
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item01 dl figure {
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 2.6666666667vw
  }
}

.comfort_box_grid01_item01 dl picture {
  display: block;
  height: 8.5625rem;
  order: 2;
  position: relative;
  width: 15rem
}

.comfort_box_grid01_item01 dl picture img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item01 dl picture {
    height: 9.5138888889vw;
    width: 16.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item01 dl picture {
    height: auto;
    order: 1;
    padding-top: 57.0833333333%;
    width: 100%
  }
}

.comfort_box_grid01_item01 dl figcaption {
  font-size: .875rem;
  line-height: 1.75
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item01 dl figcaption {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item01 dl figcaption {
    font-size: 3.2vw
  }
}

.comfort_box_grid01_item02 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 100%);
  row-gap: 1.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item02 {
    row-gap: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item02 {
    row-gap: 4vw
  }
}

.comfort_box_grid01_item02 dl {
  background-color: #ede4d7;
  height: 100%;
  padding: 1.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item02 dl {
    padding: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item02 dl {
    padding: 4vw
  }
}

.comfort_box_grid01_item02 dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item02 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item02 dl dt {
    font-size: 4.2666666667vw
  }
}

.comfort_box_grid01_item02 dl dd {
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item02 dl dd {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item02 dl dd {
    margin-top: 2.6666666667vw
  }
}

.comfort_box_grid01_item02 dl figure {
  display: grid;
  grid-template-columns: repeat(auto-fit, 100%);
  row-gap: 1.25rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item02 dl figure {
    row-gap: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item02 dl figure {
    row-gap: 4vw
  }
}

.comfort_box_grid01_item02 dl picture {
  display: block;
  height: 11.6875rem;
  order: 2;
  position: relative;
  width: 31.5625rem
}

.comfort_box_grid01_item02 dl picture img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item02 dl picture {
    height: 12.9861111111vw;
    width: 35.0694444444vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item02 dl picture {
    height: auto;
    order: 1;
    padding-top: 37.0297029703%;
    width: 100%
  }
}

.comfort_box_grid01_item02 dl figcaption {
  font-size: .875rem;
  line-height: 1.75
}

@media screen and (max-width:90em) {
  .comfort_box_grid01_item02 dl figcaption {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid01_item02 dl figcaption {
    font-size: 3.2vw
  }
}

.comfort_box_grid02 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 34.0625rem);
  justify-content: space-between;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid02 {
    grid-template-columns: repeat(auto-fit, 37.8472222222vw);
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid02 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.comfort_box_grid02_item {
  height: 5.0625rem;
  position: relative;
  width: 34.0625rem
}

.comfort_box_grid02_item img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid02_item {
    height: 5.625vw;
    width: 37.8472222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid02_item {
    height: auto;
    padding-top: 14.8623853211%;
    width: 100%
  }
}

.comfort_box_grid03 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 39.25rem 27rem);
  justify-content: space-between;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid03 {
    grid-template-columns: repeat(auto-fit, 43.6111111111vw 30vw);
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.comfort_box_grid03_item01 {
  font-size: .875rem;
  line-height: 1.75
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item01 {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item01 {
    font-size: 3.2vw
  }
}

.comfort_box_grid03_item01 dl {
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item01 dl {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item01 dl {
    margin-top: 5.3333333333vw
  }
}

.comfort_box_grid03_item01 dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item01 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item01 dl dt {
    font-size: 3.7333333333vw
  }
}

.comfort_box_grid03_item01 dl dd {
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item01 dl dd {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item01 dl dd {
    margin-top: 4vw
  }
}

.comfort_box_grid03_item01 dl dd picture {
  display: block;
  height: 7.625rem;
  position: relative;
  width: 39.25rem
}

.comfort_box_grid03_item01 dl dd picture img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item01 dl dd picture {
    height: 8.4722222222vw;
    width: 43.6111111111vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item01 dl dd picture {
    height: auto;
    padding-top: 19.4267515924%;
    width: 100%
  }
}

.comfort_box_grid03_item01 dl dd small {
  display: block;
  font-size: .75rem;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item01 dl dd small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item01 dl dd small {
    font-size: 2.6666666667vw
  }
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item01 dl dd small {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item01 dl dd small {
    margin-top: 2.6666666667vw
  }
}

.comfort_box_grid03_item02 dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item02 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item02 dl dt {
    font-size: 3.7333333333vw
  }
}

.comfort_box_grid03_item02 dl dd {
  height: 13.1875rem;
  margin-top: 1.25rem;
  position: relative;
  width: 27rem
}

.comfort_box_grid03_item02 dl dd img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item02 dl dd {
    height: 14.6527777778vw;
    margin-top: 1.3888888889vw;
    width: 30vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item02 dl dd {
    height: auto;
    margin-top: 4vw;
    padding-top: 48.8425925926%;
    width: 100%
  }
}

.comfort_box_grid03_item02 a {
  display: block;
  height: 14.5625rem;
  margin-top: 2.5rem;
  position: relative;
  width: 27rem
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .comfort_box_grid03_item02 a {
    cursor: pointer;
    transition: opacity .5s
  }

  .comfort_box_grid03_item02 a:hover {
    opacity: .7
  }
}

.comfort_box_grid03_item02 a img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid03_item02 a {
    height: 16.1805555556vw;
    margin-top: 2.7777777778vw;
    width: 30vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid03_item02 a {
    height: auto;
    margin-top: 5.3333333333vw;
    padding-top: 53.9351851852%;
    width: 100%
  }
}

.comfort_box_grid04 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 34.0625rem);
  justify-content: space-between;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid04 {
    grid-template-columns: repeat(auto-fit, 37.8472222222vw);
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.comfort_box_grid04_item01 .img01 {
  padding-top: 56.6972477064%;
  position: relative;
  width: 100%
}

.comfort_box_grid04_item01 .img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

.comfort_box_grid04_item01 .img02 {
  margin-top: 1.25rem;
  padding-top: 26.4220183486%;
  position: relative;
  width: 100%
}

.comfort_box_grid04_item01 .img02 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid04_item01 .img02 {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04_item01 .img02 {
    margin-top: 4vw
  }
}

.comfort_box_grid04_item02 dl:not(:first-child) {
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid04_item02 dl:not(:first-child) {
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04_item02 dl:not(:first-child) {
    margin-top: 5.3333333333vw
  }
}

.comfort_box_grid04_item02 dl dt {
  align-items: center;
  display: flex;
  font-size: 1.125rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid04_item02 dl dt {
    font-size: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04_item02 dl dt {
    align-items: flex-start;
    flex-direction: column;
    font-size: 3.7333333333vw
  }
}

.comfort_box_grid04_item02 dl dt strong {
  background-color: #5d677b;
  border-radius: .3125rem;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 400;
  margin-right: .9375rem;
  padding: .25rem .625rem .375rem;
  text-align: center
}

@media screen and (max-width:90em) {
  .comfort_box_grid04_item02 dl dt strong {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04_item02 dl dt strong {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .comfort_box_grid04_item02 dl dt strong {
    border-radius: .3472222222vw;
    margin-right: 1.0416666667vw;
    padding: .2777777778vw .6944444444vw .4166666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04_item02 dl dt strong {
    border-radius: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
    margin-right: 2.1333333333vw;
    padding: 1.0666666667vw 1.6vw
  }
}

.comfort_box_grid04_item02 dl dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid04_item02 dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04_item02 dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .comfort_box_grid04_item02 dl dd {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid04_item02 dl dd {
    margin-top: 2.6666666667vw
  }
}

.comfort_box_grid05 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 33.125rem 32.4375rem);
  justify-content: space-between;
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid05 {
    grid-template-columns: repeat(auto-fit, 36.8055555556vw 36.0416666667vw);
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.comfort_box_grid05_item01 {
  padding-top: 85.0943396226%;
  position: relative;
  width: 100%
}

.comfort_box_grid05_item01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

.comfort_box_grid05_item02 {
  width: 100%
}

.comfort_box_grid05_item02 .box {
  align-items: center;
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: 7.5rem 1fr
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box {
    -webkit-column-gap: 1.3888888889vw;
    column-gap: 1.3888888889vw;
    grid-template-columns: 8.3333333333vw 1fr
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 4vw
  }

  .comfort_box_grid05_item02 .box:not(:first-child) {
    margin-top: 4vw
  }
}

.comfort_box_grid05_item02 .box .img01 {
  height: 10.6875rem;
  position: relative;
  width: 7.5rem
}

.comfort_box_grid05_item02 .box .img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box .img01 {
    height: 11.875vw;
    width: 8.3333333333vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box .img01 {
    height: 45.6vw;
    margin-left: auto;
    margin-right: auto;
    order: 2;
    width: 32vw
  }
}

.comfort_box_grid05_item02 .box dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box dl dt {
    font-size: 4.2666666667vw
  }
}

.comfort_box_grid05_item02 .box dl dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box dl dd {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box dl dd {
    margin-top: 4vw
  }
}

.comfort_box_grid05_item02 .box02 {
  align-items: center;
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: 1fr 8.75rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box02 {
    -webkit-column-gap: 1.3888888889vw;
    column-gap: 1.3888888889vw;
    grid-template-columns: 1fr 9.7222222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box02 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 4vw
  }

  .comfort_box_grid05_item02 .box02:not(:first-child) {
    margin-top: 4vw
  }
}

.comfort_box_grid05_item02 .box02 .img01 {
  height: 10.9375rem;
  order: 2;
  position: relative;
  width: 8.75rem
}

.comfort_box_grid05_item02 .box02 .img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box02 .img01 {
    height: 12.1527777778vw;
    width: 9.7222222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box02 .img01 {
    height: 46.6666666667vw;
    margin-left: auto;
    margin-right: auto;
    order: 1;
    width: 37.3333333333vw
  }
}

.comfort_box_grid05_item02 .box02 dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box02 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box02 dl dt {
    font-size: 4.2666666667vw
  }
}

.comfort_box_grid05_item02 .box02 dl dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box02 dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box02 dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box02 dl dd {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box02 dl dd {
    margin-top: 4vw
  }
}

.comfort_box_grid05_item02 .box03 {
  align-items: center;
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: 11.9375rem 1fr
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box03 {
    -webkit-column-gap: 1.3888888889vw;
    column-gap: 1.3888888889vw;
    grid-template-columns: 13.2638888889vw 1fr
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box03 {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 4vw
  }

  .comfort_box_grid05_item02 .box03:not(:first-child) {
    margin-top: 4vw
  }
}

.comfort_box_grid05_item02 .box03 .img01 {
  height: 10.9375rem;
  position: relative;
  width: 11.9375rem
}

.comfort_box_grid05_item02 .box03 .img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box03 .img01 {
    height: 12.1527777778vw;
    width: 13.2638888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box03 .img01 {
    height: 46.6666666667vw;
    margin-left: auto;
    margin-right: auto;
    order: 2;
    width: 50.9333333333vw
  }
}

.comfort_box_grid05_item02 .box03 dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box03 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box03 dl dt {
    font-size: 4.2666666667vw
  }
}

.comfort_box_grid05_item02 .box03 dl dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box03 dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box03 dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .comfort_box_grid05_item02 .box03 dl dd {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .comfort_box_grid05_item02 .box03 dl dd {
    margin-top: 4vw
  }
}

.longlife {
  background-color: #fff;
  display: block
}

.longlife_mv {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  height: 25rem;
  justify-content: center;
  padding: 0 3.75rem;
  position: relative
}

@media screen and (max-width:90em) {
  .longlife_mv {
    height: 27.7777777778vw;
    padding: 0 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_mv {
    height: 72.8vw;
    padding: 0
  }
}

.longlife_mv_logo {
  display: block;
  height: 3.1875rem;
  margin-top: .9375rem;
  position: relative;
  width: 11.3125rem
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .longlife_mv_logo {
    cursor: pointer;
    transition: opacity .5s
  }

  .longlife_mv_logo:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .longlife_mv_logo {
    height: 3.5416666667vw;
    margin-top: 1.0416666667vw;
    width: 12.5694444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_mv_logo {
    height: 13.6vw;
    margin-left: 4vw;
    margin-top: 2.6666666667vw;
    width: 48.2666666667vw
  }
}

.longlife_mv_img,
.longlife_mv_img img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}

.longlife_mv_img img {
  object-fit: cover
}

.longlife_mv_title {
  background-color: #285380;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.875rem 2.5rem;
  position: relative;
  width: 25rem;
  z-index: 2
}

@media screen and (max-width:90em) {
  .longlife_mv_title {
    padding: 2.0833333333vw 2.7777777778vw;
    width: 27.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_mv_title {
    padding: 8vw 4vw;
    width: 64vw
  }
}

.longlife_mv_title_sub {
  font-size: 1.5rem;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .longlife_mv_title_sub {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_mv_title_sub {
    font-size: 4.8vw
  }
}

@media screen and (max-width:90em) {
  .longlife_mv_title_sub {
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .longlife_mv_title_sub {
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.longlife_mv_title_main {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.35;
  margin-top: .9375rem;
  text-shadow: 0 .1875rem .375rem rgba(0, 0, 0, .16)
}

@media screen and (max-width:90em) {
  .longlife_mv_title_main {
    font-size: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_mv_title_main {
    font-size: 7.4666666667vw
  }
}

@media screen and (max-width:90em) {
  .longlife_mv_title_main {
    margin-top: 1.0416666667vw;
    text-shadow: 0 .2083333333vw .4166666667vw rgba(0, 0, 0, .16)
  }
}

@media screen and (max-width:56em) {
  .longlife_mv_title_main {
    margin-top: 4vw;
    text-shadow: 0 .8vw 1.6vw rgba(0, 0, 0, .16)
  }
}

.longlife_head {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 5rem
}

@media screen and (max-width:90em) {
  .longlife_head {
    margin-top: 5.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .longlife_head {
    margin-top: 10.6666666667vw
  }
}

.longlife_head_title {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 2rem;
  font-weight: 700;
  justify-content: center;
  text-align: center
}

@media screen and (max-width:90em) {
  .longlife_head_title {
    font-size: 2.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_head_title {
    font-size: 5.3333333333vw
  }
}

.longlife_head_title small {
  font-size: 1.5rem
}

@media screen and (max-width:90em) {
  .longlife_head_title small {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_head_title small {
    font-size: 4.2666666667vw
  }
}

.longlife_head_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 2.5rem;
  max-width: 57.5rem
}

@media screen and (max-width:90em) {
  .longlife_head_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_head_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_head_text {
    margin-top: 2.7777777778vw;
    max-width: 63.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_head_text {
    margin-top: 5.3333333333vw;
    max-width: 100%;
    padding-left: 4vw;
    padding-right: 4vw
  }
}

.longlife_head_text small {
  font-size: .75rem
}

@media screen and (max-width:90em) {
  .longlife_head_text small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_head_text small {
    font-size: 2.6666666667vw
  }
}

.longlife_bg {
  background-color: #f9f6f1;
  margin-top: 5rem;
  padding: 3.75rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_bg {
    margin-top: 5.5555555556vw;
    padding: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bg {
    margin-top: 10.6666666667vw;
    padding: 8vw 4vw
  }
}

.longlife_bg02 {
  padding: 0 3.75rem 6.25rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_bg02 {
    padding: 0 4.1666666667vw 6.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bg02 {
    padding: 0 4vw 13.3333333333vw
  }

  .longlife_bg02 .longlife_head_text {
    padding-left: 0;
    padding-right: 0
  }
}

.longlife_point {
  align-items: center;
  display: flex;
  justify-content: center
}

.longlife_point span {
  background-color: #ab1731;
  border-radius: .3125rem;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  padding: .25rem 2.5rem .375rem;
  text-align: center
}

@media screen and (max-width:90em) {
  .longlife_point span {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_point span {
    font-size: 4.8vw
  }
}

@media screen and (max-width:90em) {
  .longlife_point span {
    border-radius: .3472222222vw;
    padding: .2777777778vw 2.7777777778vw .4166666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_point span {
    border-radius: 1.3333333333vw;
    padding: 1.0666666667vw 5.3333333333vw 1.6vw
  }
}

.longlife_box {
  background-color: #f2f2f2;
  box-shadow: 0 .1875rem .375rem 0 rgba(0, 0, 0, .16);
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .longlife_box {
    box-shadow: 0 .2083333333vw .4166666667vw 0 rgba(0, 0, 0, .16);
    margin-top: 2.7777777778vw;
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box {
    box-shadow: 0 .8vw 1.6vw 0 rgba(0, 0, 0, .16);
    margin-top: 10.6666666667vw;
    width: 100%
  }
}

.longlife_box:nth-child(n+3) {
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .longlife_box:nth-child(n+3) {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box:nth-child(n+3) {
    margin-top: 5.3333333333vw
  }
}

.longlife_box_head {
  cursor: pointer;
  display: flex;
  padding: 1.25rem 1.875rem;
  position: relative
}

@media screen and (max-width:90em) {
  .longlife_box_head {
    padding: 1.3888888889vw 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_head {
    padding: 2.6666666667vw 4vw
  }
}

.longlife_box.is-open .longlife_box_head {
  cursor: inherit
}

.longlife_box_head.is-open {
  pointer-events: none
}

.longlife_box_head_num {
  align-items: center;
  background-color: #ab1731;
  color: #fff;
  display: flex;
  flex-shrink: 0;
  font-size: 1.75rem;
  font-weight: 500;
  justify-content: center;
  line-height: 1.5;
  text-align: center;
  width: 2.5rem
}

@media screen and (max-width:90em) {
  .longlife_box_head_num {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_head_num {
    font-size: 5.3333333333vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_head_num {
    width: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_head_num {
    width: 8vw
  }
}

.longlife_box_head_text {
  align-items: center;
  border-bottom: .0625rem solid #ab1731;
  color: #ab1731;
  display: flex;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.75;
  padding-left: .9375rem;
  padding-right: 2rem;
  position: relative;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_head_text {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_head_text {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_head_text {
    padding-left: 1.0416666667vw;
    padding-right: 2.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_head_text {
    align-items: flex-start;
    flex-direction: column;
    padding-left: 2.1333333333vw;
    padding-right: 6.4vw
  }
}

.longlife_box_head_text strong {
  font-size: 1.75rem;
  font-weight: 700
}

@media screen and (max-width:90em) {
  .longlife_box_head_text strong {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_head_text strong {
    font-size: 4.8vw
  }
}

.longlife_box_head_icon {
  height: 1.5rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: opacity .3s;
  width: 1.5rem
}

.longlife_box_head_icon img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_head_icon {
    height: 1.6666666667vw;
    width: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_head_icon {
    height: 5.3333333333vw;
    width: 5.3333333333vw
  }
}

.longlife_box.is-open .longlife_box_head_icon {
  opacity: 0
}

.longlife_box_main {
  height: 0;
  opacity: 0;
  padding-top: 0;
  transition: opacity 0s, visibility 0s, height .3s, padding-top .3s;
  visibility: hidden;
  width: 100%
}

.longlife_box.is-open .longlife_box_main {
  height: auto;
  opacity: 1;
  padding-top: .9375rem;
  transition: opacity .3s, visibility .3s, height .3s, padding-top .3s;
  visibility: visible
}

@media screen and (max-width:90em) {
  .longlife_box.is-open .longlife_box_main {
    padding-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box.is-open .longlife_box_main {
    padding-top: 2.6666666667vw
  }
}

.longlife_box_btn {
  align-items: center;
  background-color: #fff;
  display: flex;
  font-size: .875rem;
  font-weight: 500;
  justify-content: center;
  padding: .625rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_btn {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_btn {
    font-size: 3.2vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .longlife_box_btn {
    cursor: pointer;
    transition: opacity .5s
  }

  .longlife_box_btn:hover {
    opacity: .7
  }
}

@media screen and (max-width:90em) {
  .longlife_box_btn {
    padding: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_btn {
    padding: 2.6666666667vw
  }
}

.longlife_box_btn_icon {
  height: 1.5rem;
  margin-right: .625rem;
  position: relative;
  width: 1.5rem
}

.longlife_box_btn_icon img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_btn_icon {
    height: 1.6666666667vw;
    margin-right: .6944444444vw;
    width: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_btn_icon {
    height: 5.3333333333vw;
    margin-right: 1.3333333333vw;
    width: 5.3333333333vw
  }
}

.longlife_box_in {
  margin-left: auto;
  margin-right: auto;
  width: 70rem
}

@media screen and (max-width:90em) {
  .longlife_box_in {
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_in {
    padding-left: 4vw;
    padding-right: 4vw;
    width: 100%
  }
}

.longlife_box_text {
  font-size: .875rem;
  line-height: 2
}

@media screen and (max-width:90em) {
  .longlife_box_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_text {
    font-size: 3.2vw
  }
}

.longlife_box_grid01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 48.125rem 20rem);
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .longlife_box_grid01 {
    grid-template-columns: repeat(auto-fit, 53.4722222222vw 22.2222222222vw)
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid01 {
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 4vw
  }
}

.longlife_box_grid01 .text01 {
  font-size: .875rem;
  line-height: 2
}

@media screen and (max-width:90em) {
  .longlife_box_grid01 .text01 {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid01 .text01 {
    font-size: 3.2vw
  }
}

.longlife_box_grid01 .img01 {
  height: 13.3125rem;
  position: relative;
  width: 20rem
}

.longlife_box_grid01 .img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_grid01 .img01 {
    height: 14.7916666667vw;
    width: 22.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid01 .img01 {
    height: auto;
    padding-top: 66.5625%;
    width: 100%
  }
}

.longlife_box_img01 {
  height: 67.6875rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875rem;
  position: relative;
  width: 70rem
}

.longlife_box_img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_img01 {
    height: 75.2083333333vw;
    margin-top: 2.0833333333vw;
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_img01 {
    height: auto;
    margin-top: 4vw;
    padding-top: 96.6964285714%;
    width: 100%
  }
}

.longlife_box_bg {
  background-color: #fff;
  margin-top: 1.875rem;
  padding: 2.5rem 6.25rem 3.125rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_bg {
    margin-top: 2.0833333333vw;
    padding: 2.7777777778vw 6.9444444444vw 3.4722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_bg {
    margin-top: 8vw;
    padding: 5.3333333333vw 0 6.6666666667vw
  }
}

.longlife_box_point>dt {
  color: #ab1731;
  display: flex;
  font-size: 1.5rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .longlife_box_point>dt {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dt {
    font-size: 4.8vw
  }
}

.longlife_box_point>dt:before {
  background-color: #ab1731;
  content: "";
  display: block;
  flex-shrink: 0;
  margin-right: .9375rem;
  width: .3125rem
}

@media screen and (max-width:90em) {
  .longlife_box_point>dt:before {
    margin-right: 1.0416666667vw;
    width: .3472222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dt:before {
    margin-right: 2.1333333333vw;
    width: .8vw
  }
}

.longlife_box_point>dd {
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .longlife_box_point>dd {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dd {
    margin-top: 4vw
  }
}

.longlife_box_point>dd ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 34.0625rem);
  justify-content: space-between;
  row-gap: 1.25rem
}

@media screen and (max-width:90em) {
  .longlife_box_point>dd ul {
    grid-template-columns: repeat(auto-fit, 37.8472222222vw);
    row-gap: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dd ul {
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 4vw
  }
}

.longlife_box_point>dd ul li {
  background-color: #86746b;
  color: #fff;
  padding: .9375rem 1.25rem 1.875rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_point>dd ul li {
    padding: 1.0416666667vw 1.3888888889vw 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dd ul li {
    padding: 2.6666666667vw
  }
}

.longlife_box_point>dd ul li dt {
  border-bottom: .0625rem solid #fff;
  font-size: 1.25rem;
  padding-bottom: .625rem
}

@media screen and (max-width:90em) {
  .longlife_box_point>dd ul li dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dd ul li dt {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_point>dd ul li dt {
    padding-bottom: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dd ul li dt {
    padding-bottom: 1.3333333333vw
  }
}

.longlife_box_point>dd ul li dd {
  font-size: .875rem;
  line-height: 2;
  margin-top: .9375rem
}

@media screen and (max-width:90em) {
  .longlife_box_point>dd ul li dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dd ul li dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_point>dd ul li dd {
    margin-top: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_point>dd ul li dd {
    margin-top: 2.1333333333vw
  }
}

.longlife_box_bg02 {
  background-color: #f2f2f2;
  padding: 2.5rem 6.25rem 3.125rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_bg02 {
    padding: 2.7777777778vw 6.9444444444vw 3.4722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_bg02 {
    padding: 5.3333333333vw 0 6.6666666667vw
  }
}

.longlife_box_contents01 {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 {
    font-size: 3.7333333333vw
  }
}

.longlife_box_contents01 ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, 34.0625rem);
  justify-content: space-between;
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 ul {
    grid-template-columns: repeat(auto-fit, 37.8472222222vw);
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 ul {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    row-gap: 4vw
  }
}

.longlife_box_contents01 ul li {
  align-items: flex-start;
  background-color: #e6e6e6;
  display: flex;
  justify-content: space-between;
  padding: 1.25rem .9375rem
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 ul li {
    padding: 1.3888888889vw 1.0416666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 ul li {
    display: block;
    padding: 2.6666666667vw
  }
}

.longlife_box_contents01 ul li button {
  display: block;
  flex-shrink: 0;
  height: 8.5rem;
  position: relative;
  width: 14.3125rem
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .longlife_box_contents01 ul li button {
    cursor: pointer;
    transition: opacity .5s
  }

  .longlife_box_contents01 ul li button:hover {
    opacity: .7
  }
}

.longlife_box_contents01 ul li button img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 ul li button {
    height: 9.4444444444vw;
    width: 15.9027777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 ul li button {
    height: auto;
    padding-top: 60.1769911504%;
    width: 100%
  }
}

.longlife_box_contents01 ul li dl {
  margin-left: 1.25rem
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 ul li dl {
    margin-left: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 ul li dl {
    margin-left: 0;
    margin-top: 2.6666666667vw
  }
}

.longlife_box_contents01 ul li dl dt {
  color: #5fbc96;
  font-size: 1rem;
  font-weight: 700
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 ul li dl dt {
    font-size: 1.1111111111vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 ul li dl dt {
    font-size: 3.7333333333vw
  }
}

.longlife_box_contents01 ul li dl dd {
  font-size: .875rem;
  line-height: 2;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 ul li dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 ul li dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_contents01 ul li dl dd {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents01 ul li dl dd {
    margin-top: 1.3333333333vw
  }
}

.longlife_box_contents02 {
  padding-bottom: 2.5rem
}

@media screen and (max-width:90em) {
  .longlife_box_contents02 {
    padding-bottom: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_contents02 {
    padding-bottom: 5.3333333333vw
  }
}

.longlife_box_grid02 {
  align-items: center;
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fit, 25rem 18.75rem 18.75rem);
  justify-content: space-between;
  margin-top: 1.875rem;
  padding: 1.25rem 1.875rem 1.875rem;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 {
    grid-template-columns: repeat(auto-fit, 27.7777777778vw 20.8333333333vw 20.8333333333vw);
    margin-top: 2.0833333333vw;
    padding: 1.3888888889vw 2.0833333333vw 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    padding: 2.6666666667vw 4vw;
    row-gap: 5.3333333333vw
  }
}

.longlife_box_grid02 .box01 {
  font-size: .875rem;
  line-height: 1.75
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box01 {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box01 {
    font-size: 3.2vw
  }
}

.longlife_box_grid02 .box01 small {
  font-size: .75rem
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box01 small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box01 small {
    font-size: 2.6666666667vw
  }
}

.longlife_box_grid02 .box01 figure {
  display: block;
  margin-top: 1.875rem
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box01 figure {
    margin-top: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box01 figure {
    margin-top: 5.3333333333vw
  }
}

.longlife_box_grid02 .box01 figure picture {
  display: block;
  height: 3.9375rem;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 10rem
}

.longlife_box_grid02 .box01 figure picture img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box01 figure picture {
    height: 4.375vw;
    width: 11.1111111111vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box01 figure picture {
    height: 16.8vw;
    width: 42.6666666667vw
  }
}

.longlife_box_grid02 .box01 figure figcaption {
  display: block;
  font-size: .875rem;
  line-height: 1.75;
  margin-top: .625rem;
  text-align: center
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box01 figure figcaption {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box01 figure figcaption {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box01 figure figcaption {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box01 figure figcaption {
    margin-top: 2.6666666667vw
  }
}

.longlife_box_grid02 .box02 dt {
  font-size: 1rem;
  font-weight: 500;
  text-align: center
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box02 dt {
    font-size: 1.1111111111vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box02 dt {
    font-size: 3.7333333333vw
  }
}

.longlife_box_grid02 .box02 dd {
  height: 9.5625rem;
  margin-top: .625rem;
  position: relative;
  width: 18.75rem
}

.longlife_box_grid02 .box02 dd img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_grid02 .box02 dd {
    height: 10.625vw;
    margin-top: .6944444444vw;
    width: 20.8333333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid02 .box02 dd {
    height: auto;
    margin-top: 2.6666666667vw;
    padding-top: 51%;
    width: 100%
  }
}

.longlife_box_grid03 {
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fit, 20.8125rem 20.8125rem 20.8125rem);
  justify-content: space-between;
  margin-top: 1.875rem;
  padding: 1.25rem 1.9375rem 1.25rem 1.875rem
}

@media screen and (max-width:90em) {
  .longlife_box_grid03 {
    grid-template-columns: repeat(auto-fit, 23.125vw 23.125vw 23.125vw);
    margin-top: 2.0833333333vw;
    padding: 1.3888888889vw 2.1527777778vw 1.3888888889vw 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid03 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    padding: 2.6666666667vw 4vw;
    row-gap: 5.3333333333vw
  }
}

.longlife_box_grid03 .box figure picture {
  display: block;
  height: 13.5rem;
  position: relative;
  width: 20.8125rem
}

.longlife_box_grid03 .box figure picture img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_grid03 .box figure picture {
    height: 15vw;
    width: 23.125vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid03 .box figure picture {
    height: auto;
    width: 100%
  }

  .longlife_box_grid03 .box figure picture img {
    position: relative
  }
}

.longlife_box_grid03 .box figure figcaption {
  font-size: 1rem;
  font-weight: 500;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .longlife_box_grid03 .box figure figcaption {
    font-size: 1.1111111111vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid03 .box figure figcaption {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_grid03 .box figure figcaption {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid03 .box figure figcaption {
    margin-top: 1.3333333333vw
  }
}

.longlife_box_grid03 .box figure figcaption small {
  font-size: .75rem;
  font-weight: 400
}

@media screen and (max-width:90em) {
  .longlife_box_grid03 .box figure figcaption small {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid03 .box figure figcaption small {
    font-size: 2.6666666667vw
  }
}

.longlife_box_grid04 {
  background-color: #fff;
  display: grid;
  grid-template-columns: repeat(auto-fit, 32.1875rem 32.1875rem);
  justify-content: space-between;
  margin-top: 1.875rem;
  padding: 1.25rem 1.875rem
}

@media screen and (max-width:90em) {
  .longlife_box_grid04 {
    grid-template-columns: repeat(auto-fit, 35.7638888889vw 35.7638888889vw);
    margin-top: 2.0833333333vw;
    padding: 1.3888888889vw 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid04 {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 5.3333333333vw;
    padding: 2.6666666667vw 4vw;
    row-gap: 5.3333333333vw
  }
}

.longlife_box_grid04 .box01 dl dt {
  font-size: 1.25rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .longlife_box_grid04 .box01 dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid04 .box01 dl dt {
    font-size: 3.7333333333vw
  }
}

.longlife_box_grid04 .box01 dl dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: .625rem
}

@media screen and (max-width:90em) {
  .longlife_box_grid04 .box01 dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid04 .box01 dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_box_grid04 .box01 dl dd {
    margin-top: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid04 .box01 dl dd {
    margin-top: 2.6666666667vw
  }
}

.longlife_box_grid04 .box01 .img01 {
  height: 16.5625rem;
  margin: 1.25rem auto;
  position: relative;
  width: 28.4375rem
}

.longlife_box_grid04 .box01 .img01 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_grid04 .box01 .img01 {
    height: 18.4027777778vw;
    margin: 1.3888888889vw auto;
    width: 31.5972222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid04 .box01 .img01 {
    height: auto;
    margin: 5.3333333333vw auto;
    width: 100%
  }

  .longlife_box_grid04 .box01 .img01 img {
    position: relative
  }
}

.longlife_box_grid04 .box02 {
  height: 18.875rem;
  position: relative;
  width: 32.1875rem
}

.longlife_box_grid04 .box02 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_box_grid04 .box02 {
    height: 20.9722222222vw;
    width: 35.7638888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_box_grid04 .box02 {
    height: auto;
    width: 100%
  }

  .longlife_box_grid04 .box02 img {
    position: relative
  }
}

.longlife_system {
  margin-left: auto;
  margin-right: auto;
  width: 70rem
}

@media screen and (max-width:90em) {
  .longlife_system {
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system {
    width: 100%
  }
}

.longlife_system_img {
  height: 45.9375rem;
  margin-top: 2.5rem;
  position: relative;
  width: 70rem
}

.longlife_system_img img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_system_img {
    height: 51.0416666667vw;
    margin-top: 2.7777777778vw;
    width: 77.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_img {
    height: auto;
    margin-top: 5.3333333333vw;
    padding-top: 65.625%;
    width: 100%
  }
}

.longlife_system_info {
  margin-top: 2.5rem
}

@media screen and (max-width:90em) {
  .longlife_system_info {
    margin-top: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_info {
    margin-top: 5.3333333333vw
  }
}

.longlife_system_note {
  align-items: baseline;
  display: flex;
  font-size: .875rem;
  line-height: 2
}

@media screen and (max-width:90em) {
  .longlife_system_note {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_note {
    font-size: 3.2vw
  }
}

.longlife_system_note span:first-child {
  margin-right: .25rem
}

@media screen and (max-width:90em) {
  .longlife_system_note span:first-child {
    margin-right: .2777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_note span:first-child {
    margin-right: 1.0666666667vw
  }
}

.longlife_system_sec {
  margin-top: 3.75rem
}

@media screen and (max-width:90em) {
  .longlife_system_sec {
    margin-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_sec {
    margin-top: 8vw
  }
}

.longlife_system_sec_title {
  color: #484e81;
  display: flex;
  font-size: 1.5rem;
  font-weight: 500
}

@media screen and (max-width:90em) {
  .longlife_system_sec_title {
    font-size: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_sec_title {
    font-size: 4.8vw
  }
}

.longlife_system_sec_title:before {
  background-color: #484e81;
  content: "";
  display: block;
  flex-shrink: 0;
  margin-right: .9375rem;
  width: .3125rem
}

@media screen and (max-width:90em) {
  .longlife_system_sec_title:before {
    margin-right: 1.0416666667vw;
    width: .3472222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_sec_title:before {
    margin-right: 2.1333333333vw;
    width: .8vw
  }
}

.longlife_system_sec_text {
  color: #222;
  font-size: .875rem;
  line-height: 2;
  margin-top: 1.5rem
}

@media screen and (max-width:90em) {
  .longlife_system_sec_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_sec_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_system_sec_text {
    margin-top: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_sec_text {
    margin-top: 3.2vw
  }
}

.longlife_system_grid01 {
  display: grid;
  grid-template-columns: repeat(auto-fit, 48.125rem 20rem);
  justify-content: space-between;
  line-height: 2
}

@media screen and (max-width:90em) {
  .longlife_system_grid01 {
    grid-template-columns: repeat(auto-fit, 53.4722222222vw 22.2222222222vw)
  }
}

@media screen and (max-width:56em) {
  .longlife_system_grid01 {
    grid-template-columns: repeat(auto-fit, 100%);
    row-gap: 4vw
  }
}

.longlife_system_grid01_item02 {
  height: 4.125rem;
  margin-top: 1.5rem;
  position: relative;
  width: 20rem
}

.longlife_system_grid01_item02 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_system_grid01_item02 {
    height: 4.5833333333vw;
    margin-top: 1.6666666667vw;
    width: 22.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_grid01_item02 {
    height: auto;
    margin-top: 3.2vw;
    padding-top: 20.245398773%;
    width: 100%
  }
}

.longlife_system_grid01_item03 {
  height: 13.3125rem;
  margin-top: 1.5rem;
  position: relative;
  width: 20rem
}

.longlife_system_grid01_item03 img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_system_grid01_item03 {
    height: 14.7916666667vw;
    margin-top: 1.6666666667vw;
    width: 22.2222222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_system_grid01_item03 {
    height: auto;
    margin-top: 3.2vw;
    padding-top: 65.3374233129%;
    width: 100%
  }
}

.longlife_bottom {
  background-color: #f2f2f2;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.75rem;
  padding: 1.25rem 6.25rem 2.5rem;
  width: 100%;
  width: 82.5rem
}

@media screen and (max-width:90em) {
  .longlife_bottom {
    margin-top: 4.1666666667vw;
    padding: 1.3888888889vw 6.9444444444vw 2.7777777778vw;
    width: 91.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom {
    margin-top: 8vw;
    padding: 2.6666666667vw 4vw 5.3333333333vw;
    width: 100%
  }
}

.longlife_bottom_title {
  align-items: center;
  display: flex;
  font-size: 1.75rem;
  font-weight: 500;
  justify-content: space-between
}

@media screen and (max-width:90em) {
  .longlife_bottom_title {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_title {
    font-size: 4.8vw
  }
}

.longlife_bottom_title:after {
  background-color: #222;
  content: "";
  display: block;
  height: .0625rem;
  width: 13.875rem
}

@media screen and (max-width:90em) {
  .longlife_bottom_title:after {
    height: .0694444444vw;
    width: 15.4166666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_title:after {
    display: none
  }
}

.longlife_bottom_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 43rem 25rem);
  justify-content: space-between;
  margin-top: 2.1875rem
}

@media screen and (max-width:90em) {
  .longlife_bottom_grid {
    grid-template-columns: repeat(auto-fit, 47.7777777778vw 27.7777777778vw);
    margin-top: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_grid {
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 4vw;
    row-gap: 4vw
  }
}

.longlife_bottom_img {
  display: block;
  height: 13.25rem;
  position: relative;
  width: 25rem
}

.longlife_bottom_img img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .longlife_bottom_img {
    height: 14.7222222222vw;
    width: 27.7777777778vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_img {
    height: auto;
    padding-top: 53%;
    width: 100%
  }
}

.longlife_bottom_dl dt {
  color: #484e81;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.8
}

@media screen and (max-width:90em) {
  .longlife_bottom_dl dt {
    font-size: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_dl dt {
    font-size: 3.7333333333vw
  }
}

.longlife_bottom_dl dd {
  font-size: .875rem;
  line-height: 1.75;
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .longlife_bottom_dl dd {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_dl dd {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_bottom_dl dd {
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_dl dd {
    margin-top: 2.6666666667vw
  }
}

.longlife_bottom_link {
  align-items: center;
  border: .0625rem solid #484e81;
  color: #484e81;
  display: inline-flex;
  font-size: .875rem;
  font-weight: 500;
  margin-top: 1.5625rem;
  padding: .625rem 1.25rem;
  transition: color .3s, background-color .3s
}

@media screen and (max-width:90em) {
  .longlife_bottom_link {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_link {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .longlife_bottom_link {
    margin-top: 1.7361111111vw;
    padding: .6944444444vw 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_link {
    margin-top: 4vw;
    padding: 2.6666666667vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .longlife_bottom_link:hover {
    background-color: #484e81;
    color: #fff
  }

  .longlife_bottom_link:hover .longlife_bottom_link_icon {
    background-color: #fff
  }

  .longlife_bottom_link:hover .longlife_bottom_link_icon:before {
    border-color: transparent transparent transparent #484e81;
    color: #484e81
  }
}

.longlife_bottom_link_icon {
  align-items: center;
  background-color: #484e81;
  border-radius: 50%;
  display: flex;
  height: 1.5rem;
  justify-content: center;
  margin-right: .625rem;
  transition: background-color .3s;
  width: 1.5rem
}

@media screen and (max-width:90em) {
  .longlife_bottom_link_icon {
    height: 1.6666666667vw;
    margin-right: .6944444444vw;
    width: 1.6666666667vw
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_link_icon {
    height: 4.2666666667vw;
    margin-right: 2.6666666667vw;
    width: 4.2666666667vw
  }
}

.longlife_bottom_link_icon:before {
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-width: .375rem 0 .375rem .5rem;
  color: #fff;
  content: "";
  display: block;
  height: 0;
  -webkit-transform: translateX(.0625rem);
  transform: translateX(.0625rem);
  transition: color .3s, background-color .3s;
  width: 0
}

@media screen and (max-width:90em) {
  .longlife_bottom_link_icon:before {
    border-width: .4166666667vw 0 .4166666667vw .5555555556vw;
    -webkit-transform: translateX(.0694444444vw);
    transform: translateX(.0694444444vw)
  }
}

@media screen and (max-width:56em) {
  .longlife_bottom_link_icon:before {
    border-width: 1.0666666667vw 0 1.0666666667vw 1.6vw;
    -webkit-transform: translateX(.2666666667vw);
    transform: translateX(.2666666667vw)
  }
}

.kurashi_contents {
  padding: 3.75rem 0 6.25rem
}

@media screen and (max-width:90em) {
  .kurashi_contents {
    padding: 4.1666666667vw 0 6.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_contents {
    padding: 8vw 4vw 13.3333333333vw
  }
}

.kurashi_content_in {
  margin-left: auto;
  margin-right: auto;
  width: 63.75rem
}

@media screen and (max-width:90em) {
  .kurashi_content_in {
    max-width: 63.75rem;
    width: 90%
  }
}

@media screen and (max-width:56em) {
  .kurashi_content_in {
    width: 100%
  }
}

.kurashi_category {
  align-items: center;
  background-color: #ab1731;
  border-radius: .3125rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.125rem;
  padding: .3125rem 1.25rem
}

@media screen and (max-width:90em) {
  .kurashi_category {
    font-size: 1.25vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_category {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .kurashi_category {
    border-radius: .3472222222vw;
    padding: .3472222222vw 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_category {
    border-radius: 1.3333333333vw;
    padding: 1.3333333333vw 2.6666666667vw
  }
}

.kurashi_category_icon {
  display: block;
  height: 2.1875rem;
  margin-right: .625rem;
  position: relative;
  width: 2.1875rem
}

.kurashi_category_icon img {
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%
}

@media screen and (max-width:90em) {
  .kurashi_category_icon {
    height: 2.4305555556vw;
    margin-right: .6944444444vw;
    width: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_category_icon {
    height: 5.3333333333vw;
    margin-right: .5555555556vw;
    width: 5.3333333333vw
  }
}

.kurashi_title {
  font-size: 1.75rem;
  font-weight: 500;
  margin-top: .3125rem
}

@media screen and (max-width:90em) {
  .kurashi_title {
    font-size: 1.9444444444vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_title {
    font-size: 5.3333333333vw
  }
}

@media screen and (max-width:90em) {
  .kurashi_title {
    margin-top: .3472222222vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_title {
    margin-top: 1.3333333333vw
  }
}

.kurashi_box {
  -webkit-column-gap: 1.5625rem;
  column-gap: 1.5625rem;
  display: grid;
  grid-template-columns: -webkit-max-content 1fr;
  grid-template-columns: max-content 1fr;
  margin-top: 2.1875rem
}

@media screen and (max-width:90em) {
  .kurashi_box {
    -webkit-column-gap: 1.7361111111vw;
    column-gap: 1.7361111111vw;
    margin-top: 2.4305555556vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 100%);
    margin-top: 6.6666666667vw;
    row-gap: 4vw
  }
}

.kurashi_box:not(:first-child) {
  margin-top: 3.75rem
}

@media screen and (max-width:90em) {
  .kurashi_box:not(:first-child) {
    margin-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box:not(:first-child) {
    margin-top: 8vw
  }
}

.kurashi_box_img {
  width: 100%
}

.kurashi_box_img img {
  object-fit: contain;
  width: 100%
}

.kurashi_box_contents {
  width: 100%
}

.kurashi_box_img_label,
.kurashi_box_title {
  background: #a51d40;
  border-radius: .1875rem;
  color: #fff;
  font-size: 1.375rem;
  padding: .9375rem;
  position: relative
}

@media screen and (max-width:90em) {

  .kurashi_box_img_label,
  .kurashi_box_title {
    font-size: 1.5277777778vw
  }
}

@media screen and (max-width:56em) {

  .kurashi_box_img_label,
  .kurashi_box_title {
    font-size: 4.2666666667vw
  }
}

@media screen and (max-width:90em) {

  .kurashi_box_img_label,
  .kurashi_box_title {
    border-radius: .2083333333vw;
    padding: 1.0416666667vw
  }
}

@media screen and (max-width:56em) {

  .kurashi_box_img_label,
  .kurashi_box_title {
    border-radius: .8vw;
    display: none;
    padding: 2.6666666667vw
  }
}

.kurashi_box_img_label:after,
.kurashi_box_title:after {
  border: .9375rem solid transparent;
  border-top-color: #a51d40;
  bottom: 0;
  color: #a51d40;
  content: "";
  display: block;
  left: 2.5rem;
  position: absolute;
  -webkit-transform: translateY(calc(100% - .0625rem));
  transform: translateY(calc(100% - .0625rem))
}

@media screen and (max-width:90em) {

  .kurashi_box_img_label:after,
  .kurashi_box_title:after {
    border: 1.0416666667vw solid transparent;
    border-top-color: #a51d40;
    left: 2.7777777778vw
  }
}

@media screen and (max-width:56em) {

  .kurashi_box_img_label:after,
  .kurashi_box_title:after {
    border: 2.1333333333vw solid transparent;
    border-top-color: #a51d40;
    left: 5.3333333333vw
  }
}

.kurashi_box_img_label {
  display: none
}

@media screen and (max-width:56em) {
  .kurashi_box_img_label {
    display: block;
    margin-bottom: 2.6666666667vw
  }
}

.kurashi_box_text {
  font-size: .875rem;
  line-height: 2;
  margin-top: 1.375rem
}

@media screen and (max-width:90em) {
  .kurashi_box_text {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_text {
    font-size: 3.2vw
  }
}

@media screen and (max-width:90em) {
  .kurashi_box_text {
    margin-top: 1.5277777778vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_text {
    margin-top: 0
  }
}

.kurashi_box_detail {
  align-items: flex-start;
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  justify-content: flex-start;
  margin-top: 1.25rem
}

@media screen and (max-width:90em) {
  .kurashi_box_detail {
    -webkit-column-gap: 1.3888888889vw;
    column-gap: 1.3888888889vw;
    margin-top: 1.3888888889vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_detail {
    -webkit-column-gap: 2.6666666667vw;
    column-gap: 2.6666666667vw;
    margin-top: 5.3333333333vw
  }
}

.kurashi_box_detail_img {
  max-width: 12.5rem
}

@media screen and (max-width:90em) {
  .kurashi_box_detail_img {
    max-width: 13.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_detail_img {
    max-width: 40vw
  }
}

.kurashi_box_detail_img img {
  object-fit: contain;
  width: 100%
}

.kurashi_box_detail_point {
  border: .0625rem solid #5989cf;
  border-radius: .125rem;
  padding: .625rem;
  position: relative
}

@media screen and (max-width:90em) {
  .kurashi_box_detail_point {
    border-radius: .1388888889vw;
    padding: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_detail_point {
    border-radius: .5333333333vw;
    padding: 2.6666666667vw
  }
}

.kurashi_box_detail_point dt {
  background: #fff;
  color: #5989cf;
  display: inline-block;
  font-size: .875rem;
  font-weight: 700;
  left: .625rem;
  line-height: 1;
  padding: 0 .5rem;
  position: absolute;
  top: -.5rem
}

@media screen and (max-width:90em) {
  .kurashi_box_detail_point dt {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_detail_point dt {
    font-size: 3.7333333333vw
  }
}

@media screen and (max-width:90em) {
  .kurashi_box_detail_point dt {
    left: .6944444444vw;
    padding: 0 .5555555556vw;
    top: -.5555555556vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_detail_point dt {
    left: 1.3333333333vw;
    padding: 0 1.0666666667vw;
    top: -2.1333333333vw
  }
}

.kurashi_box_detail_point dd {
  color: #5989cf;
  line-height: 2
}

@media screen and (max-width:56em) {
  .kurashi_box_detail_point dd {
    line-height: 1.75
  }
}

.kurashi_box_detail_point ul li {
  align-items: baseline;
  display: flex;
  font-size: .75rem
}

@media screen and (max-width:90em) {
  .kurashi_box_detail_point ul li {
    font-size: .8333333333vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_detail_point ul li {
    font-size: 3.2vw
  }
}

.kurashi_box_detail_point ul li:before {
  content: "■";
  display: block;
  margin-right: .3125rem
}

@media screen and (max-width:90em) {
  .kurashi_box_detail_point ul li:before {
    margin-right: .3472222222vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_box_detail_point ul li:before {
    margin-right: 1.3333333333vw
  }
}

.kurashi_link {
  display: flex;
  justify-content: space-between;
  margin-top: 3.75rem
}

@media screen and (max-width:90em) {
  .kurashi_link {
    margin-top: 4.1666666667vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_link {
    margin-top: 8vw
  }
}

.kurashi_link_btn {
  color: #5989cf;
  display: flex;
  flex-direction: column;
  font-size: .875rem;
  font-weight: 500;
  position: relative
}

@media screen and (max-width:90em) {
  .kurashi_link_btn {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_link_btn {
    font-size: 3.2vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .kurashi_link_btn {
    cursor: pointer;
    transition: opacity .5s
  }

  .kurashi_link_btn:hover {
    opacity: .7
  }
}

.kurashi_link_next {
  background-color: #5989cf;
  height: .0625rem;
  margin-top: .5rem;
  position: relative;
  width: 12.5rem
}

@media screen and (max-width:90em) {
  .kurashi_link_next {
    height: .0694444444vw;
    margin-top: .5555555556vw;
    width: 13.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_link_next {
    height: .2666666667vw;
    margin-top: 2.1333333333vw;
    width: 42.6666666667vw
  }
}

.kurashi_link_next:after {
  background-color: #5989cf;
  bottom: 0;
  content: "";
  display: block;
  height: .0625rem;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-.25rem) rotate(45deg);
  transform: translateY(-.25rem) rotate(45deg);
  width: .625rem
}

@media screen and (max-width:90em) {
  .kurashi_link_next:after {
    height: .0694444444vw;
    -webkit-transform: translateY(-.2777777778vw) rotate(45deg);
    transform: translateY(-.2777777778vw) rotate(45deg);
    width: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_link_next:after {
    height: .2666666667vw;
    -webkit-transform: translateY(-1.0666666667vw) rotate(45deg);
    transform: translateY(-1.0666666667vw) rotate(45deg);
    width: 2.6666666667vw
  }
}

.kurashi_link_back {
  background-color: #5989cf;
  height: .0625rem;
  margin-top: .5rem;
  position: relative;
  width: 12.5rem
}

@media screen and (max-width:90em) {
  .kurashi_link_back {
    height: .0694444444vw;
    margin-top: .5555555556vw;
    width: 13.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_link_back {
    height: .2666666667vw;
    margin-top: 2.1333333333vw;
    width: 42.6666666667vw
  }
}

.kurashi_link_back:before {
  background-color: #5989cf;
  bottom: 0;
  content: "";
  display: block;
  height: .0625rem;
  left: 0;
  position: absolute;
  -webkit-transform: translateY(-.25rem) rotate(-45deg);
  transform: translateY(-.25rem) rotate(-45deg);
  width: .625rem
}

@media screen and (max-width:90em) {
  .kurashi_link_back:before {
    height: .0694444444vw;
    -webkit-transform: translateY(-.2777777778vw) rotate(-45deg);
    transform: translateY(-.2777777778vw) rotate(-45deg);
    width: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_link_back:before {
    height: .2666666667vw;
    -webkit-transform: translateY(-1.0666666667vw) rotate(-45deg);
    transform: translateY(-1.0666666667vw) rotate(-45deg);
    width: 2.6666666667vw
  }
}

.kurashi_link_text {
  display: block;
  min-width: 0;
  width: 100%
}

.kurashi_all {
  background-color: #e6e6e6;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5rem;
  padding: 1.875rem 1.875rem 2.5rem;
  width: 57.5rem
}

@media screen and (max-width:90em) {
  .kurashi_all {
    margin-top: 5.5555555556vw;
    padding: 2.0833333333vw 2.0833333333vw 2.7777777778vw;
    width: 63.8888888889vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_all {
    margin-top: 10.6666666667vw;
    padding: 4vw 4vw 5.3333333333vw;
    width: 100%
  }
}

.kurashi_all_head {
  text-align: center
}

.kurashi_all_list {
  -webkit-column-gap: 1.25rem;
  column-gap: 1.25rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, 12.5rem);
  margin-top: 2.5rem;
  row-gap: 1.875rem
}

@media screen and (max-width:90em) {
  .kurashi_all_list {
    -webkit-column-gap: 1.3888888889vw;
    column-gap: 1.3888888889vw;
    grid-template-columns: repeat(auto-fit, 13.8888888889vw);
    margin-top: 2.7777777778vw;
    row-gap: 2.0833333333vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_all_list {
    -webkit-column-gap: 0;
    column-gap: 0;
    grid-template-columns: repeat(auto-fit, 47.5%);
    justify-content: space-between;
    margin-top: 5.3333333333vw;
    row-gap: 6.6666666667vw
  }
}

.kurashi_all_list a {
  display: block;
  font-size: .875rem;
  text-align: center
}

@media screen and (max-width:90em) {
  .kurashi_all_list a {
    font-size: .9722222222vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_all_list a {
    font-size: 3.2vw
  }
}

@media screen and (min-width:56.0625em)and (hover:hover) {
  .kurashi_all_list a {
    cursor: pointer;
    transition: opacity .5s
  }

  .kurashi_all_list a:hover {
    opacity: .7
  }
}

.kurashi_all_img {
  display: block;
  margin-bottom: .625rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 9.375rem
}

@media screen and (max-width:90em) {
  .kurashi_all_img {
    margin-bottom: .6944444444vw
  }
}

@media screen and (max-width:56em) {
  .kurashi_all_img {
    margin-bottom: 2.6666666667vw;
    max-width: 100%
  }
}

.kurashi_all_img img {
  width: 100%
}

.hover\:opacity-70:hover {
  opacity: .7
}

@media (max-width:56em) {
  .md\:mt-vw-4 {
    margin-top: 1.0666666666666667vw
  }

  .md\:mt-vw-8 {
    margin-top: 2.1333333333333333vw
  }

  .md\:hidden {
    display: none
  }

  .md\:w-full {
    width: 100%
  }

  .md\:justify-end {
    justify-content: flex-end
  }

  .md\:text-center {
    text-align: center
  }
}

@media (max-width:90em) {
  .lg\:mt-0\.5 {
    margin-top: .125rem
  }

  .lg\:mt-0 {
    margin-top: 0
  }

  .lg\:block {
    display: block
  }
}

@media print {
  .print\:text-left {
    text-align: left
  }
}

@-webkit-keyframes layout_show__7hmJA {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes layout_show__7hmJA {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.layout_container__L89x7 {
  -webkit-animation: layout_show__7hmJA .6s cubic-bezier(.85, 0, .15, 1) forwards;
  animation: layout_show__7hmJA .6s cubic-bezier(.85, 0, .15, 1) forwards
}

@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  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")
}

:root {
  --swiper-theme-color: #007aff
}

.swiper {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1
}

.swiper-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  box-sizing: initial;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
  z-index: 1
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0)
}

.swiper-pointer-events {
  touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%
}

.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-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-css-mode>.swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: 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 {
  scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
  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%;
  min-height: 1px;
  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 {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(0px - var(--swiper-navigation-size)/2);
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/44*27);
  z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none
}

.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 {
  left: auto;
  right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next"
}

.swiper-button-lock {
  display: none
}