@charset "UTF-8";
/* ===================================================
	Ski_Lift 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 03
------------------------------------------------------ */
.sec_03{ padding: 100px 0; background: #fff;}
.sec_03 .cmn_tit_07{ width: 100%; padding: 0 0 50px;}
.sec_03 .inner_01{ display: flex; justify-content: space-between; flex-direction: row-reverse; padding: 0 0 50px;}
.sec_03 .inner_01 .box_01{ width: 50%;}
.sec_03 .inner_01 .box_02{ width: 43%;}
.sec_03 .inner_01 .box_02 .img_01{ margin: 0 0 10px;}
.sec_03 .inner_02{ padding: 0 0 50px 0;}
.sec_03 .inner_02 .cmn_txt_02,
.sec_03 .inner_02 .cmn_txt_03{ padding: 0 0 15px;}
.sec_03 .inner_03{ display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 0 50px 0;}
.sec_03 .inner_03 .sec_in{ width: 47.5%; margin: 0 0 40px;}
.sec_03 .inner_03 .sec_in .cmn_tit_05{ font-size: 20px; padding: 0 0 10px 25px;}
.sec_03 .inner_03 .sec_in .cmn_tit_05::before{ width: 20px; top: 5px;}
.sec_03 .inner_03 .sec_in .cmn_tit_05 small{ font-size: 16px;}
.sec_03 .inner_03 .sec_in .cmn_tbl_04 th,
.sec_03 .inner_03 .sec_in .cmn_tbl_04 td{ width: 33.3%; text-align: center;}
.sec_03 .inner_03 .btn{ width: 100%; display: block;}
.sec_03 .inner_03 .btn a{ width: 400px; margin: 0 0 0 auto;}
.sec_03 .inner_04{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.sec_03 .inner_04 .box_01{ width: 48%;}
.sec_03 .inner_04 .box_02{ width: 45%; font-size: 16px; line-height: 2;}
.sec_03 .inner_04 .box_01 .cmn_tbl_04 th,
.sec_03 .inner_04 .box_01 .cmn_tbl_04 td{ width: 25%; text-align: center; padding: 10px; line-height: 1.5;}
.sec_03 .inner_04 .box_01 .cmn_tbl_04 td strong{ color: #ff0000; font-weight: bold; }
.sec_03 .inner_04 .box_02 .sec_in{ padding: 0 0 20px 0;}
.sec_03 .inner_04 .box_02 .cmn_tit_05{ padding: 0 0 10px 25px;}
.sec_03 .inner_04 .box_02 .txt_01,
.sec_03 .inner_04 .box_02 .list_01,
.sec_03 .inner_04 .box_02 .list_02,
.sec_03 .inner_04 .box_02 .list_03{ padding: 0 0 0 15px;}
.sec_03 .inner_04 .box_02 .list_01,
.sec_03 .inner_04 .box_02 .list_02,
.sec_03 .inner_04 .box_02 .list_03{ list-style-type: none;}
.sec_03 .inner_04 .box_02 .list_03 li::before{ content: "・"}
.sec_03 .inner_04 .btn{ width: 100%; display: block;}
.sec_03 .inner_04 .btn a{ width: 400px; margin: 0 0 0 auto;}

@media screen and (max-width: 600px) {
.sec_03{ padding: 50px 0;}
.sec_03 .cmn_tit_07{ padding: 0 0 20px;}
.sec_03 .cmn_tit_07 .ja{ font-size: 26px;}
.sec_03 .inner_01{ flex-direction: column; padding: 0 0 20px;}
.sec_03 .inner_01 .box_01{ width: 100%;}
.sec_03 .inner_01 .box_02{ width: 100%; display: flex; justify-content: center; padding: 20px 0 0;}
.sec_03 .inner_01 .box_02 .img_01{ width: 48%; margin: 0;}
.sec_03 .inner_02{ padding: 0 0 20px 0;}
.sec_03 .inner_02 .cmn_txt_02,
.sec_03 .inner_02 .cmn_txt_03{ padding: 0 0 10px;}
.sec_03 .inner_03{ flex-direction: column; padding: 0 0 20px 0;}
.sec_03 .inner_03 .sec_in{ width: 100%; margin: 0 0 20px;}
.sec_03 .inner_03 .sec_in .cmn_tit_05{ font-size: 18px; padding: 0 0 10px 25px;}
.sec_03 .inner_03 .sec_in .cmn_tit_05::before{ width: 18px; height: 18px; top: 4px;}
.sec_03 .inner_03 .sec_in .cmn_tit_05 small{ font-size: 14px; padding: 0 0 0 5px;}
.sec_03 .inner_03 .sec_in .cmn_tbl_04 th,
.sec_03 .inner_03 .sec_in .cmn_tbl_04 td{ padding: 5px;}
.sec_03 .inner_03 .btn a{ width: 100%; margin: 0;}
.sec_03 .inner_04{ flex-direction: column;}
.sec_03 .inner_04 .box_01{ width: 100%;}
.sec_03 .inner_04 .box_02{ width: 100%; font-size: 14px; line-height: 1.7; padding: 20px 0 0;}
.sec_03 .inner_04 .box_01 .cmn_tbl_04 th,
.sec_03 .inner_04 .box_01 .cmn_tbl_04 td{ padding: 10px 5px; line-height: 1.5;}
.sec_03 .inner_04 .box_02 .sec_in{ padding: 0 0 20px 0;}
.sec_03 .inner_04 .box_02 .cmn_tit_05{ padding: 0 0 10px 25px;}
.sec_03 .inner_04 .box_02 .cmn_tit_05::before{ top: 4px;}
.sec_03 .inner_04 .box_02 .txt_01,
.sec_03 .inner_04 .box_02 .list_01,
.sec_03 .inner_04 .box_02 .list_02,
.sec_03 .inner_04 .box_02 .list_03{ padding: 0 0 0 15px;}
.sec_03 .inner_04 .btn a{ width: 100%; margin: 0;}
}