@charset "utf-8";

h2,
h3,
h4,
.l3 { font-weight: 300 !important; }
.r4 { font-weight: 400 !important; }
.m5 { font-weight: 500 !important; }
.b6 { font-weight: 600 !important; }
b, em, strong,
.eb7 { font-weight: 700 !important; }
i,    
em { font-style: normal; }
.bg_gra {display:inline-block;background:linear-gradient(90deg, #feb099 38.94%, #ff8d9a 61.06%);padding:0 10px;line-height:1.4;font-weight:600;}
.content > div { position: relative; text-align: center; }
.content > div img { width: 100%; }

.sec1 h2 strong.text1 { display: block; position: absolute; top:10%; left: 10%; transition: all 1s 0.1s; opacity: 1; width: 80%; }
.sec1 .desc1,
.sec1 .desc2 {position:absolute;left:0;right:0;color:#6e0072;text-align:center;opacity:1;font-size:4vw;font-weight:600;text-shadow:1px 1px 0 #fff;}
.sec1 .desc1 {top: 20%;transition:all 1s 0.4s;}
.sec1 .desc2 {top: 25%;transition:all 1s 0.7s;}
.sec1.current h2 strong.text1 { display: block; position: absolute; top:13%; opacity: 1; }
.sec1.current .desc1 {top: 25%; opacity: 1; }
.sec1.current .desc2 {top: 29%;opacity: 1;}
.sec2 h3 {position: absolute;top: 4%;right: 0;width: 100%;line-height: 1.3;color: #fff;font-size: 5.5vw;}
.sec2 h3 i { font-style: italic; }
.sec2 .text1 { position: absolute; top: 73%; left: 20%; width: 35%; line-height: 1.1; color: #fff; font-size: 17px; }
.sec2 .text2 { position: absolute; top: 73%; right: 20%; width: 35%; line-height: 1.1; color: #fff; font-size: 17px; }
.sec2 .text2 .noto { font-weight: bold; }
.sec2 p { position: absolute; top: 86.6%; left: 0; width: 100%; line-height: 1.3; color: #ffff; }
.sec3 h3 { position: absolute; top: 6.5%; left: 0; width: 100%; line-height: 1.2; color: #6e0072;font-weight:600;}
.sec3 ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.sec3 li em { display: block; position: absolute; left: 0; width: 100%; color: #fff; }
.sec3 li span {display: block;position: absolute;left: 0;width: 100%;line-height: 1.3;color: #672562;}
.sec3 li.list1 em {top: 30.8%;}
.sec3 li.list2 em {top: 58.7%;}
.sec3 li.list3 em {top: 86.8%;}
.sec3 li.list1 span {top: 34.5%;}
.sec3 li.list2 span {top: 62.5%;}
.sec3 li.list3 span {top: 90.5%;}
.sec4 p {position: absolute;top: 11.7%;left: 5%;right: 5%;color: #fff;padding: 4px 5px;font-size: 4vw;line-height: 1.4;}
.sec4 h3 {position: absolute;top: 16%;left: 0;width: 100%;line-height: 1.4;color: #6e0072;font-size: 6.5vw;}
.sec4 ul { position: absolute; top: 85%; left: 0; width: 100%; padding: 0 3.12%; box-sizing: border-box; }
.sec4 ul li {float: left;width: 33.33%;line-height: 1;}
.sec4 ul li:first-child { }
.sec4 ul li .tit { display: block; margin-bottom: 5%; color: #672562; }
.sec4 ul li .info {line-height: 1;color: #672562;font-size: 3vw;}
.sec4 ul li .info b { }
.sec5 p {position:absolute;top: 11%;left:0;right:0;text-align:center;color:#fff;font-size:3.6vw;}
.sec5 h3 {position:absolute;top:15%;left:0;width:100%;color:#fff;font-size:6.5vw;line-height: 1.3;}
.sec5 h3 span {font-size:6.5vw;font-weight:bold;}
.sec5 ul {position:absolute;bottom: 0;left: 6%;right: 6%;height: 15%;}
.sec5 ul li {float:left;width: 50%;height: 100%;box-sizing:border-box;}
.sec5 ul li .tit {display: inline-block;color:#fff;font-size:3vw;line-height:1 !important;margin-bottom:5px;padding:5px;}
.sec5 ul li .info {display: block;line-height: 1.3;letter-spacing: 0;}
.sec5 ul li .tit span {font-size:3vw;font-weight:bold;}
.sec5 ul li .info {line-height:1.2;color:#672562;font-size:2.5vw;}
.sec5 ul li .info b {line-height:1.3;}
.sec5 ul li .info span {font-size:3vw;}
.sec6 h3 { position: absolute; top: 13.5%; left: 0; width: 100%; line-height: 1.2; color: #6e0072; }
.sec6 p { position: absolute; top: 27.1%; left: 0; width: 100%; color: #fff;line-height:1;}
.sec6 p i { font-style: italic; }
.sec6 ul { position: absolute; top: 84.46%; left: 0; width: 100%; padding: 0 6.25%; }
.sec6 ul li { float: left; width: 23.59%; line-height: 1.1; margin-left: -2.34%; color: #fff; font-size: 2.8vw; }
.sec6 ul li:first-child { margin-left: 0; }
.sec6 ul li.list1,
.sec6 ul li.list2 { padding-top: 2%; }
.sec7 h3 {position: absolute;top: 12.5%;right: 34%;color: #6e0072;font-size: 6.8vw;text-align: left;box-sizing: border-box;}
.sec7 ul li { position: absolute; left: 53.28%; line-height: 1.1; color: #431c40; font-size: 2.6vw; text-align: left; }
.sec7 ul li.list1 { top: 39.87%; }
.sec7 ul li.list2 { top: 54.16%; }
.sec7 ul li.list3 { top: 69%; }
.sec7 ul li.list4 { top: 84.7%; }
.sec8 h3 { position: absolute; top: 8%; left: 0; width: 100%; line-height: 1.2; color: #fff; font-size: 6.8vw; }
.sec8 .p1 { position: absolute; top: 27%; left: 3.12%; width: 30.62%; line-height: 1.4; color: #fff; font-size: 3.4vw; }
.sec8 .p2 { position: absolute; top: 26%; right: 3.12%; width: 30.62%; line-height: 1.4; color: #fff; font-size: 3.4vw; text-indent: 10px; }
.sec8 ul { position: absolute; top: 0; left: 0; width: 100%;  height: 100%; text-align: left; }
.sec8 ul li {position: absolute;left: 30.5%;width: 65.79%;line-height: 1;}
.sec8 ul li.list1 {top: 49%;line-height: 1;}
.sec8 ul li.list2 { top: 65.1%; }
.sec8 ul li.list3 { top: 85%; }
.sec8 ul li:first-child { margin-left: 0; }
.sec8 ul li .tit { display: block; margin-bottom: 3%; color: #672562; letter-spacing: 0; }
.sec8 ul li .info {color: #672562;line-height: 1.3;}
.sec9 h3 { position: absolute; top: 4.7%; left : 0; width: 100%; line-height: 1.3; color: #fff; font-size: 6.4vw; text-align: center; }
.sec9 p { position: absolute; top: 97.01%; left: 0; width: 100%; color: #fff; font-size: 3.1vw; } 

.clear { overflow: hidden; }
.clear:after { content: ''; display: block; clear: both; }