@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
#wrap {
width:100%;
overflow:hidden;
}
body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	width:100%;
}

.contents {
	width:1000px;
	margin:0 auto;
}
#slide{
	top:0;
	height:0;
	padding-top: 41.66%;
	background:url(../image/header_top01_new.png) 0 0 no-repeat;
	background-size:contain;
	
	}

.back_gray {
	background-color:#DCDDDD;
	}

a {
	color:#043771;
}
a:hover {
	color:#144d8d;
}

h1 {
	font-size:12px;
	padding-top:0.25em;
}

h2 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:0.5em;
	font-size:24px;
	color:#333;
	text-align:center;
}

h3 {
	margin-bottom:0.25em;
	font-size:22px;
	font-weight:bold;
	color:#171C61;
	text-align:center;
}

h4 {
	margin-bottom:0em;
	font-size:24px;
	padding-top:3px;
}


h5 {
	margin-bottom:0.25em;
	font-size:26px;
	font-weight:bold;
}

h6 {
	margin-bottom:1em;
	font-size:20px;
	border-bottom:#000000 solid 1px;
}
.mincho{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}
.text_r{
	text-align:right;
	}
.text_up120{
	font-size:120%;
	}
.text_up200{
	font-size:140%;
	}
p {
	margin:0 0 0 0;
}

.center{
	text-align:center;
	}
.goshic{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.t_bold{
	font-weight:bold;
	}
.mt30{
	margin-top:30px;}
.mt50{
	margin-top:50px;}
.mt70{
	margin-top:70px;}
.mb10{
	margin-bottom:10px;}
.mb30{
	margin-bottom:30px;}
.mb50{
	margin-bottom:50px;}
.mb70{
	margin-bottom:70px;}
.pt30{
	padding-top:30px;}
.pt50{
	padding-top:50px;}
.pt70{
	padding-top:70px;}
.pt300{
	padding-top:300px;}
.pb50{
	padding-bottom:50px;
	}
.pl50{
	padding-left:50px;}
.mb0{
	margin:0px;}
img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#C30D23;
}
.border{
	border:solid 1px #4C4948;
	padding:5px 0;
	width:70%;
	margin:30px auto;
	}


ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}




/*================================================
 *  汎用クラス
 ================================================*/
/* 写真中央寄せ */
.imgC {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	text-align:center;
}
.imgC img {
	margin-bottom:0.5em;
}

/* 写真左寄せ */
.imgL {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgL img {
	float:left;
	margin:0 1em 0.5em 0;
	
}

/* 写真右寄せ */
.imgR {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgR img {
	float:right;
	margin:0 0 1em 0.5em;
	
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol {
	overflow:hidden;
	margin-bottom:50px;
}
.twoColInner {
	overflow:hidden;
	margin-right:-5%;
}
.twoColInner div {
	width:45%;
	float:left;
	margin-right:5%;
}
.twoColInner div:nth-child(2n+1) {
	clear:both;
}
.twoColInner img {
	width:100%;
	margin-bottom:0.5em;
	
}


.twoColInner div.w40 {
	width:30%;
	float:left;
	margin-right:5%;
}
.twoColInner div.w60 {
	width:60%;
	float:left;
	margin-right:5%;
}

.twoColInner div.w40 img{
	width:100%;
	height:auto;
	margin-bottom:0.5em;
	}
span.img_w80 img{
	width:65%;
	height:auto;
	}
/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	overflow:hidden;
	margin-bottom:50px;
}
.threeColInner {
	overflow:hidden;
	margin-right:-3%;
}
.threeColInner div {
	width:31%;
	float:left;
	margin-right:2%;
}
.threeColInner div:nth-child(3n+1) {
	clear:both;
}
.threeColInner img {
	width:100%;
	margin-bottom:0.5em;
	
}


/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
	background-color:#FFFFFF;
}
.head_top{
	width:1000px;
	margin:0px auto;
	}
h1 {
	position:relative;
	margin:auto;
	width:100%;
	z-index:10;
	color:#333333;
}

.logo{
	float:left;
	width:320px;
	padding-top:10px;
	}
.head_contact{
	float:right;
	width:290px;
	padding-top:10px;
	}
.head_contact img{
	margin-left:20px;}
.foot_contact{
	float:left;
	width:290px;
	padding-top:10px;
	margin-left:20px;
	}


/*================================================
 *  グローバルナビゲーション
 ================================================*/
 


nav#pc_menu {
	width:100%;
	padding:15px 0;
	background:#4C4948;
	z-index:10;
	margin-top:10px;
}
.g_menu{
	width:1000px;
	height:30px;
	margin:0 auto;
	}
.g_menu ul {
	position:relative;
	float:left;
	margin:0;
}

