@charset "UTF-8";
/* ==========================================================================
フォーム専用（お問い合わせ以外）
========================================================================== */

/* ------------------------------ リセット */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, tfoot, thead,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;list-style:none;}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* change colours to suit your needs */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* change colours to suit your needs */
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;cursor:help;}
/* change border colour to suit your needs */
hr {display:block;height:1px;border:0;   border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select {vertical-align:middle;}


/*------------------------------ フォント */
body{
	font: 14px/1.6 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,Verdana,sans-serif;
	*font-size:small; /* ==IE 7== */
	*font:x-small; /* ==IE 6== */
	color: #222;
}





/* ==========================================================================
	ヘッダー
========================================================================== */
#Header .other_form{
	background: url(../common/bg_heder02.jpg);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
}
#Header .other_form .inner{
	box-sizing: border-box;
	width: 1000px;
	margin: auto;
}
#Header .other_form .inner h1 a{
	text-decoration: none;
	display: inline-block;
	color: #fff;
	font-size: 1.7142em;
	padding: 10px 0 10px 70px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;
	background: url(../common/img_logo.jpg) no-repeat 0 0;
	background-size: auto 100%;
}





/* ==========================================================================
	パンくず
========================================================================== */
#pageNavi{
	border-bottom: solid 1px #e2e2e2;
	font-family: 'Roboto Condensed', sans-serif;
}
#pageNavi .other_form{
	width: 1000px;
	margin: auto;
	padding: 15px 0;
	overflow: hidden;
}
#pageNavi .other_form li a{
	text-decoration: none;
	color: #0983D7;
}
#pageNavi .other_form li{
	float: left;
	margin-right: 30px;
	position: relative;
}
#pageNavi .other_form li:before{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: -17px;
	margin: auto;
	width: 4px;
	height: 4px;
	border-right: 2px solid #bdbdbd;
	border-bottom: 2px solid #bdbdbd;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
#pageNavi .other_form li:last-child{ margin-right: 0; }
#pageNavi .other_form li:last-child:before{ display: none; }





/* ==========================================================================
	フッター
========================================================================== */
#Footer .other_form{
	background: #0983D7;
}
#Footer .other_form .inner{
	box-sizing: border-box;
	width: 1000px;
	margin: auto;
	color: #fff;
	padding: 10px 0;
	overflow: hidden;
}
#Footer .other_form .inner li{ float: left; }
#Footer .other_form .inner li:last-child{ float: right; }
#Footer .other_form .inner li a{
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 0 0 0 15px;
}
#Footer .other_form .inner li a:after{
	display: block;
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 5px;
	height: 5px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}






/* ==========================================================================
	装飾
========================================================================== */
h1.form-title{
	font-size: 2em;
	border-bottom: solid 4px #e2e2e2;
	position: relative;
	margin: 0 0 30px;
	padding-bottom: 5px;
}
h1.form-title:before {
	content: '';
	display: block;
	position: absolute;
	bottom: -4px;
	margin: auto;
	width: 20%;
	height: 4px;
	background: #0a83d8;
}
.blue-fmw {
	background-color: #D4F1F9;
	font-size: 0.875em;
	line-height: 1.5;
}




/* ==========================================================================
	ブレイクポイント
========================================================================== */
@media screen and ( max-width:736px ){
	#Header .other_form .inner,
	#Footer .other_form .inner{
		width: 100%;
	}
	#Header .other_form .inner h1 a{
		display: table-cell;
		box-sizing: border-box;
		font-size: 16px;
		height: 50px;
		vertical-align: middle;
		padding: 0 0 0 60px;
	}
	
	
	
	
	
	#Footer .other_form{
		background: #0983D7;
	}
	#Footer .other_form .inner{
		padding: 15px 10px;
		text-align: center;
	}
	#Footer .other_form .inner li,
	#Footer .other_form .inner li:last-child{
		float: none;
	}
	#Footer .other_form .inner li a{
		box-sizing: border-box;
		display:block;
		padding: 10px;
		border-radius: 5px;
		margin-bottom: 10px;
		background: url(../common/ico_link02.png) no-repeat 95% center #0869ad;
		background-size: 15px auto;
	}
	#Footer .other_form .inner li a:after{
		display: none;
	}
	
	
	
	
	
	h1.form-title{
		font-size: 1.5em;
		border-bottom: solid 4px #e2e2e2;
		position: relative;
		margin: 0 0 30px;
		padding-bottom: 5px;
	}
	
	
	
}