/* ============================================================
   pages/first-visit.css — はじめての方へ (first-visit.html 専用)
   .under_page キービジュアル / .under_bk / .first_visit_bk / .center
   ============================================================ */

/*---------------------------------------------*/
.under_page{background:var(--c-ivory);}
/*キービジュアル*/

.under_page .bk_ttl.first_visit{background: url("../../img/page/headers/first-visit.webp") no-repeat center center; }

.under_page .bk_ttl{background-size: cover !important;padding: 10rem 0;text-align: center;font-weight: bold;color: #fff; font-size: 2rem; margin: 0;}

@media (max-width: 767px) {

.under_page .bk_ttl.first_visit{background: url("../../img/page/headers/first-visit.webp") no-repeat center center;background-size: cover; }

.under_page .bk_ttl{padding: 10.5rem 0 5.5rem 0;text-align: center;font-weight: bold;color: #fff; font-size: 1.5rem; margin: 0;}
}

/*中面*/

.under_bk{background: url(../../img/backgrounds/bk_washi.webp);padding: 7rem 0;}
.under_bk .flex50{display: flex;justify-content: space-between}
@media (max-width: 767px) {
.under_bk{background: url(../../img/backgrounds/bk_washi.webp);padding: 8rem 0 5rem 0;}
.under_bk .flex50{display: block;}
.under_page {padding: 0;}
}

/*はじめての方へ*/
.center{text-align: center;}
.under_bk .flex3{display: flex;justify-content: space-between;column-gap: 2rem;}
.under_bk .flow{margin-bottom: 60px}
.under_bk .flow h3{margin-bottom: 40px;text-align: center;font-size: 1.5rem;font-weight: bold;background:var(--c-cream);padding: 10px 0}
.under_bk .flow .flex50{margin-bottom: 40px}
.under_bk .flow .flex50 .img{width: 70%}
.under_bk .flow .flex50 .text{padding: 0 3rem}
.under_bk .flow{font-size: 1.2rem;line-height: 2.5rem}
.under_bk .flow .box{width: 80%; margin: 0 auto 40px}

.under_bk .flow .box .small{font-size: 1rem}
@media (max-width: 767px) {
.under_bk .flow{font-size: 1rem;line-height: 2rem}
.under_bk .flex3{display: block;}
.under_bk .flex3 .btn_brown_under{width: 100%; margin-bottom: 20px}
.under_bk .flow h3{margin-bottom: 20px;text-align: center;font-size: 1.2rem;font-weight: bold;background:var(--c-cream);padding: 10px 0}
.under_bk .flow .flex50{display: block}
.under_bk .flow .flex50 .img{width: 100%}
.under_bk .flow .flex50 .text{padding: 0 }
.under_bk .flow .box{width: 100%; margin: 0 auto 10px}

}

.under_bk .white_box{background: #fff;padding: 60px 170px;}
.under_bk .white_box .center img{width: 80%; margin: 0 auto 40px}
.under_bk .white_box li{list-style: disc;font-size: 1rem}
@media (max-width: 767px) {
.under_bk .white_box{padding: 2rem}
.under_bk .white_box .center img{width: 100%; margin-bottom: 20px}
}

.first_visit_bk{padding: 4rem 0;background: url("../../img/backgrounds/bk_washi2.webp");background-size: contain}
.first_visit_bk .box{display: flex; justify-content: space-between;column-gap: 2rem;margin-bottom: 40px}
.first_visit_bk .box .text{width: 60%}
.first_visit_bk .box .img{width: 40%}
.first_visit_bk .box .text .ttl_flex{display: flex;column-gap: 1rem;align-items: center;margin-bottom: 20px}
.first_visit_bk .box .text .ttl_flex .icon{background:var(--c-gold); color: #fff;text-align: center;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-size: 0.8rem;
width: 60px; height: 60px;padding-top: 0.8rem; border-radius: 100px}
.first_visit_bk .box .text .ttl_flex h3{color: var(--c-gold); font-size: 1.8rem}
.first_visit_bk .box .text .read{padding: 0 0 5rem 3rem;border-left: 2px solid var(--c-gold);line-height: 2rem;margin-left: 2rem}
.first_visit_bk .box .text .read.noline{padding: 0 0 5rem 3rem;border-left: none;line-height: 2rem;margin-left: 2rem}
@media (max-width: 767px) {
.first_visit_bk .box{display: block;}
.first_visit_bk .box .text .ttl_flex h3{color: var(--c-gold); font-size: 1.3rem}
.first_visit_bk .box .text{width: 100%}
.first_visit_bk .box .img{width: 100%}
.first_visit_bk .box .text .read,
.first_visit_bk .box .text .read.noline{padding: 0 0 0 0;border-left: none;line-height: 2rem;margin-left: 0rem;margin-bottom: 20px}
}

.first_visit_bk .white_box{background: #fff;padding: 60px 60px 10px 60px;margin-top: 80px}
.first_visit_bk .white_box h2{text-align: center;}
.first_visit_bk .white_box h3{text-align: center;padding: 10px 0;background: var(--c-brown); color: #fff;font-size: 1.2rem}
.first_visit_bk .white_box .bk{background-color: var(--c-ivory);padding: 40px;margin-bottom: 60px}
@media (max-width: 767px) {
.first_visit_bk .white_box h2{margin-bottom: 1rem !important}
.first_visit_bk .white_box{padding: 1rem;margin-top: 80px}
.first_visit_bk .white_box h3{font-size: 1.1rem}
.first_visit_bk .white_box .bk{background-color: var(--c-ivory);padding: 1rem;margin-bottom: 20px}
}