@charset "UTF-8";
/* CSS Document */
/*--------------------
01.top
02.contact
02-01.confirm
02-02.done
--------------------*/

@media only screen and (max-width:1024px){
/*----------
01.top 1024
----------*/
#top .main_visual .date.pc{
right: 3%;
}

#top .cnt_area01 li{
width: 47.45%;
}

}

@media only screen and (max-width:750px){
/*----------
01.top 750
----------*/
#top .main_visual{
height: auto;
}

#top .main_visual .mv_top{
padding-top: 40px;
background-image: url(../img/top/mv_top_bg_sp.jpg);
margin-bottom: -34px;
}

#top .main_visual .mv_top .biz{
font-size: 36px;
line-height: 36px;
padding-bottom: 70px;
margin-bottom: 0;
}

#top .main_visual .rebon{
margin: 0 auto 10px;
max-width: 248.1px;
}

#top .main_visual .mv_top .text{
font-size: 15px;
line-height: 21px;
margin-bottom: 10.7px;
}

#top .main_visual .mv_top .text::before,#top .main_visual .mv_top .text::after{
width: 17.94px;
height: 20.17px;
}

#top .main_visual .mv_top .text::before{
margin-right: 2px;
}

#top .main_visual .mv_top .text::after{
margin-left: 2px;
}

#top .main_visual .main_bottom::before{
width: 32.33px;
height: 32.33px;
top: -16.165px;
}


#top .main_visual .main_bottom{
padding: 46.6px 0 40px;
background-image: url(../img/top/mv_bottom_sp.png);
}

#top .main_visual .main_bottom h1{
max-width: 338px;
margin: 0 auto 50.3px;
}

#top .main_visual .main_bottom h1 .with{
width: 38px;
margin-right: 9px;
}

#top .main_visual .main_bottom h1 .thusyaku{
line-height: 25px;
font-size: 18px;
}

#top .main_visual .main_bottom h1 .thusyaku::before{
width: 40.07px;
height: 14.61px;
margin-right: 8px;
}

#top .main_visual .swiper-slide{
border-radius: 5px;
}

#top .main_visual .date{
position: static;
padding: 10px 10px 20px;
background: center top/cover no-repeat url(../img/top/mv_sp_bottom_bottom.jpg);
width: 100%;
height: auto;
}

#top .main_visual .date img{
max-width: 335px;
margin: 0 auto;
}

#top .main_visual .main_bottom .text_add .sub{
    font-size: 14px;
}

#top .cnt_area01{
padding: 60px 0 74px;
}

#top .cnt_area01 p{
line-height: 25.2px;
margin-bottom: 50px;
}

#top .cnt_area01 .video_wrap{
margin: 0 auto 50px;
}



#top .cnt_area01 .bg_yellow{
padding: 40px 0 5px;
background-image: url(../img/top/area01_bg_sp.jpg);
margin-bottom: 40px;
border-radius: 10px;
}

#top .cnt_area01 h3{
font-size: 16px;
line-height: 1;
margin-bottom: 45px;
align-items: flex-end;
}

#top .cnt_area01 h3::before,#top .cnt_area01 h3::after{
width: 17.94px;
height: 20.17px;
}

#top .cnt_area01 h3::before{
margin-right: 10px;
}

#top .cnt_area01 h3::after{
margin-left: 10px;
}

#top .cnt_area01 ul{
width: 100%;
padding: 0 20px;
}

#top .cnt_area01 li{
margin-bottom: 35px;
}

#top .cnt_area01 li .top{
padding: 25px 0 15.9px;
border-bottom: 2px solid #DACE9B;
}

#top .cnt_area01 li img{
max-width: 80px;
}

#top .cnt_area01 li .bottom{
padding: 14.1px 15px 15px;
line-height: 23px;
min-height: 96px;
}

#top .cnt_area01 li::before{
width: 46px;
height: 53px;
top: -28px;
left: 10px;
}

#top .cnt_area01 .swiper-slide01{
margin-bottom: 29.5px;
}

#top .cnt_area01 .swiper-slide02{
margin-bottom: 85.1px;
}

#top .cnt_area01 .swiper-slide03{
margin-bottom: 53.1px;
}

#top .cnt_area01 .swiper-slide04{
margin-bottom: 83.7px;
}

#top .cnt_area01 .swiper-wrapper{
align-items: flex-end;
}

#top .cnt_area01 .crowd01{
display: none;
}

#top .cnt_area01 .crowd02{
display: none;
}

#top .cnt_area01 .swiper-slide01{
margin-bottom: 16.2px;
max-width: 148.24px;
}

#top .cnt_area01 .swiper-slide02{
margin-bottom: 48.3px;
max-width: 116.29px;
}

#top .cnt_area01 .swiper-slide03{
margin-bottom: 29.6px;
max-width: 144.24px;
}

