/*
font-family: 'Roboto', sans-serif;
font-family: 'Assistant', sans-serif;
*/

header{
	background:rgba(0,64,152,0.6);
	padding:0 3%;
 position: -webkit-sticky;
  position: sticky !important;
 /* position:relative;*/
  top: 0;
  z-index:10;
}

header .logo{
	width:35%;
	float:left;
	margin:35px 0;
}
header nav{
	width:65%;
	float:right;
	text-align:right;
	padding: 50px 0 0 0;
}
header nav ul{
	margin:0;
	padding:0;
}
header nav ul li{
	margin:0;
	padding:0 2%;
	list-style:none;
	display:inline-block;
}



@media only screen and (min-width:960px) and (max-width: 1100px) {

header nav ul li{
	padding:0 0.7%;
}
}




header nav ul li a{
	color:#FFF;
	text-decoration:none;
}



.btn{
	width:270px;
	margin-left:auto;
	margin-right:auto;
}

.btn a{
	display:block;
	border-radius:10px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:130%;
	letter-spacing:5px;
	padding:15px 0;
	font-family: 'Assistant', sans-serif;
	-webkit-transition-property:opacity;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
	background: -moz-linear-gradient(left, #0763AC, #05307F);
  background: -webkit-linear-gradient(left, #0763AC, #05307F);
  background:-ms-linear-gradient(left, #0763AC, #05307F); 
  background: linear-gradient(left right, #0763AC, #05307F);
}
.btn a:hover{
	opacity:0.8;
}


.btn.jp a{
	font-size:110%;
}



footer{
	background:url(../img/top/footer-bg.jpg) no-repeat center center;
	background-size:cover;
	padding:40px 0;
	text-align:center;
	color:#fff;
	z-index:1;
	position:relative;
    margin-bottom: -220px;
}

footer ul{
	margin:0 0 10px 0;
	padding:0;
}
footer ul li{
	margin:0;
	padding:0 10px;
	list-style:none;
	display:inline-block;
	border-left:1px solid #fff;
}
footer ul li a{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	font-size:110%;
}





#overlay,
.menu-trigger,
.menu-trigger span {
	display:none;
}





section {
    width: 930px;
    margin: 0 auto;
}
	
	
	

	

/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


/******************/
/* for TB & SP    */
/* 320px-959px    */
/******************/
@media only screen and (max-width: 959px) {


header .logo {
    width: 65%;
    float: none;
}
	
header nav{
	display:none;
}

header {
    padding: 0px 3%;
    position:static;
    position: static !important;

}


.btn {
    width: 80%;
}










/*スマホメニュー*/

.menu-trigger,
.menu-trigger span {
 display: inline-block;
 transition: all .4s;
 box-sizing: border-box;
}
.menu-trigger {
 position: fixed;
 top: 10px;
 right: 14px;
 width: 50px;
 height: 50px;
 z-index: 9999;
 background: rgba(255,255,255,0.6);
 border-radius: 4px;
}
a.menu-trigger:hover{
/*background: rgba(0,0,0,0.5);*/
}
.menu-trigger span {
 position: absolute;
 z-index: 9999;
 left: 8px;
 width: 70%;
 height: 4px;
 background-color: #000;
 border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
 top: 9px;
}
.menu-trigger span:nth-of-type(2) {
 top: 23px;
}
.menu-trigger span:nth-of-type(3) {
 bottom: 9px;
}
.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(15px) rotate(-45deg);
 transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-15px) rotate(45deg);
 transform: translateY(-15px) rotate(45deg);
}
#overlay{
 display: none;
 width: 100%;
 height:100%;
 position: fixed;
 top: 0;
 z-index: 100;
 background: rgba(0,64,152,0.8);
 box-sizing: border-box;
}
#overlay ul{
 padding-left: 0px;
 border-top:1px solid #fff;
}
#overlay ul li{
 padding-left: 0px;
 list-style-type: none;
	margin: 0;
    padding: 3% 3% 3% 6%;
    border-bottom: 1px solid #fff;
}
#overlay ul li.home{
    padding: 3% 3% 3% 3%;
}

#overlay ul li a{
 color: #fff;
 text-decoration: none;
 font-size: 130%;
}

#overlay .logo{
    width: 67%;
    padding: 20px 3%;
}
	


section {
    width: 90%;
}

}






/******************/
/* for Tablet    */
/* 600px-959px    */
/******************/
@media only screen and (min-width: 600px) and (max-width: 959px) {



.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(15px) rotate(-45deg);
 transform: translateY(15px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-15px) rotate(45deg);
 transform: translateY(-15px) rotate(45deg);
}



}

	




/******************/
/* for SP-TB      */
/* 320px-599px    */
/* only Header    */
/******************/
@media only screen and (max-width: 599px) {

.menu-trigger.active span:nth-of-type(1) {
 -webkit-transform: translateY(13px) rotate(-45deg);
 transform: translateY(13px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
 opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
 -webkit-transform: translateY(-15px) rotate(45deg);
 transform: translateY(-15px) rotate(45deg);
}



	
}