@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■common
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body{
	min-width:1160px;
	color:#333;
	font-size: 14px;
	line-height: 1.8;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color:#fbfbfc;
}
a:link,
a:visited{color:#595959;text-decoration:underline;}
a:hover,
a:active{color:#888;text-decoration:underline;}

a:hover .ro,
a.ro:hover img{
	opacity: 0.75;
	filter: alpha(opacity=75);
}
strong{font-weight:bold;}
.mb01{margin-bottom:10px;}
.mb02{margin-bottom:20px;}

#spMenuOverlay,
#spMenu,
.spCont{
	display:none;
}

.en_txt{
	font-family: 'Roboto', sans-serif;
}
.mincho_txt{
	font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho";
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header{
	min-width:1160px;
	background-color:#fff;
}
#header .contents{
	height:90px;
	margin:0 auto;
	position:relative;
	padding:0 0 0 2%;
	display: flex;
	justify-content: space-between;
}
#header .contents h1{
	padding:0;
	font-weight: bold;;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#header .contents img{
	margin-right:30px;
}
#header .contents span{
	display: block;
	color:#e35d0c;
	font-size:14px;
	text-decoration: none;
	padding:8px 0 0 0;
}
#header .contact{
	display: flex;
	justify-content: flex-end;
}
#header .contact img{
	padding:12px 0 0 0;
}
#header .contact a{
	display: block;
	padding:31px 32px 0 60px;
	text-decoration: none;;
	color:#fff;
	font-size:18px;
	font-weight: bold;
	background:#e35d0c url(../img/common/icon_contact.png) no-repeat 28px center;
	margin:0 0 0 28px;
}
#header .contact a:hover{
	opacity: 0.9;
}

/* グローバルナビ */
#nav{
	background-color:#213c6e;
	overflow:hidden;
}
#nav ul{
	min-width: 1160px;
	margin:0 auto;
	display: flex;
	justify-content: center;
}
#nav li{
	font-size:14px;
	font-weight: bold;
	border-left:1px solid #1a3360;
	text-align: center;
}
#nav li a{
	display: block;
	padding:20px 38px;
	color:#fff;
	text-decoration: none;
}
@media screen and (max-width:1220px) { 
	#nav li a{
		padding:20px 25px;
	}
	}
#nav li a:hover{
	background-color:#304c7e;
}
#nav li:last-child a{
	border-right:1px solid #1a3360;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■pankuzu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#pankuzu{
	width:960px;
	margin:0 auto 42px auto;
	overflow:hidden;
	padding: 0;
}
#pankuzu li{
	float:left;
	font-size:12px;
	letter-spacing:0.5px;
}
#pankuzu li a{

	background:url(../img/common/icon_pankuzu.png) no-repeat right center;
	padding-right:22px;
	margin-right:12px;
}
#pankuzu li a:link,
#pankuzu li a:visited{
	color:#666;
}
#pankuzu li a:hover,
#pankuzu li a:active{
	color:#999;
}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■access
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#access{
	background-color:#efefef;
}
#access .contents{
	width:960px;
	height:370px;
	margin:0 auto;
	padding:46px 0 0 0;
	position:relative;
}
#access .map{
	position:absolute;
	right:0;
	top:23px;
	padding:3px;
	background-color:#000;
}
#access h2{
	margin-bottom:32px;	
}
#access dl{
	width:442px;
	margin:0 0 0 8px;
}
#access dt,
#access dd{
	padding:6px 0;
	font-size:13px;
	line-height:1.5;
}
#access dt{
	float:left;
}
#access dd{
	padding-left:80px;
	border-bottom:1px solid #cbcbcb;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer{
	width:100%;
	background-color:#21242a;
	padding:22px 0 0 0;
	display:table;
}
#footer ul{
	width:960px;
	margin:0 auto;
	padding: 0;
}
#footer li{
	display:table-cell;
	vertical-align:middle;
}
#footer li.tel{
	padding-right:50px;
}
#pagetop{
	width:970px;
	margin:0 auto;
	text-align:right;
}
#footer .copyright{
	width:100%;
	background-color:#fff;
	position:relative;
	text-align:center;
	font-family:Helvetica, sans-serif;
	font-size:12px;
	margin-top:22px;
	padding:30px 0 26px 0;
}



/* ナビの「選ばれる理由」非表示 */
#nav li.reason,
#spMenu li.reason{
	display: none;
}
#spMenu ul.menu li:nth-of-type(5),
#spMenu ul.menu li:nth-of-type(7){
	clear: none !important;
	border-right: none !important;
}

#spMenu ul.menu li:nth-of-type(6){
	border-right: 1px solid #687388 !important;
}