.con-pagenav, .con-design, .con-flow .wrap-flow, .con-aftercare { margin-left: auto; margin-right: auto; width: calc(100% - 160px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-pagenav, .con-design, .con-flow .wrap-flow, .con-aftercare { width: 92%; } }
@media only screen and (max-width: 767px) { .con-pagenav, .con-design, .con-flow .wrap-flow, .con-aftercare { width: 89.6%; } }

/*Animate */
/* ----------------------------------------------------------- .con-philosophy
----------------------------------------------------------- */
.con-philosophy { color: #fff; background-color: #292929; padding: 240px 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media only screen and (min-width: 768px) { .con-philosophy { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; } }
@media print { .con-philosophy { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; } }
.ie8 .con-philosophy { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; }
@media only screen and (max-width: 767px) { .con-philosophy { padding: 120px 0; } }
@media only screen and (min-width: 768px) { .con-philosophy .box-title { position: sticky; top: 80px; left: 0; width: 50%; text-align: center; } }
@media print { .con-philosophy .box-title { position: sticky; top: 80px; left: 0; width: 50%; text-align: center; } }
.ie8 .con-philosophy .box-title { position: sticky; top: 80px; left: 0; width: 50%; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-philosophy .box-title { width: 40%; } }
@media only screen and (max-width: 767px) { .con-philosophy .box-title { width: 89.6%; margin: 0 auto 48px; } }
.con-philosophy .box-title .wrap { display: inline-block; text-align: left; }
.con-philosophy .box-title .wrap .txt-en { color: #90825D; font-family: "Marcellus", serif; font-weight: 400; font-style: normal; text-transform: uppercase; letter-spacing: 0.14em; font-size: 1.3rem; line-height: 1.3; margin-bottom: 24px; }
@media only screen and (max-width: 767px) { .con-philosophy .box-title .wrap .txt-en { font-size: 1.2rem; } }
.con-philosophy .box-title .wrap h2 { font-weight: 400; line-height: 1.3; font-size: 3.2rem; letter-spacing: 0.08em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-philosophy .box-title .wrap h2 { font-size: 3vw; line-height: 1.5; } }
@media only screen and (max-width: 767px) { .con-philosophy .box-title .wrap h2 { font-size: 2.4rem; } }
@media only screen and (max-width: 767px) { .con-philosophy .box-title .wrap h2 span { writing-mode: tb-rl; writing-mode: vertical-rl; -moz-writing-mode: vertical-rl; -o-writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; text-align: left; display: inline-block; }
  .con-philosophy .box-title .wrap h2 span em { text-orientation: upright; } }
@media only screen and (min-width: 768px) { .con-philosophy .box-txt { padding-right: 7.9vw; } }
@media print { .con-philosophy .box-txt { padding-right: 7.9vw; } }
.ie8 .con-philosophy .box-txt { padding-right: 7.9vw; }
@media only screen and (min-width: 1025px) { .con-philosophy .box-txt { width: 50%; } }
@media print { .con-philosophy .box-txt { width: 50%; } }
.ie8 .con-philosophy .box-txt { width: 50%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-philosophy .box-txt { width: 60%; } }
@media only screen and (max-width: 767px) { .con-philosophy .box-txt { width: 89.6%; margin: 0 auto; } }
.con-philosophy .box-txt .txt { line-height: 2.4; letter-spacing: 0.08em; padding-bottom: 2em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-philosophy .box-txt .txt { font-size: 1.75vw; } }
.con-philosophy .box-txt .txt em { font-size: 2.4rem; }
@media only screen and (max-width: 767px) { .con-philosophy .box-txt .txt em { font-size: 2rem; line-height: 1.75; } }

/* ----------------------------------------------------------- .con-pagenav
----------------------------------------------------------- */
.con-pagenav { border: 1px solid #292929; margin-top: 160px; }
@media only screen and (max-width: 767px) { .con-pagenav { margin-top: 80px; } }
.con-pagenav ul { display: -webkit-flex; display: flex; }
@media only screen and (max-width: 767px) { .con-pagenav ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.con-pagenav ul li { width: 25%; }
@media only screen and (min-width: 768px) { .con-pagenav ul li:not(:first-child) { border-left: 1px solid #292929; } }
@media print { .con-pagenav ul li:not(:first-child) { border-left: 1px solid #292929; } }
.ie8 .con-pagenav ul li:not(:first-child) { border-left: 1px solid #292929; }
@media only screen and (max-width: 767px) { .con-pagenav ul li { width: 50%; }
  .con-pagenav ul li:not(:nth-child(odd)) { border-left: 1px solid #292929; }
  .con-pagenav ul li:nth-child(n+3) { border-top: 1px solid #292929; } }
.con-pagenav ul li a { display: block; padding: 40px 2.6vw 24px; text-align: center; }
@media only screen and (min-width: 1025px) { .con-pagenav ul li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-pagenav ul li a:hover { background-color: #292929; color: #fff; }
  .con-pagenav ul li a:hover .link:after { background-image: url(../assets/common/icon-arrow-wh.svg); } }
@media print { .con-pagenav ul li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-pagenav ul li a:hover { background-color: #292929; color: #fff; }
  .con-pagenav ul li a:hover .link:after { background-image: url(../assets/common/icon-arrow-wh.svg); } }
.ie8 .con-pagenav ul li a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.ie8 .con-pagenav ul li a:hover { background-color: #292929; color: #fff; }
.ie8 .con-pagenav ul li a:hover .link:after { background-image: url(../assets/common/icon-arrow-wh.svg); }
@media only screen and (max-width: 767px) { .con-pagenav ul li a { padding: 32px 2.6vw 16px; } }
.con-pagenav ul li a .txt { margin-bottom: 32px; }
@media only screen and (max-width: 767px) { .con-pagenav ul li a .txt { margin-bottom: 16px; } }
.con-pagenav ul li a .txt span { display: block; line-height: 1.3; }
.con-pagenav ul li a .txt span.en { color: #90825D; font-family: "Marcellus", serif; font-weight: 400; font-style: normal; letter-spacing: 0.14em; font-size: 1.4rem; text-transform: uppercase; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-pagenav ul li a .txt span.en { font-size: 1vw; } }
@media only screen and (max-width: 767px) { .con-pagenav ul li a .txt span.en { font-size: 1rem; } }
.con-pagenav ul li a .txt span.jp { font-size: 2.2rem; letter-spacing: 0.04em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-pagenav ul li a .txt span.jp { font-size: 1.5vw; } }
@media only screen and (max-width: 767px) { .con-pagenav ul li a .txt span.jp { font-size: 1.4rem; } }
.con-pagenav ul li a .txt span.jp.nopalt { letter-spacing: 0; }
.con-pagenav ul li a .thumb { margin-bottom: 24px; }
@media only screen and (max-width: 767px) { .con-pagenav ul li a .thumb { padding: 0 4vw; } }
.con-pagenav ul li a .link { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; text-transform: uppercase; font-size: 1.4rem; letter-spacing: 0.08em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-pagenav ul li a .link { font-size: 1.2vw; } }
@media only screen and (max-width: 767px) { .con-pagenav ul li a .link { font-size: 1.2rem; } }
.con-pagenav ul li a .link:after { content: ""; background-image: url(../assets/common/icon-arrow.svg); background-repeat: no-repeat; background-position: center; background-size: 14px auto; border: 1px solid #DEDEDE; -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px; width: 48px; height: 26px; margin: 8px auto 0; display: block; }
@media only screen and (max-width: 767px) { .con-pagenav ul li a .link:after { background-size: 8px auto; width: 32px; height: 16px; } }

/* ----------------------------------------------------------- .con-design
----------------------------------------------------------- */
.con-design { margin: 240px auto; }
@media only screen and (max-width: 767px) { .con-design { margin: 120px auto; } }
.con-design .img-design { text-align: center; }
.con-design .box-txt-outline { padding: 120px 0 160px; text-align: center; }
@media only screen and (max-width: 767px) { .con-design .box-txt-outline { padding: 80px 0; } }
.con-design .box-txt-outline h3 { margin-bottom: 64px; }
@media only screen and (max-width: 767px) { .con-design .box-txt-outline h3 { margin-bottom: 40px; } }
.con-design .box-txt-outline h3 span { display: block; line-height: 1; }
.con-design .box-txt-outline h3 span.sub { font-size: 1.8rem; font-weight: 400; letter-spacing: 0.04em; margin-bottom: 24px; }
@media only screen and (max-width: 767px) { .con-design .box-txt-outline h3 span.sub { font-size: 1.6rem; margin-bottom: 16px; } }
.con-design .box-txt-outline h3 span.main { max-width: 400px; margin: 0 auto; text-align: center; display: inline-block; }
@media only screen and (max-width: 767px) { .con-design .box-txt-outline h3 span.main { width: 80%; } }
.con-design .box-txt-outline .txt { line-height: 2.4; letter-spacing: 0.04em; }
@media only screen and (max-width: 767px) { .con-design .box-txt-outline .txt { letter-spacing: 0; } }
.con-design .box-txt-outline .txt em { font-size: 2rem; }
@media only screen and (max-width: 767px) { .con-design .box-txt-outline .txt em { line-height: 1.5; } }
@media only screen and (min-width: 768px) { .con-design .box-simplenote-five { display: -webkit-flex; display: flex; } }
@media print { .con-design .box-simplenote-five { display: -webkit-flex; display: flex; } }
.ie8 .con-design .box-simplenote-five { display: -webkit-flex; display: flex; }
.con-design .box-simplenote-five h3 { font-size: 3.2rem; line-height: 1; font-weight: normal; text-align: left; }
@media only screen and (min-width: 768px) { .con-design .box-simplenote-five h3 { position: sticky; top: 80px; } }
@media print { .con-design .box-simplenote-five h3 { position: sticky; top: 80px; } }
.ie8 .con-design .box-simplenote-five h3 { position: sticky; top: 80px; }
@media only screen and (min-width: 1025px) { .con-design .box-simplenote-five h3 { width: 21.2%; padding-right: 4vw; } }
@media print { .con-design .box-simplenote-five h3 { width: 21.2%; padding-right: 4vw; } }
.ie8 .con-design .box-simplenote-five h3 { width: 21.2%; padding-right: 4vw; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five h3 { width: 30%; font-size: 2.8rem; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five h3 { font-size: 2.4rem; margin-bottom: 40px; } }
.con-design .box-simplenote-five h3 .en { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; font-size: 2.4rem; letter-spacing: 0.08em; display: block; margin-bottom: 6px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five h3 .en { font-size: 2rem; } }
.con-design .box-simplenote-five .list-detail { border-bottom: 1px solid #DEDEDE; }
@media only screen and (min-width: 1025px) { .con-design .box-simplenote-five .list-detail { width: 78.8%; } }
@media print { .con-design .box-simplenote-five .list-detail { width: 78.8%; } }
.ie8 .con-design .box-simplenote-five .list-detail { width: 78.8%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail { width: 70%; } }
.con-design .box-simplenote-five .list-detail li { border-top: 1px solid #DEDEDE; }
.con-design .box-simplenote-five .list-detail li .box-title { padding: 40px 0; position: relative; cursor: pointer; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-title { padding-right: 20px; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-title { padding: 32px 20px 32px 0; } }
.con-design .box-simplenote-five .list-detail li .box-title:before, .con-design .box-simplenote-five .list-detail li .box-title:after { content: ""; background-color: #292929; width: 25px; height: 1px; position: absolute; top: 50%; right: 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media only screen and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-title:before, .con-design .box-simplenote-five .list-detail li .box-title:after { width: 16px; } }
.con-design .box-simplenote-five .list-detail li .box-title:before { transform: rotate(90deg); }
.con-design .box-simplenote-five .list-detail li .box-title h4 { line-height: 1; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; gap: 0 24px; }
@media only screen and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-title h4 { gap: 0 16px; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-title h4 { -webkit-flex-wrap: wrap; flex-wrap: wrap; } }
.con-design .box-simplenote-five .list-detail li .box-title h4 .number { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; color: #90825D; font-size: 2rem; letter-spacing: 0.08em; font-weight: normal; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .number { font-size: 1.6rem; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .number { font-size: 1.4rem; } }
.con-design .box-simplenote-five .list-detail li .box-title h4 .main { font-size: 2.4rem; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .main { font-size: 2rem; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .main { font-size: 1.8rem; } }
.con-design .box-simplenote-five .list-detail li .box-title h4 .main.long { width: 13em; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .main.long { width: 14em; } }
.con-design .box-simplenote-five .list-detail li .box-title h4 .en { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; color: #90825D; display: inline-block; font-weight: normal; letter-spacing: 0.08em; }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .en { font-size: 1.2rem; padding-top: 8px; margin-left: 3em; } }
.con-design .box-simplenote-five .list-detail li .box-title h4 .en:before { content: "/"; font-family: "Marcellus", serif; font-weight: 400; font-style: normal; padding-right: 24px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .en:before { padding-right: 16px; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-title h4 .en:before { display: none; } }
.con-design .box-simplenote-five .list-detail li .box-title.active:before { opacity: 0; }
.con-design .box-simplenote-five .list-detail li .box-detail { display: none; }
@media only screen and (min-width: 1025px) { .con-design .box-simplenote-five .list-detail li .box-detail { display: block; } }
@media print { .con-design .box-simplenote-five .list-detail li .box-detail { display: block; } }
.ie8 .con-design .box-simplenote-five .list-detail li .box-detail { display: block; }
.con-design .box-simplenote-five .list-detail li .box-detail .wrap { padding-bottom: 80px; }
@media only screen and (min-width: 768px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap { display: -webkit-flex; display: flex; gap: 0 64px; } }
@media print { .con-design .box-simplenote-five .list-detail li .box-detail .wrap { display: -webkit-flex; display: flex; gap: 0 64px; } }
.ie8 .con-design .box-simplenote-five .list-detail li .box-detail .wrap { display: -webkit-flex; display: flex; gap: 0 64px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap { gap: 0 40px; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap { padding-bottom: 32px; } }
.con-design .box-simplenote-five .list-detail li .box-detail .wrap .img { order: 2; width: 37.5%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap .img { width: 25%; } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap .img { width: 70%; margin: 0 auto 32px; } }
.con-design .box-simplenote-five .list-detail li .box-detail .wrap .box-txt { order: 1; width: calc(62.5% - 64px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap .box-txt { width: calc(75% - 40px); } }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap .box-txt { width: 92%; margin: 0 auto; } }
.con-design .box-simplenote-five .list-detail li .box-detail .wrap .box-txt .txt { padding-bottom: 2em; letter-spacing: 0.04em; font-size: 1.5rem; }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap .box-txt .txt { font-size: 1.4rem; } }
.con-design .box-simplenote-five .list-detail li .box-detail .wrap .box-txt .txt em { font-size: 1.8rem; }
@media only screen and (max-width: 767px) { .con-design .box-simplenote-five .list-detail li .box-detail .wrap .box-txt .txt em { font-size: 1.6rem; } }

/* ----------------------------------------------------------- .con-flow
----------------------------------------------------------- */
.con-flow { color: #fff; background-color: #292929; padding: 240px 0; overflow: hidden; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media only screen and (max-width: 767px) { .con-flow { padding: 120px 0; } }
.con-flow .wrap-flow .title-basic { margin-bottom: 80px; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .title-basic { margin-bottom: 40px; } }
.con-flow .wrap-flow .swiper-container { position: relative; }
.con-flow .wrap-flow .swiper-container:before { content: ""; width: calc(100% + 50vw); height: 1px; background-color: #6E7283; position: absolute; top: 0; left: 0; }
.con-flow .wrap-flow .swiper-container .swiper-wrapper { position: relative; }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide { padding-bottom: 80px; padding-right: 104px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide { padding-right: 56px; } }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide { padding-bottom: 24px; padding-right: 32px; } }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide:before { content: ""; background-color: #90825D; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 14px; height: 14px; display: block; margin-top: -7px; }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title { padding-top: 40px; }
@media only screen and (min-width: 768px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
@media print { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } }
.ie8 .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt { width: calc(100% - 160px); }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt { width: 100%; } }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt .step { color: #90825D; font-family: "Marcellus", serif; font-weight: 400; font-style: normal; line-height: 1; margin-bottom: 16px; text-transform: uppercase; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt .step { margin-bottom: 8px; } }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt .step em { font-size: 3.2rem; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt .step em { font-size: 2.4rem; } }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt h3 { font-weight: normal; line-height: 1; font-size: 2.4rem; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .item-txt h3 { font-size: 2rem; margin-bottom: 32px; } }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .box-title .img { width: 120px; }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .txt { margin-top: 40px; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .txt { margin-top: 32px; } }
.con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .button-secondary { margin-top: 32px; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .swiper-container .swiper-wrapper .swiper-slide .button-secondary { margin-top: 24px; } }
.con-flow .wrap-flow .swiper-container .swiper-scrollbar { position: static; background-color: rgba(110, 114, 131, 0.2); }
.con-flow .wrap-flow .swiper-container .swiper-scrollbar .swiper-scrollbar-drag { background: #90825D; }
.con-flow .wrap-flow .txt-note { text-align: center; font-size: 1.4rem; line-height: 1; letter-spacing: 0.08em; margin-top: 48px; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; gap: 0 6px; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .txt-note { font-size: 1.2rem; margin-top: 24px; } }
.con-flow .wrap-flow .txt-note .icon { display: inline-block; width: 26px; }
@media only screen and (max-width: 767px) { .con-flow .wrap-flow .txt-note .icon { width: 24px; } }

/* ----------------------------------------------------------- .con-aftercare
----------------------------------------------------------- */
.con-aftercare { padding: 240px 0; }
@media only screen and (max-width: 767px) { .con-aftercare { padding: 120px 0; } }
.con-aftercare .box-aftercare { border: 1px solid #292929; }
@media only screen and (min-width: 768px) { .con-aftercare .box-aftercare .item-aftercare { display: -webkit-flex; display: flex; } }
@media print { .con-aftercare .box-aftercare .item-aftercare { display: -webkit-flex; display: flex; } }
.ie8 .con-aftercare .box-aftercare .item-aftercare { display: -webkit-flex; display: flex; }
.con-aftercare .box-aftercare .item-aftercare:not(:first-child) { border-top: 1px solid #292929; }
.con-aftercare .box-aftercare .item-aftercare .img { overflow: hidden; }
@media only screen and (min-width: 768px) { .con-aftercare .box-aftercare .item-aftercare .img { width: 50%; } }
@media print { .con-aftercare .box-aftercare .item-aftercare .img { width: 50%; } }
.ie8 .con-aftercare .box-aftercare .item-aftercare .img { width: 50%; }
.con-aftercare .box-aftercare .item-aftercare .img img { object-fit: cover; width: 100%; height: 100%; }
@media only screen and (min-width: 768px) { .con-aftercare .box-aftercare .item-aftercare .box-txt { width: 50%; padding: 120px 80px; } }
@media print { .con-aftercare .box-aftercare .item-aftercare .box-txt { width: 50%; padding: 120px 80px; } }
.ie8 .con-aftercare .box-aftercare .item-aftercare .box-txt { width: 50%; padding: 120px 80px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-aftercare .box-aftercare .item-aftercare .box-txt { padding: 80px 40px; } }
@media only screen and (max-width: 767px) { .con-aftercare .box-aftercare .item-aftercare .box-txt { padding: 40px 32px; } }
.con-aftercare .box-aftercare .item-aftercare .box-txt .txt-en { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; color: #90825D; text-transform: uppercase; font-size: 1.4rem; line-height: 1.3; letter-spacing: 0.14em; margin-bottom: 16px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-aftercare .box-aftercare .item-aftercare .box-txt .txt-en { font-size: 1.2rem; } }
@media only screen and (max-width: 767px) { .con-aftercare .box-aftercare .item-aftercare .box-txt .txt-en { text-align: center; font-size: 1rem; margin-bottom: 8px; } }
.con-aftercare .box-aftercare .item-aftercare .box-txt h3 { line-height: 1.5; font-weight: normal; font-size: 2.6rem; margin-bottom: 48px; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-aftercare .box-aftercare .item-aftercare .box-txt h3 { font-size: 2.4rem; } }
@media only screen and (max-width: 767px) { .con-aftercare .box-aftercare .item-aftercare .box-txt h3 { text-align: center; font-size: 1.9rem; margin-bottom: 24px; } }
.con-aftercare .box-aftercare .item-aftercare .box-txt .txt { line-height: 2; letter-spacing: 0.08em; }
@media only screen and (max-width: 767px) { .con-aftercare .box-aftercare .item-aftercare .box-txt .txt { line-height: 1.75; } }