@charset "UTF-8";
/* CSS Document */

body {
    background-color: #D4DEE5;
    width: 414px;
    height: 100%;
}

div.top{
	position: relative;
	width: 100%;
	height: 600px;
	top:0px;
}


img.topba-{
    z-index: 100;
    position: fixed;
    top: 10%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}

img.hanba-ga-{
	z-index: 101;
	position: fixed;
	top:63px;
	left: 80px;
}


img.musimegane-mini{
    position: absolute;
    top: 120px;
    left: -8px;
}


p.daimei{
    color: #143664;
    font-family: "筑紫A丸ゴシック ボールド";
    font-weight: 900;
    font-size: 50pt;
    position: absolute;
    top: 75px;
    left: 39px;
}

p.daimei-2{
	    color: #143664;
    font-family: "筑紫A丸ゴシック";
    font-weight: 900;
    font-size: 18pt;
    position: absolute;
    top: 154px;
    left: 136px;
}


img.musimegane-2{
		z-index: 30;
	 position: absolute;
    top: 200px;
    left: 43px;
}


img.pic-dd{
	z-index: 30;
    object-fit: cover;
    width: 63%;
    height: auto;
	
	position: absolute;
	top:254px;
	left:104px;
	
}

img.asiato{
	pointer-events: none;
	z-index: 25;
	 position: absolute;
    top: 495px;
    left: 50px;
	
	object-fit: cover;
	width: 80%;
	height: auto;

}

/*足跡*/
/*asiatoasiatoasiatoasiasiassssssssssssssss*/
.sa {
  opacity: 0;
  transition: all .5s ease;
}
 
.sa.show {
  opacity: 1;
  transform: none;
}

.sa--down {
  transform: translate(0, -5px);
}