.g_menu li {
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0 20px;
}
.g_menu li.pt5{
	padding-top:5px;}
.g_menu li img{
	padding-top:0px;}
.g_menu li a {
	color:#fff;
	text-decoration:none;
}

.g_menu li a:hover , .foot_wrap a:hover {
	color:#2B2726;
	text-decoration:none;
}

/*================================================
 *  メイン
 ================================================*/

/*================================================
 *  フッター
 ================================================*/
 
 
footer {
	clear:both;
	padding:2% 0;
	font-size:14px;
	background-color:#444546;
	color:#FFFFFF;
}
.foot_wrap{
	width:1000px;
	margin:0 auto;
	}
.foot_copy{
	width:1000px;
	margin:0 auto;
	padding-top:10px;
	text-align:right;
	}
.foot_navi{
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
	border-bottom:solid 1px #FFFFFF;
	}
.foot_wrap a{
	margin:0px 10px;
	color:#FFFFFF;
	text-decoration:none;
	
	}




/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:1024px) {
	body{
		width:100%;
		padding:0px;
		margin:0px;
		}
	.head_top{
	width:95%;
	margin:0px auto;
	}
	.contents {
		width:90%;
		padding:50px 0px;
		margin:0px auto;	
	}
	.g_menu{
	width:95%;
	margin:0 auto;
	}
	.head_contact{
	float:left;
	width:290px;
	padding-top:10px;
	}
	.foot_wrap{
	width:95%;
	margin:0 auto;
	}
.foot_copy{
	width:95%;
	margin:0 auto;
	padding-top:10px;
	text-align:right;
	}
.foot_navi{
	width:95%;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
	border-bottom:solid 1px #FFFFFF;
	}

	

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
body {
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
}
	

#slide{
	top:0;
	height:0;
	margin-top:170px;
	padding-top: 77%;
	background:url(../image/header_top01_sp.png) 0 0 no-repeat;
	background-size:contain;
	position:relative;
	}


	
/*================================================
 *  ヘッダー
 ================================================*/
 
 header {
	position:relative;
	background-color:#FFFFFF;
}
.sp_back{
	position:fixed;
	width:100%;
	height:140px;
	background-color:#FFFFFF;
	}
.head_top {
	display:inline-block;
	width:94%;
	height:140px;
	padding:3%;
	}

.head_top .logo{
	
	position:fixed;
	top:45px;
	left:3%;
	padding-bottom:10px;
	}
.head_contact{
	display:none;
	}
h1 {
	position:fixed;
	margin:auto;
	width:95%;
	color:#333333;
	line-height:1.2;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/


	nav#pc_menu {
		display:none;
	}
	.g_menu{
		display:none;
		}

	.sp_contents {
		text-align:left;
	}
	.sp_contents br{
		display:none;
		}
	.contents {
		width:90%;
		margin:0 auto;
	}


	.border{
		border:solid 1px #4C4948;
		padding:3%;
		width:94%;
		margin:15px auto;
	}
	
	h2 {
		margin-top:0px;
		font-size:22px;
	text-align:center;
	padding-top:30px;
	}
	h2 img{
		width:100%;
		height:auto;
		}
	
	p.center img{
		max-width:100%;
		height:auto;
		}

	.imgC {
		margin-bottom:30px;
	}
	.imgC img {
		max-width:100%;
		height:auto;
	}

	.imgL {
		margin-bottom:30px;
	}
	.imgL img {
		float:none;
		max-width:100%;
		margin-right:0;
	}

	.imgR {
		margin-bottom:30px;
	}
	.imgR img {
		float:none;
		max-width:100%;
		margin-left:0;
	}

	.twoCol {
		margin-right:0;
		margin-bottom:30px;
	}
	.twoColInner {
		margin-right:0;
	}
	.twoColInner div {
		float:none;
		width:100%;
	}
	.twoColInner div.w40 {
		width:100%;
		float:none;
		margin-right:0%;
	}
	.twoColInner div.w60 {
		width:100%;
		float:none;
		margin-right:0%;
	}


	.threeCol {
		margin-bottom:30px;
	}

	.threeColInner {
		margin-right:0;
	}
	.threeColInner div {
		float:none;
		width:100%;
	}

.mb0{
	margin-bottom:0px;
	}
.mt50{
	margin-top:10px;}
.foot_wrap{
	width:94%;
	margin:0 3%;
	}
.foot_copy{
	width:94%;
	margin:0 3%;
	padding-top:10px;
	text-align:right;
	}
.foot_navi{
	width:94%;
	margin:0 3%;
	text-align:left;
	padding-bottom:10px;
	border-bottom:solid 1px #FFFFFF;
	}
}