@charset "utf-8";

.content, 
.l3 { font-weight: 300; letter-spacing: -1px; }
.r4 { font-weight: 400; letter-spacing: -1px; }
.m5 { font-weight: 500; letter-spacing: -1px; }
.b6 { font-weight: 600; letter-spacing: -1px; }
.eb7 { font-weight: 700; letter-spacing: -1px; }


b,   
em,
strong { font-style: normal; font-weight: 700; letter-spacing: -1px; }
i { font-style: normal; }
.en { letter-spacing: 0; }    
.com_sec { position: relative; }

/* 1330 */
.sec1 { text-align: center; }
.sec1 .p1 { position: absolute; top: 6.6%; left: 0; width: 100%; color: #fff; letter-spacing: 0; }
.sec1 h2 { position: absolute; top: 9.7%; left: 0; width: 100%; line-height: 1.2; color: #fff;}
.sec1 h2 span { font-weight: 300; }
.sec1 h2 span.mento_h { display: block; text-indent: -3px; }

.sec1 h2 span.space1 { margin: 0 0.7%; }
.sec1 h2 span.space2 { margin: 0 2.1%; }

.sec1 .com_span { position: absolute; top: 20.9%; left: 0; width: 100%; text-align: center; }
.sec1 .com_span span { display: inline-block; padding: 3px 8.7% 6px; line-height:1; color: #fff; background: #7c27b3; }
.sec1 p.desc { position: absolute; bottom: 7%; left: 0; width: 100%; line-height: 1.6; color: #fff; text-align: center; }
.sec1 p.desc span { display: inline-block; position: relative; margin-top: 4%; margin: 0 0.6%; }

.sec2 .com_span { display: inline-block; position: absolute; left: 0; width: 100%; color: #5546c1; text-align: center; }
.sec2 p { text-align: right; }
.sec2 .text1 { top: 2.82%; opacity: 0; transition: all 0.9s 0.4s; }
.sec2 .text2 { top: 8.86%; opacity: 0; transition: all 0.9s 0.8s; }
.sec2 .text3 { top: 14.8%; opacity: 0; transition: all 0.9s 1.2s; }
.sec2 .text4 { top: 20.94%; opacity: 0; transition: all 0.9s 1.6s; }

.sec2.current .text1 { top: 8.5%; opacity: 1; }
.sec2.current .text2 {top: 13%;opacity: 1;}
.sec2.current .text3 {top: 17.5%;opacity: 1;}
.sec2.current .text4 {top: 22%;opacity: 1;}

.sec3 span.block {display: block;position: absolute;top: 5%;left: 0;width: 100%;text-align: center;}
.sec3 span.block span { padding: 0.5% 3%; background: #5546c1; color: #fff; border-radius: 40px; }
.sec3 h3 {position: absolute;top: 7.5%;left: 0;width: 100%;line-height: 1.4;color: #5546c1;text-align: center;}
.sec3 p {position: absolute;top: 15%;left:3%;right:3%;line-height: 1.5;color: #505050;text-align: center;letter-spacing: 0;}
.sec3 p b { color: #5546c1; letter-spacing: -1px; }

.sec4 {background: #9485ff; padding: 50px; auto;}
.sec4 h3 { position: relative;  width: 100%; line-height: 1.5; color: #fff; text-align: center;  }
.sec4 h3 b { }
.sec4 p { padding-top: 15px;  left: 0; width: 100%; line-height: 1.5; color: #fff; text-align: center; letter-spacing: 0; }
.sec4 p b { color: #f9ffb4; letter-spacing: 0; }

.sec5 span {display: inline-block;position: absolute;top: 10%;left: 5%;padding: 1.5% 3%;background: #7c27b3;color: #fff;border-radius: 40px;opacity: 0;transition: all 0.9s 0.4s;letter-spacing: -0.5px;}
.sec5 .com_p {position: absolute;left: 5%;line-height: 1.3;color: #fff;text-align: left;right: 40%;}
.sec5 .com_p b { letter-spacing: -1.5px; }
.sec5 .p1 { top: 20%; opacity: 0; transition: all 0.9s 0.8s; }
.sec5 .p2 { top: 30%; opacity: 0; transition: all 0.9s 1.2s; }
.sec5 .p3 { top: 42%; opacity: 0; transition: all 0.9s 1.6s; }
.sec5 h3 {position: absolute;top: 40%;left: 5%;line-height: 1.3;color: #fff;text-align: left;opacity: 0;transition: all 0.9s 2.0s;}
.sec5.current span { top: 14%; opacity: 1; }
.sec5.current .p1 { top: 23%; opacity: 1; }
.sec5.current .p2 {top: 35%;opacity: 1;}
.sec5.current .p3 { top: 36%; opacity: 1; }
.sec5.current h3 { top: 41%; opacity: 1; }  

.sec6 span.block {display: block;position: absolute;top: 8%;left: 0;width: 100%;text-align: center;}    
.sec6 span.desc { display: inline-block; padding: 1.3% 3.5%; background: #7c27b3; color: #fff; border-radius: 40px; }
.sec6 h3 {position: absolute;top: 14%;left: 3%;right: 3%;line-height: 1.3;color: #7c27b3;text-align: center;}
.sec6 ul li { position: absolute; left: 52.5%; font-weight: 500; padding: 0 5px;}
.sec6 ul li.list1 { top: 37%; }
.sec6 ul li.list2 { top: 59.8%; }
.sec6 ul li.list3 { top: 81.5%; font-weight: 500; }
.sec6 ul li em { display: block; margin-bottom: 3%; color: #7c27b3; letter-spacing: -0.5px; }
.sec6 ul li span { line-height: 1.3; color: #505050; letter-spacing: -0.5px; }
.sec6 ul li span strong { color: #7c27b3; letter-spacing: -1px; }
.sec6 ul li:first-child { margin-left: 0; }   

.sec7 { text-align: center; }
.sec7 span.block { display: block; position: absolute; top: 34%; left: 0; width: 100%; text-align: center; } 
.sec7 span.desc { display: inline-block; padding: 1.2% 3%; background: #7c27b3; color: #fff; border-radius: 40px; }
.sec7 h3 { position: absolute; top: 41%; left: 0; width: 100%; line-height: 1.2; color: #7c27b3; }
.sec7 p { position: absolute; top: 84.39%; left: 3%; right:3%; line-height: 1.3; color: #61257c; }
.sec7 p b { color: #7c27b3; letter-spacing: -1px; }

.sec8 h3 { position: absolute; top: 5%; left: -3; width: 100%; line-height: 1.3; color: #7c27b3; text-align: center;  }
.sec8 .c_type  { position: absolute; left: 4.67%; width: 43.59%; text-align: center;  }
.sec8 .c_type.type1 { top: 16.87%; }
.sec8 .c_type.type2 { top: 27.76%; }
.sec8 .c_type em { display: block; margin-bottom: 6%; color: #7c27b3; letter-spacing: 0; }
.sec8 .c_type span { display: block; line-height: 1.3; color: #505050; letter-spacing: 0;}
.sec8 h4 { position: absolute; top: 44.69%; left: 0; width: 100%; line-height: 1.2; color: #7c27b3; text-align: center;  }
.sec8 ul li {position: absolute;left: 33%;width: 64%;text-align: left;line-height:1;}
.sec8 ul li.list1 { top: 69.4%; }
.sec8 ul li.list2 {top: 80%;}
.sec8 ul li.list3 {top: 91.5%;}
.sec8 ul li em { display: block; line-height: 1.2; margin-bottom: 1.5%; color: #7c27b3; letter-spacing: -0.5px; }
.sec8 ul li span { line-height: 1.15; color: #505050; letter-spacing: 0; }
.sec8 ul li span b {line-height:1;}
.sec8 ul li:first-child { margin-left: 0; }

.sec9 .p1 { position: absolute; top: 32.66%; left: 3%; color: #fff; text-align: left; opacity: 0; transition: all 0.9s 0.4s; letter-spacing:-1px;}
.sec9 .p2 { position: absolute; top: 38.62%; left: 3%; color: #fff; text-align: left; opacity: 0; transition: all 0.9s 0.8s; }
.sec9 h3 { position: absolute; top: 47.39%; left: 3%; line-height: 1.2; color: #fff; text-align: left; opacity: 0; transition: all 0.9s 1.2s; font-weight:700;letter-spacing:0;}
.sec9.current .p1 {top: 36%;opacity: 1;}
.sec9.current .p2 {top: 44%;opacity: 1;}
.sec9.current h3 {top: 52%;opacity: 1;}

.sec10 h3 { position: absolute; top: 4%; left: 0; width: 100%; line-height: 1.3; color: #fff; text-align: center; }

.clear { overflow: hidden; }
            .clear:after { content: ''; display: block; clear: both; }
            .breast_com_bn { padding: 11.66% 0; background: #f0f0f0; text-align: center; }
            .breast_com_bn h3 { line-height: 1.3; margin-bottom: 5%; color: #000; font-weight: 400; letter-spacing: -1px; }
            .breast_com_bn h3 b { font-weight: 700; letter-spacing: -3px; }
            .breast_com_bn .bn { padding: 0 3.125%; }
            .breast_com_bn .bn_list { float: left; width: 66.33%; }
            .breast_com_bn .bn_list li { float: left; width: 49.24%; }
            .breast_com_bn .bn_list li:nth-child(2n) { margin-left: 1.5%; }
            .breast_com_bn .bn_list li:nth-child(n+3) { margin-top: 1.5%; }
            .breast_com_bn .bn_img { float: right; width: 32.66%; }
            }