@charset "utf-8";
/*common*/
body{
font-family: 'Noto Serif JP', sans-serif;
font-feature-settings:"palt";
line-height:1.5;
overflow-x:hidden;
}
a,a:hover,a:visited{
text-decoration:none;m
color:#fff;
display:inline-block;
}
a:hover{
opacity:0.6;
}
dl,dd,dt{
font-weight:normal;
}
img{
width:100%;
max-width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}

/*pc*/
header{
position:relative;
z-index:10;
max-width:100%;
}
h1{
}

.main_img{
margin-top:-120px;
position:relative;
z-index:9;
}
.copy_box{
position:absolute;
top:20%;
left:10%;
max-width:47%;
}
.form_btn{
max-width:43%;
margin-left:4%;
}

.intro{
background:url(../img/intro_bg.png);
background-size:cover;
padding:100px 0 0;
}

.experience{
background:rgba(255,255,255,0.95);
display:flex;
justify-content:space-between;
align-items:center;
max-width:1620px;
width:85%;
margin:0 auto 80px;
}
.experience_txt{
padding-left:4%;
width:60%;
}
.experience h2{
color:#99804d;
font-size:38px;
font-size:clamp(14px, 2vw, 38px);
margin-bottom:30px;
}
.experience p{
font-size:clamp(14px, 1.3vw, 24px);
}
.experience_img{
width:36%;
}
.feel{
text-align:center;
font-size:clamp(14px, 4.5vw, 56px);
margin:0 auto 50px;
width:100%;
position:relative;
display:inline-block;
letter-spacing:0.1em;
color:#fff;
}
.feel::after{
content:"";
background:#f1c085;
display:block;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
height:10px;
width:58%;

/*z-index:-1;*/
}
.feel + div{
border:2px solid #fff;
border-radius:999px;
color:#fff;
font-size:clamp(14px, 1.5vw, 38px);
text-align:center;
max-width:1620px;
width:85%;
margin:0 auto 80px;
padding:30px 0;

}
.feel + div span{
font-size:clamp(14px, 1.3vw, 25px);
}

.navy{
background:#000040;
color:#fff;
font-size:clamp(14px, 2vw, 45px);
text-align:center;
letter-spacing:0.1em;
padding:40px 0;
margin-bottom:60px;
}

.incentive{
background:rgba(255,255,255,0.95);
display:flex;
justify-content:space-between;
flex-flow: row-reverse;
align-items:center;
max-width:1620px;
width:85%;
margin:0 auto 160px;
}
.incentive_txt{
padding-right:4%;
width:60%;
}
.incentive h2{
color:#99804d;
font-size:clamp(14px, 2vw, 38px);
margin-bottom:30px;
text-align:right;
}
.incentive p{
font-size:clamp(14px, 1.3vw, 24px);
}
.incentive_img{
width:45%;
}


.orange{
background:#f2954c;
color:#fff;
font-size:clamp(14px, 2vw, 45px);
text-align:center;
letter-spacing:0.1em;
padding:40px 0;
}


