@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : top.css
Description : TOPレイアウトCSS
===================================================================== */

.gDef-wrapper .gDef-contents #wrapper header {
	height: 200px;
}

.gDef-wrapper .gDef-contents #wrapper header .header_inner h1 {
		width: 574px;
		margin: 60px auto 0;
	}

.gDef-wrapper .gDef-contents #wrapper header .header_inner {
		height: 200px;
	}

@media screen and (min-width: 701px) {

/* gnavi  */

.gDef-wrapper .gDef-contents #wrapper nav {
	width: 460px;
	position: absolute;
	bottom: -25px;
	left: 50%;
	margin-left: -230px;
}

.gDef-wrapper .gDef-contents #wrapper header nav li {
		float: left;
		height: 50px;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li:first-child {
		margin-right: 20px;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li a {
		height: 50px;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li.pastoa a {
		background: url(../images/top/btn_pastoa_pc.png) no-repeat left top;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li.award a {
		background: url(../images/top/btn_award_pc.png) no-repeat left top;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li a:hover {
		background-position: left -50px;
	}

}

/* top nextoa  */

section#top_nextoa h2 {
	margin-top: 75px;
}

section#top_nextoa h2 img {
	width: 166px;
}

section#top_nextoa h3 {
	font-size: 2.4em;
	margin-top: 35px;
	text-align: center;
	font-weight: bold;
}



/*-----------------------------------------------------

	SP layout

------------------------------------------------------*/

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


.gDef-wrapper .gDef-contents #wrapper header {
	height: 210px;
}

.gDef-wrapper .gDef-contents #wrapper header .header_inner {
		width: 100%;
		height: 210px;
		position: relative;
		top: inherit;
		left: inherit;
		margin: 0;
		padding-top: 40px;
	}

.gDef-wrapper .gDef-contents #wrapper header .header_inner h1 {
		width: 258px;
		margin: 0 auto;
	}

.gDef-wrapper .gDef-contents #wrapper header nav {
	width: 100%;
	position: absolute;
	bottom: -20px;
	text-align: center;
	letter-spacing: -.40em;
}

.gDef-wrapper .gDef-contents #wrapper header nav ul {
		height: 40px;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li {
		width: 39%;
		height: 40px;
		display: inline-block;
		letter-spacing: normal;
		margin: 0 5px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
		-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	}

.gDef-wrapper .gDef-contents #wrapper header nav li a {
		width: 100%;
		height: 40px;
		display: block;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li.pastoa a {
		background: url(../images/top/btn_pastoa_top_sp.png) no-repeat center center #3284d6;
		background-size: 125px auto;
	}

.gDef-wrapper .gDef-contents #wrapper header nav li.award a {
		background: url(../images/top/btn_award_top_sp.png) no-repeat center center #3284d6;
		background-size: 125px auto;
	}

section#top_nextoa h2 {
	margin-top: 50px;
}

section#top_nextoa h2 img {
	width: 136px;
}

section#top_nextoa h3 {
	font-size: 1.8rem;
	margin-top: 25px;
}





}