@charset "utf-8"; 
/* lens5*.php */ 
#TE2S52_section0 .TE2S_p {
	font-size: 1rem; letter-spacing: -1px;
}

.TE2S32_box { width:100%; padding: 5rem 0 15rem; background:url(../TE2_img_sub/TE52_boxBg1.png) no-repeat center center ; background-size:cover }
.TE2S32_box .TE2S30_sTitle {color: white;}

.TE2S30_txtBox_imgs {
	width:100% ; max-width:55rem ; margin:auto ; margin-top:-12rem ;padding:0.5rem 0;
	display: -webkit-box;display: -ms-flex;display:flex;
	-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
}
.TE2S30_txtBox_imgs li {
	width:100% ; max-width:26.5rem ; box-sizing: border-box;
	display: -webkit-box;display: -ms-flex;display:flex;
	-webkit-box-orient: vertical;-ms-flex-direction: column;flex-direction: column;
	-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;
}
.TE2S30_txtBox_imgs li .TE2S_p { color:white; font-size: 1rem; font-weight: bold; }
.TE2S30_txtBox_imgs li div{ 
	background-color:#ffffff ; box-shadow: 0 1px 0.15rem rgba(0,0,0,0.3);
	-webkit-flex-grow: 1;-ms-flex-grow: 1;flex-grow: 1;}
.TE2S30_txtBox_imgs img { width:100% }

#TE2S52_section2 .flex_ul {
    display: -webkit-box; display: -ms-flex; display: flex;
	-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;
    -webkit-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
    margin-top:2rem;
}
#TE2S52_section2 .flex_ul .TE2S3_RIB_li{ width: 48%; }
#TE2S52_section2 .flex_ul .TE2S3_RIB_li .TE2S3_RIB_img {
    display: -webkit-box; display: -ms-flex; display: flex;
    -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	width: 100%; overflow:hidden;
}
#TE2S52_section2 .flex_ul .TE2S3_RIB_li .TE2S3_RIB_img img {width:auto;height:100%;}
#TE2S52_section2 .TE2S3_RIB_img {background:none;padding:0;}
#TE2S52_section2 .flex_ul .TE2S3_RIB_li+.TE2S3_RIB_li ul li {
	text-align: center;
	color: white;
	margin: 2rem 0;
	padding: 0.7rem 0;
	font-weight: bold;
	letter-spacing: -1px;
	border-radius: 1.5rem / 50%;
}
#TE2S52_section2 .flex_ul .TE2S3_RIB_li+.TE2S3_RIB_li ul li:nth-child(odd){
	background-color: #004354;
}
#TE2S52_section2 .flex_ul .TE2S3_RIB_li+.TE2S3_RIB_li ul li:nth-child(even){
	background-color: #737c7f;
}

#TE2S52_section3 strong { letter-spacing: -1px; }
#TE2S52_section3 strong span {
	font-size: inherit;font-weight: inherit;font-family: inherit;letter-spacing: inherit;
}
#TE2S52_section3 .TE2S_img {width: 100%; max-width: initial;margin: 2rem auto;}
#TE2S52_section3 .TE2S_img img {width: 100%;}
#TE2S52_section3 .TE2S_p {font-size: 0.8rem;}

#TE2S52_section4 .TE2S2_bgImg_box {
	background-image:url("../TE2_img_sub/TE52_boxBg2.png");
}
.TE2S2_bgImg_box .TE2S2_BIB_inner {
	background: none;
	padding: 4rem 0;
}
.TE2S2_bgImg_box *:not(span) {
	color: white !important;
}
#TE2S52_section4 .TE2S4_line_header {
	text-align: center;
}
#TE2S52_section4 .TE2S4_line_header .howto_type {
	display: -webkit-box; display: -ms-flex; display: flex;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	margin: 0 auto 1rem;
}
#TE2S52_section4 .TE2S4_line_header .howto_type p {
	padding: 0.5rem 0;
	font-weight: bold;
}
#TE2S52_section4 .TE2S4_line_header .howto_type p.type {
	-webkit-align-self: flex-start;-ms-flex-item-align: flex-start;align-self: flex-start;
	background-color: black;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	border-radius: 1rem / 50%;
	white-space: nowrap;
}
#TE2S52_section4 .TE2S4_line_header .howto_type ul {
	padding: 0;
}
#TE2S52_section4 .TE2S4_line_header .howto_type p+p, 
#TE2S52_section4 .TE2S4_line_header .howto_type ul {
	min-width: 20rem;
	text-align: left;
	padding-left: 2rem;
}
#TE2S52_section4 .TE2S4_line_header .howto_type ul li {
	display: -webkit-box; display: -ms-flex; display: flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	margin-bottom: 1rem;
}
#TE2S52_section4 .TE2S4_line_header .howto_type ul span.num {
	text-align: center;
	font-weight: bold;
	line-height: 1.9rem;
	font-size: 1.3rem;
	background-color: #fdc239;
	color: black;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
}
#TE2S52_section4 .TE2S4_line_header .howto_type ul p {
	padding-left: 0.8rem;
}

/* MOBILE ****/
@media all and (max-width:1100px){
	.TE2S30_txtBox_imgs {
		-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;
	}
	.TE2S30_txtBox_imgs li {
		width: 95%;
		margin: 0 auto;
	}
	.TE2S30_txtBox_imgs li:last-child {
		margin-top: 1rem;
	}
	.TE2S30_txtBox_imgs li .TE2S_p {
		font-size: 0.8rem;
	}
	.TE2S30_txtBox_imgs li:last-child .TE2S_p {
		color: black;
	}

	#TE2S52_section2 .flex_ul .TE2S3_RIB_li .TE2S3_RIB_img img {width:100% !important;height:auto !important;}
	#TE2S52_section2 .flex_ul {
		-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
		-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;
	}
	#TE2S52_section2 .flex_ul .TE2S3_RIB_li{ width: 98%; }

	.TE2S2_bgImg_box .TE2S_p {
		font-size: 0.9rem;
	}
	.TE2S2_bgImg_box {
		background-size: auto 100%;
	}
}
@media all and (max-width:690px){
	#TE2S52_section4 .TE2S4_line_header .howto_type {
		-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;
	}
	#TE2S52_section4 .TE2S4_line_header .howto_type p.type {width: 100%;}
	#TE2S52_section4 .TE2S4_line_header .howto_type ul {
		padding-top:0.5rem !important;
	}
	#TE2S52_section4 .TE2S4_line_header .howto_type p+p, 
	#TE2S52_section4 .TE2S4_line_header .howto_type ul {
		min-width: initial;
		width: 100%;
	}
}