#top .cnt_area01 .swiper-slide04{
margin-bottom: 47.6px;
max-width: 151.76px;
}

#top .cnt_area01 .swiper-slide05{
max-width: 158.88px;
}

#top .cnt_area02{
padding: 60px 0 60.8px;
background-image: url(../img/top/area02_bg_sp.png);
}

#top .cnt_area02 .cnt_g{
padding: 60px 40px;
box-shadow: 5px 5px 0 #22355F;
}

#top .cnt_area02 .cnt_g::before{
width: 69.61px;
height: 77.33px;
top: 10px;
left: 10px;
}

#top .cnt_area02 .cnt_g::after{
width: 107.41px;
height: 49.94px;
right: 10px;
bottom: 10px;
}

#top .cnt_area02 .cnt_g dt{
font-size: 16px;
line-height: 24px;
margin-bottom: 5px;
}

#top .cnt_area02 .cnt_g dt::before{
width: 13px;
height: 13px;
}

#top .cnt_area02 .cnt_g dd{
padding: 0 0 30px 23px;
}

#top .cnt_area02 .cnt_g dd .btn_type01{
margin-top: 30px;
}

#top .cnt_area03{
padding: 100px 0 150.3px;
background-image: url(../img/top/area03_bg_sp.jpg);
position: relative;
}

#top .cnt_area03 .cnt_g{
margin-bottom: 60px;
flex-wrap: nowrap;
}

#top .cnt_area03 .cnt_g .cnt_box{
width: 100%;
margin-bottom: 0;
}

#top .cnt_area03 .cnt_g .cnt_box .name{
padding: 29px 0;
background-color: #DACE9B;
min-height: 80px;
}

#top .cnt_area03 .cnt_g .cnt_box.coming .cnt_img{
padding: 111px 0 35px;
}

#top .cnt_area03 .cnt_g::before{
content: "";
display: inline-block;
width: 23.14%;
order: 1;
}

#top .cnt_area03 .cnt_g::after{
content: "";
display: inline-block;
width: 23.14%;
}

#top .cnt_area03 .btn_type01{
margin: 97.6px auto 0;
}

#top .cnt_area03 .swiper-pagination{
display: flex;
justify-content: center;
bottom: -37.6px;
}

#top .cnt_area03 .swiper-pagination-bullet{
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background: #CBCBCB;
margin: 0 10px;
opacity: 1;
}

#top .cnt_area03 .swiper-button-next:after, #top .cnt_area03 .swiper-button-prev:after{
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-right: 2px solid #987529;
border-bottom: 2px solid #987529;
position: absolute;
}

#top .cnt_area03 .swiper-button-prev,#top .cnt_area03 .swiper-button-next{
width: 45px;
height: 45px;
border-radius: 50%;
border: 1px solid #987529;
background-color: rgba(255, 255, 255, 0.8);
position: absolute;
display: flex;
}

#top .cnt_area03 .swiper-button-prev{
transform: rotate(135deg);
left: -13px;
}

#top .cnt_area03 .swiper-button-next{
transform: rotate(-45deg);
right: -13px;

}

#top .cnt_area03 .swiper-horizontal{
position: relative;
max-width: 375px;
margin: 0 auto;
}

#top .cnt_area03 .swiper-pagination-bullet.swiper-pagination-bullet-active{
background: #22355F;
}

#top .cnt_area04{
padding: 60px 0 174px;
background-image: url(../img/top/area04_bg_sp.png);
margin-top: -29px;
position: relative;
}

#top .cnt_area04 h2{
font-size: 18px;
padding: 0 0 25.82px;
margin-bottom: 47.2px;
}

#top .cnt_area04 h2::after{
width: 78.87px;
height: 14.82px;
}

#top .cnt_area04 .cnt_box{
padding: 70px 20px;
box-shadow: 5px 5px 0 #DACE9B;
}

#top .contact_box .contents_in{
padding: 80px 0;
}

#top .contact_box .name{
font-size: 17px;
line-height: 25px;
margin-bottom: 25px;
}

#top .contact_box .info{
line-height: 28.8px;
margin-bottom: 20px;
}

#top .contact_box .info02{
font-size: 14px;
line-height: 28.8px;
}

/* 公開後 */
#top #detail{
background-image: url(../img/top/area04_bg_sp.png);
}

#top #detail .cnt_box ul{
margin: 0 auto 30px;
} 

#top #detail .cnt_box li{
text-indent: -31px;
padding-left: 31px;
}

#top #detail .cnt_box li:not(:last-of-type){
margin-bottom: 10px;
}

#top #detail .cnt_box li span{
padding-left: 0;
text-indent: 0;
padding-left: 0;
}

#top #detail .video_wrap{
max-width: 540px;
margin: 0 auto 40px;
}

