@charset "UTF-8";
section.tableBox.topSec {
margin:180px auto 100px!important;
}
section#story h2{width:327px;height:100px;font-size:0; position:absolute; left:0; right:0;top:-100px; margin:0 auto; background:URL("../../story/_img/h2_story.png") center top no-repeat;}

/* ストーリー１章*/
div#act1{width:100%;height:auto; padding-bottom: calc(100%*1030/1000); position:relative;margin-top:-50px;}
div#act1 h3{width:697px;position:absolute; top:0; left:60px;z-index:3;}
div#act1 .text{width:487px;position:absolute; top:250px; left:80px;z-index:3;}
div#act1 .chara{width:665px;position:absolute; top:50px; right:-50px;z-index:1;}
div#act1 .koma1{width:503px;position:absolute; top:390px; left:80px;z-index:2;}
div#act1 .koma2{width:560px;position:absolute; top:680px; left:240px;z-index:3;}

/* ストーリー2章*/
div#act2{width:100%;height:auto; padding-bottom: calc(100%*1000/1000); position:relative;margin-top:-50px;}
div#act2 h3{width:564px;position:absolute; top:0; right:60px;z-index:3;}
div#act2 .text{width:446px;position:absolute; top:250px; right:80px;z-index:3;}
div#act2 .chara{width:632px;position:absolute; top:50px; left:-50px;z-index:1;}
div#act2 .koma1{width:580px;position:absolute; top:630px; left:120px;z-index:3;}
div#act2 .koma2{width:389px;position:absolute; top:390px; right:80px;z-index:2;}

/* ストーリー3章*/
div#act3{width:100%;height:auto; padding-bottom: calc(100%*980/1000); position:relative;margin-top:-50px;}
div#act3 h3{width:841px;position:absolute; top:0; left:60px;z-index:3;}
div#act3 .text{width:879px;position:absolute; top:860px; left:80px;z-index:6;}
div#act3 .chara{width:1083px;position:absolute; top:500px; right:0px;z-index:5;}
div#act3 .koma1{width:492px;position:absolute; top:220px; right:60px;z-index:3;}
div#act3 .koma2{width:469px;position:absolute; top:280px; left:60px;z-index:2;}

/* ストーリー4章*/
div#act4{width:100%;height:auto; padding-bottom: calc(100%*950/1000); position:relative;margin-top:-50px;}
div#act4 h3{width:675px;position:absolute; top:0; right:60px;z-index:3;}
div#act4 .text{width:557px;position:absolute; top:260px; right:80px;z-index:3;}
div#act4 .chara{width:424px;position:absolute; top:40px; left:30px;z-index:1;}
div#act4 .koma1{width:449px;position:absolute; top:400px; right:80px;z-index:3;}
div#act4 .koma2{width:258px;position:absolute; top:500px; left:250px;z-index:2;}

/* ストーリー5章*/
div#act5{width:100%;height:auto; padding-bottom: calc(100%*1000/1000); position:relative;margin-top:-50px;}
div#act5 h3{width:564px;position:absolute; top:0; left:60px;z-index:3;}

div#act5 .chara{width:452px;position:absolute; top:-100px; right:50px;z-index:1;}
div#act5 .koma2{width:520px;position:absolute; top:420px; left:50px;z-index:3;}
div#act5 .koma1{width:476px;position:absolute; top:530px; right:40px;z-index:2;}
div#act5 .text{width:481px;position:absolute; top:270px; left:80px;z-index:3;}

/* ストーリー6章*/
div#act6{width:100%;height:auto; padding-bottom: calc(100%*1000/1000); position:relative;margin-top:-50px;}
div#act6 h3{width:566px;position:absolute; top:0; right:60px;z-index:3;}
div#act6 .text{width:502px;position:absolute; top:260px; right:80px;z-index:3;}
div#act6 .chara{width:621px;position:absolute; top:-120px; left:40px;z-index:1;}
div#act6 .koma1{width:548px;position:absolute; top:520px; left:80px;z-index:2;}
div#act6 .koma2{width:357px;position:absolute; top:400px; right:90px;z-index:2;}

/* ストーリー7章*/
div#act7{width:100%;height:auto; padding-bottom: calc(100%*1030/1000); position:relative;margin-top:-50px;}
div#act7 h3{width:614px;position:absolute; top:0; left:60px;z-index:3;}
div#act7 .chara{width:715px;position:absolute; top:-50px; right:-50px;z-index:1;}
div#act7 .koma1{width:436px;position:absolute; top:680px; right:260px;z-index:3;}
div#act7 .koma2{width:462px;position:absolute; top:400px; left:70px;z-index:2;}
div#act7 .text{width:482px;position:absolute; top:260px; left:80px;z-index:3;}

