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

/*HTML5リセット*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
　　margin: 0;
　　padding: 0;
　　border: 0;
　　font-size: 100%;
　　font: inherit;
　　vertical-align: baseline;
　　outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	line-height:1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}

nav ul {
	list-style:none;
}

ul {
	list-style:none;
}

/*blockquote, q {
	quotes:none;
}*/

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
/*	border:0;*/
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}

/*HTML5リセットここまで*/



/*＝＝＝　通常共通指定　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.clearfix:after{
	content:"";
	display:block;
	clear:both;
	}
 /* IE8, ModanBrowser */
.clearfix {
	width:100%;
 	overflow:hidden;
} /* clearfix IE 6, 7 */

* {
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	text-decoration: none;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
}

body {
	position: relative;
	background-color: #fff;
	line-height: 1.5;
	font-size: 14px;
	color: #043459;
	background: url(../img/top_bk.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

a {
	color: #043459;
}

h1 {

}


	/*footer下部固定*/
	html,body{
		height:100%;
	}

	#wrap{
		width: 100%;
		/*min-width: 1200px;*/
		position: relative;
		height:auto !important; /*IE6対策*/
		height: 100%; /*IE6対策*/
		min-height: 100%;
	}

	.continer {
		padding-bottom: 100px; /*フッターの高さと同じ*/
	}

	#footer{
		position:absolute;
		bottom: 0;
	}

/*PC 開始 ＝＝＝＝＝＝＝＝＝＝*/

.none {
	display: none;
}

.pcShow {
	display: block;
}

.pc_inl_Show {
	display: inline;
}

.spnShow {
	display: none;
}

.spn_inl_Show {
	display: none;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナー*/

.container {
	width: 100vw;
	margin: 0 auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

#footer {
	width: 100vw;
	color: #043459;
	text-decoration: none;

}



#footer address {
	padding: 20px 0px;
	width: 100%;
	margin: 0px auto 0px;
	color: #043459;
	font-size: 13px;
	text-align: center;
	font-style: normal;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝404*/

#error404 {
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding-top: 3vw;
}

#error404 h3 {
	font-size: max(2.5vw,32px);
	font-weight: 600;
	margin: 0 0 1em;
}

#error404 h4 {
	font-size: max(1.2vw,22px);
	line-height: 1.7;
	font-weight: 500;
	margin: 0 auto 2em;
}

#error404 a {
	width: 30% !important;
}



@media handheld, only screen and (max-width: 767px) {
	.pcshow {
		display: none;
	}
	.pc_inl_Show {
		display: none;
	}
	.spnShow {
		display: block;
	}

	.spn_inl_Show {
		display: inline;
	}

	#wrap{
		width: 100%;
		min-width: 100%;
		position: relative;
		height:auto !important; /*IE6対策*/
		height: 100%; /*IE6対策*/
		min-height: 100%;
	}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナー*/

	.container {
		width: 100%;
		min-width: 200px;
		margin: 0px auto 0px;
		padding-bottom: 30px;
	}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

	#footer {
		position: relative;
		width: 100%;
		min-width: 200px;
		color: #fff;
		text-decoration: none;
	}

	#footer address {
		padding: 0px 0px;
		width: 100%;
		height: 50px;
		line-height: 50px;
	}

	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝404*/

	#error404 {
		width: 95%;
		padding-top: 5vw;
	}

	#error404 h3 {
		font-size: max(2.5vw,28px);
	}

	#error404 h4 {
		font-size: max(1.2vw,20px);
	}

	#error404 a {
		width: 80% !important;
	}


}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝汎用設定*/