@charset "UTF-8";

.mainVisual .imgView .box.only600 img {
    width: 40.86vw;
}

/* 共通 */
.box.about01 .copy .reiService h3,
.box.about02 .copy .alteregoWrap .restaurantList h3 {
    padding: 0 0 0.5rem 0;
    font-family: var(--font_jp);
    text-align: left;
    font-size: 18px;
    line-height: 1.75;
    color: #908669;
    border-top: unset;
    border-bottom: unset;
}
.box.about01 .copy .reiService h3 {
    text-align: center;
}
.box .copy span.areaDetailTitle {
    margin: 0 0 1rem 0;
    display: block;
    font-family: var(--font_jp);
    font-size: 140%;
    line-height: 1;
    color:#908669;
}
.box .copy .reiServiceCap {
    font-size: 10px;
    letter-spacing: 0.1em;
    line-height: 1.25;
}
@media (max-width: 1024px) {
    .box.about01 .copy .reiService h3,
    .box.about02 .copy .alteregoWrap .restaurantList h3 {
        font-size: clamp(16px, 1.75vw, 18px);
    }
}
@media (max-width: 600px) {
    .box .copy .reiServiceCap {
        margin: 0.5rem 0 0 0;
    }
}
@media (max-width: 380px) {
    .box.about01 .copy .reiService h3,
    .box.about02 .copy .alteregoWrap .restaurantList h3 {
        letter-spacing: 0.15em;
    }
}

/* about01 */
.box.about01 {
    width: 90vw;
    margin: 0 auto;
    padding: 60px 0 0 0;
    text-align: center;
}
.cont.ch .box.about01 h2 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 0.195em;
    line-height: 1.6;
}
.cont.ch .box.about01 h2::before {
    border-bottom: unset;
}
.box.about01 .copy p {
    width: 100%;
    line-height: 3.555;
}
.box.about01 .copy {
    width: 100%;
    display: block;
}
.box.about01 .copy .reiService {
    width: calc(900px - 3.4rem);
    margin: 3rem auto 0;
    padding: 1.5rem 0.95rem;
    border: solid 1px var(--border_color);
    border-radius: 1rem;
}
.box.about01 .copy .reiService p {
    font-size: 14px;
}
@media (max-width: 1024px) {
    .cont.ch .box.about01 h2 {
        font-size: clamp(22px, 2.734vw, 28px); 
    }
    .box.about01 .copy .reiService {
        width: calc(100% - 3.4rem);
    }
}
@media (max-width: 768px) {
    .box.about01 .copy {
        margin: 0;
    }
    .box.about01 .copy .reiService p {
        padding: 0;
    }
    .box.about01 .copy .reiService p {
        font-size: 12px;
    }
}
@media (max-width: 380px) {
    .box.about01 .copy .reiService {
        width: calc(100% - 2.02rem);
        padding: 1.5rem 0.95rem 1rem;
    }
    .cont.ch .box.about01 h2 {
        font-size: clamp(20px, 5.789vw, 22px); 
    }
}

/* about02 */
.box.about02 {
    width: 100%;
    margin: 50px 0 0 0;
    display: block;
    border-top: unset;
}
.cont.ch .box.about02 h2 {
    width: 95vw;
    margin: 0 0 0 auto;
}
.cont.ch .box.about02 .copy {
    margin: 1.5625rem 0 0 0;
    display: flex;
    justify-content: space-between;
}
.cont.ch .box.about02 .copy .respiracionWrap {
    width: 50vw;
}
.cont.ch .box.about02 .copy .respiracionWrap > p {
    width: calc(100% - 5vw);
    margin: 0 0 3.65vw 5vw;
}
.box.about02 .imgBox {
    width: 100%;
}