#top #detail .video_wrap + .flex_box{
flex-direction: column;
}

#top #detail .cnt_box .btn_type01{
width: 100%;
}

#top #detail .cnt_box .btn_type01:first-of-type{
margin-bottom: 10px;
}

#top #detail .video_wrap_big + .flex_box{
    flex-direction: column;
}

/*----------
02.contact 750
----------*/

.contact_form .cnt_area01 .contents_in{
box-shadow: 5px 5px 0 #22355F;
padding: 50px 20px;
}

.contact_form .cnt_area01 .contents_in ul{
max-width: 230px;
margin: 0 auto 50px;
}

.contact_form .cnt_area01 .contents_in ul img{
width: 35px;
}

.contact_form .cnt_area01 .contents_in ul::after {
width: 220px;
top: 15px;
}

/* .contact_form .cnt_area01 .contents_in ul span{
display: block;
font-weight: 600;
line-height: 24px;
text-align: center;
color: #22355F;
} */

.contact_form .cnt_area01 h1{
font-size: 18px;
line-height: 22px;
padding-bottom: 30px;
}

.contact_form .cnt_area01 h1::after{
width: 117px;
height: 19.42px;
}

.contact_form .cnt_area01 tr{
display: flex;
flex-direction: column
}

.contact_form .cnt_area01 input[type="text"],.contact_form .cnt_area01 input[type="tel"]{
appearance: none;
border: none;
border-radius: 5px;
font-family: 'Noto Sans JP', sans-serif;
line-height: 24px;
padding: 5.5px 20px;
background-color: #EDEDED;
width: 100%;
}

.contact_form .cnt_area01 input[type="checkbox"]{
display: none;
}

.contact_form .cnt_area01 input[type="text"]::placeholder,.contact_form .cnt_area01 input[type="tel"]::placeholder{
color: #A0A0A0;
}

.contact_form .cnt_area01 form th{
width: 100%;
padding-bottom: 10px;
}

.contact_form .cnt_area01 form th::before{
content: "";
display: inline-block;
width: 15px;
height: 15px;
background: center/contain no-repeat url(../common/img/dt_deco.png);
margin-right: 10px;
}

.contact_form .cnt_area01 form td{
width: 100%;
padding-bottom: 45px;
}

.contact_form .cnt_area01 form .agree{
display: flex;

}

.contact_form .cnt_area01 form .agree th{
width: 0%;
}

.contact_form .cnt_area01 form .agree th::before{
content: none;
}

.contact_form .cnt_area01 form .agree td{
width: 100%;
margin: 0 auto;
}

.contact_form .cnt_area01 .btn_type01{
margin: 0 auto;
position: relative;
}

.contact_form .cnt_area01 .btn_type01::after{
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
position: absolute;
top: 50%;
right: 17.7px;
transform:translateY(-50%) rotate(-45deg);
transition: 0.4s;
}

.contact_form .cnt_area01 .btn_type01:hover:after{
right: 10px;
transition: 0.4s;
}

.contact_form .cnt_area01 input[type="submit"]{
appearance: none;
cursor: pointer;
width: 100%;
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
line-height: 24px;
border: none;
border-radius: 23px;
font-weight: 500;
color: #fff;
padding: 9.6px 0 11.4px;
background-color: #C24332;
}

.contact_form .cnt_area01 .privacy{
font-size: 16px;
}

.contact_form .cnt_area01 .privacy label::before{
margin-right: 10px;
width: 25px;
height: 25px;
}

.contact_form .cnt_area01 .privacy input[type="checkbox"]:checked + label::after {
width: 10px;
height: 10px;
top: 50%;
transform: translateY(-50%);
}

/*----------
02-01.confirm 750
----------*/
#confirm.contact_form .cnt_area01{
padding-bottom: 50px;
}

#confirm.contact_form .cnt_area01 form td{
padding: 5.5px 20px 30px 20px;
}

#confirm .btn_flex {
flex-direction: column-reverse;
margin: 0 auto;
}

#confirm .cnt_area01 .btn_type01{
width: 100%;
}

#confirm .back{
margin-top: 10px;
}

/*----------
02-02.done 750
----------*/
#done.contact_form .cnt_area01{
padding-bottom: 50px;
}

#done h2{
font-size: 23px;
margin-bottom: 20px;
}

#done h2 + p{
line-height: 1.8;
}




}

@media only screen and (max-width:360px){
/*----------
01.top 360
----------*/
    #top .cnt_area02 .cnt_g {
        padding: 60px 25px;
    }
/*----------
02.contact 360
----------*/
.contact_form .cnt_area01 form th {
font-size: 13px;
line-height: 27.2px;
}

.contact_form .cnt_area01 .privacy {
font-size: 14px;
}
}