.career_path{
padding:130px 0;
}
.career_path h3{
color:#000040;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.career_path h3 + p{
color:#000040;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}

.orange_bg{
background:url(../img/ogange_bg.png);
background-size:cover;
padding:130px 0;
text-align:center;
font-size:40px;
fuont-weight:bold;
margin:0 auto;
letter-spacing:0.1em;
color:#fff;
}

.message{
padding:100px 0;
background:#fff;
display:flex;
align-items:center;
}
.message_img{
width:60%;
}
.message_txt{
width:54%;
margin-left: -14%;
}

/*.message_txt_wrap{
transform:skewX(8deg);
}
.message_txt_inner{
padding:0 70px;
max-width:80%;
}
.message_txt h3{
background:#fff;
color:#000040;
padding:10px 0;
text-align:center;
transform:skewX(-8deg);
margin-bottom:40px;
margin-left: 2.6%;
font-size:35px;
}
.message_txt h3 p{
transform:skewX(8deg);
}
.message_txt h4{
font-size:30px;
}
.message_txt p{
margin-bottom:1em;
}
.message_txt p:last-child{
margin-bottom:0;
}
.president{
text-align:right;
}
*/







.business{
padding:130px 0;
background:url(../img/business_bg.png);
background-size:cover;
}
.business h3{
color:#000040;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.business h3 + p{
color:#000040;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}

.business_box{

}
.business_item{
display:flex;
align-items:center;
}
.business_item:nth-child(even){
flex-flow: row-reverse;
}
.business_img{
width:60%;
}
.business_txt{
width:54%;
margin-left: -14%;
}
.business_item:nth-child(even) .business_img{
margin-left: -14%;
}

.team{
padding:130px 0;
background:url(../img/team_bg.png);
background-size:cover;
}
.team h3{
color:#fff;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.team h3 + p{
color:#fff;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}

.team_box{
display:flex;
justify-content:space-between;
max-width:90%;
margin:0 auto;
}
.team_item{
padding:3%;
background:#788cb8;
color:#fff;
}
.team_item:nth-child(even){
background:#a5b6cc;
color:#333;
}
.team_item img{
margin-bottom:20px;
}
.team_item h5{
margin-bottom:20px;
background:#000040;
color:#fff;
text-align:center;
font-size:clamp(14px, 1.5vw, 22px);
border-radius:999px;
padding:10px 0;
}
.team_item p{
font-size:clamp(14px, 1.2vw, 16px);
}


.staff{
padding:130px 0;
background:url(../img/staff_bg.png);
background-size:cover;
}
.staff h3{
color:#000040;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.staff h3 + p{
color:#000040;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}
.staff_box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
max-width:90%;
margin:0 auto;
overflow:visible;
}
.staff_item{
width:48%;
filter:drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.75));
margin-bottom:2%;
}

.schedule{
padding:130px 0;
background:url(../img/schedule_bg.png);
background-size:cover;
}
.schedule h3{
color:#fff;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.schedule h3 + p{
color:#fff;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}
.schedule_box{
display:flex;
justify-content:space-between;
align-items:center;
width:90%;
margin:0 auto;

}
.schedule_txt{
width:55%;
}
.schedule_item{
display:flex;
padding:4%;
background:#fff;
margin-bottom:30px;
}
.schedule_txt .time{
width:10%;
margin-right:2%;
}
.schedule_txt .schedule_item_txt{
width:80%;
}
.schedule_img{
width:40%;
}



.voice{
padding:130px 0;
background:url(../img/voice_bg.png);
background-size:cover;
}
.voice h3{
color:#000040;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.voice h3 + p{
color:#000040;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}
.voice_box{
}
.voice_item{
background:#fff;
padding:2% 6% 2% 2%;
display:flex;
justify-content:space-between;
align-items:center;
max-width:80%;
margin:0 auto 40px;
}
.voice_img{
width:13%;
}
.voice_txt_box{
width:85%;
}
.voice_name{
font-size:clamp(14px, 1.4vw, 20px);
}
.voice_tenure{
font-size:clamp(14px, 1.2vw, 16px);
}
.voice{
font-size:clamp(14px, 1.3vw, 18px);
}


.person{
padding:130px 0;
background:#000040;
background-size:cover;
}
.person h3{
color:#fff;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.person h3 + p{
color:#fff;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}
.person_box{
max-width:74%;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.person_item{
width:33%;
margin-bottom:0.5%;
background:#fff;
padding:25px 30px;
}
.person_item img{
width:34%;
margin:0 auto 20px;
display:block;
}
.person_item h5{
font-weight:bold;
font-size:clamp(14px, 1.4vw, 20px);
margin:0 auto 10px;
text-align:center;
}
.person_item p{
font-size:clamp(14px, 1.2vw, 16px);
}


.faq{
padding:130px 0;
background:url(../img/faq_bg.png);
background-size:cover;
}
.faq h3{
color:#000040;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.faq h3 + p{
color:#000040;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}

.faq_box{
max-width:1200px;
margin:0 auto;
}
.faq_box dl{
font-size:clamp(14px, 1.4vw, 20px);
}
.faq_box dt{
border:1px solid #333;
display:flex;
/*line-height:1.5em;*/
padding:20px;
background:#fff;
}
.faq_box dt p:first-child{
font-size:1.5em;
margin-right:0.2em;
}
.faq_box dt p:last-child{
margin-top:0.5em;
}
.faq_box dd{
display:flex;
border:1px solid #333;
border-top:0;
display:flex;
/*line-height:1.5em;*/
padding:20px;
background:#eee;
font-size:clamp(14px, 1.2vw, 16px);
}
.faq_box dd p:first-child{
font-size:2.18em;
margin-right:0.2em;
}
.faq_box dd p:last-child{
margin-top:1em;
}



.closing{
background:url(../img/closing_bg.png);
background-size:cover;
padding:150px 0;
}
.closing h4{
color:#fff;
font-size:clamp(14px, 2.5vw, 40px);
text-align:center;
margin-bottom:30px;
}
.to_form{
text-align:center;
}
.to_form img{
width:auto;
}

.job_description{
padding:130px 0;
background:url(../img/job_description_bg.png);
background-size:cover;
}
.job_description h3{
color:#fff;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.job_description h3 + p{
color:#fff;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:130px;
}
.job_description_box{
max-width:1200px;
margin:0 auto;
}
.job_description_box dl{
border-bottom:2px solid #333;
display:flex;
padding:20px 40px;
background:#fff;
}
.job_description_box dl:first-child{
border-top:2px solid #333;
}
.job_description_box dl:nth-child(even){
background:#eee;
}
.job_description_box dt{
width:20%;
font-size:clamp(14px, 1.3vw, 18px);
}
.job_description_box dd{
width:80%;
font-size:clamp(14px, 1.2vw, 16px);
}


.form{
padding:130px 0;
background:url(../img/form_bg.png);
background-size:cover;
}
.form h3{
color:#000040;
text-align:center;
font-size:clamp(14px, 2.5vw, 40px);
margin-bottom:40px;
}
.form h3 + p{
color:#000040;
text-align:center;
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:100px;
}

.form_box{
max-width:980px;
margin:0 auto;
background:#fff;
border:2px solid #333;
padding:50px 110px;
}




footer{
background:#000040;
padding:50px 0 25px;
text-align:center;
color:#fff;
}
.f_logo img{
width:auto;
}
.c_name{
font-size:18px;
font-weight:bold;
font-family:sans-serif;
margin-bottom:40px;
}





/*
.main-content-wrapper{
position:relative;
z-index:-1;
}
#section1 {
background: #d32f2f;
height: 70vh;
color: #fff;
margin-top:30vh;
}

#section2 {
background: #c2185b;
color: #fff;
height: 70vh;
margin-top:30vh;
}

#section3 {
background: #7b1fa2;
color: #fff;
height: 70vh;
margin-top:30vh;
}

#section4 {
background: #512da8;
color: #fff;
height: 70vh;
margin-top:30vh;
}*/


/* ================================================
tab
================================================ */
@media screen and (max-width: 1200px) {
}


/* ================================================
sp
================================================ */
@media screen and (max-width: 768px) {
.pc{
display:none;
}
.sp{
display:block;
}

header{
position:relative;
z-index:10;
max-width:100%;
}
h1{
}

.main_img{
margin-top:-11%;
position:relative;
z-index:9;
}
.copy_box{
position:absolute;
top:10%;
left:5%;
max-width:90%;
}
.form_btn{
max-width:43%;
margin-left:4%;
}

.intro{
padding:15% 0 0;
}

.experience{
display:block;
width:90%;
margin:0 auto 10%;
}
.experience_txt{
padding:5%;
width:100%;
}
.experience h2{
color:#99804d;
font-size:6vw;
margin-bottom:5%;
}
.experience p{
font-size:clamp(14px, 1vw + 10px, 24px);;
}
.experience_img{
margin-bottom:5%;
width:100%;
}
.feel{
text-align:center;
font-size:5.5vw;
margin:0 auto 5%;
position:relative;
z-index:2;
}
.feel::after{
content:"";
background:#f1c085;
display:block;
position:absolute;
bottom:-5px;
left:50%;
transform:translateX(-50%);
height:5px;
width:90%;

z-index:-1;
}
.feel + div{
border:2px solid #fff;
border-radius:20px;
color:#fff;
font-size:3.7vw;
text-align:center;
width:90%;
margin:0 auto 10%;
padding:5% 5%;

}
.feel + div span{
font-size:3.2vw;
margin-bottom:10px;
display:block;
}

.navy{
font-size:5vw;
padding:5% 0;
margin-bottom:5%;
}

.incentive{
display:block;
align-items:center;
width:90%;
margin:0 auto 15%;
}
.incentive_txt{
padding:5%;
width:100%;
}
.incentive h2{
font-size:6vw;
margin-bottom:5%;
text-align:left;
}
.incentive p{
font-size:clamp(14px, 1vw + 10px, 24px);;
}
.incentive_img{
width:100%;
}


.orange{
font-size:5vw;
padding:5% 0;
}


.career_path{
padding:15% 0;
}
.career_path h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.career_path h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}

.orange_bg{
padding:10% 0;
font-size:6vw;
fuont-weight:bold;
}

.message{
padding:10% 0;
display:block;
}
.message_img{
width:90%;
}
.message_txt{
width:100%;
margin:0;
}

/*.message_txt_wrap{
transform:skewX(8deg);
}
.message_txt_inner{
padding:0 70px;
max-width:80%;
}
.message_txt h3{
background:#fff;
color:#000040;
padding:10px 0;
text-align:center;
transform:skewX(-8deg);
margin-bottom:40px;
margin-left: 2.6%;
font-size:35px;
}
.message_txt h3 p{
transform:skewX(8deg);
}
.message_txt h4{
font-size:30px;
}
.message_txt p{
margin-bottom:1em;
}
.message_txt p:last-child{
margin-bottom:0;
}
.president{
text-align:right;
}
*/







.business{
padding:15% 0;
}
.business h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.business h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}

.business_box{

}
.business_item{
display:block;
align-items:center;
margin-bottom:10%;
}
.business_item:nth-child(even){
flex-flow: row-reverse;
}
.business_img{
width:100%;
}
.business_txt{
width:100%;
margin:-5% 0 0;
}
.business_item:nth-child(even) .business_img{
margin:-5% 0 0;
}

.team{
padding:15% 0;
}
.team h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.team h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}

.team_box{
display:block;
max-width:90%;
margin:0 auto;
}
.team_item{
padding:3%;
}
.team_item:nth-child(even){
background:#a5b6cc;
color:#333;
}
.team_item img{
margin-bottom:3%;
}
.team_item h5{
margin-bottom:3%;
font-size:4vw;
padding:2%;
}
.team_item p{
width:90%;
margin:0 auto;
}


.staff{
padding:15% 0;
}
.staff h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.staff h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}
.staff_box{
display:block;
max-width:90%;
}
.staff_item{
width:100%;
margin-bottom:5%;
}

.schedule{
padding:15% 0;
}
.schedule h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.schedule h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}
.schedule_box{
display:block;
width:90%;
}
.schedule_txt{
width:100%;
}
.schedule_item{
display:flex;
padding:4%;
background:#fff;
margin-bottom:5%;
}
.schedule_txt .time{
width:10%;
margin-right:2%;
}
.schedule_txt .schedule_item_txt{
width:100%;
}
.schedule_txt .schedule_item_txt h6{
font-size:4.5vw;
}
.schedule_txt .schedule_item_txt p{
font-size:3.5vw;
}
.schedule_img{
width:80%;
margin:0 auto;
}



.voice{
padding:15% 0;
}
.voice h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.voice h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}
.voice_box{
}
.voice_item{
background:#fff;
padding:5%;
display:block;
max-width:90%;
margin:0 auto 5%;
}
.voice_img{
width:60%;
margin:0 auto 5%;
}
.voice_txt_box{
width:100%;
}
.voice_name{
font-size:4vw;
}
.voice_tenure{
font-size:3vw;
}
.voice{
font-size:3.5vw;
}


.person{
padding:15% 0;
}
.person h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.person h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}
.person_box{
max-width:90%;
margin:0 auto;
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}
.person_item{
width:100%;
margin-bottom:2%;
padding:5%;
}
.person_item img{
width:40%;
margin:0 auto 2%;
display:block;
}
.person_item h5{
font-weight:bold;
font-size:4vw;
margin:0 auto 2%;
text-align:center;
}
.person_item p{
font-size:3vw;
}


