html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,a,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video 
{
	margin:0;
	padding:0;
	font-family:'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ,'游ゴシック  Medium', 'MS PGothic', arial, helvetica, sans-serif;
	vertical-align:baseline;
	list-style-type:none;
	letter-spacing:0.2em;
	box-sizing:border-box;
}

a{
	color:#555;
	text-decoration:none;
}

.clearfix{
	display:block;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.float{
	float:left;
}

.float2{
	float:left;
}

h1,h2,h3,h4{
	font-weight:normal;
}

h1{
	line-height:0;
}

/* 空間調整用 */
.m-t10{
	margin-top:10px;
}

.m-t20{
	margin-top:20px;
}

.m-t30{
	margin-top:30px;
}

.m-t40{
	margin-top:40px;
}

.m-t50{
	margin-top:50px;
}

.m-b10{
	margin-bottom:10px;
}

.m-b20{
	margin-bottom:20px;
}

.m-b30{
	margin-bottom:30px;
}

.m-b50{
	margin-bottom:50px;
}

.m-b80{
	margin-bottom:80px;
}

.m-l10{
	margin-left:10px;
}

.m-l20{
	margin-left:20px;
}

.m-l30{
	margin-left:30px;
}

.m-r10{
	margin-right:10px;
}

.m-r20{
	margin-right:20px;
}

.m-r30{
	margin-right:30px;
}


.p-t10{
	padding-top:10px;
}

.p-t20{
	padding-top:20px;
}

.p-t30{
	padding-top:30px;
}

.p-b10{
	padding-bottom:10px;
}

.p-b20{
	padding-bottom:20px;
}

.p-b30{
	padding-bottom:30px;
}

.p-l10{
	padding-left:10px;
}

.p-l20{
	padding-left:20px;
}

.p-l30{
	padding-left:30px;
}

.p-r10{
	padding-right:10px;
}

.p-r20{
	padding-right:20px;
}

.p-r30{
	padding-right:30px;
}

img{
	width:100%;
	vertical-align:bottom;
}

/*ここからnaver*/
.naver {
	margin:0;
}

.naver,
.naver *,
.naver *:before,
.naver *:after{
	box-sizing: border-box;
}

.naver-handle{
	width:100%;
	background:#06D385;
	color:#fff;
	cursor:pointer;
	display:none;
	font-size:16px;
	margin:0;
	padding:10px 15px;
	position:relative;
	-webkit-user-select:none;
	 -moz-user-select:none;
	  -ms-user-select:none;
	      user-select:none;
}

.naver-handle:after{
	height:3px;
	width:15px;
	position:absolute;
	top:0;
	right:15px;
	bottom:0;
	background:#fff;
	box-shadow:0 5px 0 #fff, 0 -5px 0 #fff;
	content:'';
	display:block;
	margin:auto 0;
}

.naver.open .naver-handle:after{
	width:15px;
	height:15px;
	background:transparent;
	border:none;
	box-shadow:none;
	color:#fff;
	content:"\00d7";
	font-size:22px;
	font-weight:700;
	line-height:15px;
	text-align:center;
}

.naver-wrapper{
	border:none;
	height:auto;
	margin:0;
	padding:0;
}

.naver-container:after{
	clear:both;
	content:".";
	display:block;
	height:0;
	line-height:0;
	visibility:hidden;
}

.naver.enabled .naver-handle{
	display:block;
}

.naver.enabled .naver-wrapper{
	height:0px;
	overflow:hidden;
}

.naver.enabled .naver-container{
	background:#ffffff;
}

.naver-container {
	height:auto;
}

/*ここまでnaver*/
.inner {
	width:100%;
	margin:0 auto;
}

.inner:after{
	content:"";
	clear:both;
	display:block;
}
/* header */

#top-head a,
#top-head{
	color:#222;
	text-decoration:none;
}

#top-head .inner{
	position: relative;
}

#global-nav ul li{
	float: left;
	width:12.5%;
}

#global-nav ul li:first-child{
	border-left:solid 1px #222;
	box-sizing:border-box;
}

#global-nav ul li{
	border-right: solid 1px #222;
	box-sizing:border-box;
}

#global-nav ul li a{
	margin:0 5px;
	display:block;
	text-align:center;
}

/* Fixed */
#top-head.fixed{
	margin-top:0;
	top:0;
	position:fixed;
	padding-top:10px;
	height:55px;
	background:#fff;
	background:rgba(255,255,255,.7);
	transition:top 0.65s ease-in;
	-webkit-transition:top 0.65s ease-in;
	-moz-transition:top 0.65s ease-in;
}

