@charset "UTF-8";
/* ===================================================
	Ski CSS
====================================================== */

/* ---------------------------------------------------
Section Lead
------------------------------------------------------ */
#lead .cmn_txt_02{ padding: 0 0 50px;}
#lead .box_btns{ display: flex; justify-content: center; }
#lead .box_btns .btn{ margin: 0 20px;}

@media screen and (max-width: 600px) {
#lead .cmn_txt_02{ padding: 0 0 20px;}
#lead .box_btns{ flex-direction: column; align-items: center;}
#lead .box_btns .btn{ margin: 15px 0 0;}
}

/* ---------------------------------------------------
Section 04
------------------------------------------------------ */
.sec_04{ padding: 100px 0 0;}
.sec_04 .inner_01{ text-align: center; padding: 0 0 120px;}
.sec_04 .cmn_tit_07{ width: 100%; padding: 0 0 50px;}
.sec_04 .box_tabs{ background: #fff; border-top: solid 1px #009944; padding: 0 0 100px;}
.sec_04 .box_tabs .tabs { padding: 0 0 40px; /*width: 100%;*/ display: flex; flex-wrap: wrap; justify-content: space-between; }
.sec_04 .box_tabs .tab_item { margin: -70px 0 0; width: 31%; height: 70px; border-top: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa; border-bottom: 1px solid #009944; border-radius: 8px 8px 0 0; background-color: #eeeeee; line-height: 70px; font-size: 20px; text-align: center; color: #000; display: block; font-weight: bold; transition: all 0.5s ease; box-sizing: border-box; cursor: pointer; }
.sec_04 .box_tabs .tab_item:hover { color: #009944; }
.sec_04 .box_tabs .tabs input:checked + .tab_item { border-top: solid 1px #009944; border-right: solid 1px #009944; border-left: solid 1px #009944; border-bottom: 1px solid #fff; background-color: #fff; color: #009944; }
input[name="tab_item"] { display: none; }
.sec_04 .box_tabs .tab_content { display: none; padding: 60px 0 0; overflow: hidden; width: 100%; flex-wrap: wrap;}
#dayuse:checked ~ #dayuse_content,
#stay:checked ~ #stay_content,
#lesson:checked ~ #lesson_content { display: flex; }
.sec_04 .box_tabs .tab_content .sec_in{ width: 32%; margin: 0 2% 40px 0;}
.sec_04 .box_tabs .tab_content .sec_in:nth-of-type(3n){ margin: 0 0 40px;}
.sec_04 .box_tabs .tab_content .sec_in .cmn_tit_05{ padding: 0 0 10px 25px;}
.sec_04 .box_tabs .tab_content .sec_in .cmn_tbl_04{ font-size: 15px;}
.sec_04 .box_tabs .tab_content .sec_in .cmn_tbl_04 th,
.sec_04 .box_tabs .tab_content .sec_in .cmn_tbl_04 td{ text-align: center; padding: 10px 5px; line-height: 1.3;}
.sec_04 .sec_item{ border: solid 1px #aaa; padding: 40px; box-sizing: border-box; display: flex; justify-content: space-between;}
.sec_04 .sec_item .box_01{ width: 42%;}
.sec_04 .sec_item .cmn_tit_05{ font-size: 20px; padding: 0 0 10px 25px;}
.sec_04 .sec_item .cmn_tit_05::before{ width: 20px; top: 5px;}
.sec_04 .sec_item .btn{ text-align: right; padding: 20px 0 0;}
.sec_04 .sec_item .box_02{ width: 54.4%; display: flex; justify-content: space-between;}
.sec_04 .sec_item .box_02 .img{ width: calc( 50% - 5px );}

@media screen and (max-width: 600px) {
.sec_04{ padding: 50px 0 0;}
.sec_04 .inner_01{ text-align: left; padding: 0 0 100px;}
.sec_04 .cmn_tit_07{ padding: 0 0 20px; text-align: center;}
.sec_04 .cmn_tit_07 .ja{ font-size: 26px;}
.sec_04 .box_tabs{ padding: 0 0 50px;}
.sec_04 .box_tabs .tabs { padding: 0 0 10px; }
.sec_04 .box_tabs .tab_item { margin: -70px 0 0; height: 70px; line-height: 1.4; font-size: 16px; display: flex; align-items: center; justify-content: center; }
.sec_04 .box_tabs .tab_content { padding: 30px 4% 0;}
.sec_04 .box_tabs .tab_content .sec_in{ width: 100%; margin: 0 0 20px 0;}
.sec_04 .box_tabs .tab_content .sec_in:nth-of-type(3n){ margin: 0 0 20px 0;}
.sec_04 .box_tabs .tab_content .sec_in .cmn_tbl_04{ font-size: 14px;}
.sec_04 .box_tabs .tab_content .sec_in .cmn_tbl_04 th,
.sec_04 .box_tabs .tab_content .sec_in .cmn_tbl_04 td{ padding: 5px; line-height: 1.3;}
.sec_04 .sec_item{ padding: 4%; flex-direction: column;}
.sec_04 .sec_item .box_01{ width: 100%;}
.sec_04 .sec_item .cmn_tit_05{ font-size: 18px; padding: 0 0 10px 25px;}
.sec_04 .sec_item .cmn_tit_05::before{ width: 18px; top: 5px;}
.sec_04 .sec_item .btn{ padding: 0 0 10px 0;}
.sec_04 .sec_item .box_02{ width: 100%;}
.sec_04 .sec_item .box_02 .img{ width: 48%;}
}