/* ストーリー8章*/
div#act8{width:100%;height:auto; padding-bottom: calc(100%*870/1000); position:relative;margin-top:-50px;}
div#act8 h3{width:614px;position:absolute; top:0; right:60px;z-index:3;}
div#act8 .text{width:505px;position:absolute; top:260px; right:80px;z-index:3;}
div#act8 .chara{width:629px;position:absolute; top:-100px; left:-100px;z-index:1;}
div#act8 .koma1{width:256px;position:absolute; top:450px; left:130px;z-index:3;}
div#act8 .koma2{width:260px;position:absolute; top:410px; right:390px;z-index:2;}
div#act8 .koma3{width:246px;position:absolute; top:460px; right:140px;z-index:2;}

/* ストーリー9章*/
div#act9{width:100%;height:auto; padding-bottom: calc(100%*1100/1000); position:relative;margin-top:-50px;}
div#act9 h3{width:665px;position:absolute; top:0; left:60px;z-index:3;}

div#act9 .chara{width:572px;position:absolute; top:120px; right:-50px;z-index:3;}
div#act9 .koma1{width:509px;position:absolute; top:420px; left:80px;z-index:2;}
div#act9 .koma2{width:359px;position:absolute; top:680px; left:320px;z-index:4;}
div#act9 .text{width:515px;position:absolute; top:270px; left:80px;z-index:3;}

/* ストーリー10章*/
div#act10{width:100%;height:auto; padding-bottom: calc(100%*1940/1000); position:relative;margin-top:-50px;}
div#act10 h3{width:708px;position:absolute; top:0; right:60px;z-index:3;}
div#act10 .text{width:483px;position:absolute; top:240px; right:80px;z-index:3;}
div#act10 .text2{width:489px;position:absolute; top:1850px; right:120px;z-index:3;}

div#act10 .chara{width:702px;position:absolute; top:0px; left:30px;z-index:1;}
div#act10 .koma1{width:416px;position:absolute; top:370px; right:80px;z-index:2;}
div#act10 .koma2{width:530px;position:absolute; top:630px; left:100px;z-index:3;}
div#act10 .koma3{width:474px;position:absolute; top:940px; right:80px;z-index:2;}
div#act10 .koma4{width:423px;position:absolute; top:960px; left:50px;z-index:3;}
div#act10 .koma5{width:610px;position:absolute; top:1380px; right:60px;z-index:5;}
div#act10 .koma6{width:345px;position:absolute; top:1500px; left:60px;z-index:6;}

@media screen and (max-width: 667px) {
    
section.tableBox.topSec{
margin: 10vh auto!important;
}
    
section#story h2{width:50%;height:auto;padding-bottom: calc(100%*100/327);
position:absolute; left:0; right:0;top:-6.5vh; margin:0 auto; background:URL("../../story/_img/h2_story.png") center top no-repeat;background-size: 100% auto;}

/* ストーリー１章*/
div#act1{width:100%;height:auto; padding-bottom: calc(100%*1030/1000); position:relative;margin-top:0;}
div#act1 h3{width:69%;position:absolute; top:0; left:3vw;z-index:3;}
div#act1 .text{width:48%;position:absolute; top:15vh; left:5vw;z-index:3;}
div#act1 .chara{width:66%;position:absolute; top:8vh; right:-4vw;z-index:1;}
div#act1 .koma1{width:50%;position:absolute; top:23vh; left:5vw;z-index:2;}
div#act1 .koma2{width:56%;position:absolute; top:40vh; left:10vw;z-index:3;}

/* ストーリー2章*/
div#act2{width:100%;height:auto; padding-bottom: calc(100%*1000/1000); position:relative;margin-top:2vh;}
div#act2 h3{width:56%;position:absolute; top:0; right:3vh;z-index:3;}
div#act2 .text{width:44%;position:absolute;top:14vh; right:6vw;z-index:3;}
div#act2 .chara{width:63%;position:absolute; top:3.8vh; left:-3.8vw;z-index:1;}
div#act2 .koma1{width:58%;position:absolute; top:35vh; left:9.2vw;z-index:3;}
div#act2 .koma2{width:38%;position:absolute; top:22vh; right:6vw;z-index:2;}

/* ストーリー3章*/
div#act3{width:100%;height:auto; padding-bottom: calc(100%*980/1000); position:relative;margin-top:1vh;}
div#act3 h3{width:84%;position:absolute; top:0; left:5vw;z-index:3;}
div#act3 .text{width:87%;position:absolute; top:45vh; left:6vw;z-index:6;}
div#act3 .chara{width:108%;position:absolute; top:26vh; right:0px;z-index:5;}
div#act3 .koma1{width:49%;position:absolute; top:12vh; right:4vw;z-index:3;}
div#act3 .koma2{width:46%;position:absolute; top:16vh; left:4vw;z-index:2;}

