html{
    scroll-behavior: smooth;
}
body{
    color: #727272;
    line-height: 180%;
    font-size: 14px;
    color: #727272;
    box-sizing: border-box;
    margin: 0;
    font-family: "Zen Maru Gothic", serif;
    /* コンテンツが短いページでもフッターを画面下に固定する（sticky footer） */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
*{
    box-sizing: border-box;
}
img{
    width: 100%;
    height: auto;
}
a{
    text-decoration: none;
    display: block;
    color: initial;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style-type: none;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0;
    padding: 0;
}
dl{
    margin: 0;
}
dd{
    margin: 0;
}
/*ブレイクポイント*/

/*　画面サイズが480pxからはここを読み込む　*/
@media screen and (min-width:480px) {
}
/*　画面サイズが768pxから1024pxまではここを読み込む　*/
@media screen and (min-width:768px) and ( max-width:1024px) {
}
/*　画面サイズが1024pxからはここを読み込む　*/
@media screen and (min-width:1024px) {
}

/*==========
共通
==========*/
.hide{
    display: none;
}
.show{
    display: block!important;
    opacity: 1!important;
    transition: all 0.5s;
}
.p_hide{

}
.tab_hide{

}
.sp_hide{

}
.wd{
    padding: 0 2em;
}
.mb-2{
    margin-bottom: 2em;
}
.mt-2{
    margin-top: 2em;
}
.title{
    font-size: 24px;
    color: #727272;
    position: relative;
    padding-bottom: 10px;
}
.title.center{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.title__text{

}
.title__pattern-box{
    display: flex;
    flex-wrap: wrap;
}
.title__pattern-01::before,
.title__pattern-01::after,
.title__pattern-02::before,
.title__pattern-02::after{
    content: "";
    display: flex;
    width: 5px;
    height: 5px;
    background-color: #DAD1AD;
    border-radius: 50%;
    margin-right: 5px;
}
.title__pattern-01,
.title__pattern-02{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5em;
}
.title__pattern-01{

}
.title__pattern-02{

}
/*
.title::before,
.title::after,
.pattern::before,
.pattern::after{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: #DAD1AD;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
}
    */
/*
.title::before{
    left: 0;
}
.title::after{
    left: 5px;
}
.pattern::before{
    left: 15px;
}
.pattern::after{
    left: 20px;
}
*/
/* 共通ボタン */
.btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    gap: 8px;
    height: 55px;
    padding: 16px 24px;
    border-radius: 40px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    letter-spacing: 1px;
    text-align: center;
    text-decoration: none;
    /* 250px 幅でも 1 行に収める（デザインも文字が左右の余白に食い込む前提） */
    white-space: nowrap;
}
.btn img{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.btn--fill{
    background: #bba54d;
    border: 1px solid #bba54d;
    color: #fff;
}
.btn--line{
    background: #fff;
    border: 1px solid #bba54d;
    color: #bba54d;
}
.btn--green{
    background: #fff;
    border: 1px solid #4b7145;
    color: #4b7145;
}
.btn--gray{
    background: #fff;
    border: 1px solid #727272;
    color: #727272;
}
/*==========
 header
==========*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10000;
}
.header__inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px 8px 16px;
    max-width: 1280px;
    margin: 0 auto;
}
.header__logo{
    display: flex;
    align-items: center;
}
.header__logo a{
    display: flex;
    align-items: center;
}
.header__logo img{
    height: 40px;
    width: auto;
    display: block;
}
.header__actions{
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: auto;
}
.header__phone{
    display: none;
    align-items: center;
    gap: 4px;
    height: 40px;
    text-decoration: none;
}
.header__phone__icon{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.header__phone__number{
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #727272;
    line-height: 1;
    display: flex;
    align-items: center;
}
.header__phone__hours{
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #727272;
    line-height: 1;
    white-space: nowrap;
}
.header__kyouka{
    height: 40px;
    max-width: 200px;
}
/*== ハンバーガーメニュー ==*/
.hamburger-menu{
}
/* メニューエリア */
.hamburger-menu__inner{
    position: fixed;
    height: 100%;
    background: #fff;
    padding: 40px 24px 100px;
    z-index: 9998;
    transition: .3s;
    overflow-y: auto;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 48px;
    right: -100%;
    width: 300px;
}
.hamburger-menu__kyouka{
    height: 40px;
}
.hamburger-menu__list{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}
.hamburger-menu__list li a{
    padding: 0;
    color: #727272;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.hamburger-menu__list__item{
    text-align: right;
}
.hamburger-menu__contact{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.hamburger-menu__call{
    display: flex;
    align-items: baseline;
    gap: 4px;
    text-decoration: none;
}
.hamburger-menu__call__icon{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.hamburger-menu__call__body{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
}
.hamburger-menu__call__number{
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: #727272;
    line-height: 1;
}
.hamburger-menu__hours{
    font-weight: 700;
    font-size: 18px;
    color: #727272;
    line-height: 1.4;
    letter-spacing: 2px;
}
.hamburger-menu__request{
    width: 250px;
}
/* ラベル */
.hamburger-switch{
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 9999;
    width: 40px; /* アイコン（クリック可能領域）の幅 */
    height: 40px; /* アイコン（クリック可能領域の）高さ */
    flex-shrink: 0;
}
/* ハンバーガーアイコン･アニメーション */
#hamburger-menu__icon:checked ~ .hamburger-switch .hamburger-switch__line{
    width: 0;
}
#hamburger-menu__icon:checked ~ .hamburger-switch .hamburger-switch__line:before{
    transform: rotate(45deg) translate(-7px, 7px);
}
#hamburger-menu__icon:checked ~ .hamburger-switch .hamburger-switch__line:after{
    transform: rotate(-45deg) translate(-7px, -7px);
}
#hamburger-menu__icon:checked ~ .hamburger-switch{
    position: relative;
}
#hamburger-menu__icon:checked ~ .hamburger-menu__inner{
    right: 0;
    width: 300px;
    left: auto;
}
#hamburger-menu__icon:checked ~ .hamburger-menu__cover{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9997;
    background: transparent;
    display: none;
}
/* メニュー開いた時 */
.hamburger-switch__line, .hamburger-switch__line:before, .hamburger-switch__line:after{
    width: 20px;
    height: 2px;
    background: #727272; /* ハンバーガーアイコンの色 */
    position: absolute;
    top: 50%;
    left: 50%;
    transition: .3s;
    content: "";
    border-radius: 2px;
}
.hamburger-switch__line{
        transform: translate(-50%, -50%);
}
.hamburger-switch__line:before{
    transform: translate(-50%, -350%);
}
.hamburger-switch__line:after{
    transform: translate(-50%, 300%);
}
/*==========
 main
==========*/
main{
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 60px;
    /* sticky footer：残り高さを main が埋めてフッターを下へ押し出す */
    flex: 1 0 auto;
}
.main__logo{
    margin-top: 5em;
    margin-bottom: 1em;
}
.main__logo img{
    max-width: 326px;
}
/*==========
 about
==========*/
@keyframes imageBlur {
    from {
        opacity: 0;
        filter: blur(20px);
    }
    to {
        opacity: 1;
        filter: blur(0px);
    }
}

.img-blur {
    animation-name: imageBlur;
    animation-duration: 2.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    filter: blur(20px);
}

.img-blur,
.img-blur img {
    display: block;
}

