@charset "utf-8";

.content > div { position : relative; }
.content h2,
.content h3 { font-weight : 300; }
em { font-style : normal; font-weight : 400; }
b,
.eb7 { font-weight : 700; letter-spacing : -1px; }
.r4 { font-weight : 400; letter-spacing : 0; }
.l3 { font-weight : 400; letter-spacing : 0; }
.m5 { font-weight : 400; letter-spacing : 0; }
.b6 { font-weight : 600; letter-spacing : 0; }

.sec1 { color : #fff; text-align : center; }
.sec1 h2 { position : absolute; top : 11%; width : 100%; line-height : 1.4; letter-spacing : 3px; font-size : 7vw; }
.sec1 h2 em { padding-left : 5%; }
.sec1 h2 b { display : inline-block; letter-spacing : 1px; padding-left : 2%; }
.sec1 span { display : block; position : absolute; top : 30%; width : 100%; letter-spacing : 0; line-height : 1.5; }
.sec1 span b { letter-spacing : -1px; }

.sec2 { padding : 11% 0 12.18%; text-align : center; }
.sec2 p { margin-bottom : 2.81%; color : #261311; font-size : 4vw; }
.sec2 h3 { line-height : 1.4; margin-bottom : 5.78%; color : #261311; font-size : 5vw; }
.sec2 .slide { position : relative; padding : 0 4.68%; }
.sec2 .slide .inner2 { position : relative; padding : 8.59% 5.78%; background : url(/img/eye/revision/sec2_slide_bg2.jpg) no-repeat center center; background-size : 99.8% 100%; }
.sec2 .slide .inner3 { }
.sec2 .bx-controls-direction a { display : block; position : absolute; top : 50%; width : 30px; height : 30px; margin-top : -15px; text-indent : -99999px; background-size : 100%; }
.sec2 .bx-prev { left : -15px; background : url(/img/eye/revision/bx-prev.png) no-repeat center center; }
.sec2 .bx-next { right : -15px; background : url(/img/eye/revision/bx-next.png) no-repeat center center; }

.sec3 p.com_p { position : absolute; line-height : 1.4;left : 0; width : 100%; color : #fff; font-size : 5vw; text-align : center; opacity : 0; }
.sec3 p.com_p span { color : #fffb9a; }
.sec3 p.p1 { top : 12.2%; transition : all 0.8s 0.3s; }
.sec3 p.p2 { top : 12.45%; transition : all 0.8s 0.5s; }
.sec3 p.p3 { top : 12.69%; transition : all 0.8s 0.7s; }
.sec3 p.desc { position : absolute; top : 13.4%; left : 0; width : 100%; text-align : center; opacity : 0; transition : all 0.8s 0.8s; }
.sec3 p.desc span { line-height : 1; padding : 5px 10px; background : #fff; border-radius : 15px; color : #f94d57; font-size : 4vw; }
.sec3 p.desc b { letter-spacing : -1px; }
.sec3.current p.p1 { top : 9.11%; opacity : 1; }
.sec3.current p.p2 { top : 13%; opacity : 1; }
.sec3.current p.p3 { top : 17%; opacity : 1; }
.sec3.current p.desc { top : 21.45%; opacity : 1; }

.sec4 { text-align : center; }
.sec4 p { position : absolute; top : 5%; left : 0; width : 100%; color : #000; font-size : 4vw; }
.sec4 p span { color : #f94d57; }
.sec4 h3 { position : absolute; top : 10%; left : 0; width : 100%; line-height : 1.4; color : #000; font-size : 6vw; }
.sec4 h3 b { color : #f94d57; }
.sec4 ul li { position : absolute; left : 0; width : 100%; line-height : 1.4; color : #fff; font-size : 4vw; letter-spacing : -1px; }
.sec4 ul li.list1 { top : 27.2%; }
.sec4 ul li.list2 { top : 45.9%; color : #f94d57; }
.sec4 ul li.list3 { top : 63.3%; }
.sec4 ul li.list4 { top : 79.3%; color : #f94d57; }
.sec4 ul li b { font-size : 4vw; font-weight : 600; letter-spacing : -1px; }

.sec5 { text-align : center; }
.sec5 .desc { position : absolute; top : 5%; left : 0; width : 100%; color : #261311; font-size : 4vw; }
.sec5 h3 { position : absolute; top : 11%; left : 0; width : 100%; line-height : 1.4; color : #261311; font-size : 6vw; font-weight : 300; }
.sec5 h3 span { color : #f94d57; letter-spacing : 0; }
.sec5 .p1 { position : absolute; top : 89.5%; left : 0; width : 55%; line-height : 1.4; color : #fff; font-size : 4vw; letter-spacing : -1px; }
.sec5 .p2 { position : absolute; top : 89.5%; right : 0; width : 55%; line-height : 1.4; color : #fff; font-size : 4vw; letter-spacing : -1px; }
.sec5 .p1 b,
.sec5 .p2 b { letter-spacing : -1px; }

.sec6 { text-align : center; }
.sec6 .desc { position : absolute; top : 2%; left : 0; width : 100%; color : #261311; font-size : 4vw; }
.sec6 .desc span { color : #f94d57; }
.sec6 h3.top { position : absolute; top : 3.7%; left : 0; width : 100%; line-height : 1.4; color : #261311; font-size : 6vw; }
.sec6 h3.top span { color : #f94d57; letter-spacing : -6px; }
.sec6 .tag_list li { position : absolute; width : 100%; color : #fff; font-size : 3vw; }
.sec6 .tag_list li.list1 { top : 23.4%; }
.sec6 .tag_list li.list2 { top : 37.0%; }
.sec6 .tag_list li.list3 { top : 50.7%; }
.sec6 .p1 { position : absolute; top : 56.3%; left : 0; width : 100%; line-height : 1.4; color : #fff; font-size : 4.4vw; }
.sec6 .p1 b { color : #fffb99; }
.sec6 .desc2 { position : absolute; top : 63.5%; left : 0; width : 100%; color : #261311; font-size : 4vw; }
.sec6 .desc2 span { color : #f94d57; }
.sec6 h3.bottom { position : absolute; top : 66%; left : 0; width : 100%; line-height : 1.4; color : #261311; font-size : 6vw; }
.sec6 h3.bottom b { color : #f94d57; letter-spacing : -1px; }
.sec6 .d3_list li { position : absolute; left : 0; width : 100%; color : #fff; font-size : 2.6vw; letter-spacing : 0; }
.sec6 .d3_list li.list1 { top : 88.49%; }
.sec6 .d3_list li.list2 { top : 92.46%; }
.sec6 .d3_list li.list3 { top : 96.64%; }

.sec7 { text-align : center; }
.sec7 .desc { position : absolute; top : 4%; left : 0; width : 100%; color : #261311; font-size : 4vw; letter-spacing : -1px; }
.sec7 .desc span { color : #f94d57; }
.sec7 h3 { position : absolute; top : 11%; left : 0; width : 100%; line-height : 1.4; color : #261311; font-size : 5vw; font-weight : 300; }
.sec7 h3 span { color : #f94d57; letter-spacing : -1px; }
.sec7 .p1 { position : absolute; top : 90.08%; left : 0; width : 55%; line-height : 1.4; color : #fff; font-size : 4vw; letter-spacing : -1px; }
.sec7 .p1 b { letter-spacing : -1px; }
.sec7 .p2 { position : absolute; top : 90.08%; right : 0; width : 55%; line-height : 1.4; color : #fff; font-size : 4vw; letter-spacing : -1px; }
.sec7 .p2 span { line-height : 1.4; font-size : 3.4vw; }
.sec7 .p2 b { letter-spacing : -1px; }

.sec8 { text-align : center; }
.sec8 .desc { position : absolute; top : 4%; left : 0; width : 100%; line-height : 1.4; color : #261311; font-size : 4vw; }
.sec8 .desc span { color : #f94d57; }
.sec8 h3 { position : absolute; top : 12%; left : 0; width : 100%; line-height : 1.4; color : #261311; font-size : 5.8vw; }
.sec8 h3 b { color : #f94d57; letter-spacing : -1px; font-size : 5.8vw; }
.sec8 li { position : absolute; left : 0; width : 100%; line-height : 1.4; color : #fff; font-size : 4vw; letter-spacing : -1px; }
.sec8 li.list1 { top : 57.5%; }
.sec8 li.list2 { top : 76.6%; }
.sec8 li b { font-weight : 300; letter-spacing : -1px; }
.sec8 .p1 { position : absolute; top : 87%; left : 0; width : 100%; line-height : 1.1; color : #fff; font-size : 5vw; letter-spacing : -1px; }
.sec8 .p1 b { color : #fffb99; }

.sec9 { text-align : center; }
.sec9 p.com_p { position : absolute; left : 0; width : 100%; line-height : 0.9; color : #fff; opacity : 0; font-size : 5vw }
.sec9 p.com_p b { color : #fffb9a; }
.sec9 p.com_p2 { position : absolute; left : 0; width : 100%; line-height : 1; color : #fff; font-weight : 300; opacity : 0; font-size : 3.8vw; letter-spacing : -1px; }
.sec9 p.com_p2 b { font-size : 3.8vw; font-weight : 600; letter-spacing : -1px; }
.sec9 p.p1 { top : 11.5%; transition : all 1s 0.3s; }
.sec9 p.p2 { top : 16.59%; transition : all 1s 0.5s; }
.sec9 p.p3 { top : 23.09%; transition : all 1s 0.7s; }
.sec9 p.p4 { top : 29.48%; transition : all 1s 0.9s; }
.sec9 p.p5 { top : 35%; transition : all 1s 1.4s; }
.sec9 p.p6 { top : 37.5%; transition : all 1s 1.4s; }
.sec9 p.p7 { top : 40%; transition : all 1s 1.6s; }

.sec9.current p.p1 { top : 13%; opacity : 1; }
.sec9.current p.p2 { top : 20%; opacity : 1; }
.sec9.current p.p3 { top : 23.7%; opacity : 1; }
.sec9.current p.p4 { top : 27.2%; opacity : 1; }
.sec9.current p.p5 { top : 35%; opacity : 1; }
.sec9.current p.p6 { top : 37.5%; opacity : 1; }
.sec9.current p.p7 { top : 40%; opacity : 1; }

.sec10 { text-align : center; }
.sec10 h3 { position : absolute; top : 45%; left : 0; width : 100%; line-height : 1.4; color : #fff; font-size : 5.5vw; letter-spacing : -1px; font-weight : 300; }
.sec10 p { position : absolute; top : 69%; left : 0; width : 100%; line-height : 1.4; color : #fff; font-size : 3.7vw; letter-spacing : 0; font-weight : 300; }

.sec11 { padding : 11.4% 0 7.81%; background : #ffe9e9; text-align : center; }
.sec11 p { line-height : 1.4; margin-bottom : 15px; color : #f94d57; font-size : 5vw; }
.sec11 h3 { margin-bottom : 6.25%; color : #f94d57; font-size : 7.8vw; }
.sec11 .slide { position : relative; padding : 0 4.68%; }
.sec11 .bx-controls-direction a { display : block; position : absolute; top : 50%; width : 30px; height : 30px; margin-top : -15px; background-size : 100%; text-indent : -99999px; }
.sec11 .bx-prev { left : 3px; background : url(/img/eye/revision/bx-prev.png) no-repeat center center; }
.sec11 .bx-next { right : 3px; background : url(/img/eye/revision/bx-next.png) no-repeat center center; }

.sec12 { text-align : center; }
.sec12 h3 { position : absolute; top : 10%; left : 0; width : 100%; color : #fff; font-size : 6vw; }

@media (min-width : 640px) {
	.sec1 h2 { font-size : 70px; }
	.sec1 span { font-size : 30px; }

	.sec2 p { font-size : 36px; }
	.sec2 h3 { font-size : 55px; }

	.sec3 p.com_p { font-size : 64px; }
	.sec3 p.desc span { font-size : 30px; }

	.sec4 p { font-size : 36px; }

	.sec4 h3 { font-size : 62px; }
	.sec4 ul li { font-size : 30px; }
	.sec4 ul li b { font-size : 36px; }

	.sec5 .desc { font-size : 34px; }
	.sec5 h3 { font-size : 60px; }
	.sec5 .p1 { font-size : 24px; }
	.sec5 .p2 { font-size : 24px; }

	.sec6 .desc { font-size : 36px; }
	.sec6 h3.top { font-size : 64px; }
	.sec6 .tag_list li { font-size : 20px; }
	.sec6 .p1 { font-size : 34px; }
	.sec6 .desc2 { font-size : 36px; }
	.sec6 h3.bottom { font-size : 60px; }
	.sec6 .d3_list li { font-size : 26px; }

	.sec7 .desc { font-size : 36px; }
	.sec7 h3 { font-size : 55px; }
	.sec7 .p1 { font-size : 20px; }
	.sec7 .p2 span,
	.sec7 .p2 { font-size : 20px; }

	.sec8 .desc { font-size : 36px; }
	.sec8 h3 b,
	.sec8 h3 { font-size : 55px; }
	.sec8 li { font-size : 20px; }
	.sec8 .p1 { font-size : 34px; }

	.sec9 p.com_p { font-size : 58px; }
	.sec9 p.com_p b { color : #fffb9a; }
	.sec9 p.com_p2 { font-size : 22px; }
	.sec9 p.com_p2 b { font-size : 21px; }

	.sec10 h3 { font-size : 58px; }
	.sec10 p { font-size : 22px; }

	.sec11 p { font-size : 36px; }
	.sec11 h3 { font-size : 55px; }

	.sec12 h3 { font-size : 50px; }
}