.cont.ch .box.about02 .copy .alteregoWrap {
    width: 47.47vw;
    margin: 0 0 0 auto;
}
.cont.ch .box.about02 .copy .alteregoWrap .restaurantList {
    width: calc(100% - (5.253vw* 2));
    margin: 2.53vw 0 0 0;
    padding: 1.75rem 5.253vw 1.5rem;
    border: solid 1px var(--border_color);
    border-right: unset;
    border-radius: 1rem 0 0 1rem;
}
.box.about02 .copy .alteregoWrap .restaurantList h3 {
    line-height: 1;
}
.cont.ch .box.about02 .copy .alteregoWrap .restaurantList h3 sup {
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    letter-spacing: 0.1em;
}
.cont.ch .box.about02 .copy .alteregoWrap .restaurantList ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    font-family: var(--font_jp);
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.1em;
}
.cont.ch .box.about02 .copy .alteregoWrap .restaurantList ul li {
    width: 50%;
    display: flex;
    position: relative;
}
.cont.ch .box.about02 .copy .alteregoWrap .restaurantList ul li::before {
    content: "・";
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0;
    display: flex;
    width: 0.75rem;
    justify-content: right;
    align-items: center;
}
@media (max-width: 1150px) {
    .cont.ch .box.about02 .copy .alteregoWrap .restaurantList {
        width: calc(100% - 5.253vw);
        padding: 1rem 2.6265vw 0.95rem 2.6265vw;
    }
}
@media (max-width: 1024px) {
    .cont.ch .box.about02 .copy .alteregoWrap .restaurantList {
        width: calc(100% - 2.6265vw);
        padding: 1rem 0 0.95rem 2.6265vw;
    }
    .cont.ch .box.about02 .copy .alteregoWrap .restaurantList ul {
        font-size: clamp(12px, 1.367vw, 14px);
        letter-spacing: 0.05em;
    }
}
@media (max-width: 850px) {
    .cont.ch .box.about02 .copy .alteregoWrap .restaurantList {
        width: calc(100% - 1.31325vw);
        padding: 1rem 0 0.95rem 1.31325vw;
    }
}
@media (max-width: 768px) {
    .cont.ch .box.about02 .copy .alteregoWrap .restaurantList ul li {
        width: 100%;
    }
}
@media (max-width: 650px) {
    .cont.ch .box.about02 .copy {
        flex-wrap: wrap;
    }
    .cont.ch .box.about02 .copy .respiracionWrap {
        width: 100%;
    }
    .cont.ch .box.about02 .copy .respiracionWrap .imgBox {
        width: 80vw;
    }
    .cont.ch .box.about02 .copy .alteregoWrap {
        width: 85vw;
        margin: 2rem 0 0 auto;
    }
    .cont.ch .box.about02 .copy .alteregoWrap .restaurantList {
        width: calc(100% - 2.6265vw);
        margin: 1rem 0 0 0 !important;
        padding: 1rem 0 0.95rem 2.6265vw;
    }
}

/* about03 */
.box.about03 {
    margin: 50px 0 50px auto;
    padding: 50px 0 0 0;
    border-top: unset;
}
.box.about03 .copy {
    margin: 1.5625rem 0 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.box.about03 .copy:nth-of-type(n + 2) {
    width: 100%;
    margin: 5rem 0 0 0;
    padding: 3.125rem 0 0 0;
    border-top: solid 1px var(--border_color);
}
.cont.ch .box.about03 h2::before {
    content: "";
    display: block;
}
.box.about03 .copy p {
    width: 44.0238vw;
    letter-spacing: 0.1em;
}
.box.about03 .copy:nth-of-type(2) .imgBox p.cap {
    color: #231815 !important;
    position: relative;
}
.box.about03 .copy.schedule {
    width: calc(100% - 5rem);
    margin: 5rem 0 0 0;
    padding: 3.125rem 5rem 0 0;
}
.box.about03 .copy.schedule p {
    width: 100%;
}
.box.about03 .copy.schedule ul {
    margin: 0;
    padding: 0;
}
.box.about03 .copy.schedule ul li {
    margin: 0 0 1.5rem 0;
}
.box.about03 .copy.schedule ul li:last-child {
    margin: 0 0 2rem 0;
}
.box.about03 .copy.schedule ul li p.step {
    margin: 0 0 0.35rem 0;
    font-size: 18px;
    line-height: 1.42;
    letter-spacing: 0.1em;
}
.box.about03 .copy.schedule ul li p.stepDetail {
    width: calc(100% - 1.5rem);
    padding: 0 0 0 1.5rem;
    font-size: 14px;
    line-height: 1.5;
}
@media (max-width: 1024px) {
    .box.about03 .copy.schedule ul li p.step {
        font-size: clamp(16px, 1.75vw, 18px);
    }
    .box.about03 .copy.schedule ul li p.stepDetail {
        font-size: clamp(12px, 1.36vw, 14px);
    }
}
@media (max-width: 768px) {
    .box.about03 .copy {
        flex-direction: column;
    }
    .box.about03 .copy:nth-of-type(n + 2) {
        margin: 3rem 0 0 0;
        padding: 1.5625rem 0 0 0;
    }
    .box.about03 .copy:nth-of-type(2) .imgBox p.cap {
        margin: 0;
    }
    .box.about03 .copy p {
        width: 100%;
        margin: 0 0 1.5rem 0;
    }
    .box.about03 .copy.schedule {
        width: calc(100% - 1rem);
        padding: 1.5625rem 1rem 0 0;
    }
    .box.about03 .copy.schedule .reiServiceCap {
        margin: 0;
    }
    .box.about03 .copy.schedule ul li {
        margin: 0 0 1rem 0;
    }
    .box.about03 .copy.schedule ul li p.step {
        margin: 0;
    }
    .box.about03 .copy.schedule ul li p.stepDetail {
        margin: 0;
    }
}