.about{
    margin-bottom: 4em;
}
.about__fv-image{
    margin-bottom: 4em;
}
.about__fv-image img{

}
.about__text-box{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-self: center;
}
.about__text-box__text{
    font-size: 14px;
    color: #727272;
}
.about__text-box__text + .about__text-box__text{
    margin-top: 2em;
}
/*==========
 plan
==========*/
.plan{
    margin-bottom: 4em;
    padding: 60px 32px;
}
.plan__header{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
}
.plan__header__title{
    font-size: 26px;
    font-weight: bold;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #727272;
}
.plan__header__image{
}
.plan__header__image img{
    width: 100%;
    height: auto;
}
.plan__info{
    background: #F6F5F3;
    border-radius: 28px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-align: center;
    margin-bottom: 32px;
}
.plan__info__title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #727272;
}
.plan__info__text{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.plan__note{
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
    text-align: center;
    margin-bottom: 32px;
}
.plan__list{
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 32px;
}
.plan__list__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px 16px;
}
.plan__list__item__image{
    width: 200px;
    height: 150px;
}
.plan__list__item__image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.plan__list__item__title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #727272;
    text-align: center;
    width: 100%;
}
.plan__list__item__price{
    border-top: 2px solid #DAD1AD;
    border-bottom: 2px solid #DAD1AD;
    padding: 16px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    line-height: 1;
}
.plan__list__item__price__currency{
    font-size: 20px;
    color: #BBA54D;
}
.plan__list__item__price__highlight{
    font-size: 30px;
    color: #BBA54D;
}
.plan__list__item__text{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
    text-align: center;
    width: 100%;
}
.plan__custom{
    border: 4px solid #F6F5F3;
    border-radius: 20px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.plan__custom__image{
    width: 265px;
    height: 200px;
    position: relative;
}
.plan__custom__image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.plan__custom__content{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}
.plan__custom__badge{
    background: #DAD1AD;
    border-radius: 99px;
    padding: 2px 24px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8;
    color: #727272;
}
.plan__custom__title{
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #727272;
    text-align: center;
    width: 100%;
}
.plan__custom__price{
    border-top: 2px solid #DAD1AD;
    border-bottom: 2px solid #DAD1AD;
    padding: 16px 0;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #BBA54D;
    text-align: center;
    width: 100%;
}
.plan__custom__text{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
    text-align: center;
}
/*==========
 notice
==========*/
.notice{
    margin-bottom: 4em;
}
.notice__wrap{
    padding-top: 3.5em;
    padding-bottom: 3.5em;
    background: #F6F5F3;
    border-radius: 80px;
    position: relative;
}
.notice__wrap::after{
    content: "";
    display: block;
    background-image: url(../image/pattern02_right.webp);
    width: 60%;
    max-width: 482px;
    background-size: contain;
    aspect-ratio: 241 / 52;
    position: absolute;
    top: -10%;
    left: 0;
    z-index: 999;
}
.notice__title{
    margin-bottom: 1em;
}
.notice__list{
}
.notice__list__item{
    display: flex;
    align-items: center;
}
.notice__list__item + .notice__list__item{
    margin-top: 1em;
}
.notice__list__item__date{
    font-size: 12px;
}
.notice__list__item__text{
    font-size: 14px;
    margin-left: 4em;
}
/*==========
 service
==========*/
.service{
    margin-bottom: 4em;
}
.service__title{
    margin-bottom: 2em;
}
.service__title__text{

}
.service__list{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.service__list__item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.service__list__item img{
    max-width: 60px;
}
.service__list__item + .service__list__item{
    margin-top: 6em;
}
.service__list__item__icon{
    font-size: 14px;
}
.service__list__item__title{
    font-size: 18px;
}
.service__list__item__text{
    font-size: 14px;
}
/*==========
 member
==========*/
.member{
    margin-bottom: 4em;
}
.member__wrap{
    padding: 4em 0;
    background: #F6F5F3;
    border-radius: 0 80px 80px 0;
    position: relative;
}
.member__wrap::after{
    content: "";
    display: block;
    background-image: url(../image/pattern02_left.png);
    width: 40%;
    max-width: 302px;
    background-size: contain;
    aspect-ratio: 151 / 52;
    position: absolute;
    bottom: -14%;
    left: 0;
    z-index: 999;
}
.member__title{
    margin-bottom: 1em;
    /*
    font-size: 18px;
    */
}

.swiper-slide{
    width: 32%!important;
}
.member__list{
    padding: 0 3.5em;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev,
.swiper-button-next {
    height: 40px!important;
    width: 40px!important;
}
/* 前へ次への矢印カスタマイズ */
.swiper-button-prev::after,
.swiper-button-next::after {
    background-repeat: no-repeat;
    background-size: contain;
    content: ""!important;
    height: 40px!important;
    margin: auto;
    width: 40px!important;
}
.swiper-button-disabled{
    opacity: 0!important;
}
/* 前への矢印カスタマイズ */
.swiper-button-prev::after {
    background-image: url("../image/arrow_prev.png");;
}
/* 次への矢印カスタマイズ */
.swiper-button-next::after {
    background-image: url("../image/arrow_next.png");;
}
.member__list__item__image img{
    border-radius: 24px;
}
.member__list__item__dl{
    margin-top: 1.5em;
}
.member__list__item__dt{
    font-size: 18px;
    font-weight: bold;
}
.member__list__item__dd{
    font-size: 12px;
    margin-top: 0.5em;
}

.member__overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(114,114,114,0.4);
    z-index: 9999;
    top: 0;
    left: 0;
    padding: 4em;
    display: none;
    opacity: 0;
}
.member__overlay .icon{
    position: fixed;
    top: 6em;
    right: 6em;
    display: block;
    transform: rotate(45deg);
    inline-size: 1.5em;
    z-index: 9999;
    cursor : pointer;
}
.member__overlay__list{
    overflow-y: scroll;
    height: 100%;
    border-radius: 20px;
    background: #fff;
    padding: 0 2em;
    position: relative;
}
.member__overlay__list{
    
}
.member__overlay__list__item{
    padding: 4em 0;
    display: none;
    opacity: 0;
    transition: all 0.5s;
}
.member__overlay__list__item__image{
    
}
.member__overlay__list__item__dl{
    margin-top: 1em;
    font-size: 14px;
}
.member__overlay__list__item__wrap + .member__overlay__list__item__wrap{
    margin-top: 1.5em;
}
.member__overlay__list__item__dt{
    
}
.member__overlay__list__item__dd{

}

/*
.member__list{
    display: flex;
    flex-wrap: wrap;
}
.member__list__item{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.member__list__item img{
    max-width: 100px;
}
*/
/*====================
instagram
====================*/
.instagram{
    margin-bottom: 4em;
}
.instagram__feed{
    display: flex;
    justify-content: center;
}
/* Smash Balloon Instagram Feed のスタイル調整 */
.instagram__feed #sb_instagram{
    max-width: 652px !important;
    width: 100% !important;
}
.instagram__feed #sb_instagram #sbi_images{
    display: grid !important;
    grid-template-columns: repeat(2, 163px) !important;
    grid-template-rows: repeat(2, 163px) !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 auto !important;
    width: 326px !important;
}
.instagram__feed .sbi_item{
    width: 163px !important;
    height: 163px !important;
    padding: 0 !important;
    margin: 0 !important;
}
.instagram__feed .sbi_photo{
    width: 163px !important;
    height: 163px !important;
    object-fit: cover !important;
}
/*====================
company-information
====================*/
.company-information{
    margin-bottom: 4em;
}
.company-information__title{
    margin-bottom: 1.5em;
}
.company-information__logo{
    display: flex;
    justify-content: center;
    margin-bottom: 2em;
}
.company-information__logo img{
    max-width: 200px;
}
.company-information__dl{
}
.company-information__dl__box{
    display: flex;
    flex-wrap: wrap;
    /*align-items: center;*/
}
.company-information__dl__box + .company-information__dl__box{
    margin-top: 1em;
}
.company-information__dl__dt{
    font-size: 12px;
    font-weight: bold;
    width: 4.5em;
    margin-top: 1px;
}
.company-information__dl__dd{
    font-size: 14px;
    margin-left: 4em;
    flex: 1;
}
.company-information__dl__dd__text{

}
.company-information__dl__dd__list{

}
.company-information__dl__dd__list__item{
    padding-left: 1em;
    text-indent: -1em;
    line-height: 1.25em;
}
.company-information__dl__dd__list__item + .company-information__dl__dd__list__item{
    margin-top: 0.5em;
}
.company-information__image{

}
.company-information__image img{
}
/*====================
recruit
====================*/
.recruit{
    margin-bottom: 4em;
}
.recruit__title{

}
.recruit__wrap{

}
.recruit__wrap__item{
    border: solid 4px #F6F5F3;
    border-radius: 20px;
}
.recruit__wrap__item__title{
    font-size: 18px;
    line-height: 140%;
    padding: 1.5em;
    
    font-weight: bold;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    cursor: pointer;
  
    &::-webkit-details-marker {
      display: none;
    }
}
.recruit__wrap__item__container{
    display: grid;
    transition: grid-template-rows 0.5s;
}
.recruit__wrap__item__container__inner {
    overflow: hidden;
}
.recruit__dl{
    padding: 0 2em 2em;
}
.recruit__dl__box{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.recruit__dl__box + .recruit__dl__box{
    margin-top: 1em;
}
.recruit__dl__box__dt{
    width: 4.5em;
    font-size: 12px;
    color: #BBA54D;
    font-weight: bold;
}
.recruit__dl__box__dd{
    font-size: 14px;
    flex: 1;
    padding-left: 4em;
}
.recruit__dl__box__list{

}
.recruit__dl__box__list__item{

}
.recruit__dl__box__list__item + .recruit__dl__box__list__item{
    margin-top: 1em;
}
.recruit__dl__box__list__item__title{
    margin-bottom: 0.75em;
    font-weight: bold;
}
.recruit__dl__box__list__item__text{

}
.recruit__wrap__item__title-summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #727272;
    border-right: 1px solid #727272;
    content: '';
    transition: transform .3s;
}

