@charset "utf-8";

/**************************************************************************************
LAYOUT
--------------------------------------------------------------------------------------

***************************************************************************************/


/* BODY(フッター固定用)
========================================== */	

html {
	min-height:100%;
	position:relative;
}

body {
	margin-bottom:56px;
}

/* header
========================================== */

#header {
	width:100%;
	border-top:4px solid #2059a6;
	padding:25px 0;
}
#header h1 {
	float:left;
	display:inline-block;
}
#header ul#pNav {
	float:right;
}
#header ul#pNav:after {
	content:"."; display:block; clear:both; height:0; visibility:hidden; font-size:0;
}
#header ul#pNav li {
	float:left;
	font-size:10px;
	font-weight:bold;
}
#header ul#pNav li+li {
	border-left:1px dotted #535353;
	padding-left:10px;
	margin-left:10px;
}
#header ul#pNav li a {
}
@media screen and (max-width:767px) {
	#header {
		padding-bottom:0;
	}
	#header h1 {
		float:none;
		display:block;
		text-align:center;
	}
	#header h1 img {
		width:165px;
	}
	#header ul#pNav {
		display:block;
		width:100%;
		float:none;
		margin-top:20px;
		border-top:rgba(0,0,0,0.2) solid 1px;
		padding:10px 0;
	}
}


.toggle:after {
	content:"";
	background:url(../img/common/ic_plus_nv.svg)no-repeat;
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-10px;
}
.toggle.active:after {
	background:url(../img/common/ic_min_gy.svg)no-repeat;
}
@media screen and (max-width:767px) {
	.toggle:after {
		right:0;
	}
	.toggle_sp:after {
		content:"";
		background:url(../img/common/ic_plus_nv.svg)no-repeat;
		width:20px;
		height:20px;
		display:block;
		position:absolute;
		right:0px;
		top:50%;
		margin-top:-10px;
	}
	.toggle_sp.active:after {
		background:url(../img/common/ic_min_gy.svg)no-repeat;
	}
}

ul.logo {
	display: flex;
	gap: 0 20px;
	/* align-items: center; */
	width: calc(100% - 400px);
}
@media screen and (max-width:767px) {
	ul.logo {
		width: inherit;
		padding: 15px 80px 15px 15px;
		gap: 0;
	}
	ul.logo li {
	}
	ul.logo li a {
		display: flex;
		align-items: center;
		width: 90%;
	}
}

/* ヘッダー
========================================== */

.header {
	max-width:960px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:space-between;
	padding:15px 0;
	align-items: center;
}
.header ul.gNavi {
	display:flex;
	align-items:center;
}
.header ul.gNavi li {
	margin-left:50px;
}
.header ul.gNavi li a {
	color:#2F71BB;
	font-weight:bold;
	font-size:18px;
}
.header .bnr-contact {
	width:362px;
}
@media screen and (max-width:767px) {
	.header {
		padding:0;
		display:block;
	}
	.header ul.gNavi {
		display:none;
	}
}

/* タイトル
========================================== */

#pageTit {
	background:#f2f3f6;
	padding:40px 0;
}
#pageTit p {
	font-weight:bold;
	font-size:20px;
	text-align:center;
}
@media screen and (max-width:767px) {
	#pageTit {
		padding:20px 0;
	}
	#pageTit p {
		font-size:14px;
	}
}

/* Footer
========================================== */

#footer {
	padding-bottom: 56px;
	padding-top: 40px;
}
#footer a.btn {
	width:320px;
	margin:0 auto;
	background:#ababab;
	text-align:center;
	color:#fff;
	border-radius:10px;
	font-size:12px;
}
#footer a.logout {
	text-align:center;
	display:block;
	width:120px;
	margin:40px auto 0;
	padding:15px;
	border:1px solid rgba(0, 0, 0, 0.20);
	font-size:12px;
	border-radius:10px;
	transition:0.5s all;
}
#footer a.logout:hover {
	background:#999;
	color:#fff;
}
#footer .copy {
	height:56px;
	position:absolute;
	bottom:0;
	background:#2059a6;
	color:#fff;
	text-align:center;
	font-size:10px;
	padding:20px 0;
	margin-top:40px;
	width:100%;
}

@media screen and (max-width:767px) {
	#footer a.btn {
		width:80%;
	}
}

/* コンタクト
========================================== */

dl.contact {
	border: 2px solid #2059A6;
	padding:10px;
	border-radius: 5px;
	font-size:14px;
	background:#fff;
	width: 550px;
}
dl.contact dt {
	font-weight:bold;
	text-align:center;
	background:#2059A6;
	color:#fff;
	padding:15px;
	font-size:18px;
}
dl.contact dd {
	text-align:center;
	padding:15px;
	font-size:16px;
}
dl.contact dd em {
	text-align:center;
	font-weight:bold;
}
dl.contact dd p {
	text-align:center;
	font-weight:bold;
	font-size:22px;
}
dl.contact dd p small {
	font-size:14px;
}
dl.contact dd > small {
	font-size:14px;
}
@media screen and (max-width:767px) {
	dl.contact {
		width:100%;
	}
	dl.contact dd em {
		display:block;
	}
	dl.contact dd a {
		display:block;
		font-weight:bold;
		font-size:18px;
	}
	dl.contact dd a small {
		font-size:14px;
		display: inline-block;
	}
}