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

@media screen and (max-width: 600px) {
#spend .main_title .tit span{ font-size: 22px;}
}

/* ---------------------------------------------------
Section Lead
------------------------------------------------------ */
.sec_lead{ padding: 100px 0; text-align: center;}
.sec_lead .tit_01{ font-size: 35px; line-height: 1.4; padding: 0 0 40px;}
.sec_lead .txt_01{ font-size: 16px; line-height: 1.8;}

@media screen and (max-width: 600px) {
.sec_lead{ padding: 50px 0; text-align: center;}
.sec_lead .tit_01{ font-size: 24px; line-height: 1.4; padding: 0 0 20px;}
.sec_lead .txt_01{ font-size: 15px; line-height: 1.7; text-align: left;}
}

/* ---------------------------------------------------
Section Day
------------------------------------------------------ */
.sec_day{ padding: 120px 0; background-image: url("../../contents/img/bg_01.webp"); background-repeat: no-repeat; background-position: calc( 50% - 50px ) calc( 0% - 20px );}
.sec_day#day1{ background-color: #f3efe9;}
.sec_day .tit_01{ font-size: 60px; line-height: 1.1; color: #d08383; text-align: center; padding: 0 0 40px;}
.sec_day .sec_scene{ padding: 0 0 10px;}
.sec_day .tit_02{ padding: 90px 0 60px; position: relative;}
.sec_day .tit_02::before{ content: ""; display: block; width: 1px; height: 80px; border-left: dashed 1px #d08383; position: absolute; top: 0; left: 50%;}
.sec_day .tit_02 img{ display: block; margin: 0 auto;}
.sec_day .tit_02 span{ display: block; font-size: 30px; line-height: 1.5; text-align: center; width: 90%; margin: 20px auto 0;}
.sec_day .img_01{ padding: 0 0 50px;}
.sec_day .txt_01{ width: 750px; margin: 0 auto 50px; font-size: 16px; line-height: 1.8;}
.sec_day .btn_01{ text-align: center;}
.sec_day .btn_01 a{ font-size: 16px; line-height: 1.5; color: #fff; text-align: center; border-radius: 70px; display: inline-block; margin: 0 auto 50px; padding: 10px 30px 10px 60px; box-sizing: border-box; background-color: #a48242; background-image: url("../img/ico_bus_02.svg"); background-repeat: no-repeat; background-position: 30px center; background-size: 18px; transition: all 0.5s;}
.sec_day .btn_01 a:hover{ background-color: #BD9C5D; text-decoration: none;}
.sec_day .sec_in{ background: #e8e1d8; padding: 100px;}
.sec_day .tit_03{ font-size: 26px; line-height: 1.5; text-align: center; color:rgba(96,50,25,0.6); padding: 0 0 40px;}
.sec_day .img_02{ padding: 0 0 40px;}
.sec_day .txt_02{ width: 750px; margin: 0 auto; font-size: 16px; line-height: 1.8;}

@media screen and (max-width: 600px) {
.sec_day{ padding: 50px 0;}
.sec_day .tit_01{ font-size: 30px; padding: 0 0 20px;}
.sec_day .sec_scene{ padding: 0 0 10px;}
.sec_day .tit_02{ padding: 50px 0 20px;}
.sec_day .tit_02::before{ height: 40px;}
.sec_day .tit_02 span{ font-size: 20px; width: 100%; margin: 10px 0 0;}
.sec_day .img_01{ padding: 0 0 20px;}
.sec_day .txt_01{ width: 100%; margin: 0 auto 20px; font-size: 15px; line-height: 1.7;}
.sec_day .btn_01{ width: 100%; height: auto; font-size: 15px; line-height: 1.4; border-radius: 60px; margin: 0 auto 20px;}
.sec_day .btn_01 a{ margin: 0 auto; padding: 10px 30px 10px 60px;}
.sec_day .sec_in{ padding: 5%;}
.sec_day .tit_03{ font-size: 18px; line-height: 1.5; padding: 0 0 10px;}
.sec_day .img_02{ padding: 0 0 20px;}
.sec_day .txt_02{ width: 100%; margin: 0; font-size: 15px; line-height: 1.7;}
}