.faq{
padding:15% 0;
}
.faq h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.faq h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}

.faq_box{
max-width:90%;
margin:0 auto;
}
.faq_box dl{
font-size:4vw;
}
.faq_box dt{
display:flex;
padding:3%;
}
.faq_box dt p:first-child{
}
.faq_box dt p:last-child{
width:calc(100% - 20%);
}
.faq_box dd{
padding:3%;
font-size:3vw;
}
.faq_box dd p:first-child{
font-size:2.18em;
margin-right:0.2em;
}
.faq_box dd p:last-child{
margin-top:1em;
}



.closing{
padding:10% 5%;
}
.closing h4{
font-size:4.5vw;
width:90%;
margin:0 auto 5%;
}
.to_form{
width:80%;
margin:0 auto 5%;
}
.to_form img{
width:auto;
}

.job_description{
padding:15% 0;
}
.job_description h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.job_description h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}
.job_description_box{
max-width:90%;
margin:0 auto;
}
.job_description_box dl{
display:block;
padding:5% 5%;
}
.job_description_box dl:first-child{
}
.job_description_box dl:nth-child(even){
}
.job_description_box dt{
width:100%;
font-size:4vw;
margin-bottom:3%;
}
.job_description_box dd{
width:100%;
font-size:3vw;
}


