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

/* ---------------------------------------------------
Section Type 01
------------------------------------------------------ */
.sec_01{ padding: 90px 0 90px; }
.sec_01:nth-of-type(2n){ background: #e6f2f9;}
.sec_01 .inner{ display: flex; justify-content: space-between; align-items: center; flex-direction: row-reverse; flex-wrap: wrap;}
.sec_01 .box_txt{ width: 35%; max-width: 420px;}
.sec_01 .txt_01{ font-size: 16px; line-height: 2; padding: 0 0 30px;}
.sec_01 .list_01{ display: table; width: 100%; font-size: 16px; line-height: 1.5;}
.sec_01 .list_01 dt,
.sec_01 .list_01 dd{ display: table-cell;}
.sec_01 .list_01 dt{ padding: 8px 0; width: 30%; background: #d4eaf6; border-bottom: solid 1px #fff; text-align: center;}
.sec_01 .list_01 dd{ padding: 8px 0 8px 15px; width: 70%; border-bottom: solid 1px #bde0f4;}
.sec_01 .list_01:last-of-type dt,
.sec_01 .list_01:last-of-type dd{ border-bottom: none;}
.sec_01 .box_img{ width: 61.6%; max-width: 740px; display: flex; flex-wrap: wrap; box-sizing: border-box;}
.sec_01 .box_img .img_01{ width: 100%;}
.sec_01 .box_img .img_01 img{ aspect-ratio: 74 / 33;}
.sec_01 .box_img .img_02{ width: 42.5%;}
.sec_01 .box_img .img_02 img{ aspect-ratio: 9 / 8;}
.sec_01 .box_img .img_03{ width: 57.5%;}
.sec_01 .box_img .img_03 img{ aspect-ratio: 85 / 56;}
.sec_01 .box_img img{ width: 100%; height: auto;}

@media screen and (max-width: 600px) {
.sec_01{ padding: 40px 0 50px;}
.sec_01 .inner{ flex-direction: column;}
.sec_01 .box_txt{ width: 100%;; max-width: 100%; margin: 0 0 20px 0;}
.sec_01 .txt_01{ font-size: 15px; line-height: 1.7; padding: 0 0 20px;}
.sec_01 .list_01{ font-size: 15px;}
.sec_01 .list_01 dt,
.sec_01 .list_01 dd{ display: table-cell;}
.sec_01 .list_01 dt{ width: 30%;}
.sec_01 .list_01 dd{ width: 70%;}
.sec_01 .box_img{ width: 100%; max-width: 100%;}
}