@charset "utf-8";

/* ------ fontSize 14px ------ */
/*.text10 { font-size:72%; }
.text11 { font-size:79%; }
.text12 { font-size:86%; }
.text13 { font-size:93%; }
.text14 { font-size:100%; }
.text15 { font-size:108%; }
.text16 { font-size:115%; }
.text17 { font-size:122%; }
.text18 { font-size:129%; }
.text19 { font-size:136%; }
.text20 { font-size:144%; }
.text21 { font-size:151%; }
.text22 { font-size:158%; }
.text23 { font-size:165%; }
.text24 { font-size:172%; }
.text25 { font-size:179%; }
.text26 { font-size:186%; }
*/

/*
------ #header ------ */

#header-wrap{

	background:#FFFFFF;
}

#header{
	width:100%;
	margin:0 auto;
	position:relative;
    z-index: 50;

}

#header-wrap #header img.Title{
	float: left;
	position: relative;
	display: inline-block;

}

#header-wrap #header img.logo{
	float: left;
	top: 10px;
	left: 10px;
	position: relative;
	display: inline-block;

}

#header-wrap #header img.insta{
	position: relative;
	display: inline-block;
	left: 20px;
}

#header h1{
	position: relative;
	font-size: 40pt;
	display: inline-block;
	font-family: "june-expt-variable", sans-serif;
	font-variation-settings: "STYL" 0;
	color: #020BAB;
	left: 20px;
	margin: 10px auto 0;
}

#SubHeader-wrap{
	display: block;
	background:#00A0B8;
	height: 15px;
}

#SubHeader{
	width:1000px;
	margin:-10px auto 0;
	position:relative;
	padding:0;
    z-index: 50;
	text-align: center;
}

#SubHeader h1{
	position: relative;
	font-size: 20px;
    font-family: source-han-sans-japanese, sans-serif;
	color: #ffffff;
	display: inline-block;
}


/*
------ footer ------ */
#footer-wrap{
    background-color:#00156C;
    height:40px;
    bottom:0;
    position:relative;
    min-height: 100%;
	width: 100%;
}


#footer{
    width:100%;
	position:absolute;
	margin:0 auto;
	text-align:center;
	bottom: 0px;
}

#footer p{
	text-align:center;
	margin:10px auto;
	font-family:"Avenir", Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:#FFFFFF;

}



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

/*
------ #header ------ */

#header-wrap{
	width:100%;
	z-index:1000;
	margin:0 auto;
    min-width:auto;
	display: block;

}
	
#header{
	margin:0 auto;
	position:relative;
	padding: 10px;
}

#header-wrap #header img.Title{
	left: 5px;
}

#header-wrap #header img.logo{
	width: 20px;
	top: 3px;

}
	
#header-wrap #header img.insta{
	top: -5px;
}	

#header h1{
	font-size: 28px;
	top: -20px;
	margin: 0 auto;
    }


#SubHeader-wrap{
	width:100%;
	z-index:1000;
	margin:0 auto;
	text-align: center;
    min-width:auto;
	display: block;
	height: 10px;
}

#SubHeader{
	width:100%;
	margin:0 auto;
	position:relative;
}

#SubHeader h1{
    margin: 0;
    padding: 0;
}
	

#header h1 img{
    width: 100%;
    padding: 0;
    margin: 0;
}
#h-menu{
	position: absolute;
	right: 11%;
}
#h-txt01{
	padding: 70px 0 0;
	color: #757575;
	cursor:pointer;
	z-index:10;
	float:left;
	margin:0 10px 0 0;
	font-size:115%;
}
#h-txt01:hover{
	color: #333333;
}
#index #h-img01{
	padding: 50px 0 0;
	cursor:pointer;
	float:left;
}

}