.form{
padding:15% 0;
}
.form h3{
font-size:5vw;
width:90%;
margin:0 auto 5%;
}
.form h3 + p{
font-size:3vw;
width:90%;
margin:0 auto 15%;
}

.form_box{
max-width:90%;
padding:5%;
}


footer{
padding:8% 0 3%;
}
.f_logo img{
width:30%;
margin:0 auto 3%;
}
.c_name{
font-size:4vw;
margin-bottom:8%;
}
footer .copy{
font-size:3vw;
}
}






/* ==========================================
スタッキングパララックス

★バグを排除したスタッキング＆画面固定設定
========================================== */
        
        /* 1. スクロールを耐久させるための親コンテナ（高さ＝固定したい時間） */
        .stack-scroll-wrapper {
            position: relative;
            width: 100%;
            height: 300vh; /* カード3枚分（2枚をせり上げさせるためのスクロール量） */
            background-color: #f4f4f4;
        }

        /* 2. 💡【超重要】画面全体を sticky でホールドするコンテナ */
        .sticky-screen-box {
            position: sticky;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh; /* 画面ぴったりに固定 */
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: space-between; /* 上部コンテンツと下部カードを上下に綺麗に振り分ける */
        }

        /* 3. 画面上部に絶対残るコンテンツエリア */
        .intro-block {
            width: 100%;
            padding: 40px 20px 10px;
            text-align: center;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .intro-block h2 {
            font-size: 2rem;
            font-weight: 300;
            margin-bottom: 10px;
        }

        /* 4. 画面の下端（Bottom）を常にキープするカードの「外枠」 */
        .projects-card-frame {
            width: 100%;
            max-width: 100%;
            aspect-ratio: 16 / 5; /* 比率を維持 */
            max-height: 55vh;     /* 画面の55%を超えないようにして、上部テキストの領域を絶対確保 */
            position: relative;
            overflow: hidden;
            background-color: #000;
        }

        /* 各カード（絶対配置で同じ位置に重ねる） */
        .project-card {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        /* 背景画像：少し高さを出してパララックスの遊びを担保 */
        .card-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 120%;
            object-fit: cover;
            z-index: 1;
            will-change: transform;
        }

        /* マスク */
        .card-mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.35);
            z-index: 2;
        }

        /* テキスト */
        .card-content {
            position: relative;
            z-index: 3;
            text-align: center;
            color: #fff;
            padding: 0 20px;
        }

        .num {
            font-size: 0.9rem;
            font-weight: 300;
            letter-spacing: 0.3em;
            color: #ddd;
            display: block;
            margin-bottom: 10px;
        }

        .title {
            font-family: "Times New Roman", Georgia, serif;
            font-size: 2.5rem;
            font-weight: 400;
            letter-spacing: 0.05em;
        }

        @media (max-width: 768px) {
            .title { font-size: 1.6rem; }
            .projects-card-frame { max-height: 45vh; aspect-ratio: 4 / 3; /* 比率を維持 */ }

        }



