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

/* ---------------------------------------------------
Section 01
------------------------------------------------------ */
#sec_01 { counter-reset: tit_num; padding: 100px 0;}
#sec_01 .box_lead{ padding: 0 0 50px; text-align: center;}
#sec_01 .box_lead .tit_01{ font-size: 30px; }
#sec_01 .box_lead .txt_01{ font-size: 16px; line-height: 2; padding: 50px 0;}
#sec_01 .box_lead .img{}
#sec_01 .tit_02 { padding: 0 0 10px 1.4em; text-indent: -1.4em; font-size: 26px; counter-increment: tit_num; color: #9a847b;}
#sec_01 .tit_02::before { content: counter(tit_num) '. ';}
#sec_01 p{ font-size: 16px; line-height: 2;}
#sec_01 .sec_in{ padding: 0 0 50px; margin: 0 0 50px; border-bottom: solid 1px #CEBFB8;}
#sec_01 a{ text-decoration: underline; }
#sec_01 a:hover{ text-decoration: none; }

@media screen and (max-width: 600px) {
#sec_01 { padding: 50px 0 0;}
#sec_01 .box_lead{ padding: 0 0 30px; text-align: left;}
#sec_01 .box_lead .tit_01{ font-size: 22px; }
#sec_01 .box_lead .txt_01{ font-size: 15px; line-height: 1.7; padding: 10px 0 20px 0;}
#sec_01 .tit_02 { padding: 0 0 10px 1.4em; text-indent: -1.4em; font-size: 20px;}
#sec_01 p{ font-size: 15px; line-height: 1.7;}
#sec_01 .sec_in{ padding: 0 0 30px; margin: 0 0 30px;}
#sec_01 a{ text-decoration: underline; }
#sec_01 a:hover{ text-decoration: none; }
}