@charset "utf-8";
/* FCC2.php */ 
#TE2S38_section0 { background:url(../TE2_img_sub/TE38_boxBg1.jpg) no-repeat center center ; background-size:cover }
.TE2S30_txtBox { padding:0 ; width:100% ; max-width:none ; background-color: rgba(0,0,0,0.6) ;}
.TE2S30_txtBox_inner { 
	position: relative ;
	width:100% ; max-width:55rem ; box-sizing: border-box ; padding: 4rem 0rem ; padding-bottom:6rem  ; margin:auto }
.TE2S30_txtBox_inner > h4 , .TE2S30_txtBox_inner > .TE2S_p { color:#ffffff ; text-align:center ; word-break: keep-all }
.TE2S30_txtBox_inner > h4 { font-size: 1.8rem ; line-height:2.2rem ; margin-bottom:1rem ; font-weight:400 ; letter-spacing:-1px }
 
/*.TE2S32_box {  
	width:100% ; background:url(../TE2_img_sub/TE32_boxBg.jpg) no-repeat center center ; background-size:cover }*/
 
/*#TE2S38_section1 .TE2S30_txtBox_inner > h4  { font-size:2.5rem ; line-height:2.6rem  ; margin-bottom:1.5rem }
#TE2S38_section1 .TE2S_inner { padding:0 ; overflow: hidden }
#TE2S38_section1 { overflow:visible ; margin-bottom:11.5rem }*/



/* BOX IMG */
.TE2S30_txtBox_imgs , .TE2S30_txtBox_imgs li , .TE2S30_txtBox_txt , .TE2S30_txtBox_txt strong { display:block }
.TE2S30_txtBox_imgs {  width:55rem ; position: absolute; left:0 ; bottom:-7.5rem  }
.TE2S30_txtBox_imgs::after { content:"" ; clear:both ; display:block }
.TE2S30_txtBox_imgs li { 
	width:26.5rem ; height:11.5rem ; background-color:#ffffff ; box-shadow: 0 1px 0.15rem rgba(0,0,0,0.3);
	position: relative; box-sizing: border-box ; padding:2rem }
.TE2S30_txtBox_imgs li:first-child { float:left }
.TE2S30_txtBox_imgs li:last-child { float:right }
.TE2S30_txtBox_txt strong { font-size:1.3rem ; line-height:1.5rem ; font-weight:600 ; color:#111111 ; margin-bottom:0.75rem ; letter-spacing:-1px  }
.TE2S30_txtBox_txt .TE2S_p { width:9rem } 
/*#TE2S38_img1 ,  #TE2S38_img3 , #TE2S38_img2 ,  #TE2S38_img4 {position: absolute ; bottom:2rem}
#TE2S38_img1 ,  #TE2S38_img3 { max-width:5.5rem ; right:10.5rem ; }
#TE2S38_img2 ,  #TE2S38_img4 { max-width:8rem  ; right:2rem }*/

/*.TE2S3_LH_line { 
	display: block ; overflow: hidden ; font-size:0 ; color: transparent ;
	width:0.1rem ; height:1.5rem ; background-color:#fdc239 ; margin:auto ; margin-bottom:1rem }*/

.TE2S38_list , .TE2S38_list li { display:block ; overflow: hidden ; text-align:center }
.TE2S38_list li { 
	float:left ; width:14.5rem ;
} 
.TE2S38_list li:last-child { background:none }
.TE2S38_list li:last-child , .TE2S38_list li > b { width:11.5rem }
.TE2S38_list li > b  { 
	display: block ; box-sizing: border-box ; border:solid 0.15rem #fdc239 ; padding:1rem 0.5rem   ;
	font-size:0.9rem ; line-height:1rem  ; text-align:center ; font-weight:500  ; color:#444444
} 
#TE2S38_section2 .TE2S_h5, #TE2S38_section3 .TE2S_h5, #TE2S38_section5 .TE2S_h5 { text-align:center ; margin-bottom:1rem }

#TE2S38_img1 , #TE2S38_img2, #TE2S38_img3 { max-width:11rem ;vertical-align: middle;}
#TE38_arrow {max-width:15px;max-height:23px;vertical-align: middle;margin:0 2rem;}
.TE2S3_RIB_img { padding:0; background-color:#fff; } 
.TE2S3_RIB::before  {  height:0 !important ; top:100% }
#TE2S38_section3 .TE2S3_RIB::after {height:0px; overflow:hidden;}
#TE2S38_section3 .TE2S3_RIB li:first-child {width:66%;border-right: 1px solid rgba(0,0,0,0.1);}
#TE2S38_section3 .TE2S3_RIB li {width: 33%;}
#TE2S38_section3 .TE2S3_RIB {border:none;}
#TE2S38_section3 .TE2S3_RIB_tag {font-size:1.1rem;white-space: nowrap}
#TE2S38_section3 .TE2S_p {margin-top:1rem; border:none !important;}

.TE2S32_box {  
	width:100% ; background:url(../TE2_img_sub/TE31_boxBg2.jpg) no-repeat center center ; background-size:cover }
.TE2S_chkList li { width:100% }
.TE2S_chkList li.w50 { width:50% ; float:left ; box-sizing:border-box }
.TE2S_chkList li.w50 > span { background-image: url(../TE2_img_sub/yellow_line2.png);}

#TE2S38_img7 { max-width:24.5rem ; float:left }
#TE2S38_img7 img { border-radius:0.2rem }
.TE2S_chkList { width:28.5rem ; float:right }
#TE2S38_section3 .TE2S30_txtBox_inner { padding:4rem 0}
#TE2S38_section3 h4 { margin-bottom:1.5rem }

#TE2S38_section3 .TE2S2_FT {padding: 1rem 6rem; margin-top: 3rem;}
#TE2S38_section3 .TE2S2_FT p {font-weight: bold;font-size:1.1rem;text-align:center;word-break: keep-all;}
#TE2S38_section3 .TE2S2_FT p span {font-weight:inherit;font-size:inherit;background-color: #fdc239;}

#TE2S38_section4 .TE2S_inner > p {text-align:center; margin-bottom: 1rem;}

/* PROCESS */ 
#TE2S38_section4 .TE2S_h5 , #TE2S38_section4 .TE2S2_process { text-align:center }
#TE2S38_section4 .TE2S2_process > li , #TE2S38_section4 .TE2S2_process > li:last-child { float:none ; display:inline-block ; margin:0 3.5% } 
#TE2S38_section4 .TE2S2_process > li figcaption {font-weight: bold;color:#111;white-space: nowrap}
#TE2S38_section4 .TE2S2_process > li {max-width: 12.25rem;width:40%;overflow:visible;}
#TE2S38_section4 .TE2S2_process figure, #TE2S38_section4 .TE2S2_process img {width:100%;}
#TE2S38_section4 .TE2S2_process b {top:80%;}


#TE2S38_section5 #TE2S2_ex {text-align:center;}
#TE2S38_section5 #TE2S2_ex .TE2S_h5 {display:block;width: 100%;}
#TE2S38_section5 #TE2S2_ex .figure_wrap {min-width:15rem; display: inline-block;margin-bottom:2rem;position:relative;}
#TE2S38_section5 #TE2S2_ex .figure_wrap+.figure_wrap {float:right;}
#TE2S38_section5 #TE2S2_ex .figure_wrap figure {width:47%; display: inline-block;float:left;}
#TE2S38_section5 #TE2S2_ex .figure_wrap figure+figure {float:right;}
#TE2S38_section5 #TE2S2_ex .figure_wrap figure+figure::after {content:"";clear:both;}
#TE2S38_section5 #TE2S2_ex .figure_wrap figure img {width: 100%;}
#TE2S38_section5 #TE2S2_ex .figure_wrap figure figcaption {width:100%;text-align:center;font-weight: bold;color:#111;background-color:#e6e6e6;padding: 0.3rem 0;}
#TE2S38_section5 #TE2S2_ex .figure_wrap figure+figure figcaption {color:white;background-color:#051240;}
#TE2S38_section5 #TE2S2_ex .figure_wrap .TE38_ex_arrow {max-width:49px;max-height:49px;position:absolute;top:calc(50% - 25px);left:calc(50% - 25px);}

/* MOBILE ****/
@media all and (max-width:1100px){
	.TE2S30_txtBox_inner > h4 { font-size: 1.6rem ;}

	/* BOX IMG */
	.TE2S30_txtBox_inner { padding:2rem 1.5rem}
	.TE2S30_txtBox_inner > .TE2S_p { margin-bottom:2rem ;}
	.TE2S30_txtBox_inner , .TE2S30_txtBox_imgs { position:static }
	.TE2S30_txtBox_imgs { width:100% ; padding:0 ; box-sizing:border-box ; margin:auto ; text-align:center ;} 
	.TE2S30_txtBox_imgs li:first-child ,
	.TE2S30_txtBox_imgs li:last-child { 
		float:none ; width:48% ; min-width:13rem ; display: inline-block ; margin:0.25rem ; text-align:left ; 
		height:auto ; padding:1.2rem;}
	/*#TE2S38_img1 ,  #TE2S38_img3 , #TE2S38_img2 ,  #TE2S38_img4 { position:static ; margin:auto}*/
	.TE2S30_txtBox_txt .TE2S_p { width:auto } 
	/*#TE2S38_img1 ,  #TE2S38_img3 { margin:auto ; display: block }
	#TE2S38_img1 ,  #TE2S38_img3 { margin-bottom:0.5rem }
	#TE2S38_img2 ,  #TE2S38_img4 { float:none  }*/
	.TE2S30_txtBox_txt { display:block ; width:auto }
	.TE2S30_txtBox_txt strong , .TE2S30_txtBox_txt .TE2S_p { text-align:center ; word-break:keep-all }
 
	.TE2S3_RIB_tag { margin:0 auto; max-width: 15rem; }

	#TE2S38_section1 { margin-bottom:4rem ;}
	#TE2S38_section3 h4 { margin-bottom:0.75rem }
	#TE2S38_img7 , .TE2S_chkList { float:none }
	#TE2S38_img7 { margin:auto ; margin:1rem auto }
	.TE2S_chkList { width:100% }
	.TE2S_chkList li.w50 { float:none ; width:auto }

	.TE2S38_list li { 
		display:inline-block ; float:none ; margin:0.25rem ; width:10rem ;
		background-position: right center;
	}
	.TE2S38_list li:last-child , .TE2S38_list li > b { width:10rem }

	#TE2S38_section3 .TE2S3_RIB li {width: 100% !important; border:none !important;}
	#TE2S38_section3 .TE2S3_RIB_tag {}
	#TE2S38_img1 , #TE2S38_img2 {width: 42%;}
	#TE38_arrow {margin: 0 0.5rem;}
	#TE2S38_img3 {width: 45%;}
	#TE2S38_section3 .TE2S3_RIB_tag {border-radius: 5rem;}
	#TE2S38_section3 .TE2S_p {margin:0.3rem auto 0.5rem; border:none !important;}

	#TE2S38_section3 .TE2S2_FT {padding: 1rem;}

	/* PROCESS */  
	#TE2S38_section4 .TE2S2_process > li { margin-bottom:2rem }


	#TE2S38_section5 #TE2S2_ex .figure_wrap+.figure_wrap {float:none;}
	#TE2S38_section5 #TE2S2_ex .figure_wrap .TE38_ex_arrow {width: 35px;height:35px;top:calc(50% - 17px);left:calc(50% - 17px);}
}
@media all and (max-width:500px){
	#TE2S38_section1 .TE2S3_line_header, #TE2S38_section3 .TE2S3_line_header { padding:0; }
	#TE2S38_section4 .TE2S2_process b {top:65%;}
}