@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
		}
		
		@-webkit-keyframes fadeIn {
				0% {opacity: 0}
				100% {opacity: 1}
		}

/*********************************
 * ～640
 *********************************/

@media screen and (max-width:640px){

body {}
#wrapper {
	overflow-x:hidden;
	width:100%;}
	

	.box1 {}
		.StrSec1 h2, .img01, .img02, .img03 {opacity:0;}
		.StrSec1 h2, .txt01 {opacity:1;}
		.StrSec1 h2 {
			animation: fadeIn 5s ease 0s 1 normal;
    	-webkit-animation: fadeIn 5s ease 0s 1 normal;}
		.StrSec1 .img01 {width:62%; margin:0 auto;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:3.4s ease 0s;transition:3.4s ease 0s}
			
		.StrSec1 .txt01 {margin:12% 0 0 0;
			-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt02 {
			-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		
		.StrSec1 .img02 {margin:105px 0 0 0; text-align:center;}
		.StrSec1 .img03 {text-align:center;}
	
	.StrSec1 .box05 {position:relative;}
		.txt03, .txt04, .txt05, .txt06, .txt07 {opacity:0;}
		.StrSec1 .txt03 {margin:18% 0 0 0;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt04 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt05 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		
		.StrSec1 .img04 {margin:19% 0 0 0; text-align:right;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
				.StrSec1 .img04 img {width:38%;}		
		.StrSec1 .img05 {position:absolute; top:360px; width:27%;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
			
		.StrSec1 .txt06 {margin:16% 0 0 0;
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt07 {
			-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt08 {
			-webkit-transform:translateX(120px);-ms-transform:translateX(120px);transform:translateX(120px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt09 {
			-webkit-transform:translateX(140px);-ms-transform:translateX(140px);transform:translateX(140px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		
		.StrSec1 .txt10 {margin:14% 0 0 0;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt11 {
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt12 {
			-webkit-transform:translateX(110px);-ms-transform:translateX(110px);transform:translateX(110px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
	
	.StrSec1 .box06 {position:relative; margin:21% 0 0 0;}
		.txt13, .txt14, .txt15, .txt16, .txt17, .txt18 {opacity:0;}		
		.StrSec1 .img06 {position:absolute; right:0;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
		.StrSec1 .txt13 {padding:11% 0 0 0;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt14 {
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt15 {
			-webkit-transform:translateX(110px);-ms-transform:translateX(110px);transform:translateX(110px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt16 {margin:11% 0 0 0;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt17 {
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt18 {
			-webkit-transform:translateX(110px);-ms-transform:translateX(110px);transform:translateX(110px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
	
	.StrSec1 .box07 {margin:19% 0 0 0;}
		.txt19, .txt20, .txt21, .txt22, .txt21, .txt23, .txt24, .txt25, .txt26 {opacity:0;}
		.StrSec1 .img07 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}	
		.StrSec1 .txt19 {margin:16% 0 0 0;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt20 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt21 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt22 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt23 {margin:12% 0 0 0;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt24 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt25 {margin:12% 0 0 0;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt26 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
	
	.StrSec1 .box08 {margin:28% 0 0 0;}
		.txt27, .txt28, .txt29 {opacity:0;}
		.StrSec1 .img08 {text-align:right;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
			.StrSec1 .img08 img {width:56%;}
		.StrSec1 .txt27 {margin:23% 0 0 0;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt28 {
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt29 {
			-webkit-transform:translateX(110px);-ms-transform:translateX(110px);transform:translateX(110px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
	
	.StrSec1 .box09 {position:relative; margin:17% 0 0 0; height:340px;}
		.StrSec1 .box09 div {position:absolute;}
		.StrSec1 .img09 {width:36%;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
		.StrSec1 .txt30 {top:42px;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s %ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt31 {top:90px;
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
	
	.StrSec1 .box10 {position:relative; height:440px;}
		.StrSec1 .box10 div {position:absolute;}
		.StrSec1 .img10 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
		.StrSec1 .txt32 {top:250px;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt33 {top:306px;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt34 {margin:15% 0 0 0;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}
		.StrSec1 .txt35 {
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;
			-webkit-transition:4.4s ease 0s;transition:4.4s ease 0s}

	.StrSec2 {margin:15% 0;}

.fadein, .fadein100, .fadein200, .fadein300, .fadein400, .fadein500 {
    opacity : 0;
    transition : all 2000ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin, .fadein100.scrollin, .fadein200.scrollin, .fadein300.scrollin, .fadein400.scrollin, .fadein500.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
}




/*********************************
 * 641～
 *********************************/

@media screen and (min-width:641px){

body {overflow-x:hidden; width:100%; solid #192f54;}

.StrSec1 {width:100% !important; max-width:1500px; margin:auto;}
	
	.box1 {}
		.StrSec1 h2, .img01, .txt01, .img02, .img03 {opacity:0;}
		.StrSec1 h2 {opacity:1;}
		.StrSec1 h2 {margin:80px 0 0 0; text-align:center;
			animation: fadeIn 5s ease 0s 1 normal;
    	-webkit-animation: fadeIn 5s ease 0s 1 normal;}
		.StrSec1 .img01 {margin:64px 0 0 0; text-align:center;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:3.4s ease 0s;transition:3.4s ease 0s}
			
		.StrSec1 .txt01 {margin:102px 0 0 0; text-align:center;
			animation: fadeIn 5s ease 0s 1 normal;
    	-webkit-animation: fadeIn 5s ease 0s 1 normal;
			-webkit-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px);}
		
		.StrSec1 .img02 {margin:105px 0 0 0; text-align:center;}
		.StrSec1 .img03 {text-align:center;}
	
	.StrSec1 .box05 {position:relative; height:1295px; margin:182px 0 0 0;}
		.txt02, .txt03, .txt04, .txt05, .txt06, .txt07 {opacity:0;}
		.StrSec1 .txt02 {text-align:center;
			-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt03 {margin:22px 0 0 0; text-align:center;
			-webkit-transform:translateX(-150px);-ms-transform:translateX(-150px);transform:translateX(-150px);
			-webkit-transition:4.4s ease .4s;transition:4.4s ease .4s}
		
		.StrSec1 .img04 {margin:50px 0 0 0; text-align:right;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}		
		.StrSec1 .img05 {position:absolute; top:220px;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
		.StrSec1 .txt04 {margin:136px 0 0 380px;
			-webkit-transform:translateX(100px);-ms-transform:translateX(100px);transform:translateX(100px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt05 {margin:22px 0 0 380px;
			-webkit-transform:translateX(-150px);-ms-transform:translateX(150px);transform:translateX(150px);
			-webkit-transition:4.4s ease .4s;transition:4.4s ease .4s}
		.StrSec1 .txt06 {margin:65px 0 0 380px;
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt07 {margin:22px 0 0 380px;
			-webkit-transform:translateX(130px);-ms-transform:translateX(130px);transform:translateX(130px);
			-webkit-transition:4.4s ease .4s;transition:4.4s ease .4s}
		
		.StrSec1 .img06 {position:absolute; top:825px; right:0;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
		.StrSec1 .txt08 {margin:220px 0 0 38%;
			-webkit-transform:translateX(-100px);-ms-transform:translateX(-100px);transform:translateX(-100px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt09 {margin:22px 0 0 38%;
			-webkit-transform:translateX(-150px);-ms-transform:translateX(-150px);transform:translateX(-150px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt10 {margin:70px 0 0 38%;
			-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt11 {margin:22px 0 0 38%;
			-webkit-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt12 {margin:22px 0 0 38%;
			-webkit-transform:translateX(-110px);-ms-transform:translateX(-110px);transform:translateX(-110px);
			-webkit-transition:4.4s ease .4s;transition:4.4s ease .4s}
	
	.StrSec1 .box06 {position:relative; height:680px;}
		.txt13, .txt14, .txt15, .txt16, .txt17, .txt18, .txt19, .txt20 {opacity:0;}
		.StrSec1 .img07 {width:52%; position:absolute;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
			.StrSec1 .img07 img {width:100%;}
		.StrSec1 .txt13 {padding:50px 0 0 56%;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt14 {margin:27px 0 0 56%;
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt15 {margin:27px 0 0 56%;
			-webkit-transform:translateX(130px);-ms-transform:translateX(130px);transform:translateX(130px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt16 {margin:27px 0 0 56%;
			-webkit-transform:translateX(160px);-ms-transform:translateX(160px);transform:translateX(160px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt17 {margin:70px 0 0 56%;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt18 {margin:27px 0 0 56%;
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt19 {margin:70px 0 0 56%;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt20 {margin:27px 0 0 56%;
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
	
	.StrSec1 .box07 {position:relative; height:330px;}
		.txt21, .txt22 {opacity:0;}
		.StrSec1 .img08 {position:absolute; right:3%;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
		.StrSec1 .txt21 {padding:175px 0 0 33%;
			-webkit-transform:translateX(-50px);-ms-transform:translateX(-50px);transform:translateX(-50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt22 {margin:27px 0 0 33%;
			-webkit-transform:translateX(-70px);-ms-transform:translateX(-70px);transform:translateX(-70px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
	
	.StrSec1 .box08 {position:relative; height:320px;}
		.txt21, .txt23 {opacity:0;}
		.StrSec1 .img09 {position:absolute; left:7%;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
		.StrSec1 .txt23 {padding:75px 0 0 33%;
			-webkit-transform:translateX(-80px);-ms-transform:translateX(-80px);transform:translateX(-80px);
			-webkit-transition:2.4s ease .4s;transition:2.4s ease .4s}
	
	.StrSec1 .box09 {position:relative; height:320px;}
		.StrSec1 .box09 div {position:absolute;}
		.StrSec1 .img10 {margin:0 0 0 12%; width:59%;
			-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);-webkit-transition:2.4s ease 0s;transition:2.4s ease 0s}
			.StrSec1 .img10 img {width:100%;}
		.StrSec1 .txt24 {padding:280px 0 0 60%;
			-webkit-transform:translateX(50px);-ms-transform:translateX(50px);transform:translateX(50px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt25 {margin:318px 0 0 60%;
			-webkit-transform:translateX(80px);-ms-transform:translateX(80px);transform:translateX(80px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt26 {margin:385px 0 0 60%;
			-webkit-transform:translateX(130px);-ms-transform:translateX(130px);transform:translateX(130px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}
		.StrSec1 .txt27 {margin:422px 0 0 60%;
			-webkit-transform:translateX(160px);-ms-transform:translateX(160px);transform:translateX(160px);
			-webkit-transition:3.4s ease .4s;transition:3.4s ease .4s}


	.StrSec2 {margin:400px auto 0 auto; height:501px; background:url(../images/story/pc/bg_sec2.jpg) center center no-repeat; background-size:auto 100%;}
		.StrSec2 div {padding:70px 0 0 0; text-align:center;}

.fadein, .fadein100, .fadein200, .fadein300, .fadein400, .fadein500 {
    opacity : 0;
    transition : all 2000ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin, .fadein100.scrollin, .fadein200.scrollin, .fadein300.scrollin, .fadein400.scrollin, .fadein500.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
}