img.asi1{
	   z-index: 5;
    position: absolute;
    top: 508px;
    left: 65px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi2{
	   z-index: 5;
    position: absolute;
    top: 585px;
    left: 125px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi3{
	   z-index: 5;
    position: absolute;
    top: 650px;
    left: 70px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi4{
	   z-index: 5;
    position: absolute;
    top: 690px;
    left: 170px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi5{
	   z-index: 5;
    position: absolute;
    top: 740px;
    left: 100px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi6{
	   z-index: 5;
    position: absolute;
    top: 780px;
    left: 210px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 11%;
    height: auto;
}

img.asi7{
	   z-index: 5;
    position: absolute;
    top: 855px;
    left: 150px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi8{
	 z-index: 5;
    position: absolute;
    top: 870px;
    left: 240px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi9{
	   z-index: 5;
    position: absolute;
    top: 940px;
    left: 180px;
    transform: rotate(10deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi10{
	   z-index: 30;
    position: absolute;
    top: 980px;
    left: 260px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi11{
	   z-index: 30;
    position: absolute;
    top: 1040px;
    left: 200px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 10%;
    height: auto;
}

img.asi12{
	   z-index: 60;
    position: absolute;
    top: 1120px;
    left: 250px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi13{
	   z-index: 30;
    position: absolute;
    top: 1195px;
    left: 175px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi14{
	   z-index: 5;
    position: absolute;
    top: 1300px;
    left: 200px;
    transform: rotate(-15deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi15{
	   z-index: 30;
    position: absolute;
    top: 1350px;
    left: 115px;
    transform: rotate(-15deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi16{
	   z-index: 30;
    position: absolute;
    top: 1420px;
    left: 170px;
    transform: rotate(-15deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi17{
	z-index: 30;
    position: absolute;
    top: 1490px;
    left: 90px;
    transform: rotate(-15deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi18{
	z-index: 30;
    position: absolute;
    top: 1560px;
    left: 175px;
    transform: rotate(-15deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi19{
	z-index: 30;
    position: absolute;
    top: 1640px;
    left: 105px;
    transform: rotate(-25deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi20{
	z-index: 30;
    position: absolute;
    top: 1710px;
    left: 180px;
    transform: rotate(-25deg);
    object-fit: cover;
    width: 9%;
    height: auto;
}

img.asi21{
	z-index: 30;
    position: absolute;
    top: 1750px;
    left: 110px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi22{
	z-index: 30;
    position: absolute;
    top: 1830px;
    left: 180px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi23{
	z-index: 30;
    position: absolute;
    top: 1900px;
    left: 130px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 10%;
    height: auto;
}

img.asi24{
	z-index: 30;
    position: absolute;
    top: 1960px;
    left: 210px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 11%;
    height: auto;
}

img.asi25{
	z-index: 30;
    position: absolute;
    top: 2060px;
    left: 170px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi26{
	z-index: 30;
    position: absolute;
    top: 2100px;
    left: 260px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi27{
	z-index: 30;
    position: absolute;
    top: 2170px;
    left: 200px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi28{
	z-index: 30;
    position: absolute;
    top: 2230px;
    left: 290px;
    transform: rotate(15deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi29{
  z-index: 30;
    position: absolute;
    top: 2290px;
    left: 230px;
    transform: rotate(20deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi30{
	z-index: 30;
    position: absolute;
    top: 2410px;
    left: 290px;
    transform: rotate(45deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi31{
	z-index: 30;
    position: absolute;
    top: 2470px;
    left: 170px;
    transform: rotate(35deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi32{
	z-index: 30;
    position: absolute;
    top: 2530px;
    left: 240px;
    transform: rotate(40deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi33{
	z-index: 30;
    position: absolute;
    top: 2595px;
    left: 150px;
    transform: rotate(35deg);
    object-fit: cover;
    width: 11%;
    height: auto;
}

img.asi34{
	z-index: 30;
    position: absolute;
    top: 2675px;
    left: 210px;
    transform: rotate(20deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi35{
	z-index: 30;
    position: absolute;
    top: 2720px;
    left: 100px;
    transform: rotate(10deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi36{
	z-index: 30;
    position: absolute;
    top: 2790px;
    left: 160px;
    transform: rotate(-20deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi37{
	z-index: 30;
    position: absolute;
    top: 2840px;
    left: 60px;
    transform: rotate(-35deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi38{
	z-index: 30;
    position: absolute;
    top: 2900px;
    left: 130px;
    transform: rotate(-35deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi39{
	z-index: 30;
    position: absolute;
    top: 3000px;
    left: 90px;
    transform: rotate(-35deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

/*
img.asi40{
	 z-index: 30;
    position: absolute;
    top: 3060px;
    left: 180px;
    transform: rotate(-20deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi41{
	 z-index: 30;
    position: absolute;
    top: 3130px;
    left: 120px;
    transform: rotate(-45deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi42{
	 z-index: 30;
    position: absolute;
    top: 3180px;
    left: 220px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 10%;
    height: auto;
}

img.asi43{
	 z-index: 30;
    position: absolute;
    top: 3240px;
    left: 120px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi44{
	 z-index: 30;
    position: absolute;
    top: 3290px;
    left: 220px;
    transform: rotate(10deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi45{
	 z-index: 30;
    position: absolute;
    top: 3360px;
    left: 160px;
    transform: rotate(-10deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}
*/

img.asi46{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3062px;
    left: 180px;
    transform: rotate(-5deg);
    object-fit: cover;
    width: 11%;
    height: auto;
}

img.asi47{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3140px;
    left: 120px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi48{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3185px;
    left: 200px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi49{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3255px;
    left: 120px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi50{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3310px;
    left: 220px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi51{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3380px;
    left: 160px;
    transform: rotate(5deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi52{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3400px;
    left: 260px;
    transform: rotate(10deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi53{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3463px;
    left: 200px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi54{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3500px;
    left: 310px;
    transform: rotate(20deg);
    object-fit: cover;
    width: 12%;
    height: auto;
}

img.asi55{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3560px;
    left: 270px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 10%;
    height: auto;
}

img.asi56{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3655px;
    left: 330px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi57{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3680px;
    left: 245px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 13%;
    height: auto;
}

img.asi58{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3765px;
    left: 265px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi59{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3765px;
    left: 160px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi60{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3890px;
    left: 150px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 14%;
    height: auto;
}

img.asi61{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 3960px;
    left: 80px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 15%;
    height: auto;
}

img.asi62{
	pointer-events: none;
	 z-index: 30;
    position: absolute;
    top: 4010px;
    left: 170px;
    transform: rotate(0deg);
    object-fit: cover;
    width: 11%;
    height: auto;
}

/*aaaisiasiasiasiasiaisasiasiaisiasaisiasiasiasias*/





div.houkokusho{
	position: relative;
	height: 900px;
}

/*
div.haikei{
    position: absolute;
   
    height: 900px;
    z-index: 1;
    width: 100%;
    background-color: #FFFFFF;
	
	top: 40%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}
*/
div.daimei{
	position: relative;
	width: 100%;
	height: 300px;
}




img.haikei{
		z-index: 3;
	 position: absolute;
	width:100%;
	
	top: 1px;
  
	
	    top: 1249px;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    font-weight: 520;  
}

div.naiyou{
	position: relative;
	height: 2000px;
}

p.houkoku-1{
    z-index: 50;
    color: #143664;
    font-family: "筑紫A丸ゴシック";
    text-align: center;
    font-size: 20pt;
    position: absolute;
    top: 30px;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    font-weight: 540;  
   
  }

p.houkoku-2{
    z-index: 50;
    color: #143664;
    font-family: "筑紫A丸ゴシック";
    font-weight: 500;
    font-size: 14pt;
    position: absolute;	 
	text-align: center;
	
	top: 55px;
    left: 93px;
}

img.tensen{
	z-index: 50;
    position: absolute;	
	width: 80%;
		
	top: 200px;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}

p.chousakekka{
	 z-index: 50;
    color: #16C1DD;
     line-height: 150%;
font-family: '游ゴシック体 ミディアム';
    font-size: 15pt;
    position: absolute;	 
	text-align: center;
	
	top: 180px;
     left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}

p.dounyuu{
    z-index: 50;
    color: #143664;
    line-height: 150%;
font-family: '游ゴシック体 ミディアム';
    font-size: 14pt;
	text-align: left;
	
    position: absolute;
	top:270px;
	left: 36px;
 }

/*
div.1{
	position: relative;
	width:100%;
	height: 500px;
}
*/

img.shasin-1{
	z-index: 10;
	 position: absolute;
	 object-fit: cover;
    width: 84%;
    height: auto;
	
	top:520px;
	left: 50%;
	 -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}

p.honbun-1{
	  z-index: 50;
    color: #143664;
    line-height: 150%;
font-family: '游ゴシック体 ミディアム';
    font-size: 14pt;
	text-align: left;
	
    position: absolute;
	top:633px;
	left: 7.5%;
}

img.shasin-2{
	z-index: 10;
	 position: absolute;
	 object-fit: cover;
    width: 84%;
    height: auto;
	
	top:966px;
	left: 50%;
	 -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}

/*
img.shasin-3{
	z-index: 10;
	 position:absolute;
	 object-fit: cover;
    width: 84%;
    height: auto;
	
	top:1250px;
	left: 50%;
	 -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}
*/

p.honbun-2{
	  z-index: 50;
    color: #143664;
    line-height: 150%;
font-family: '游ゴシック体 ミディアム';
    font-size: 14pt;
	text-align: left;
	font-weight: 400;
	
    position: absolute;
	top:1077px;
	left: 7.5%;
}

img.shasin-4{
	z-index: 10;
	 position:absolute;
	 object-fit: cover;
    width: 84%;
    height: auto;
	
	top:1450px;
	left: 50%;
	 -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}

p.honbun-3{
		  z-index: 50;
    color: #143664;
     line-height: 150%;
font-family: '游ゴシック体 ミディアム';
    font-size: 14pt;
	text-align: left;
	
    position: absolute;
	top:1563px;
	left: 7.5%;
}

img.shasin-5{
	z-index: 10;
	 position:absolute;
	 object-fit: cover;
    width: 84%;
    height: auto;
	
	top:1896px;
	left: 50%;
	 -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%); 
}

p.honbun-4{
		  z-index: 50;
    color: #143664;
    line-height: 150%;
font-family: '游ゴシック体 ミディアム';
    font-size: 14pt;
	text-align: left;

    position: absolute;
	top:2009px;
	left: 7.5%;
}

div.mokuji{
	z-index: 15;
    width: 100%;
    height: 470px;
    background-color: #FFFFFF;
    position: relative;
	top:890px;
}

img.ie{
		z-index: 10;
    object-fit: cover;
    width: 8%;
    height: auto;
	
	 position:absolute;
	top: 20px;
	left: 30px;
}

img.yajirusi{
	z-index: 10;
	 position:absolute;
	top: 29px;
	left: 78px;
}

p.ddatorie{
	  z-index: 50;
    color: #143664;
    font-family: "筑紫A丸ゴシック ボールド";
    font-weight: 200;
    font-size: 14pt;
	text-align: left;

    position: absolute;
	top:6px;
	left: 100px;
}

div.mokuji{
	position: relative;
}

img.megane-dd{
	position: absolute;
	top:90px;
	left:30px;
	
	    object-fit: cover;
    width: 8%;
    height: auto;
}

img.megane-tosho{
		position: absolute;
	top:140px;
	left:30px;
}

img.megane-atorie{
		position: absolute;
	top:90px;
	left:200px;
}

img.megane-proto{
		position: absolute;
	top:190px;
	left:30px;
}

img.megane-rouka{
		position: absolute;
	top:140px;
	left:200px;
}

p.mokuji-dd{
    color: #143664;
   
    font-family: '游ゴシック体 ミディアム' ;
    font-style: bold;
    font-size: 14pt;
    position: absolute;
    top: 73px;
    left: 70px;
}

p.mokuji-tosho{
	color: #143664;
 
    font-family: '游ゴシック体 ミディアム';
    font-style: normal;
    font-weight: 200;
    font-size: 14pt;
	
	 position: absolute;
    top: 123px;
    left: 70px;
}

p.mokuji-proto{
		color: #143664;
  
    font-family: '游ゴシック体 ミディアム';
    font-style: normal;
    font-weight: 200;
    font-size: 14pt;
	
		
	 position: absolute;
    top: 173px;
    left: 70px;
}

p.mokuji-atorie{
	    color: #143664;

    font-family: '游ゴシック体 ミディアム';
    font-style: bold;
    font-size: 14pt;
		
    position: absolute;
    top: 73px;
    left: 237px;
}

p.mokuji-rouka{
		    color: #143664;
    
    font-family: '游ゴシック体 ミディアム' ;
    font-style: bold;
    font-size: 14pt;
		
    position: absolute;
    top: 123px;
    left: 237px;
}



div.sns{
	 position: relative;
    width: 100%;
    height: 100px;
	top:320px;
}

p.sns{
    position: absolute;
    top: -25%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    color: #143664;
    font-family: "游ゴシック体 ";
    font-weight: bold;
	font-size: 14pt;
}


img.facebook{
		z-index: 10; 
    object-fit: cover;
    width: 12%;
    height: auto;
    position: absolute;
	/*top: 5px;
	left: 20%;*/
	
		top: 40%;
    left: 30%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}

img.twitter{
	z-index: 10; 
    object-fit: cover;
    width: 12%;
    height: auto;
    position: absolute;

	top: 40%;
    left: 50%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}

img.youtube{
	z-index: 10; 
    object-fit: cover;
    width: 12%;
    height: auto;
    position: absolute;
	/*top: 5px;
	left: 80%;*/
	
	top: 40%;
    left: 70%;
  -webkit-transform : translate(-50%,-50%);
  transform : translate(-50%,-50%);
}

/*
div.tophe{
	position:relative;
	width: 100%;
	height: 100px;
}
*/

img.tophe{
	z-index: 30;
		position:absolute;
	   
	
	       top:630px;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
	
	
}