@charset "UTF-8";
/* header */

header{
    width: 100%;
    min-width: 1100px;
	height: 600px;
    position: absolute;
    top:0;left:0;
    z-index: 2;
}
header h1{
	width:470px;
	height:464px; 
	background-image: url("../img/home/logo_siteTitle.png");
	text-indent: -9999px;
	position: absolute;
	top:150px;left: 50%;
	margin-left: -235px;
}
/*menu_btn*/
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
.btn_header_contact a{
    display: block;
    position: absolute;
    top:30px;right:130px;
    z-index: 3;
    width: 114px;
    height: 114px;
    background-image: url("../img/home/bg_mail.png");
	text-align: center;
	padding-top: 40px;
}
.btn_header_contact a:hover{
    opacity: 0.8;
}
.menu-trigger{
    position: absolute;
    top:100px;right:60px;
    width: 114px;
    height: 114px;
    z-index: 999999;
    background-image: url("../img/home/bg_mail.png");
    cursor: pointer;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 35%;
    height: 5px;
    background-color: #fff;
    border-radius: 3px;
}
.menu-trigger span:nth-of-type(1) {
    top: 40px;left:32%;
}
.menu-trigger span:nth-of-type(2) {
    top: 52px;left:32%;
}
.menu-trigger span:nth-of-type(3) {
    top: 64px;left:32%;
}
/*menu_trigger active*/
.menu-trigger.active{
	top:20px;right:20px;
    z-index: 999999;
}
.menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(12px) rotate(-45deg);
    transform: translateY(12px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-12px) rotate(45deg);
    transform: translateY(-12px) rotate(45deg);
}
/*gnav_list*/
.gnav_list{
    width: 100%;
    min-width: 1100px;
    height:100%;
    position: fixed;
    z-index: 999998;
    overflow-y: scroll;
    top:0;left:-100%;
    padding: 0 0 150px;
    margin-bottom: 150px;
}
.gnav_list.open{
    width: 100%;
    height:100%;
    position: fixed;
    z-index: 999998;
    overflow-y: scroll;
    top:0;left:0;
    background-color:rgba(199,237,250,0.95);
}
.gnav_list h2{
	font-size: 12px;
	padding:20px 0 20px 15%;
	color: #fff;
	background-color:#009fd9;
}
.gnav_list h2 img{
	display:block;
	width: 250px;
	height: auto;
	margin: 10px 0;
	border: solid 2px #fff;
}
.gnav_list li a{
    display: block;
    width: 100%;
    height:120px;
    padding:30px 0 0 15%;
    color: #009fd9;
    position: relative;
}
.gnav_list li a:hover{
	color: #fff;
	background-color:#29B7EB;
}
.gnav_list li a p{
	font-size: 20px;
}
.gnav_list li a span.eng{
	display: block;
    font-size: 12px;
	color: #000;
}

@media screen and (min-width:0px) and (max-width:767px){

	header{
		width: 100%;
		min-width: unset;
		height: 500px;
		position: absolute;
		top:0;left:0;
		z-index: 2;
	}
	header h1{
		width:280px;
		height:276px; 
		background-image: url("../img/home/logo_siteTitle.png");
		background-size: contain;
		text-indent: -9999px;
		position: absolute;
		top:150px;left: 50%;
		margin-left: -138px;
	}
	/*menu_btn*/
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.btn_header_contact a{
		display: block;
		position: absolute;
		top:10px;right:60px;
		z-index: 3;
		width: 80px;
		height: 80px;
		background-image: url("../img/home/bg_mail.png");
		background-size: contain;
		text-align: center;
		padding-top: 25px;
	}
	.btn_header_contact a img{
		display: block;
		width: 40%;
		margin: 0 auto;
	}
	.btn_header_contact a:hover{
		opacity: 0.8;
	}
	.menu-trigger{
		position: absolute;
		top:60px;right:10px;
		width: 80px;
		height: 80px;
		z-index: 999999;
		background-image: url("../img/home/bg_mail.png");
		background-size: contain;
		cursor: pointer;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 35%;
		height: 5px;
		background-color: #fff;
		border-radius: 3px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 25px;left:32%;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 37px;left:32%;
	}
	.menu-trigger span:nth-of-type(3) {
		top: 49px;left:32%;
	}
	/*menu_trigger active*/
	.menu-trigger.active{
		position: fixed;
		top:50px;right:10px;
		z-index: 999999;
	}
	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(12px) rotate(-45deg);
		transform: translateY(12px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-12px) rotate(45deg);
		transform: translateY(-12px) rotate(45deg);
	}
	/*gnav_list*/
	.gnav_list{
		width: 100%;
		min-width: unset;
		height:100%;
		position: fixed;
		z-index: 999998;
		overflow-y: scroll;
		top:0;left:-100%;
		padding:0 0 50px;
		margin-bottom: 150px;
	}
	.gnav_list.open{
		width: 100%;
		height:100%;
		position: fixed;
		z-index: 999998;
		overflow-y: scroll;
		top:0;left:0;
		padding:0 0 50px;
		margin-bottom: 150px;
		background-color:rgba(199,237,250,0.95);
	}
	.gnav_list h2{
		font-size: 12px;
		padding:15px 5%;
		color: #fff;
		background-color:#009fd9;
	}
	.gnav_list h2 img{
		display:block;
		width: 200px;
		height: auto;
		margin: 10px 0;
		border: solid 2px #fff;
	}
	.gnav_list li a{
		display: block;
		width: 100%;
		height:80px;
		padding:22px 0 0 5%;
		color: #009fd9;
		position: relative;
	}
	.gnav_list li a:hover{
		color: #fff;
		background-color:#29B7EB;
	}
	.gnav_list li a p{
		font-size: 18px;
		line-height: 1em;
	}
	.gnav_list li a span.eng{
		display: block;
		font-size: 10px;
		color: #000;
	}
}