#top-head.fixed #global-nav ul li a{
	color: #222;
	padding: 0 20px;
}

/* Toggle Button */
#nav-toggle{
	display:none;
	position:absolute;
	right:12px;
	top:14px;
	width:34px;
	height:36px;
	cursor:pointer;
	z-index:101;
}

#nav-toggle div{
	position:relative;
}

#nav-toggle span{
	display:block;
	position:absolute;
	height:4px;
	width:100%;
	background:#666;
	left:0;
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
}

#nav-toggle span:nth-child(1){
	top:0;
}
#nav-toggle span:nth-child(2){
	top:11px;
}
#nav-toggle span:nth-child(3){
	top:22px;
}

.header-w{
	width:100%;
	min-width:1000px;
}

.header-i{
	width:1000px;
	margin:0 auto;
}

.h-1{
	padding:20px 0 40px;
}

.h-1-1{
	width:16%;
	margin-right:34%;
}

.h-1-2{
	width:50%;
	padding-left:35%;
}

.h-2-1{
	width:50%;
	margin-right:10%;
}

.h-2-2{
	width:30%;
}

.h-2{
	display:none;
}

.visual-w{
	width:100%;
	min-width:1000px;
	margin-top:40px;
}

.visual{
	width:1000px;
	height:500px;
	margin:0 auto;
	background-image:url("../image/ate3.png");
	background-repeat:no-repeat;
	background-size:cover;
}

.side0{
	padding:30px 10px 0 20px;
}

.arrow{
	position:relative;
	display:inline-block;
	padding-left:20px;
	text-align:center;
}

.arrow::before{
	content:'';
	width:9px;
	height:9px;
	border:0px;
	border-top:solid 3px #fff;
	border-right:solid 3px #fff;
	-ms-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:50%;
	left:0;
	margin-top:-6px;
}

.side1{
	color:#fff;
	font-size:0.8rem;
	margin-top:100px;
	padding-left:50px;
}

.side2{
	color:#fff;
	font-size:0.8rem;
	margin-top:10px;
	padding-left:50px;
}

.content-w{
	width:100%;
	min-width:1000px;
}

.content{
	width:900px;
	margin:0 auto;
}

.bottom1-w{
	width:100%;
	min-width:1000px;
	background-color:#3E3A39;
}

.bottom1{
	width:1000px;
	margin:0 auto;
	padding:50px 0;
}

.bottom2-w{
	width:100%;
	min-width:1000px;
	background-color:#0344B7;
}

.bottom2{
	width:1000px;
	margin:0 auto;
	padding:50px 0;
}

.wrap{
	margin-top:40px;
	height:1000px;
}

.bottom1>div{
	width:18%;
	margin-right:2.5%;
}

.bottom1>div:last-child{
	margin-right:0;
}

.bp1{
	color:#fff;
	font-size:0.9rem;
	margin-bottom:5px;
}

.bp1 a{
	color:#fff;
	font-size:0.9rem;
}

.bp2{
	font-size:0.7rem;
	color:#fff;
}

.bottom2 p{
	text-align:center;
	color:#fff;
}

.bp3{
	font-size:1.3rem;
}

.bp4{
	font-size:0.7rem;
}

.bp5{
	margin-bottom:30px;
}

.bp6{
	font-size:0.7rem;
}

.henka{
	display:none;
}

.content2-w{
	width:100%;
	min-width:1000px;
}

.content2{
	width:1000px;
	margin:0 auto;
}

.h21{
	width:480px;
	margin:0 auto 40px;
}

.h31{
	text-align:center;
	padding:8px 0 5px;
	color:#fff;
	font-size:1.1rem;
}

.pad1{
	padding:50px 0;
}

.pad2 {
	padding: 80px 0 50px;
}

.blue{
	background-color:#0344B8;
}

.h32{
	text-align:center;
	color:#fff;
	background-color:#0344B8;
	padding:8px 0 5px;
	margin-bottom:60px;
}

.in1-1{
	width:70%;
	margin-right:7%;
	padding-left:15%;
}

.in1-2{
	width:23%;
	padding-right:10%;
}

.p1{
	font-size:0.9rem;
	padding-left:10px;
	font-weight:bold;
}

.in1{
	margin-bottom:100px;
}

.mail-w{
	padding:0 50px;
}

.p2{
	margin-bottom:30px;
}

.bp2 a {
	font-size:0.7rem;
	color:#fff;
}

