@charset "utf-8";





header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    padding: 3% 2%;
    background: #ffffff;
    box-sizing: border-box;
}
  

.inner{
   
    width:18%;
    height: 0%;
    flex-shrink: 0;
   
  
}






#top {
    position:relative;
    margin-bottom: 10%;
    margin-top: 18%;

 
}

.relative{
        width: 100%;
       
}
  



body{
margin: 0px;
text-align: center;
font-family: Helvetica Neue;




}

.absolute{
color: #4F4F4F;


font-size: 220%;
font-style: normal;
font-weight: 700;
line-height: normal;

position: absolute;
top: 79%;
width: 100%;
transform: translate(-6%, -62%);
text-align: ls;


}


h1{
    color: #4F4F4F;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    margin-bottom: 5%;


}

img{ 
    max-width: 100%;
    height: auto;

}

.zukei{
    width: 80%;
    margin-left: 10%;
    margin-bottom: 22%;

}

h2{
    color: #FF4747;

    font-size: 220%;
    font-style: normal;
    line-height: normal;
    margin-bottom: 20%;


}




 

.itiinennsei{
    width:100%;
    height:auto;
    position: relative;
    margin-bottom: 18%;
}


.ninennsei{
    width:100%;
    height:auto;
    position: relative;
    margin-bottom: 18%;
    
}


.sannnennsei{
    width:100%;
    height:auto;
    position: relative;
    margin-bottom: 18%;
}



.yonennsei{
    width:100%;
    height:auto;
    position: relative;
    margin-bottom: 18%;
}





.miru{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(35%,360%);
    padding:0;
    margin:0;
    font-size:80%;
    color:#FD3F3F ;
    font-weight: 700
}

.ninenText{
    position: absolute;
    
    transform: translate(93%,-150%);
    padding:0%;
    margin:10;
   
    
   
    text-decoration: none;
    display: block;
	text-align: center;
	
	text-decoration: none;
	width: 100px;
	margin: auto;
	padding:2.5% 10.5%;
	font-weight: bold;
	border: 2px solid #FD3F3F;
	color: #FD3F3F;
	transition: 0.5s;


    position: absolute;
    font-size:80%;
    background: rgba(255, 255, 255, 0.80);
  



    
}



a.ninenText:hover {
	color: #fff;
	background:rgba(255, 91, 91, 0.85);
}









.footer{
    padding-bottom: 10%;

   color: #747474;
    background: #e6e6e6;
   
   margin-top: 0%;
   padding-left: 15%;
   font-size: 70%;

   margin-left: -10%;
   text-align: left;
   

  



}

.about{
    font-size: 70%;
    color: #747474;
}


.namae{

    font-size: 70%;
    color: #747474;
}