@charset "UTF-8";
.con-quality .box-quality, .con-furniture .box-furniture-outline, .con-afterservice .box-afterservice, .con-area { max-width: 1280px; margin-inline: auto; width: calc(100% - 160px); }
@media (max-width: 1439px) { .con-quality .box-quality, .con-furniture .box-furniture-outline, .con-afterservice .box-afterservice, .con-area { width: 96%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-quality .box-quality, .con-furniture .box-furniture-outline, .con-afterservice .box-afterservice, .con-area { width: 92%; } }
@media (max-width: 767px) { .con-quality .box-quality, .con-furniture .box-furniture-outline, .con-afterservice .box-afterservice, .con-area { width: 89.6%; } }

.con-design .box-design, .con-design .list-features, .con-furniture .box-furniture-detail, .con-fp .box-profile, .con-monoire .box-profile, .con-fp .list-features, .con-monoire .box-flow { max-width: 1120px; margin-inline: auto; width: calc(100% - 320px); }
@media (max-width: 1439px) { .con-design .box-design, .con-design .list-features, .con-furniture .box-furniture-detail, .con-fp .box-profile, .con-monoire .box-profile, .con-fp .list-features, .con-monoire .box-flow { width: 96%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-design .box-design, .con-design .list-features, .con-furniture .box-furniture-detail, .con-fp .box-profile, .con-monoire .box-profile, .con-fp .list-features, .con-monoire .box-flow { width: 92%; } }
@media (max-width: 767px) { .con-design .box-design, .con-design .list-features, .con-furniture .box-furniture-detail, .con-fp .box-profile, .con-monoire .box-profile, .con-fp .list-features, .con-monoire .box-flow { width: 89.6%; } }

/*Animate */
/* ----------------------------------------------------------- .con-quality
----------------------------------------------------------- */
.con-quality { margin-top: 240px; display: flex; flex-direction: column; gap: 160px 0; }
@media (max-width: 767px) { .con-quality { margin-top: 80px; gap: 80px 0; } }
.con-quality .box-quality .title-secondary { margin-bottom: 64px; }
@media (max-width: 767px) { .con-quality .box-quality .title-secondary { margin-bottom: 24px; } }
@media (min-width: 768px) { .con-quality .box-quality .list-quality { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px 15px; } }
@media (min-width: 1025px) and (max-width: 1280px) { .con-quality .box-quality .list-quality { grid-template-columns: repeat(3, 1fr); } }
@media (min-width: 768px) and (max-width: 1024px) { .con-quality .box-quality .list-quality { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .con-quality .box-quality .list-quality { display: flex; flex-direction: column; gap: 16px; } }
.con-quality .box-quality .list-quality .item-quality { border: 1px solid #DEDEDE; }
.con-quality .box-quality .list-quality .item-quality a { display: block; padding: 48px 16px 16px 24px; display: flex; flex-direction: column; height: 100%; }
@media (min-width: 1025px) { .con-quality .box-quality .list-quality .item-quality a { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
  .con-quality .box-quality .list-quality .item-quality a:hover { background: rgba(0, 0, 0, 0.05); } }
@media (max-width: 767px) { .con-quality .box-quality .list-quality .item-quality a { padding-top: 32px; } }
.con-quality .box-quality .list-quality .item-quality .number { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; line-height: 1; letter-spacing: 0.08em; margin-bottom: 8px; color: #2E4282; }
.con-quality .box-quality .list-quality .item-quality h3 { font-weight: 500; line-height: 1.5; font-size: 2rem; }
.con-quality .box-quality .list-quality .item-quality .img { margin-top: 32px; margin-left: auto; max-width: 124px; margin-bottom: 24px; }
.con-quality .box-quality .list-quality .item-quality .sub-txt { margin-top: auto; display: flex; justify-content: flex-end; align-items: center; gap: 16px; padding-right: 48px; background-image: url(../images/common/icon-arrow-base.svg); background-position: calc(100% - 8px) center; background-repeat: no-repeat; background-size: auto 16px; position: relative; font-size: 1.3rem; color: #888; line-height: 1.5; font-weight: 500; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
@media (min-width: 1025px) { .con-quality .box-quality .list-quality .item-quality .sub-txt:hover { background-position: right center; } }
.con-quality .box-quality .list-quality .item-quality .sub-txt:after { content: ""; width: 1px; height: 16px; position: absolute; top: 50%; right: 32px; transform: translate(0, -50%); border-left: 1px dashed #DEDEDE; }

.hide-area { display: none; }

.modaal-container { max-width: 480px; }

.modaal-close { background: none; right: 40px; top: 20px; }
@media (max-width: 767px) { .modaal-close { right: 10px; top: 10px; } }

.modaal-close:after, .modaal-close:before { background: #fff; width: 2px; height: 60px; top: 0; }
@media (max-width: 767px) { .modaal-close:after, .modaal-close:before { height: 40px; } }

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before { background: #666; }

.modaal-close:hover { background: none; }

@media (min-width: 1025px) { .modaal-content-container { padding: 64px 40px; } }
@media (min-width: 768px) and (max-width: 1024px) { .modaal-content-container { padding: 40px 24px; } }
@media (max-width: 767px) { .modaal-content-container { padding: 32px 24px; } }
.modaal-content-container .title { font-weight: 500; text-align: center; font-size: 3rem; }
@media (max-width: 767px) { .modaal-content-container .title { font-size: 2.4rem; } }
.modaal-content-container .other { background-color: #EBEBEB; text-align: center; font-size: 1.4rem; line-height: 1.5; padding: 5px; margin-top: 8px; }
.modaal-content-container .other span { display: inline-block; }
.modaal-content-container .other span:after { content: "："; }
@media (max-width: 767px) { .modaal-content-container .other { font-size: 1.2rem; margin-top: 16px; }
  .modaal-content-container .other span { display: block; }
  .modaal-content-container .other span:after { display: none; } }
.modaal-content-container .txt { margin-top: 40px; }
@media (max-width: 767px) { .modaal-content-container .txt { margin-top: 24px; } }
.modaal-content-container .img { text-align: center; margin: 64px auto 0; max-width: 240px; }
@media (max-width: 767px) { .modaal-content-container .img { margin-top: 40px; } }

/* ----------------------------------------------------------- .con-design
----------------------------------------------------------- */
.con-design { margin-top: 160px; padding-bottom: 160px; }
@media (max-width: 767px) { .con-design { padding-bottom: 80px; } }
.con-design .wrap-main { position: relative; }
.con-design .main-img { width: 100%; }
@media (max-width: 767px) { .con-design .main-img { overflow: hidden; aspect-ratio: 3/4; } }
.con-design .main-img img { width: 100%; }
@media (max-width: 767px) { .con-design .main-img img { height: 100%; object-fit: cover; } }
.con-design .box-design { padding-top: 120px; }
@media (max-width: 767px) { .con-design .box-design { padding-top: 80px; } }
.con-design .box-design .title-primary { margin-bottom: 80px; }
@media (max-width: 767px) { .con-design .box-design .title-primary { margin-bottom: 40px; } }
.con-design .box-design h3 { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.5; font-size: 3.2rem; letter-spacing: 0.08em; margin-bottom: 40px; }
@media (max-width: 767px) { .con-design .box-design h3 { font-size: 2.4rem; margin-bottom: 24px; } }
.con-design .box-design .txt { line-height: 2; width: 50%; }
@media (max-width: 1024px) { .con-design .box-design .txt { width: 100%; } }
.con-design .box-design .button-secondary { max-width: 300px; margin-top: 64px; }
@media (max-width: 767px) { .con-design .box-design .button-secondary { margin-top: 40px; } }
.con-design .sub-img { position: absolute; right: 0; bottom: 160px; display: flex; width: 50%; }
@media (min-width: 1025px) { .con-design .sub-img { flex-direction: column; gap: 80px; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-design .sub-img { bottom: auto; top: 400px; gap: 0; width: 50%; } }
@media (max-width: 767px) { .con-design .sub-img { position: static; width: 100%; gap: 4%; margin-top: 80px; } }
.con-design .sub-img .img1 { margin-left: 80px; max-width: 480px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-design .sub-img .img1 { width: 55%; margin-left: 0; margin-right: -25%; position: relative; z-index: 1; padding-top: 80px; } }
@media (max-width: 767px) { .con-design .sub-img .img1 { margin-left: 0; width: 36%; padding-top: 40px; } }
.con-design .sub-img .img2 { margin-right: 80px; max-width: 400px; margin-left: auto; }
@media (min-width: 768px) and (max-width: 1024px) { .con-design .sub-img .img2 { width: 60%; margin-right: 0; } }
@media (max-width: 767px) { .con-design .sub-img .img2 { margin-right: 0; width: 60%; } }
.con-design .list-features { margin-top: 120px; }
@media (min-width: 1025px) { .con-design .list-features { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 40px; grid-row-gap: 0px; } }
@media (max-width: 1280px) { .con-design .list-features { display: flex; flex-direction: column; gap: 64px; } }
@media (min-width: 768px) and (max-width: 1280px) { .con-design .list-features .item-features { display: flex; } }
@media (max-width: 767px) { .con-design .list-features .item-features { display: flex; flex-wrap: wrap; align-items: center; } }
.con-design .list-features .item-features .img { width: 100%; }
@media (min-width: 768px) and (max-width: 1280px) { .con-design .list-features .item-features .img { width: 40%; } }
@media (max-width: 767px) { .con-design .list-features .item-features .img { width: 50%; } }
@media (min-width: 1025px) { .con-design .list-features .item-features .wrap-txt { margin-top: 40px; } }
@media (min-width: 768px) and (max-width: 1280px) { .con-design .list-features .item-features .wrap-txt { width: 60%; padding-left: 5%; margin-top: 0; } }
@media (max-width: 767px) { .con-design .list-features .item-features .wrap-txt { display: contents; } }
@media (max-width: 767px) { .con-design .list-features .item-features .box-title { width: 50%; padding-left: 5%; } }
.con-design .list-features .item-features .box-title .subtitle { display: flex; align-items: center; gap: 24px; }
.con-design .list-features .item-features .box-title .subtitle span.number { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 1.4rem; color: #888; line-height: 1; letter-spacing: 0.08em; }
@media (max-width: 767px) { .con-design .list-features .item-features .box-title .subtitle span.number { font-size: 1.2rem; } }
.con-design .list-features .item-features .box-title .subtitle span.en { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; font-size: 1.8rem; line-height: 1.5; }
@media (max-width: 767px) { .con-design .list-features .item-features .box-title .subtitle span.en { display: none; } }
.con-design .list-features .item-features .box-title h4 { margin-top: 8px; font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.5; font-size: 2.8rem; }
@media (max-width: 767px) { .con-design .list-features .item-features .box-title h4 { font-size: 2rem; } }
.con-design .list-features .item-features .txt { color: #888; font-size: 1.4rem; line-height: 2; margin-top: 32px; }
@media (max-width: 1280px) { .con-design .list-features .item-features .txt { margin-top: 16px; } }

/* ----------------------------------------------------------- .con-furniture
----------------------------------------------------------- */
.con-furniture { padding: 160px 0; }
@media (max-width: 767px) { .con-furniture { padding: 80px 0; } }
.con-furniture .main-img { width: calc(100% - 80px); margin-left: auto; }
@media (min-width: 1025px) and (max-width: 1439px) { .con-furniture .main-img { width: 98%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-furniture .main-img { width: 96%; } }
@media (max-width: 767px) { .con-furniture .main-img { width: 94.8%; } }
@media (min-width: 1025px) { .con-furniture .box-furniture-outline { display: flex; padding-top: 120px; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-furniture .box-furniture-outline { padding-top: 80px; } }
@media (max-width: 767px) { .con-furniture .box-furniture-outline { padding-top: 64px; } }
@media (min-width: 1025px) { .con-furniture .box-furniture-outline .title-primary { width: 50%; } }
@media (min-width: 1025px) { .con-furniture .box-furniture-outline .box-txt { width: 50%; padding-right: 80px; padding-top: 3em; } }
.con-furniture .box-furniture-outline .box-txt h3 { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.5; font-size: 3.2rem; letter-spacing: 0.08em; margin-bottom: 32px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-furniture .box-furniture-outline .box-txt h3 { margin-top: 40px; }
  .con-furniture .box-furniture-outline .box-txt h3 br { display: none; } }
@media (max-width: 767px) { .con-furniture .box-furniture-outline .box-txt h3 { font-size: 2.4rem; margin-bottom: 24px; } }
.con-furniture .box-furniture-outline .box-txt .txt { line-height: 2; }
.con-furniture .box-furniture-detail { margin-top: 80px; }
.con-furniture .box-furniture-detail h4 { display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 0px; align-items: center; margin-bottom: 40px; }
@media (max-width: 767px) { .con-furniture .box-furniture-detail h4 { grid-column-gap: 16px; } }
.con-furniture .box-furniture-detail h4 span { font-size: 2.4rem; line-height: 1; font-family: "Shippori Mincho", serif; font-weight: 400; font-style: normal; }
@media (max-width: 767px) { .con-furniture .box-furniture-detail h4 span { font-size: 2rem; } }
.con-furniture .box-furniture-detail h4 i { width: 100%; height: 1px; background-color: #DEDEDE; }
.con-furniture .box-furniture-detail .list-furniture { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 40px; grid-row-gap: 64px; }
@media (max-width: 767px) { .con-furniture .box-furniture-detail .list-furniture { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 16px; grid-row-gap: 24px; } }
.con-furniture .box-furniture-detail .list-furniture .item-furniture .img { width: 100%; }
.con-furniture .box-furniture-detail .list-furniture .item-furniture h5 { text-align: center; margin-top: 32px; }
@media (max-width: 767px) { .con-furniture .box-furniture-detail .list-furniture .item-furniture h5 { margin-top: 12px; } }
.con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span { display: block; }
.con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span.en { font-family: "Marcellus", serif; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 1.5; color: #888; }
@media (max-width: 767px) { .con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span.en { font-size: 1.2rem; } }
.con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span.jp { margin-top: 8px; font-size: 2.4rem; font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1; }
@media (min-width: 768px) and (max-width: 1024px) { .con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span.jp { font-size: 1.8rem; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span.jp { font-size: 1.6rem; } }
@media (max-width: 767px) { .con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span.jp { margin-top: 4px; font-size: 1.4rem; }
  .con-furniture .box-furniture-detail .list-furniture .item-furniture h5 span.jp.long { letter-spacing: -0.08em; } }

/* ----------------------------------------------------------- .con-afterservice
----------------------------------------------------------- */
.con-afterservice { padding: 160px 0; }
@media (max-width: 767px) { .con-afterservice { padding: 80px 0; } }
@media (min-width: 1025px) { .con-afterservice .box-afterservice .box-afterservice-outline { display: flex; padding-top: 160px; } }
@media (min-width: 1025px) { .con-afterservice .box-afterservice .box-afterservice-outline .title-primary { width: 50%; } }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-afterservice-outline .title-primary { margin-bottom: 40px; }
  .con-afterservice .box-afterservice .box-afterservice-outline .title-primary .main { font-size: 6rem; } }
@media (min-width: 1025px) { .con-afterservice .box-afterservice .box-afterservice-outline .box-txt { width: 50%; padding-top: 6em; } }
.con-afterservice .box-afterservice .box-afterservice-outline .box-txt h3 { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.5; font-size: 3.2rem; letter-spacing: 0.08em; margin-bottom: 32px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-afterservice .box-afterservice .box-afterservice-outline .box-txt h3 { margin-top: 40px; } }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-afterservice-outline .box-txt h3 { font-size: 2rem; margin-bottom: 24px; } }
.con-afterservice .box-afterservice .box-afterservice-outline .box-txt .txt { line-height: 2; }
.con-afterservice .box-afterservice .box-homevisit { margin-top: 120px; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-homevisit { margin-top: 80px; } }
.con-afterservice .box-afterservice .box-homevisit .title-secondary { margin-bottom: 40px; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-homevisit .title-secondary { margin-bottom: 24px; } }
.con-afterservice .box-afterservice .box-homevisit .graf { background-color: #fff; padding: 64px 80px; text-align: center; }
@media (min-width: 768px) and (max-width: 1024px) { .con-afterservice .box-afterservice .box-homevisit .graf { padding: 64px 40px; } }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-homevisit .graf { padding: 24px 10px; } }
.con-afterservice .box-afterservice .box-homevisit .txt { margin-top: 64px; line-height: 2; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-homevisit .txt { margin-top: 24px; } }
.con-afterservice .box-afterservice .box-lacalfast { margin-top: 120px; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast { margin-top: 80px; } }
.con-afterservice .box-afterservice .box-lacalfast .title-secondary { margin-bottom: 40px; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast .title-secondary { margin-bottom: 24px; } }
.con-afterservice .box-afterservice .box-lacalfast .list-lacalfast { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 32px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-afterservice .box-afterservice .box-lacalfast .list-lacalfast { grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(3, 1fr); } }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast .list-lacalfast { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, 1fr); grid-column-gap: 8px; grid-row-gap: 8px; } }
.con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast { background-color: #fff; padding: 76px 24px 24px; display: flex; flex-direction: column; min-height: 280px; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast { padding: 40px 16px 24px; min-height: 220px; } }
.con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast .number { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; line-height: 1; letter-spacing: 0.08em; color: #2E4282; margin-bottom: 12px; }
.con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast .number:before { content: "#0"; }
.con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast h3 { font-size: 2rem; line-height: 1.5; font-weight: 500; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast h3 { font-size: 1.8rem; } }
.con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast .icon { text-align: right; margin-top: auto; width: 48px; margin-left: auto; }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast .list-lacalfast .item-lacalfast .icon { width: 40px; } }
@media (min-width: 1025px) { .con-afterservice .box-afterservice .box-lacalfast .wrap-sub { margin-top: 64px; display: flex; justify-content: space-between; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-afterservice .box-afterservice .box-lacalfast .wrap-sub { margin-top: 40px; } }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast .wrap-sub { margin-top: 24px; } }
.con-afterservice .box-afterservice .box-lacalfast .wrap-sub .txt { line-height: 2; }
@media (min-width: 1025px) { .con-afterservice .box-afterservice .box-lacalfast .wrap-sub .txt { width: 60%; } }
.con-afterservice .box-afterservice .box-lacalfast .wrap-sub .button-basic { max-width: 320px; }
@media (min-width: 1025px) { .con-afterservice .box-afterservice .box-lacalfast .wrap-sub .button-basic { width: 35%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-afterservice .box-afterservice .box-lacalfast .wrap-sub .button-basic { margin: 40px auto 0; } }
@media (max-width: 767px) { .con-afterservice .box-afterservice .box-lacalfast .wrap-sub .button-basic { margin-top: 24px; } }

/* ----------------------------------------------------------- .con-fp / .con-monoire
----------------------------------------------------------- */
@media (min-width: 1025px) { .con-fp, .con-monoire { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr repeat(2, auto); } }
@media (min-width: 1025px) { .con-fp .main-img, .con-monoire .main-img { grid-area: 1 / 2 / 2 / 3; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-fp .main-img, .con-monoire .main-img { width: 96%; margin-left: auto; overflow: hidden; aspect-ratio: 1/0.5; }
  .con-fp .main-img img, .con-monoire .main-img img { width: 100%; height: 100%; object-fit: cover; } }
@media (max-width: 767px) { .con-fp .main-img, .con-monoire .main-img { width: 94.8%; margin-left: auto; } }
@media (min-width: 1025px) { .con-fp .box-outline, .con-monoire .box-outline { width: calc(100% - 80px); margin-left: auto; grid-area: 1 / 1 / 2 / 2; padding-right: 80px; } }
@media (min-width: 1025px) and (max-width: 1439px) { .con-fp .box-outline, .con-monoire .box-outline { width: 98%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-fp .box-outline, .con-monoire .box-outline { width: 92%; margin: 0 auto; padding: 64px 0 0; } }
@media (max-width: 767px) { .con-fp .box-outline, .con-monoire .box-outline { width: 89.6%; margin: 64px auto 0; } }
.con-fp .box-outline .title-primary .main, .con-monoire .box-outline .title-primary .main { line-height: 1; }
@media (min-width: 768px) and (max-width: 1024px) { .con-fp .box-outline .title-primary .main, .con-monoire .box-outline .title-primary .main { font-size: 9.2rem; }
  .con-fp .box-outline .title-primary .main br, .con-monoire .box-outline .title-primary .main br { display: none; } }
.con-fp .box-outline .box-outline-detail h3, .con-monoire .box-outline .box-outline-detail h3 { margin-top: 80px; font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.5; letter-spacing: 0.08em; font-size: 3.2rem; }
@media (max-width: 767px) { .con-fp .box-outline .box-outline-detail h3, .con-monoire .box-outline .box-outline-detail h3 { margin-top: 40px; font-size: 2rem; } }
.con-fp .box-outline .box-outline-detail .txt, .con-monoire .box-outline .box-outline-detail .txt { margin-top: 40px; line-height: 2; }
.con-fp .box-profile, .con-monoire .box-profile { margin-top: 120px; background-color: #EBEBEB; padding: 40px 80px; }
@media (min-width: 768px) { .con-fp .box-profile, .con-monoire .box-profile { grid-area: 3 / 1 / 4 / 3; display: flex; align-items: center; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-fp .box-profile, .con-monoire .box-profile { padding: 40px; } }
@media (max-width: 767px) { .con-fp .box-profile, .con-monoire .box-profile { margin-top: 80px; padding: 40px 24px; } }
.con-fp .box-profile .img, .con-monoire .box-profile .img { max-width: 216px; }
@media (max-width: 767px) { .con-fp .box-profile .img, .con-monoire .box-profile .img { max-width: 160px; margin: 0 auto 32px; } }
.con-fp .box-profile .img img, .con-monoire .box-profile .img img { -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
.con-fp .box-profile .box-txt, .con-monoire .box-profile .box-txt { width: calc(100% - 282px); margin-left: 66px; }
@media (max-width: 767px) { .con-fp .box-profile .box-txt, .con-monoire .box-profile .box-txt { width: 100%; margin-left: 0; text-align: center; } }
.con-fp .box-profile .box-txt .type, .con-monoire .box-profile .box-txt .type { font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.5; font-size: 2.4rem; margin-bottom: 8px; }
@media (max-width: 767px) { .con-fp .box-profile .box-txt .type, .con-monoire .box-profile .box-txt .type { font-size: 1.6rem; } }
.con-fp .box-profile .box-txt .name .main, .con-monoire .box-profile .box-txt .name .main { font-size: 3.2rem; font-weight: 500; }
@media (max-width: 767px) { .con-fp .box-profile .box-txt .name .main, .con-monoire .box-profile .box-txt .name .main { font-size: 2.8rem; } }
.con-fp .box-profile .box-txt .name .sub, .con-monoire .box-profile .box-txt .name .sub { display: inline-block; padding-left: 1em; font-weight: 500; }
@media (max-width: 767px) { .con-fp .box-profile .box-txt .name .sub, .con-monoire .box-profile .box-txt .name .sub { font-size: 1.3rem; display: block; } }
.con-fp .box-profile .box-txt ul, .con-monoire .box-profile .box-txt ul { display: flex; flex-wrap: wrap; padding-left: 1em; margin-top: 24px; }
@media (max-width: 767px) { .con-fp .box-profile .box-txt ul, .con-monoire .box-profile .box-txt ul { display: inline-block; text-align: left; padding-left: 2em; } }
.con-fp .box-profile .box-txt ul li, .con-monoire .box-profile .box-txt ul li { list-style-position: outside; list-style: disc; width: 50%; color: #888; font-size: 1.4rem; font-weight: 500; }
@media (max-width: 767px) { .con-fp .box-profile .box-txt ul li, .con-monoire .box-profile .box-txt ul li { width: 100%; font-size: 1.2rem; } }

.con-fp { padding-top: 160px; }
@media (max-width: 767px) { .con-fp { padding-top: 80px; } }
.con-fp .list-features { margin-top: 80px; }
@media (min-width: 1025px) { .con-fp .list-features { grid-area: 2 / 1 / 3 / 3; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 40px; grid-row-gap: 0px; } }
@media (max-width: 1280px) { .con-fp .list-features { display: flex; flex-direction: column; gap: 64px; } }
@media (max-width: 767px) { .con-fp .list-features { margin-top: 40px; } }
@media (min-width: 768px) and (max-width: 1280px) { .con-fp .list-features .item-features { display: flex; } }
@media (max-width: 767px) { .con-fp .list-features .item-features { display: flex; flex-wrap: wrap; align-items: center; } }
.con-fp .list-features .item-features .img { width: 100%; }
@media (min-width: 768px) and (max-width: 1280px) { .con-fp .list-features .item-features .img { width: 40%; } }
@media (max-width: 767px) { .con-fp .list-features .item-features .img { width: 50%; } }
@media (min-width: 1025px) { .con-fp .list-features .item-features .wrap-txt { margin-top: 40px; } }
@media (min-width: 768px) and (max-width: 1280px) { .con-fp .list-features .item-features .wrap-txt { width: 60%; padding-left: 5%; margin-top: 0; } }
@media (max-width: 767px) { .con-fp .list-features .item-features .wrap-txt { display: contents; } }
@media (max-width: 767px) { .con-fp .list-features .item-features .box-title { width: 50%; padding-left: 5%; } }
.con-fp .list-features .item-features .box-title .subtitle span.number { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 1.4rem; color: #888; line-height: 1; letter-spacing: 0.08em; }
@media (max-width: 767px) { .con-fp .list-features .item-features .box-title .subtitle span.number { font-size: 1.2rem; } }
.con-fp .list-features .item-features .box-title h4 { margin-top: 8px; font-family: "Shippori Mincho", serif; font-weight: 500; font-style: normal; line-height: 1.5; font-size: 2.8rem; }
@media (max-width: 767px) { .con-fp .list-features .item-features .box-title h4 { font-size: 1.8rem; margin-top: 0; }
  .con-fp .list-features .item-features .box-title h4 br { display: none; } }
.con-fp .list-features .item-features .txt { color: #888; font-size: 1.4rem; line-height: 2; margin-top: 32px; }
@media (max-width: 1280px) { .con-fp .list-features .item-features .txt { margin-top: 16px; } }

.con-monoire { margin-top: 240px; }
@media (max-width: 767px) { .con-monoire { padding-top: 80px; } }
.con-monoire .box-outline .title-primary span.main { font-size: 8.6rem; }
@media (max-width: 767px) { .con-monoire .box-outline .title-primary span.main { font-size: 5.4rem; } }
.con-monoire .box-flow { margin-top: 120px; }
@media (min-width: 1025px) { .con-monoire .box-flow { grid-area: 2 / 1 / 3 / 3; } }
@media (max-width: 767px) { .con-monoire .box-flow { margin-top: 64px; } }
.con-monoire .box-flow h4 { font-family: "Shippori Mincho", serif; font-weight: 400; font-style: normal; line-height: 1.5; font-size: 2.4rem; margin-bottom: 24px; }
@media (max-width: 767px) { .con-monoire .box-flow h4 { font-size: 2rem; } }
.con-monoire .box-flow .list-flow { position: relative; }
.con-monoire .box-flow .list-flow:before { content: ""; background-color: #2B2B2B; width: 1px; height: calc(100% - 40px - 3em); position: absolute; top: 0; left: 6px; }
@media (min-width: 768px) and (max-width: 1024px) { .con-monoire .box-flow .list-flow:before { height: calc(100% - 40px - 4em); } }
@media (max-width: 767px) { .con-monoire .box-flow .list-flow:before { height: calc(100% - 24px); left: 4px; } }
.con-monoire .box-flow .list-flow .item-flow { display: flex; align-items: center; position: relative; padding: 40px; padding-right: 0; }
@media (max-width: 767px) { .con-monoire .box-flow .list-flow .item-flow { flex-wrap: wrap; align-items: flex-end; padding: 24px 0 24px 24px; } }
.con-monoire .box-flow .list-flow .item-flow:before { content: ""; background-color: #2B2B2B; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; width: 13px; height: 13px; position: absolute; top: calc(50% - 6px); left: 0; }
@media (max-width: 767px) { .con-monoire .box-flow .list-flow .item-flow:before { width: 9px; height: 9px; top: calc(24px + 3em); } }
.con-monoire .box-flow .list-flow .item-flow:after { content: ""; background-color: #DEDEDE; width: calc(100% - 40px); height: 1px; position: absolute; bottom: 0; right: 0; }
.con-monoire .box-flow .list-flow .item-flow .number { font-family: "Outfit", serif; font-optical-sizing: auto; font-weight: 300; font-style: normal; line-height: 1; letter-spacing: 0.08em; font-size: 1.5rem; width: 10%; }
@media (max-width: 767px) { .con-monoire .box-flow .list-flow .item-flow .number { width: 5em; } }
.con-monoire .box-flow .list-flow .item-flow .img { width: 120px; }
@media (max-width: 767px) { .con-monoire .box-flow .list-flow .item-flow .img { margin-left: auto; } }
.con-monoire .box-flow .list-flow .item-flow .img img { -webkit-border-radius: 9999px; -moz-border-radius: 9999px; -ms-border-radius: 9999px; border-radius: 9999px; }
@media (min-width: 1025px) { .con-monoire .box-flow .list-flow .item-flow .box-detail { display: contents; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-monoire .box-flow .list-flow .item-flow .box-detail { width: calc(90% - 120px); padding-left: 64px; } }
@media (max-width: 767px) { .con-monoire .box-flow .list-flow .item-flow .box-detail { margin-top: 24px; } }
.con-monoire .box-flow .list-flow .item-flow .box-detail h5 { font-weight: 500; line-height: 1.5; letter-spacing: 0.08em; font-size: 2rem; }
@media (min-width: 1025px) { .con-monoire .box-flow .list-flow .item-flow .box-detail h5 { width: 25%; padding-left: 24px; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-monoire .box-flow .list-flow .item-flow .box-detail h5 { margin-bottom: 8px; } }
@media (max-width: 767px) { .con-monoire .box-flow .list-flow .item-flow .box-detail h5 { font-size: 1.8rem; margin-bottom: 8px; } }
.con-monoire .box-flow .list-flow .item-flow .box-detail .txt { color: #888; font-weight: 500; }
@media (min-width: 1025px) { .con-monoire .box-flow .list-flow .item-flow .box-detail .txt { width: calc(65% - 120px); padding-left: 64px; } }

/* ----------------------------------------------------------- .con-area
----------------------------------------------------------- */
.con-area { display: flex; }
@media (min-width: 768px) { .con-area { padding: 240px 0 160px; align-items: center; } }
@media (max-width: 767px) { .con-area { flex-direction: column; padding: 160px 0 80px; } }
@media (min-width: 768px) { .con-area .box-txt { width: 50%; padding-right: 5.6vw; } }
@media (max-width: 767px) { .con-area .box-txt { display: contents; } }
@media (max-width: 767px) { .con-area .box-txt .title-primary { order: 1; } }
.con-area .box-txt .txt { margin-top: 80px; width: calc(100% - 80px); margin-left: auto; line-height: 2; }
@media (min-width: 1025px) and (max-width: 1439px) { .con-area .box-txt .txt { width: 98%; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-area .box-txt .txt { width: 96%; } }
@media (max-width: 767px) { .con-area .box-txt .txt { width: 89.6%; margin: 0 auto; margin-top: 40px; order: 3; } }
.con-area .map-area { position: relative; }
@media (min-width: 1025px) { .con-area .map-area { width: calc(50% - 11.2vw); margin-left: 5.6vw; margin-right: 5.6vw; } }
@media (min-width: 768px) and (max-width: 1024px) { .con-area .map-area { width: calc(50% - 2vw); margin-left: 2vw; } }
@media (max-width: 767px) { .con-area .map-area { width: 75%; margin: 8px auto 0; order: 2; } }
.con-area .map-area .area { position: absolute; width: 47.4%; aspect-ratio: 1/1; top: 74%; left: 40%; border-radius: 50%; transform: translate(-50%, -50%); }
.con-area .map-area .area:before { content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border-radius: 50%; transition: opacity linear 0.4s; animation: pulseMotion 1.4s linear infinite; }
@keyframes pulseMotion { 0% { transform: translate(-50%, -50%) scale(1, 1); background-color: rgba(101, 126, 187, 0.2); }
  100% { transform: translate(-50%, -50%) scale(2, 2); background-color: rgba(101, 126, 187, 0); } }