@charset "utf-8";

/*===============================================
  デフォルト
===============================================*/

#global-nav {
	display:none;
}

#header .navbtn {
	display:none;
}

.sp {
	display:none;
}

/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
	img {
		max-width:100%;
	}
	
	.pc {
		display:none;
	}
	
	.sp {
		display:block;
	}
	
	

	#header .header {
		max-width:94%;
		margin:0 auto;
		padding:15px 0;
		position:relative;
	}

	#header .header .logo {
		text-align:center;
		margin:0;
	}
	
	#header .header .logo img {
		max-height:30px;
	}
	
	
	#header .header ul.pcnav {
		display:none;
	}

	#header .header .access {
		display:none;
	}
	
	#header .navbtn {
		display:block;
		position:fixed;
		top:25px;
		right:5%;
		cursor: pointer;
		z-index:9999;
		width:40px;
	}
	
	#header .navbtn span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background:#0065b0;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}

	#header .navbtn span:nth-child(1) {
		top: 0;
		left:15%;
	}

	#header .navbtn span:nth-child(2) {
		top: 10px;
		left:15%;
	}

	#header .navbtn span:nth-child(3) {
		top: 20px;
		left:15%;
	}

	/* global-nav */

	#global-nav.open {
		display:block;
	}

	#global-nav {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		z-index:999;
		background:#fff;
	}

	#global-nav ul {
		font-size:1.5em;
		line-height:1.0;
		padding:20px 5% 20px;
	}

	#global-nav ul li a {
		display:inline-block;
		width:80%;
		color: #0065b0;
		text-align:left;
		padding:12px 0 12px 30px;
		text-decoration:none;
	}
	
	/*
	#global-nav ul li:last-child a {
		display:inline-block;
		width:auto;
		color: #0065b0;
		text-align:left;
		padding:5px 10px 7px;
		text-decoration:none;
		border: 1px solid #0065b0;
		margin-left: 30px;
		margin-top: 5px;
	}
	*/
	
	#global-nav ul li a:hover {
		text-decoration:none;
	}

	/* 切り替えアニメーション */
	#header .navbtn.move span:nth-child(1) {
		top: 15px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#header .navbtn.move span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#header .navbtn.move span:nth-child(3) {
		top: 15px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	
	#container {
		padding:40px 0 50px;
		font-size:1.4em;
		line-height:1.6;
	}
	
	#contents,
	.inwrap {
		width:92%;
	}

	
	
	/* footer */

	#footer {
		position:relative;
		padding:50px 0 20px;
		background:#0083c7;
	}


	#footer .footer {
		width:94%;
	}

	#footer .footer .logo {
		float:none;
		text-align:center;
		margin:0 0 20px;
	}

	#footer .footer .address {
		width:auto;
		float:none;
		color:#FFF;
		font-size:1.4em;
		line-height:1.4;
		text-align:center;
	}

	#footer .footer .address .add {
		margin:0 0 10px;
	}

	#footer .footer .address .link {
		float:none;
		text-align:center;
		margin:0 0 10px;
	}

	#footer .footer .address address {
		float:none;
		font-size:0.8em;
		text-align:center;
	}
	
	#footer .footer a {
		color:#FFF;
	}

}


/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	

}


/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	#container h2 {
		margin:0 0 40px;
	}
	
	
}