/*
フォーム
*/

.entry-form {
  display: grid;
  gap: 18px;
  width: min(100%, 720px);
  margin: 28px auto 0;
}

.form-list {
  display: grid;
  gap: 18px;
  margin: 0;
}

.form-row {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 16px;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
}

.form-row span,
.form-row dt span {
  display: inline-block;
  margin-left: 8px;
  padding: 2px 6px;
  color: #fff;
  background: #d14232;
  font-size: .75rem;
  line-height: 1.2;
  border-radius: 10px;
}

.form-row dd {
  margin: 0;
}

.entry-form input[type="text"],
.entry-form input[type="email"],
.entry-form textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #c9c9c9;
  border-radius: 10px;
  font: inherit;
}

.choice-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}

.choice,
.privacy-check {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.confirm-button,
.confirm-actions button {
  padding: 12px 24px;
  border: 0;
  border-radius: 10px;
  background: #f2954c;
  color: #fff;
  font: inherit;
  cursor: pointer;
}

.confirm-button {
  width: min(100%, 400px);
  margin: 0 auto;
  text-align: center;
}

.form-errors {
  width: min(100%, 720px);
  margin: 20px auto 0;
  padding: 12px 16px;
  color: #b00020;
  border: 1px solid #b00020;
  border-radius: 10px;
}

.form-errors p {
  margin: 0;
  text-align: left;
}

.hp-field {
  position: absolute;
  left: -9999px;
}

.confirm-overlay {
  position: fixed;
  z-index: 1000;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(0, 0, 0, .55);
}

.confirm-overlay[hidden] {
  display: none;
}

.confirm-dialog {
  width: min(100%, 640px);
  max-height: 88vh;
  overflow: auto;
  padding: 24px;
  background: #fff;
  border-radius: 10px;
}

.confirm-dialog h3 {
  margin: 0 0 16px;
}

.confirm-dialog dl {
  display: grid;
  grid-template-columns: 11em 1fr;
  gap: 10px 16px;
  margin: 0;
}

.confirm-dialog dd {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.confirm-actions {
  display: flex;
  gap: 12px;
  justify-content:center;
  margin-top: 24px;
}

.confirm-actions button:first-child {
  background: #777;
}

.privacy-row {
  grid-template-columns: 1fr;
  justify-items: center;
}

.privacy-row dd {
  display: flex;
  justify-content: center;
  width: 100%;
}

.is-confirm-open {
  overflow: hidden;
}

@media (max-width: 640px) {
  .form-row {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .confirm-dialog dl {
    grid-template-columns: 1fr;
  }

  .confirm-dialog dt {
    margin-top: 8px;
  }
}



/* アコーディオン全体のスタイル */
.faq_box dl {
  /*border-bottom: 1px solid #ddd;*/ /* 枠線（デザインに合わせて調整してください） */
}

/* 質問エリア（クリックできる部分） */
.faq_box dt {
  position: relative;
  cursor: pointer;
  /*padding: 20px 40px 20px 0;*/ /* アイコン分の右余白を確保 */
  transition: background-color 0.3s ease;
}

/* アイコン（プラス・マイナスの土台） */
.faq_box dt::before,
.faq_box dt::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  width: 14px;
  height: 2px;
  background-color: #333; /* アイコンの色。オレンジ等にする場合はここを変更 */
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
/* 縦棒（プラスにするための線） */
.faq_box dt::after {
  transform: translateY(-50%) rotate(90deg);
}

/* アクティブ状態（開いているとき）のスタイル変更 */
.faq_box dt.is-active::after {
  transform: translateY(-50%) rotate(0deg); /* 縦棒を寝かせてマイナスにする */
}

/* 回答エリア（初期状態は非表示） */
.faq_box dd {
  display: none;
  /*padding: 0 0 20px 0;*/
}




/*
thanks.html
*/
.thanks-page{
background:url(../img/team_bg.png);
background-size:cover;
margin:0;
color:#333;
}
.thanks_box{
padding:130px 0;
text-align:center;
}
.thanks_inner{
padding:100px 0;
wisth:100%;
background:rgba(255,255,255,0.9);
background:#fff;

}
.thanks_inner h1{
font-size:clamp(14px, 2.5vw, 40px);
}

.thanks_inner h2{
font-size:clamp(14px, 2.2vw, 35px);
font-weight:normal;
}
.thanks_inner h2 + p{
font-size:clamp(14px, 1.2vw, 16px);
margin-bottom:80px;
}

.thanks_inner h3{
font-size:clamp(14px, 2.0vw, 20px);
font-weight:normal;
margin:0;
}
.thanks_inner h3 + p{
font-size:clamp(14px, 1.2vw, 16px);
margin:0 auto 40px;
}
.thanks_inner a{
text-decoration: underline;
}



@media (max-width: 768px) {
.thanks_box{
padding:30% 0;
}
.thanks_inner{
padding:10%;
}
.thanks_inner h1{
font-size:5vw;
}
.thanks_inner h2{
font-size:4.5vw;
}
.thanks_inner h2 + p{
margin-bottom:5%;
}
.thanks_inner h3 + p{
margin:0 auto 5%;
}

}