.recruit__wrap__item[open] .recruit__wrap__item__title-summary::after {
    transform: rotate(225deg);
}
.recruit__wrap__item__title-summary br{
    display: block;
}

.inquiry{
    background: #F6F5F3;
    border-radius: 80px;
    padding: 4em 2em;
}
.inquiry__wrap{
    

}
.inquiry__title{
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
    font-weight: bold;
}
.inquiry__title::after{
    content: '*';
    display: inline-block;
    color: #F96A6A;
    margin-left: 0.25em;
}
.inquiry__input{
}
.inquiry__input input{
    font-size: 14px;
    width: 100%;
    display: block;
    border: none;
    padding: 1em;
    border-radius: 5px;
}

.inquiry__radio{
    margin-bottom: 1em;
}
.inquiry__radio p .wpcf7-radio{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.inquiry__radio label input {
    border: red;
    /*
    -webkit-appearance: none; 
    */
}

input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
span.wpcf7-spinner {
    display: none;
}
input[type="submit"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    height: 55px;
    border-radius: 40px;
    border: solid 1px #BBA54D!important;
    background-color: #fff;
    border: none;
    color: #BBA54D;
    cursor: pointer;
    margin: 0 auto;
    display: block;
}
span.wpcf7-spinner {
    display: none;
}
.wpcf7-not-valid-tip,
.screen-reader-response,
.wpcf7-response-output{
    display: none;
}


/*aaa*/
.inquiry__radio label input {
  display: none;
}
.inquiry__radio label input + span {
  padding-left: 28px;
  display: inline-block;
  position: relative;
}
.inquiry__radio label input + span::after,
.inquiry__radio label input + span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.inquiry__radio label input + span::before {
  border: 2px solid #DAD1AD;
  background-color: #ffffff;
  height: 24px;
  width: 24px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.inquiry__radio label input + span::after {
  border: none;
  background-color: #BBA54D;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
.inquiry__radio label input:checked + span::after {
  display: block;
}
.wpcf7-list-item + .wpcf7-list-item{
    margin-top: 1em;
}

.inquiry__textarea{
    margin-bottom: 2em;
}
.inquiry__textarea textarea{
    font-size: 14px;
    width: 100%;
    display: block;
    border: none;
    padding: 1em;
    height: 16em;
    border-radius: 5px;
}
::placeholder {
    color: rgba(114, 114, 114, 0.3);
}

.copyright{
    margin-left: auto;
    margin-top: auto;
}
/* フォーム*/
.form-confirm-wrap{
    background: #F6F5F3;
    padding: 5em 2em;
}
.form-confirm{
    background: #fff;
    border-radius: 40px;
    padding: 2em;
}

.form-confirm-text{
    text-align: center;
    margin-bottom: 1.5em;
}
.form-confirm .back-button input[type="submit"]{
    border: none!important;
}
.back-button-link{
    font-size: 16px;
    font-weight: bold;
    width: 200px;
    height: 55px;
    border-radius: 40px;
    border: none;
    color: #BBA54D;
    cursor: pointer;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}


.form-finish-wrap{
}
.form-finish{
    background: #F6F5F3;
    min-height: 80vh;
    border-radius: 0 0 80px 80px;
    padding: 8em 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.form-finish-image img{
    max-width: 80px;
    height: auto;
}
.form-finish-text{
    font-size: 26px;
    letter-spacing: 2px;
    font-weight: 700;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    line-height: 1.25em;
}
.form-finish-text-box{
    font-size: 14px;
    text-align: center;
    margin-bottom: 2.5em;
}
.back-button-link.finish{
    border: solid 1px #BBA54D !important;
}

@media screen and (min-width:768px) {

.service__title{
    margin-bottom: 0;
}
.service__list__item__text{
    height: 9em;
}

.notice__inner{
    max-width: 780px;
    margin: 0 auto;
}

.service__list{
    max-width: 780px;
    margin: 0 auto;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 2em;
    row-gap: 4em;
    grid-template-rows: auto;
}
.service__list__item{
    width: 100%;
    max-width: 370px;
}
.service__list{
    margin-top: 2em;
}
.service__list__item+.service__list__item{
    margin-top: 0;
}

.member__inner{
    max-width: 780px;
    margin: 0 auto;
}
.member__title{
    padding: 0;
    margin-bottom: 2em;
}
.swiper-slide{
    width: 120px!important;
}
.member__list{
    padding: 0;
}
.swiper-button-prev,
.swiper-button-next{
    display: none!important;
}

.company-information__inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 780px;
    margin: 0 auto 2em;
}
.company-information__logo{
    display: block;
    flex-basis: 200px;
}
.company-information__logo img{
    max-width: initial;
}
.company-information__dl{
    width: 520px;
    padding: 0;
}
.company-information__image{
    max-width: 650px;
    margin: 0 auto;
}
.company-information__dl__dd__list__item{
    line-height: initial;
}
.company-information__dl__dd__list__item + .company-information__dl__dd__list__item{
    margin-top: 0.25em;
}
.company-information__dl__dd__list__item br{
    display: none;
}

.recruit{
    max-width: 780px;
    margin: 0 auto 4em;
}
.recruit__title{
    margin-bottom: 1em;
}
.recruit__dl__box__dd{
    padding-left: 2em;
}
.sp_br{
    display: none;
}



}


/*　画面サイズが1024pxからはここを読み込む　*/
@media screen and (min-width:1024px) {

.header__inner{
    padding: 12px 40px 8px;
}
.header__actions{
    gap: 24px;
}
.header__phone{
    display: flex;
    height: 45px;
}
.header__kyouka{
    height: 45px;
}

.plan__header{
    flex-direction: row;
    align-items: center;
}
.plan__header__title{
    flex-shrink: 0;
}
.plan__header__image{
    flex: 1;
}
.plan__list{
    flex-direction: row;
    gap: 40px;
}
.plan__list__item{
    flex: 1;
    min-width: 0;
}
.plan__custom{
    flex-direction: row;
    width: 600px;
    margin: 0 auto;
}
.plan__custom__image{
    flex-shrink: 0;
}
.plan__custom__content{
    flex: 1;
    align-items: flex-start;
}
.plan__custom__title,
.plan__custom__price,
.plan__custom__text{
    text-align: left;
}
@media screen and (min-width:1024px) {
    .hamburger-menu__inner{
        width: 450px;
    }
    #hamburger-menu__icon:checked ~ .hamburger-menu__inner{
        padding: 40px 160px 100px 40px;
        width: 450px;
    }
    #hamburger-menu__icon:checked ~ .hamburger-menu__cover{
        display: block;
        background: rgba(114, 114, 114, 0.5);
    }
}


.about{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    aspect-ratio: 16 / 9;
    margin: 0;
    position: relative;
}
.about::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 2em;
    width: 60%;
    background-image: url("../image/fv_pc.webp");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: 0;
    animation-name: imageBlur;
    animation-duration: 2.1s;
    animation-fill-mode: forwards;
    opacity: 0;
    filter: blur(20px);
}
.about__fv-image{
    display: none;
}

.main__logo{
    position: relative;
    z-index: 1;
    margin-left: 5%;
    margin-bottom: 2em;
}
.main__logo img{
    max-width: 370px;
}
.about__text-box{
    margin: auto 0 auto 6%;
    position: relative;
    z-index: 1;
}


.inquiry__wrap{
    width: 500px;
    margin: 0 auto;
}

.notice__wrap::after{
    background-image: url(../image/pattern02_right_pc.webp);
    width: 60%;
    max-width: 481px;
    aspect-ratio: 481 / 102;
    top: -55px;
    bottom: -14%;
    left: 0;
}
.member__wrap::after{
    background-image: url(../image/pattern02_left_pc.png);
    width: 40%;
    max-width: 301px;
    aspect-ratio: 301 / 102;
    bottom: -14%;
    left: 0;
}

.instagram__feed #sb_instagram #sbi_images{
    grid-template-columns: repeat(4, 200px) !important;
    grid-template-rows: 200px !important;
    width: 800px !important;
}
.instagram__feed .sbi_item{
    width: 200px !important;
    height: 200px !important;
}
.instagram__feed .sbi_photo{
    width: 200px !important;
    height: 200px !important;
}

