@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------
	Section Concept Common Parts
------------------------------------------------------ */
.box_01{ display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0 0 120px;}
.box_imgs { width: 100%; display: flex; justify-content: space-between; margin: 0 0 50px;}
.box_imgs .img_01 img,
.box_imgs .img_02 img{ width: 100%; height: 100%; object-fit: cover;}
.box_num{ width: 240px; border-right: solid 1px #c9c0bc; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 22px 0; color: #9c937d;}
.box_num .num{ font-size: 44px;}
.box_num .en{ font-size: 18px;}
.box_txt{ width: calc( 100% - 240px ); padding: 0 60px 0 80px; color: #4f443a; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.box_txt .tit_01{ display: block; width: 100%; font-size: 22px; line-height: 1.7; letter-spacing: 0.2em; padding: 0 0 1.2em;}
.box_txt .txt_01{ display: block; width: 100%; font-size: 15px; line-height: 2.2; letter-spacing: 0.2em;}
.box_txt .sec_in{ width: 46.3%; max-width: 380px; padding: 50px 0 0;}
.box_txt .tit_02{ font-size: 16px; line-height: 1.7; letter-spacing: 0.2em; padding: 15px 0 5px;}
.box_txt .txt_02{ font-size: 14px; line-height: 2.2; letter-spacing: 0.2em;}
.box_txt .btn_01{ display: block; width: 100%; padding: 30px 0 0;}
.box_txt .btn_01 .cmn_link_02{ margin: 0 0 0 auto; width: 210px !important;}

@media screen and (max-width: 600px) {
.box_01{ flex-direction: column; padding: 0 0 40px;}
.box_imgs { margin: 0 0 15px;}
.box_num{ width: 100%; border-right: none; border-bottom: solid 1px #c9c0bc; padding: 0 0 15px 0;}
.box_num .num{ font-size: 30px;}
.box_num .en{ font-size: 16px;}
.box_txt{ width: 100%; padding: 15px 0;}
.box_txt .tit_01{ font-size: 20px; line-height: 1.7; letter-spacing: 0.2em; padding: 0 0 10px; text-align: center;}
.box_txt .txt_01{ font-size: 14px; line-height: 1.7; letter-spacing: 0.2em;}
.box_txt .sec_in{ width: 48%; padding: 20px 0 0;}
.box_txt .tit_02{ font-size: 15px; line-height: 1.7; letter-spacing: 0.2em; padding: 15px 0 5px; text-align: center;}
.box_txt .txt_02{ font-size: 13px; line-height: 1.7; letter-spacing: 0.2em;}
.box_txt .btn_01{ padding: 15px 0 0;}
}

/* ---------------------------------------------------
	Section Concept 01
------------------------------------------------------ */
.sec_concept_01 .box_imgs .img_01{ width: calc( 66.6% - 5px );}
.sec_concept_01 .box_imgs .img_02{ width: 33.3%; display: flex; flex-direction: column;}
.sec_concept_01 .box_imgs .img_02 img:first-of-type{ margin: 0 0 5px;}
.sec_concept_01 .box_imgs .img_02 img{ height: 50%; }

@media screen and (max-width: 600px) {
.sec_concept_01 .box_imgs .img_01{ width: calc( 66.6% - 3px );}
.sec_concept_01 .box_imgs .img_02 img:first-of-type{ margin: 0 0 3px;}
}

/* ---------------------------------------------------
	Section Concept 01
------------------------------------------------------ */
.sec_concept_02 .box_imgs .img_01{ width: 33.3%; display: flex; flex-direction: column;}
.sec_concept_02 .box_imgs .img_02{ width: calc( 66.6% - 5px );}
.sec_concept_02 .box_imgs .img_01 img:first-of-type{ margin: 0 0 5px;}
.sec_concept_02 .box_imgs .img_01 img{ height: 50%; }

@media screen and (max-width: 600px) {
.sec_concept_02 .box_imgs .img_02{ width: calc( 66.6% - 3px );}
.sec_concept_02 .box_imgs .img_01 img:first-of-type{ margin: 0 0 3px;}
}