/* ストーリー4章*/
div#act4{width:100%;height:auto; padding-bottom: calc(100%*950/1000); position:relative;margin-top:2vh;}
div#act4 h3{width:67%;position:absolute; top:0; right:60px;z-index:3;}
div#act4 .text{width:55%;position:absolute; top:14vh; right:6vw;z-index:3;}
div#act4 .chara{width:42%;position:absolute; top:2vh; left:2vw;z-index:1;}
div#act4 .koma1{width:44%;position:absolute; top:22vh; right:6vw;z-index:3;}
div#act4 .koma2{width:25%;position:absolute; top:27vh; left:19vw;z-index:2;}

/* ストーリー5章*/
div#act5{width:100%;height:auto; padding-bottom: calc(100%*1000/1000); position:relative;margin-top:2vh;}
div#act5 h3{width:56%;position:absolute; top:0; left:4vw;z-index:3;}

div#act5 .chara{width:45%;position:absolute; top:-5vh; right:2vw;z-index:1;}
div#act5 .koma2{width:52%;position:absolute; top:23vh; left:6vw;z-index:3;}
div#act5 .koma1{width:47%;position:absolute; top:29vh; right:3vw;z-index:2;}
div#act5 .text{width:48%;position:absolute; top:15vh; left:6vw;z-index:3;}

/* ストーリー6章*/
div#act6{width:100%;height:auto; padding-bottom: calc(100%*1000/1000); position:relative;margin-top:1vh;}
div#act6 h3{width:56%;position:absolute; top:0; right:4vw;z-index:3;}
div#act6 .text{width:50%;position:absolute; top:14vh; right:6vw;z-index:3;}
div#act6 .chara{width:62%;position:absolute; top:-6vh; left:4vw;z-index:1;}
div#act6 .koma1{width:54%;position:absolute; top:28vh; left:6vw;z-index:2;}
div#act6 .koma2{width:35%;position:absolute; top:22vh; right:7vw;z-index:2;}

/* ストーリー7章*/
div#act7{width:100%;height:auto; padding-bottom: calc(100%*1030/1000); position:relative;margin-top:1vh;}
div#act7 h3{width:61%;position:absolute; top:0; left:4vw;z-index:3;}
div#act7 .chara{width:71%;position:absolute; top:-2vh; right:-8vw;z-index:1;}
div#act7 .koma1{width:43%;position:absolute; top:37vh; right:24vw;z-index:3;}
div#act7 .koma2{width:46%;position:absolute; top:22vh; left:6vw;z-index:2;}
div#act7 .text{width:48%;position:absolute; top:14vh; left:6vw;z-index:3;}

/* ストーリー8章*/
div#act8{width:100%;height:auto; padding-bottom: calc(100%*870/1000); position:relative;margin-top:1vh;}
div#act8 h3{width:61%;position:absolute; top:0; right:8vw;z-index:3;}
div#act8 .text{width:50%;position:absolute; top:14vh; right:6vw;z-index:3;}
div#act8 .chara{width:62%;position:absolute; top:-5vh; left:-15vw;z-index:1;}
div#act8 .koma1{width:25%;position:absolute; top:25vh; left:14vw;z-index:3;}
div#act8 .koma2{width:26%;position:absolute; top:22vh; right:32vw;z-index:2;}
div#act8 .koma3{width:24%;position:absolute; top:25vh; right:8vw;z-index:2;}

/* ストーリー9章*/
div#act9{width:100%;height:auto; padding-bottom: calc(100%*1100/1000); position:relative;margin-top:2vh;}
div#act9 h3{width:66%;position:absolute; top:0; left:4vw;z-index:3;}

div#act9 .chara{width:57%;position:absolute; top:12vh; right:-3vw;z-index:3;}
div#act9 .koma1{width:50%;position:absolute; top:23vh; left:6vw;z-index:2;}
div#act9 .koma2{width:35%;position:absolute; top:37vh; left:24vw;z-index:4;}
div#act9 .text{width:51%;position:absolute; top:15vh; left:6vw;z-index:3;}

/* ストーリー10章*/
div#act10{width:100%;height:auto; padding-bottom: calc(100%*2160/1000); position:relative;margin-top:1vh;}
div#act10 h3{width:70%;position:absolute; top:0; right:8vw;z-index:3;}
div#act10 .text{width:48%;position:absolute; top:14vh; right:6vw;z-index:3;}
div#act10 .text2{width:49%;position:absolute; top:93vh; right:6vw;z-index:3;}
    
div#act10 .chara{width:70%;position:absolute; top:0; left:0;z-index:1;}
div#act10 .koma1{width:41%;position:absolute; top:22vh; right:6vw;z-index:2;}
div#act10 .koma2{width:53%;position:absolute; top:36vh; left:7vw;z-index:3;}
    
div#act10 .koma3{width:47%;position:absolute; top:47vh; right:5vw;z-index:2;}
div#act10 .koma4{width:42%;position:absolute; top:55vh; left:5vw;z-index:3;}
div#act10 .koma5{width:56%;position:absolute; top:70vh; right:4vw;z-index:5;}
div#act10 .koma6{width:34%;position:absolute; top:80vh; left:7vw;z-index:6;}


}