.form-confirm-wrap{
    background: #F6F5F3;
    padding: 5em 2em;
}
.form-confirm{
    max-width: 780px;
    margin: 0 auto;
    padding: 4em;
}
.form-confirm-wrap .form-confirm h2{
    margin-bottom: 1em;
}
.inquiry__title-wrap{
    display: flex;
}
.inquiry__title-wrap .inquiry__title{
    margin-top: 0;
    flex: 1;
}
.inquiry__title-wrap .inquiry__radio{
    margin-bottom: 0;
}
.inquiry__title-wrap .inquiry__title::after{
    display: none;
}
.inquiry__title-wrap .inquiry__input,
.inquiry__title-wrap .inquiry__radio{
    flex: 3;
}
.recruit__wrap__item__title-summary br{
    display: none;
}
}

@media screen and (min-width:1280px) {
.header__inner{
    padding: 12px 160px 8px;
}
.main__logo{
    margin-left: 10%;
    margin-bottom: 4em;
}
.about__text-box{
    margin-left: 12%;
}
}
/*==========
 新トップ（訪問看護）: FV / お知らせ / 理念
==========*/
/* 共通セクション見出し */
.sec-head{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}
.sec-head__title{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #727272;
}
.sec-head__dots{
    display: flex;
    gap: 4px;
}
.sec-head__dots i{
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #dad1ad;
}
/* FV */
.fv{
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px;
    text-align: center;
}
.fv__logo{
    margin: 0;
}
.fv__logo img{
    width: 320px;
    max-width: 100%;
    height: auto;
    display: block;
}
.fv__image{
    width: 100%;
}
.fv__image img{
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 750 / 550;
    object-fit: contain;
}
.fv__catch{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 8px;
    color: #727272;
}
.fv__buttons{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    /* キャッチとの間隔を 48px にする（.fv の gap 24px + 24px） */
    margin-top: 24px;
}
.fv__buttons .btn{
    width: 250px;
}
/* お知らせ */
.news{
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 48px 32px;
}
.news__feed{
    width: 100%;
}
.news__more{
    width: 200px;
}
/* 電話CVボタン（FV・セカンドオピニオン） */
.cv-tel{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    width: 280px;
    /* 枠線 3px の内側で、デザインの余白（上24 / 左右24 / 下16）に合わせる */
    padding: 21px 21px 13px;
    background: #bba54d url(../image/cv_deco.svg) no-repeat center bottom / 127px 99px;
    background-origin: border-box;
    border: 3px solid #dad1ad;
    border-radius: 16px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.cv-tel__label{
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    padding: 2px 16px;
    background: #fff;
    border: 1px solid #bba54d;
    border-radius: 24px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    color: #bba54d;
    white-space: nowrap;
}
.cv-tel__number{
    display: flex;
    align-items: center;
    gap: 4px;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 1;
    /* 親セクションの字間を継ぐと 280px 幅で番号が折り返すため打ち消す */
    letter-spacing: 0;
}
.cv-tel__number svg{
    flex-shrink: 0;
}
.cv-tel__hours{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
/*
 * 以下のセクションは左右余白を max(32px, (幅 - 780px) / 2) で取り、
 * SP は 32px、PC は中身 780px（1280px 幅で左右 250px）になる。
 */
/* 終活ガイド / お見送りサポート */
.lineup{
    display: flex;
    flex-direction: column;
    /* 光彩の装飾が左右にはみ出しても横スクロールを出さない */
    overflow-x: clip;
}
.lineup__item{
    position: relative;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 60px 32px;
}
.lineup__item::before,
.page-head::before{
    content: "";
    position: absolute;
    top: -150px;
    z-index: -1;
    width: 450px;
    height: 450px;
    background: no-repeat center / contain;
    pointer-events: none;
}
.lineup__item--guide::before,
.page-head--guide::before{
    left: -150px;
    background-image: url(../image/glow_green.svg);
}
.lineup__item--support::before,
.page-head--support::before{
    right: -150px;
    background-image: url(../image/glow_gold.svg);
}
.lineup__text{
    width: 100%;
}
.lineup__lead{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.lineup__title{
    margin-top: 8px;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.lineup__item--guide .lineup__title{
    color: #4b7145;
}
.lineup__item--support .lineup__title{
    color: #bba54d;
}
.lineup__desc{
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.lineup__btn{
    width: 250px;
}
/* 叶えたい5つのこと */
.wishes-visual{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.wishes-visual img{
    display: block;
    aspect-ratio: 1600 / 1036;
    object-fit: cover;
}
.wishes{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 60px max(32px, calc((100% - 780px) / 2));
}
.wishes__head{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.wishes__text{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.wishes__title{
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.wishes__title span{
    color: #bba54d;
}
.wishes__keywords{
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.wishes__desc{
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.wishes__actions{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 250px;
}
.wishes__note{
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
    text-align: center;
}
.wishes__nurse{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px;
    border: 4px solid #f6f5f3;
    border-radius: 40px;
}
.wishes__nurse__body{
    text-align: center;
}
.wishes__nurse__icon{
    display: block;
    width: 60px;
    margin: 0 auto 24px;
}
.wishes__nurse__title{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.wishes__nurse__text{
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.wishes__nurse__action{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.wishes__nurse__action .btn{
    width: 250px;
}
/* 私たちが、ご家族に寄り添います。 */
.team{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 48px max(32px, calc((100% - 780px) / 2));
}
.team__lead{
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    text-align: center;
}
.team__photo{
    width: 100%;
    max-width: 650px;
}
.team__photo img{
    display: block;
    aspect-ratio: 390 / 270;
    object-fit: cover;
}
.team__list{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}
.team__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px;
    text-align: center;
}
.team__icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f6f5f3;
}
.team__icon img{
    width: 24px;
    height: 24px;
}
.team__name{
    margin-top: 12px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.team__cert{
    margin-top: 8px;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.team__text{
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
/* 格安葬儀の広告にご注意ください */
.caution{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 48px max(32px, calc((100% - 780px) / 2));
    text-align: center;
}
.caution__head{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.caution__head img{
    width: 32px;
    height: 32px;
}
.caution__title{
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #f96a6a;
}
.caution__price{
    width: 100%;
}
.caution__question{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.caution__text{
    margin-top: 8px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.caution__circle{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    margin: 16px auto;
    border: 1px solid #bba54d;
    border-radius: 50%;
    font-weight: 700;
    white-space: nowrap;
}
.caution__circle__label{
    margin-bottom: -8px;
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.caution__circle__value{
    display: flex;
    align-items: baseline;
    gap: 2px;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.caution__circle__value small{
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.caution__circle__value strong{
    font-size: 34px;
    line-height: 1.8;
    color: #bba54d;
}
.caution__circle__value span{
    color: #bba54d;
}
.caution__note{
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.caution__formula{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.caution__formula__row{
    width: 100%;
    max-width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    white-space: nowrap;
}
.caution__formula__item{
    flex: 1 1 0;
    min-width: 0;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 12px;
    border-radius: 50%;
    background: #f6f5f3;
}
.caution__formula__item--total{
    background: none;
    border: 1px solid #bba54d;
    color: #bba54d;
}
.caution__message{
    width: 100%;
    padding: 8px 0;
    border-top: 1px solid #dad1ad;
    border-bottom: 1px solid #dad1ad;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
/* 葬儀見積もりセカンドオピニオン */
.second{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 60px max(32px, calc((100% - 780px) / 2));
    background: #f6f5f3;
    border-radius: 80px;
}
.second__head{
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.second__title{
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.second__title span{
    color: #bba54d;
    /* PC の 250px 幅で末尾の「ン」だけ折り返さないようにする */
    white-space: nowrap;
}
.second__image{
    width: 100%;
    max-width: 500px;
}
.second__image img{
    display: block;
    aspect-ratio: 1600 / 1036;
    object-fit: cover;
}
/* 「無料」バッジはセクション上端から 16px はみ出す */
.second__badge{
    position: absolute;
    top: -76px;
    right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #bba54d;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #fff;
}
.second__list{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.second__item{
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    background: #fff;
    border-radius: 20px;
}
.second__item img{
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}
.second__item p{
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.second__actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.second__actions .btn{
    width: 250px;
}
.second__note{
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    text-align: center;
}
@media screen and (min-width:1024px) {
    .lineup{
        flex-direction: row;
        justify-content: center;
    }
    .lineup__item{
        flex: 0 1 390px;
        min-width: 0;
    }
    .wishes-visual{
        max-width: 650px;
    }
    .wishes__head{
        flex-direction: row;
        gap: 0;
    }
    .wishes__text{
        flex: 1;
        min-width: 0;
    }
    .wishes__actions{
        flex-shrink: 0;
    }
    .wishes__nurse{
        flex-direction: row;
    }
    .wishes__nurse__body,
    .wishes__nurse__action{
        flex: 1;
        min-width: 0;
    }
    .team{
        padding-block: 60px;
    }
    .team__list{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .second{
        padding-block: 48px;
    }
    .second__head{
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
    .second__title{
        flex-shrink: 0;
        width: 250px;
    }
    .second__image{
        flex: 1;
    }
    .second__badge{
        top: -64px;
        right: -24px;
    }
    .second__list{
        flex-direction: row;
    }
    .second__item{
        flex: 1;
        min-width: 0;
    }
}
/*==========
 下層ページ（終活ガイド / お見送りサポート）
==========*/
/* 改行を SP / PC どちらかだけで効かせる */
.br-pc{
    display: none;
}
/* ページ見出し（タイトル・リード・メイン画像）。光彩は .lineup__item と共通 */
.page-head{
    position: relative;
    isolation: isolate;
    overflow: clip;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 48px max(32px, calc((100% - 780px) / 2));
}
.page-head__title{
    font-size: 34px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.page-head__lead{
    width: 100%;
    letter-spacing: 1px;
}
.page-head__image{
    width: 100%;
    max-width: 650px;
}
.page-head__image img{
    display: block;
    aspect-ratio: 1600 / 1036;
    object-fit: cover;
}
/* 下層ページの本文セクション共通 */
.role,
.specialty,
.value,
.trust,
.support-service{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 48px max(32px, calc((100% - 780px) / 2));
    letter-spacing: 1px;
}
/* 終活ガイド：終活カウンセラーの役割 */
.role__lead{
    width: 100%;
}
.role__chart{
    display: flex;
    flex-direction: column;
    width: 326px;
    max-width: 100%;
    text-align: center;
}
.role__group{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}
.role__box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    /* Figma の枠線は内側描画のため、余白 12px から枠線 2px を引く */
    padding: 10px;
    border: 2px solid #f6f5f3;
    border-radius: 16px;
    letter-spacing: 0;
}
.role__box img{
    width: 24px;
    height: 24px;
    margin-bottom: 4px;
}
.role__box__name{
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}
.role__box__sub,
.role__box__text{
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 1px;
}
.role__box__sub{
    font-weight: 700;
    white-space: nowrap;
}
.role__center{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 24px 0;
}
/* 上下のボックスとカードを結ぶ線（SVG は線端のはみ出し分だけ枠より大きい） */
.role__center::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 89.9%;
    aspect-ratio: 293 / 274;
    transform: translate(-50%, -50%);
    background: url(../image/role_line_sp.svg) no-repeat center / contain;
    pointer-events: none;
}
.role__card{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    /* 線の端点に合わせ、デザインどおり左から 41px に置く */
    margin-left: 41px;
    padding: 28px 20px;
    border: 4px solid #4b7145;
    border-radius: 40px;
}
.role__card img{
    width: 60px;
    height: 60px;
}
.role__card__name{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #4b7145;
}
.role__card__text{
    white-space: nowrap;
}
.role__caption{
    margin-top: 12px;
}
/* 終活ガイド：私たちが専門とするサポート */
.specialty__catch{
    width: 100%;
    padding: 14px 0;
    border-block: 2px solid #dad1ad;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    text-align: center;
}
.specialty__body{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%;
}
.specialty__text{
    width: 100%;
}
.specialty__text p + p{
    margin-top: 1.8em;
}
.specialty__circles{
    position: relative;
    flex-shrink: 0;
    width: 326px;
    max-width: 100%;
    height: 310px;
}
.specialty__circle{
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 170px;
    height: 170px;
    padding: 22px 10px 10px;
    border: 2px solid #dad1ad;
    border-radius: 50%;
    text-align: center;
}
.specialty__circle--top{
    top: 1px;
    left: 50%;
    transform: translateX(-50%);
    padding: 14px 10px;
}
.specialty__circle--left{
    top: 139px;
    left: 0;
}
.specialty__circle--right{
    top: 139px;
    right: 0;
}
.specialty__circle__title{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #bba54d;
}
/* 「ウェルビーイング」を円の中で 1 行に収める */
.specialty__circle--top .specialty__circle__title{
    letter-spacing: -1px;
}
.specialty__circle__text{
    font-size: 12px;
    line-height: 1.6;
    white-space: nowrap;
}
/* 終活ガイド：私たちが大切にしていること */
.value__text{
    width: 100%;
}
.value__text--em{
    font-weight: 700;
}
.value-visual img{
    display: block;
    aspect-ratio: 1600 / 1036;
    object-fit: cover;
}
/* 終活ガイド：安心してご相談いただくために */
.trust__list{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
}
.trust__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 24px 16px;
    background: #f6f5f3;
    border-radius: 32px;
    text-align: center;
}
.trust__item img{
    width: 60px;
    height: 60px;
}
.trust__name{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
/* お見送りサポート：プラン */
.course{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 60px max(32px, calc((100% - 780px) / 2));
    letter-spacing: 1px;
}
.course__notice{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 24px 16px;
    background: #f6f5f3;
    border-radius: 28px;
    text-align: center;
}
.course__notice__title{
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.course__notice__text{
    max-width: 580px;
}
.course__tax{
    font-size: 12px;
    line-height: 1.6;
}
.course__list{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
.course__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 24px 16px;
    text-align: center;
}
.course__image{
    width: 200px;
    height: 150px;
    object-fit: contain;
}
.course__name{
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.course__price{
    width: 100%;
    padding: 14px 0;
    border-block: 2px solid #dad1ad;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0;
    color: #bba54d;
}
.course__price small{
    font-size: 20px;
}
/* 含まれているもの（10 件ずつの列を SP は 2 列で並べる） */
.course__items{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
    padding: 24px;
    background: #f6f5f3;
    border-radius: 32px;
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
}
.course__items[hidden]{
    display: none;
}
.course__toggle{
    cursor: pointer;
}
.course__toggle[aria-expanded="true"] img{
    transform: rotate(180deg);
}
/* お見送りサポート：ご安置・お身体のケア */
.care{
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 48px max(32px, calc((100% - 780px) / 2));
    letter-spacing: 1px;
}
.care__body{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.care__image img{
    display: block;
    aspect-ratio: 1600 / 1036;
    object-fit: contain;
}
.care__text{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.care__title{
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.care__desc p + p{
    margin-top: 1.8em;
}
.care__note{
    font-size: 12px;
    line-height: 1.6;
}
/* お見送りサポート：サービス */
.support-service__list{
    display: grid;
    gap: 24px 40px;
    width: 100%;
}
.support-service__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 0;
}
.support-service__item img{
    width: 60px;
    height: 60px;
}
.support-service__name{
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    text-align: center;
}
.support-service__text{
    width: 100%;
}
/* 下層ページ共通：相談 CTA */
.consult{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    padding: 60px max(32px, calc((100% - 780px) / 2));
    background: #f6f5f3;
    border-radius: 80px;
    letter-spacing: 1px;
}
.consult__body{
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
}
.consult__image{
    width: 100%;
    max-width: 500px;
}
.consult__image img{
    display: block;
    aspect-ratio: 1600 / 1036;
    object-fit: cover;
}
.consult__text{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.consult__title{
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
}
.consult__actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.consult__actions .btn{
    width: 250px;
}
/* 叶えたい5つのこと：記入ポップアップ（トップの「5つのことを書いてみる」から開く） */
.wish-dialog{
    /* sanitize.css が dialog を position: absolute にするため、画面中央に固定し直す */
    position: fixed;
    inset: 0;
    margin: auto;
    width: calc(100% - 32px);
    max-width: 580px;
    max-height: calc(100dvh - 32px);
    padding: 0;
    overflow-y: auto;
    border: none;
    border-radius: 28px;
    color: #727272;
    letter-spacing: 1px;
}
.wish-dialog::backdrop{
    background: rgba(0, 0, 0, .4);
}
/* 開いている間は後ろのページをスクロールさせない */
body:has(.wish-dialog[open]){
    overflow: hidden;
}
.wish-dialog__inner{
    position: relative;
    padding: 48px 24px 40px;
}
.wish-dialog__view{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.wish-dialog__view[hidden]{
    display: none;
}
.wish-dialog__close{
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #dad1ad;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}
.wish-dialog__close::before,
.wish-dialog__close::after{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 2px;
    border-radius: 1px;
    background: #727272;
    transform: translate(-50%, -50%) rotate(45deg);
}
.wish-dialog__close::after{
    transform: translate(-50%, -50%) rotate(-45deg);
}
.wish-form__fields{
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    max-width: 500px;
}
.wish-form__field{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wish-form__field label{
    font-weight: 700;
}
.wish-form__field input{
    width: 100%;
    /* Figma の枠線は内側描画のため、余白 12px / 16px から枠線 2px を引く */
    padding: 10px 14px;
    border: 2px solid #f6f5f3;
    border-radius: 8px;
    background: #fff;
    font-family: inherit;
    /* iOS は 16px 未満の入力欄にフォーカスすると画面を拡大するため、SP は 16px にする */
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 1px;
    color: #727272;
}
.wish-form__field input::placeholder{
    color: #727272;
    opacity: .3;
}
.wish-form__field input:focus-visible{
    outline: none;
    border-color: #dad1ad;
}
.wish-form__note{
    width: 100%;
    max-width: 580px;
}
.wish-form__actions,
.wish-preview__actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.wish-form__actions .btn,
.wish-preview__actions .btn{
    width: 250px;
    cursor: pointer;
}
/* プレビュー：ボタンまで画面に収まる高さでシート全体を見せる */
.wish-preview__sheet{
    display: flex;
    justify-content: center;
    width: 100%;
}
.wish-preview__sheet img{
    width: auto;
    max-width: 100%;
    max-height: min(500px, calc(100dvh - 280px));
}
@media screen and (min-width:1024px) {
    .br-sp{
        display: none;
    }
    .br-pc{
        display: inline;
    }
    .page-head{
        align-items: center;
    }
    .role__chart{
        display: grid;
        grid-template-columns: 171px minmax(0, 1fr) 171px;
        width: 650px;
    }
    .role__group{
        grid-template-columns: none;
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .role__center{
        justify-content: center;
        padding: 0;
    }
    .role__card{
        margin-left: 0;
    }
    .role__center::before{
        width: 103.6%;
        aspect-ratio: 319 / 274;
        background-image: url(../image/role_line_pc.svg);
    }
    .role__caption{
        grid-column: 1 / -1;
        margin-top: 16px;
    }
    .specialty__body{
        flex-direction: row;
    }
    .specialty__text{
        flex: 1;
        min-width: 0;
    }
    .value-visual{
        max-width: 650px;
        margin: 0 auto;
    }
    .trust__list{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .course__list{
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: flex-start;
        gap: 32px 40px;
    }
    .course__item{
        flex: 0 0 calc((100% - 80px) / 3);
        min-width: 0;
    }
    /* 説明文は最大 3 行。閉じた状態でボタンの高さをそろえる */
    .course__desc{
        min-height: 5.4em;
    }
    .course__items{
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }
    .care,
    .support-service{
        padding-block: 60px;
    }
    .care__body{
        flex-direction: row-reverse;
        align-items: center;
    }
    .care__text{
        flex-shrink: 0;
    }
    .care__image{
        flex: 1;
        min-width: 0;
    }
    .support-service__list{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .consult__body{
        flex-direction: row;
        align-items: center;
    }
    .consult__image,
    .consult__text{
        flex: 1;
        min-width: 0;
    }
    .wish-dialog__inner{
        padding: 48px 40px 40px;
    }
    .wish-form__field input{
        font-size: 14px;
    }
    .wish-preview__sheet img{
        max-height: min(800px, calc(100dvh - 280px));
    }
}
/* 理念 */
.mission{
    position: relative;
    overflow: hidden;
    border-radius: 80px;
    background: #f6f5f3;
    padding: 60px 32px;
}
.mission::before{
    content: "";
    position: absolute;
    inset: 0;
    background: url(../image/about_bg.webp) no-repeat center / contain;
    opacity: .5;
    pointer-events: none;
}
.mission__inner{
    position: relative;
    z-index: 1;
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.mission__text{
    margin: 0;
    padding: 24px 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
    text-align: center;
}
.mission__media{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}
.mission__catch{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    letter-spacing: 8px;
    color: #bba54d;
    text-align: center;
}
.mission__photo{
    width: 100%;
}
.mission__photo img{
    width: 100%;
    height: auto;
    display: block;
    aspect-ratio: 400 / 230;
    object-fit: cover;
}
@media screen and (min-width:1024px) {
    /* 画像（750×550）を縦中央に置き、左列はロゴ上端 80px / ボタン下端 80px に合わせる */
    .fv{
        display: grid;
        grid-template-columns: 350px minmax(0, 750px);
        grid-template-rows: auto 1fr auto;
        grid-template-areas:
            "logo image"
            "catch image"
            "buttons image";
        column-gap: 40px;
        justify-content: space-between;
        align-items: start;
        justify-items: center;
        min-height: 635px;
        padding: 42px 40px;
    }
    .fv__logo{ grid-area: logo; margin-top: 38px; }
    .fv__logo img{ width: 350px; }
    .fv__catch{ grid-area: catch; align-self: center; }
    .fv__buttons{ grid-area: buttons; align-self: end; margin: 0 0 38px; }
    .fv__image{ grid-area: image; align-self: center; }

    .mission__media{
        flex-direction: row-reverse;
        align-items: stretch;
    }
    .mission__photo{
        width: 400px;
        flex-shrink: 0;
    }
    .mission__photo img{
        height: 230px;
        aspect-ratio: auto;
    }
    .mission__catch{
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
@media screen and (min-width:1280px) {
    .fv{
        padding: 42px 40px 42px 100px;
    }
}
/*==========
 新トップ（訪問看護）: サービス / 流れ / 料金 / 強み
==========*/
.sec-head--center{
    align-items: center;
}
.sec-head--center .sec-head__title{
    text-align: center;
}
.sec-head--center .sec-head__dots{
    justify-content: center;
}
/* サービス */
.svc{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 80px 32px;
}
.svc__lead{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #727272;
    text-align: center;
}
.svc__list{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 326px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.svc__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}
.svc__item__img{
    width: 210px;
    max-width: 100%;
    height: auto;
    display: block;
}
.svc__item__title{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    color: #727272;
}
.svc__item__text{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
/* ご利用開始までの流れ */
.flow{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 80px 24px;
}
.flow__steps{
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (min-width:1024px) {
    .flow__steps{
        max-width: 780px;
    }
}
.flow__step{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    border: 1px solid #bba54d;
    border-radius: 28px;
    background: #fff;
}
.flow__step:not(:last-child){
    margin-bottom: 24px;
}
.flow__step:not(:last-child)::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -24px;
    transform: translateX(-50%);
    width: 1px;
    height: 24px;
    background: #bba54d;
}
.flow__step__num{
    flex-shrink: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #bba54d;
}
.flow__step__body{
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.flow__step__title{
    margin: 0;
    padding-bottom: 8px;
    border-bottom: 1px solid #bba54d;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #727272;
    text-align: center;
}
.flow__step__text{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.flow__step__list{
    margin: 0;
    padding-left: 1.5em;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.flow__step__list li{
    list-style: disc;
}
/* SP：金色の「電話をかける」ボタン / PC：電話番号を直接表示（同じ a を出し分ける） */
.flow__step__tel{
    align-self: center;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 55px;
    padding: 16px 24px;
    border: 1px solid #bba54d;
    border-radius: 40px;
    background: #bba54d;
    color: #fff;
    text-decoration: none;
}
.flow__step__tel__icon{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.flow__step__tel__label{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    white-space: nowrap;
}
.flow__step__tel__number,
.flow__step__tel__hours{
    display: none;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    line-height: 1;
}
.flow__step__tel__number{
    font-size: 30px;
}
.flow__step__tel__hours{
    font-size: 18px;
    white-space: nowrap;
}
@media screen and (min-width:1024px) {
    .flow__step__tel{
        align-items: baseline;
        gap: 4px;
        height: auto;
        padding: 0;
        border: none;
        border-radius: 0;
        background: none;
        color: #727272;
    }
    .flow__step__tel__icon{
        align-self: center;
    }
    .flow__step__tel__label{
        display: none;
    }
    .flow__step__tel__number,
    .flow__step__tel__hours{
        display: block;
    }
}
.flow__step__note{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
}
/* 料金の目安 */
.price{
    background: #f6f5f3;
    border-radius: 80px;
    padding: 60px 24px;
}
.price__inner{
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.price__note{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
    text-align: center;
}
.price__btn{
    width: 250px;
}
.price__group{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.price__group__title{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #727272;
    text-align: center;
}
.price__table{
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    border-radius: 28px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.price__table__head{
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding-bottom: 8px;
    border-bottom: 2px solid #f6f5f3;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
}
.price__row{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 8px;
}
.price__row__name{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.price__row__name span{
    font-weight: 400;
    font-size: 12px;
    margin-left: 4px;
}
.price__row__cost{
    margin: 0;
    white-space: nowrap;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    color: #bba54d;
}
.price__num{
    font-size: 24px;
}
.price__per{
    margin-left: 4px;
    font-size: 14px;
    color: #727272;
}
/* 強み */
.strength{
    overflow: hidden;
    border-radius: 80px;
    padding: 60px 24px;
}
.strength__inner{
    max-width: 780px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.strength__list{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
}
.strength__item{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 24px 0;
    text-align: center;
}
.strength__item__icon{
    width: 60px;
    height: 60px;
    display: block;
}
.strength__item__title{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #727272;
}
.strength__item__text{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
@media screen and (min-width:768px) {
    .svc__list{
        max-width: 720px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 24px;
    }
}
@media screen and (min-width:1024px) {
    .svc__list{
        max-width: 780px;
        grid-template-columns: repeat(3, 1fr);
    }
}
/*==========
 新トップ（訪問看護）: 活動拠点 / 採用 / 会社概要 / お問い合わせ / フッター
==========*/
/* 活動拠点 */
.area{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 60px 24px;
}
.area__inner{
    width: 100%;
    max-width: 780px;
    display: flex;
    flex-direction: column;
    gap: 48px;
}
.area__info{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.area__office{
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 24px;
    border-bottom: 2px solid #f6f5f3;
}
.area__office__name{
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #727272;
}
.area__office__addr{
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.area__office__license{
    margin: 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
}
.area__row{
    display: flex;
    gap: 16px;
    width: 100%;
}
.area__row__label{
    flex-shrink: 0;
    width: 60px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
}
.area__row__text{
    margin: 0;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.area__box{
    background: #f6f5f3;
    border-radius: 28px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.area__map{
    width: 100%;
}
.area__map img{
    width: 100%;
    height: auto;
    display: block;
}
/* 採用 */
.career{
    background: #f6f5f3;
    border-radius: 0 80px 80px 0;
    padding: 60px 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
/* 採用セクションの中身を 780px 中央寄せ（背景は全幅のまま） */
.career > .sec-head,
.career__lead,
.career__env,
.career__jobs{
    width: 100%;
    max-width: 780px;
}
.career__lead{
    margin: 0;
    padding: 24px 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}
.career__lead__main{
    font-weight: 700;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #bba54d;
}
.career__lead__sub{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.career__env{
    border: 2px solid #dad1ad;
    border-radius: 28px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.career__env__title{
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #727272;
    text-align: center;
}
.career__env__list{
    margin: 0;
    padding-left: 21px;
    width: 100%;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.career__env__list li{
    list-style: disc;
}
.career__env__img{
    width: 235px;
    max-width: 100%;
}
.career__env__img img{
    width: 100%;
    height: auto;
    display: block;
}
.career__jobs{
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.career__job{
    background: #fff;
    border-radius: 20px;
    padding: 24px;
}
.career__job summary{
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #727272;
}
.career__job summary::-webkit-details-marker{
    display: none;
}
.career__job summary::after{
    content: "";
    flex-shrink: 0;
    width: 10px;
    height: 10px;
    margin-right: 6px;
    border-right: 2px solid #727272;
    border-bottom: 2px solid #727272;
    transform: rotate(45deg);
    transition: transform .2s;
}
.career__job[open] summary::after{
    transform: rotate(-135deg);
}
.career__job__body{
    padding-top: 16px;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.career__job__body p{
    margin: 0;
}
.career__job__dl{
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
}
.career__job__row{
    display: flex;
    align-items: flex-start;
    gap: 16px;
}
.career__job__row dt{
    flex-shrink: 0;
    width: 70px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.6;
    color: #bba54d;
}
.career__job__row dd{
    flex: 1;
    min-width: 0;
    margin: 0;
}
.career__job__ul{
    margin: 0;
    padding-left: 21px;
    list-style: disc;
}
.career__job__note{
    font-size: 12px;
    line-height: 1.6;
}
.career__job__cta{
    display: flex;
    justify-content: center;
    padding-top: 24px;
}
.career__job__btn{
    width: 250px;
    max-width: 100%;
}
.career__flow{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.career__flow__title{
    margin: 0;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #727272;
    text-align: center;
}
.career__flow__steps{
    display: flex;
    gap: 12px;
    align-items: stretch;
}
.career__flow__step{
    flex: 1;
    min-width: 0;
    border: 2px solid #dad1ad;
    border-radius: 28px;
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
}
.career__flow__step__num{
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #727272;
}
.career__flow__step__label{
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #727272;
}
.career__flow__step img{
    width: 60px;
    height: 60px;
    display: block;
}
.career__flow__step p{
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
/* 選考の流れ PC：タイトル左・ステップ右の横並び */
@media screen and (min-width:1024px) {
    .career__flow{
        flex-direction: row;
        align-items: center;
        gap: 48px;
    }
    .career__flow__title{
        flex-shrink: 0;
        text-align: left;
        white-space: nowrap;
    }
    .career__flow__steps{
        flex: 1;
        min-width: 0;
    }
}
/* 会社概要 */
.company{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 48px 32px;
}
.company__inner{
    width: 100%;
    max-width: 780px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
}
.company__logo{
    width: 220px;
    max-width: 100%;
}
.company__logo img{
    width: 100%;
    height: auto;
    display: block;
}
.company__info{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.company__name{
    margin: 0;
    padding-bottom: 16px;
    border-bottom: 2px solid #f6f5f3;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 1.4;
    color: #727272;
}
.company__dl{
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    letter-spacing: 1px;
}
.company__dl__row{
    display: flex;
    gap: 16px;
    align-items: flex-start;
}
.company__dl__row dt{
    flex-shrink: 0;
    width: 60px;
    font-weight: 700;
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
}
.company__dl__row dd{
    margin: 0;
    flex: 1;
    min-width: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
/* 会社概要 PC：ロゴ左・情報右の2カラム */
@media screen and (min-width:1024px) {
    .company{
        padding-block: 60px;
    }
    .company__inner{
        flex-direction: row;
        align-items: center;
        gap: 80px;
    }
    .company__logo{
        flex-shrink: 0;
        width: 220px;
    }
    .company__dl{
        flex: 1;
        min-width: 0;
    }
}
/* お問い合わせ */
.contact{
    background: #f6f5f3;
    border-radius: 80px;
    padding: 48px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
/* 確認・完了（固定ページ単独表示）は左右に余白を足す */
.contact--page{
    margin: 40px 16px;
}
.contact__form{
    width: 100%;
    max-width: 500px;
}
/* 入力フォーム */
.contact-field{
    margin: 0 0 16px;
}
.contact-field__label{
    display: block;
    margin: 0 0 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.contact-field__require{
    color: #f96a6a;
}
.contact-field__input{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    border: 2px solid #f6f5f3;
    border-radius: 8px;
    padding: 12px 16px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.contact-field__input::placeholder{
    color: #727272;
    opacity: .3;
}
.contact-field__textarea{
    min-height: 200px;
    resize: vertical;
}
/* ラジオ */
.contact-field__radios{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.contact-field__radio{
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
    cursor: pointer;
}
/* 郵便番号 + 住所検索ボタン 横並び */
.contact-field__zip{
    display: flex;
    gap: 16px;
    align-items: center;
}
.contact-field__zip .contact-field__input{
    flex: 1;
    min-width: 0;
}
.contact-field__zip__btn{
    flex-shrink: 0;
    background: #fff;
    border: 1px solid #bba54d;
    border-radius: 40px;
    padding: 12px 24px;
    color: #bba54d;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    white-space: nowrap;
    cursor: pointer;
}
/* 送信/確認へボタン */
.contact-field__submit{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    height: 55px;
    margin: 8px auto 0;
    background: #fff;
    border: 1px solid #bba54d;
    border-radius: 40px;
    color: #bba54d;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
}
/* エラー通知 */
.contact__notice{
    font-size: 14px;
    line-height: 1.8;
    color: #f03030;
    text-align: center;
}
/* 確認画面 */
.contact__confirm__lead{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
    text-align: center;
}
.contact__confirm__list{
    margin: 0 0 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.contact__confirm__row{
    display: flex;
    gap: 24px;
    align-items: flex-start;
}
.contact__confirm__label{
    width: 150px;
    flex-shrink: 0;
    font-weight: 700;
}
.contact__confirm__value{
    margin: 0;
    flex: 1;
    min-width: 0;
}
.contact__confirm__message{
    margin: 0;
}
.contact__confirm__actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}
.contact__confirm__actions .contact-field__submit{
    margin: 0 auto;
}
.contact__confirm__back{
    display: block;
    height: 45px;
    margin: 0 auto;
    padding: 12px 24px;
    background: transparent;
    border: none;
    color: #bba54d;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    cursor: pointer;
}
/* 完了（thanks）画面 */
.contact__thanks{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    text-align: center;
}
.contact__thanks__icon{
    width: 80px;
    height: 80px;
}
.contact__thanks__title{
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #727272;
}
.contact__thanks__text{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.contact__thanks__btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    height: 55px;
    background: #fff;
    border: 1px solid #bba54d;
    border-radius: 40px;
    color: #bba54d;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    text-decoration: none;
}
.contact__privacy{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
    text-decoration: underline;
}
/* フッター（訪問看護） */
.footer{
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 40px 24px 16px;
    flex-shrink: 0;
}
.footer__nav{
    width: 100%;
}
.footer__nav__list{
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 8px;
    width: 342px;
    max-width: 100%;
}
.footer__nav__list__item{
    flex: 1 1 30%;
    text-align: center;
    white-space: nowrap;
}
.footer__nav__list__item a{
    color: #727272;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
    text-decoration: none;
}
.footer__brand{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 16px;
}
.footer__logo{
    width: 130px;
}
.footer__logo img{
    width: 100%;
    height: auto;
    display: block;
}
.footer__phone{
    display: inline-flex;
    align-items: center;
    gap: 4px;
    text-decoration: none;
}
.footer__phone__icon{
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.footer__phone__number{
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    color: #727272;
}
.footer__phone__hours{
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    color: #727272;
}
.footer__docs{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px 24px;
}
.footer__doc{
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
    text-decoration: underline;
}
.footer__license{
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
    color: #727272;
    text-align: center;
}
.footer__copyright{
    font-size: 10px;
    line-height: 1.6;
    color: #727272;
}
@media screen and (min-width:1024px) {
    .area__inner{
        flex-direction: row;
        align-items: flex-start;
    }
    .area__info{
        flex: 1;
        min-width: 0;
    }
    .area__map{
        flex: 1;
        max-width: 450px;
    }
    .career{
        border-radius: 80px;
    }
    .career__env__img{
        width: 280px;
    }
    /* フッター PC */
    .footer{
        padding: 40px 142px 16px;
    }
    .footer__nav__list{
        flex-wrap: nowrap;
        width: 800px;
    }
    .footer__brand{
        max-width: 1000px;
    }
}
/* プライバシーポリシー */
.privacy{
    background: #f6f5f3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    padding: 80px 16px 48px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.privacy__inner{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    max-width: 780px;
}
.privacy .sec-head--center{
    align-self: center;
}
.privacy__lead{
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.privacy__section{
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.privacy__section__title{
    margin: 0;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
    color: #727272;
}
.privacy__section__text{
    margin: 0;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.privacy__list{
    margin: 0;
    padding-left: 21px;
    list-style: disc;
    font-size: 14px;
    line-height: 1.8;
    color: #727272;
}
.privacy__contact{
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 48px 32px;
    background: #fff;
    border-radius: 40px;
    color: #727272;
}
.privacy__contact__name{
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 2px;
}
.privacy__contact__detail{
    display: flex;
    flex-direction: column;
    gap: 16px;
    font-size: 14px;
    line-height: 1.8;
}
.privacy__contact__address{
    margin: 0;
}
.privacy__contact__mail{
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0;
    white-space: nowrap;
}
.privacy__contact__mail__label{
    font-weight: 700;
}
.privacy__back{
    width: 100%;
    max-width: 200px;
}