@media only screen and (max-width: 1400px) {
	.side{
		display:none;
	}
}

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

	#top-head{
		top:-100px;
		position:absolute;
		width:100%;
		margin:100px auto 0;
		padding:30px 0 0;
		line-height:1;
		z-index:999;
	}

	#global-nav ul{
		list-style:none;
		position:absolute;
		right:0;
		bottom:0;
		font-size:14px;
	}

	#global-nav ul li{
		float:left;
		width:auto;
	}

	#global-nav ul li a{
		padding: 0 30px;
		display:block;
		text-align:center;
	}

	#top-head,
	.inner{
		width:100%;
		padding:0;
	}
	#top-head{
		top:0;
		position:fixed;
		margin-top:0;
	}

	/* Fixed reset */
	#top-head.fixed{
		padding-top:0;
		background:transparent;
	}

	#mobile-head{
		background:#fff;
		width:100%;
		height:56px;
		z-index:999;
		position:relative;
	}

	#global-nav{
		position:absolute;
		/* 開いてないときは画面外に配置 */
		top:-500px;
		background:#fff;
		width:100%;
		text-align:center;
		padding:10px 0;
		-webkit-transition:.5s ease-in-out;
		-moz-transition:.5s ease-in-out;
		transition:.5s ease-in-out;
	}

	#global-nav ul{
		list-style:none;
		position:static;
		right:0;
		bottom:0;
		font-size:14px;
	}

	#global-nav ul li{
		float:none;
		position:static;
	}

	#top-head #global-nav ul li a,
	#top-head.fixed #global-nav ul li a{
		width:100px;
		display:block;
		color:#fff;
		padding:0;
		margin:0 auto;
	}

	#nav-toggle{
		display:block;
	}

	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1){
		top:11px;
		-webkit-transform:rotate(315deg);
		-moz-transform:rotate(315deg);
		transform:rotate(315deg);
	}

	.open #nav-toggle span:nth-child(2){
		width:0;
		left:50%;
	}

	.open #nav-toggle span:nth-child(3){
		top:11px;
		-webkit-transform:rotate(-315deg);
		-moz-transform:rotate(-315deg);
		transform:rotate(-315deg);
	}

	/* #global-nav スライドアニメーション */
	.open #global-nav{
		/* #global-nav top + #mobile-head height */
		-moz-transform: translateY(556px);
		-webkit-transform: translateY(556px);
		transform: translateY(556px);
	}

	.header-w{
		width:100%;
		min-width:auto;
	}

	.header-i{
		width:auto;
		margin:0 auto;
	}

	.h-1{
		display:none;
	}

	.h-2{
		display:block;
		padding:13px 10px;
	}

	.h-2-1 h1{
		height:30px;
		width:100%;
		background-image:url("../image/kyotu1.png");
		background-repeat:no-repeat;
		background-size:contain;
	}

	.content-w{
		min-width:0;
	}

	.content{
		width:100%;
		margin:0 auto;
	}

	.bottom1-w{
		min-width:0;
	}

	.bottom1{
		width:100%;
		margin:0 auto;
		padding:20px 3%;
	}

	.bottom2-w{
		min-width:0;
	}

	.bottom2{
		width:100%;
		margin:0 auto;
		padding:20px 3%;
	}

	.visual-w{
		min-width:0;
	}

	.visual{
		width:100%;
	}

	#global-nav ul li:first-child{
		border-left:none;
	}

	#global-nav ul li{
		border-right:none;
	}

	.float2{
		float:none;
	}

	.bottom1 > div:last-child{
		margin-right:0;
		margin:0 auto 30px;
	}

	.bottom1 > div{
		width:200px;
		margin-right: 0;
		margin:0 auto 30px;
	}

	.bp1{
		font-size:0.8rem;
		margin-bottom:10px;
	}

	.bp2{
		font-size:0.6rem;
	}

	.henka{
		display:inline;
	}

	.bp3{
		font-size:1rem;
	}

	.bp4{
		font-size:0.6rem;
	}

	.bp5{
		font-size:0.8rem;
	}

	.bp6{
		font-size:0.6rem;
	}

	.wrap{
		margin-top:56px;
	}

	.content2-w{
		min-width:0;
	}

	.content2{
		width:100%;
		margin:0 auto;
	}

	.h21{
		width:70%;
	}

	.h31{
		font-size:0.9rem;
	}

	.pad1{
		padding:20px 3%;
	}

	.pad2 {
		padding: 20px 3%;
	}

	.h32{
		font-size:0.9rem;
		margin-bottom:30px;
	}

	.in1-1 {
		width:100%;
		margin-right:0;
		padding-left:0;
	}

	.p2{
		margin-bottom:10px;
	}

	.in1-2 {
		width:40%;
		padding-right:0;
		margin:0 auto;
	}

	.p1{
		margin-bottom:50px;
	}

}