body{
	font-family:"Avenir Next";
	}



.header{
      
      position:fixed;
	background-color : #fff ;
      opacity:0.95;

	height : 150px ;
      width:1500px; 
    
}


.header-logo{
	
	float:left;
	color : #DB7307 ;
	font-size: 45px;
	
	margin: 20px  40px 20px 100px;
      border-radius:100px;
}


.header-list{
	
	float:left;

      font-size:20px;

      padding:20px 40px 100px 40px;
	
}
.bbb{

float:left;
padding :20px 20px;

}

.bbb a{

color : #DB7307 ;
text-decoration:none;
padding-bottom:20px;



}

.bbb a:hover{

color : #f9ee68;



}

.mainb{
      padding-top:100px;
    height:1100px;
    background-image:url("yuzu.jpeg");
    background-size:cover;
    font-size:100px;
    color:#fff; 
}
.main{


}
    
.ma{
  line-height:110px;
}
     
      
   

.ya {
 
  text-align: center;
 
}

.ok{
  color:#fff;
  transition:all 1s;
}
.ok:hover{
 color:#64db8f;
}	
.okk{
  color:#fff;
transition:all 1s;
}
.okk:hover{
 color:#64db8f;
}
.okkk{
transition:all 1s;

  color:#fff;
}
.okkk:hover{
 color:#64db8f;
}
.okkkk{
transition:all 1s;

  color:#fff;
}
.okkkk:hover{
 color:#64db8f;
}

.section-title{

     border-bottom:2px solid #ec8d04;

     font-size: 28px;

     padding-bottom:15px;


}


.contents-item{
 
     display:inline-block;

  padding :30px 30px;
  

}
.botan{
  box-shadow:10px 10px #ec8d04
}
.botan:hover{
  box-shadow:12px 12px #5dd068

}