@charset "utf-8";
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
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, font, 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 {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;

	font-size: 1em;
}

body {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-weight:500;
}
@media all and (-ms-high-contrast:none) {
	body,
	table,
	input, textarea, select, option {
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
	}
}

.youmin {font-family:serif; letter-spacing: 0.1em; font-weight:bold!important;}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

img {
	vertical-align: top;
	max-width: 100%;
}
a,
a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	text-decoration: underline;
}
.migi {
    float: right;
    margin-left: 1em;
}

.migit {
    float: right;
    margin-left: 1em;
}

.hidari {
    float: left;
    margin-right: 1em;
}
.center{
	text-align:center;
}
.red {
    color: #da4b4e;
    font-weight: bold;
}
.label_orange{
	background:#FF8316;
	color:#fff;
	font-weight:bold;
	margin-top:2px;
	margin-bottom:10px;
	margin-left:5px;
	padding:2px 4px;
}

.label_blue{
	background:#0084FF;
	color:#fff;
	font-weight:bold;
	margin-left:5px;
	padding:2px 4px;
}

.label_green{
	background-color:#93CB00;
	color:#fff;
	font-weight:bold;
	margin-left:5px;
	padding:2px 4px;
}

.label_red{
	background:#E91013;
	color:#fff;
	font-weight:bold;
	margin-left:5px;
	padding:2px 4px;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {min-width: 1280px; color: #000; font-size: 16px; line-height: 24px; text-size-adjust: none; -webkit-text-size-adjust: none; background-color: #FFF;}
#container {text-align: left; overflow:hidden;}
#main {max-width:1000px; display:block; margin:0 auto;}
.comBox {margin: 0 auto; width: 100%; max-width: 1000px;}

a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}

.sp {
	display: none !important;
}

.justify {
	text-align: justify;
	line-height: 1px;
}

.justify:after {
	content: '';
	width: 100%;
	height: 0;
	visibility: hidden;
	display: inline-block;
}

.justify li {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.5;
}



@media all and (min-width: 768px) and (max-width: 1024px) {
}

@media screen and (max-width: 768px){
body {font-size: 14px; line-height: 160%; min-width: inherit;}
a:hover,a:hover img {opacity: 1 !important;}
.sp {display: block !important;}
.pc {display: none !important;}
a[href^="tel:"] {cursor: pointer; pointer-events: auto;}
.justify {text-align: left;}
.justify li {display: block;}
.justify:after {display: none;}
/*	.comBox {margin: 0 10px; width: auto;} */
.migi,.hidari {float: none; margin:0 0 1rem; width: 100%;}
.migit {float:right; margin:10px;}
.spc{text-align:center;}
img {max-width: 100%; height:auto;}
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {}
#gHeader .inner {margin-bottom: 10px;}
#gHeader .inner .lBox {float: left;	width: 800px;}
#gHeader .inner .rBox {padding-top: 4px; float: right; width: 200px;}
#gHeader .logo {padding-right: 30px; padding-top: 6px; float: left;}
#gHeader .tel {float: left;}
#gHeader .head_txt {display:block; padding: 8px 0 6px; font-size: 14px; line-height: 18px; color: #333; font-weight: 700;}
#gHeader .head_txt span {color: #003485;}
#gHeader .rBox a {margin-top: 6px; display: block; color: #003a81; font-weight: bold; font-size: 14px; line-height: 28px; border: 1px solid #023c82; text-align: center;}
#gHeader .rBox a:hover {opacity: 0.7; text-decoration: none;}
@media all and (min-width: 0) and (max-width: 767px) {
#gHeader {position: relative; padding-bottom: 12px;}
#gHeader .inner {margin-bottom: 0;}
#gHeader .inner .lBox {width: 85%;}
#gHeader .inner .rBox {display: none;}
#gHeader .inner .menu {float: right; margin: 13px 0 0 0; width:15%;}
#gHeader .logo {padding-right: 0; margin:12px 0 0 5px; width:70%;}
#gHeader .tel {margin:20px 0 0 2%; width:25%;}
#gHeader .tel a + a {margin-left: 10px;}
#gHeader .head_txt {padding: 5px; /* height: 0; */ /* overflow: hidden; */ /* visibility: hidden; */ background: #003a81; color: #fff; font-size: 3vw; line-height: 1.4;}
#gHeader .head_txt span{color: #fff;}
}

/*------------------------------------------------------------
	gNavi
------------------------------------------------------------*/
#gNavi {text-align: center;}
#gNavi .navi01 {background-color: #eee;}
#gNavi .navi01 .comBox {border-right: 1px solid #ddd;}
#gNavi .navi01 li {float: left; width: 20%; font-size: 13px; line-height: 29px;}
#gNavi .navi01 li a {display: block; color: #000; border-left: 1px solid #ddd;}
#gNavi .navi01 li span {color: #003883;}
#gNavi .navi02 {background-color: #003a81;}
#gNavi .navi02 .comBox {border-right: 1px solid #2668b9;}
#gNavi .navi02 li {float: left;	width: 16.66%; line-height: 49px; position: relative;}
#gNavi .navi02 li a {display: block; color: #fff; font-weight: bold; border-left: 1px solid #2668b9;}
#gNavi li a:hover {opacity: 0.7; text-decoration: none;}
#gNavi .navi02 .comBox > li > a:hover,#gNavi .navi02 .comBox > li.on > a {background: #1153a4; opacity: 1;}
#gNavi .navi02 .comBox > li > a:hover:after,#gNavi .navi02 .comBox > li.on > a:after {opacity: 1;}
#gNavi .navi02 .comBox > li > a {position: relative;}
#gNavi .navi02 .comBox > li > a:after {margin-left: -4px; width: 8px; height: 8px; content: ""; position: absolute; left: 50%; bottom: 5px; opacity: 0; background: url(../img/common/icon06.png) no-repeat center center;}
#gNavi .navi02 .subNavi {position: absolute; left: 0; top: 100%; width: 100%; background: #fff; display: none; z-index: 10;}
#gNavi .navi02 .subNavi li {float: none; width: auto; line-height: 1.5;}
#gNavi .navi02 .subNavi > li a {padding: 12px 5px 12px 20px; border: none; color: #1153a4; font-size: 12px; letter-spacing: -0.5px;	text-align: left; font-weight: bold; position: relative; background: #FFF; border-bottom:solid 1px #DAE5F3;}
#gNavi .navi02 .subNavi > li a:after {width: 10px; height: 10px; content: ">"; color:#1153a4; font-size: 10px; position: absolute; left: 8px; top: 13px; text-align: center;}

@media all and (min-width: 768px) {
#gNavi {display: block !important;}
}

@media all and (min-width: 0) and (max-width: 767px) {
#gNavi {display: none; position: absolute; left: 0; top: 100%; width: 100%; z-index: 1000;}
#gNavi .navi01 .comBox {margin: 0; border-top: 1px solid #2668b9; border-right: 0;}
#gNavi .navi01 li {float: none; width: auto; line-height: 40px;}
#gNavi .navi01 li a {border-left: 0; border-bottom: 1px solid #ddd;}
#gNavi .navi02 .comBox {margin: 0; border-top: 1px solid #2668b9; border-right: 0;}
#gNavi .navi02 li {float: none; width: auto; line-height: 40px;}
#gNavi .navi02 li a,#gNavi .navi02 li a:hover {border-left: 0; border-bottom: 1px solid #2668b9; background: #1153a4;}
#gNavi .navi02 .comBox > li > a:hover,#gNavi .navi02 .comBox > li.on > a {background: #1153a4; opacity: 1;}
#gNavi .navi02 .comBox > li > a:after,#gNavi .navi02 .comBox > li > a:hover:after,#gNavi .navi02 .comBox > li.on > a:after {margin: -4px 0 0 0; left: auto; right: 10px; top: 50%; bottom: auto; opacity: 1; display: none; width: 12.5px; height: 8px; background: url(../img/common/icon08.png) no-repeat center center; background-size: 100% 100%;}
#gNavi .navi02 .comBox > li > a.sub:after {display: block; opacity: 1;}
#gNavi .navi02 .subNavi	{position: relative; top: 0; left: 0;}
#gNavi .navi02 .subNavi li a,#gNavi .navi02 .subNavi li a:hover {background: #DAE5F3; border: none;}
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {padding: 23px 0 28px;}
#pagePath ul {margin: 0 auto; width: 1000px;}
#pagePath li {margin-right: 5px; display: inline; color: #000; font-size: 16px;}
#pagePath li a {margin-right: 5px; color: #003883; text-decoration: underline;}
#pagePath li a:hover {text-decoration: none;}

@media all and (min-width: 0) and (max-width: 767px) {
#pagePath,#pagePath2 {padding:10px!important; overflow:auto; white-space:nowrap; border-bottom:none!important; border-top:1px solid#EFEFEF; margin-top:5px;}
#pagePath ul,#pagePath2 ul {margin-right: 0; display:flex; flex-wrap:nowrap;}
#pagePath li,#pagePath2 li {font-size: 14px; line-height: 1.2;}
#pagePath li a:hover,#pagePath2 li a:hover{text-decoration: underline;}
}

/*------------------------------------------------------------
	conts
------------------------------------------------------------*/
#conts {float: right; width: 720px;}
#second #conts {float: right; width: 720px;	box-sizing:border-box; padding:1rem;}

@media all and (min-width: 0) and (max-width: 767px) {
#conts {margin: 0 -10px 15px; float: none; width: auto; padding:0 15px; box-sizing:border-box;}
}

/*------------------------------------------------------------
	sideBar
------------------------------------------------------------*/
#sideBar {float: left; width: 250px;}
#sideBar a:hover {opacity: 0.7;}
#sideBar .link01 {margin-bottom: 17px;}
#search {margin-bottom: 13px; padding-top: 4px; position: relative;}
#search #searchsubmit{display: block; position: absolute; right: 5px; top: 9px;}
#search input.inputsearch{padding: 0 40px 0 15px; display: block; width: 100%; font-weight: bold; color: #000; font-size: 16px; line-height: 43px; box-sizing: border-box; border: 1px solid #eee; background-color: #f9f9f9;}
#search input::placeholder {color: #000; opacity: 1;}
.tabUl {padding-top: 4px;}
.tabUl li {margin-right: 2px; float: left; position: relative; box-sizing: border-box;}
.tabUl a {margin-bottom: -1px; padding: 0 10px; min-width: 46px; line-height: 39px; display: block; text-align: center; box-sizing: border-box; border: 1px solid #ccc; color:#000;}
.tabUl a span {color: #f00;}
.tabUl .on a span {color: #fff;}
.tabUl .on a {color: #fff; border: 1px solid #003584; background-color: #003584;}
.tabUl .on a:before {position: absolute; left: 0; top: -3px; width: 100%; height: 3px; content: "";	background-color: #003584;}
.tabBox {position: relative; z-index: 100; border-top: 2px solid #003187; height:420px; overflow-x: auto;}
.jsBox .scroll {height:420px; overflow: auto;}
.picBox{padding: 16px 0 25px; border-top: 1px dotted #999;}
.picBox a {color: #000;}
.picBox .pho {padding-top: 20px; float: left; width: 120px; text-align: center;}
.picBox .text01 {float: right; width: 560px; margin-right:15px;}
.picBox .text01 p{font-size:14px; color:#000;}
.picBox .text02 {padding-top: 13px;	float: right; width: 560px; position: relative;	margin-right:15px;}
.picBox h3 {font-size: 17px; color: #1f4d94;}
.btmBox {margin: 0 5px 23px 5px; padding: 7px 14px; background-color: #eee;}
.btmBox p {margin-right: 10px; float: left; line-height: 30px;}
.btmBox .lv {float: left;}
.btmBox .lv li {margin-right: 5px; padding: 0 10px; min-width: 44px; float: left; font-weight: bold; line-height: 28px;	text-align: center;	border: 1px solid #ccc;	background-color: #fff;}
.btmBox .lv li:last-child {margin-right: 0;}
.btmBox .lv li a{color:#000;}
.btmBox .lv li a:hover {opacity: 0.7; text-decoration: none;}
.btmBox .lv .red {color: #e34b45;}
.btmBox .lv .red a {color: #e34b45;}
h3 + .center img.link{width: 32%; margin: 0 1% 0 0;}

#sideBar .sInnerBox {margin-bottom: 22px;}
#sideBar .sInnerBox .h2Ttl {margin-bottom: 2px; padding: 12px 10px 15px; color: #FFF; font-size: 17px; font-weight: normal; text-align: center; box-sizing: border-box; background-color: #003883;}
#sideBar .sInnerBox .sNavList li a {padding: 9px 10px 10px; position: relative; display: block; font-size: 13px; text-decoration: none; background-color: #F0F5F6; color:#000;}
#sideBar .sInnerBox .sNavList li a:before {margin-left: -122px; width: 245px; height: 1px; position: absolute; background-color: #FFF; left: 50%; top: 0; content: " ";}
#sideBar .sInnerBox .sNavList li:first-child a:before {display: none;}
#sideBar .sInnerBox .sNavList li a:hover {opacity: 1; background-color: #CEDEE3;}
#sideBar .sInnerBox01 .h2Ttl {margin-bottom: 10px;}
#sideBar .sInnerBox .photo {margin-bottom: 12px;}
#sideBar .sInnerBox p {color: #1F1F1F; font-size: 16px; line-height: 1.6;}
#sideBar .sInnerBox p a {color: #003981; text-decoration: underline;}
#sideBar .sInnerBox p a:hover {text-decoration: none;}
#sideBar .sInnerBox .sTtl {margin-bottom: 8px; font-size: 18px;	font-weight: bold;}
#sideBar .sInnerBox .text {margin-bottom: 31px;}


@media all and (min-width: 768px) {
.tabUl a:hover span {
	color: #fff;
}

.tabUl a:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid #003584;
	background-color: #003584;
}
.tabUl a:hover:before {
	position: absolute;
	left: 0;
	top: -3px;
	width: 100%;
	height: 3px;
	content: "";
	background-color: #003584;
}
}

@media all and (min-width: 0) and (max-width: 767px) {
	#sideBar {
		margin: 0 -5px;
		float: none;
		width: auto;
	}
	
	#sideBar .lBox {
		float: left;
		width: 49%;
		text-align: center;
	}
	
	#sideBar .rBox {
		width: 100%;
		text-align: center;
	}
	
	#sideBar .link01 {
		margin-bottom: 2px;
		margin-bottom: 0.625vw;
	}
h3 + .center img.link{
		width: 80%;
		height:auto;
		margin-bottom:5px;
	}
#sideBar .lBox .link01 {
		display:none;
	}
	
	#sideBar .link01 img {
		width: 80%;
		margin-bottom:5px;
	}
	
	#search {
		display: none;
	}
	.tabUl {
		margin-top: 9px;
		padding-top: 0;
		overflow-x: auto;
		overflow-y: hidden;
	}
	.tabUl ul {
		padding-top: 4px;
		width: 720px;
		overflow: hidden;
	}
	
	.tabUl li {
		margin-right: 2px;
	}
	
	.tabUl a {
		margin-bottom: -1px;
		padding: 0 14px;
		min-width: 44px;
		font-size: 10px;
		line-height: 30px;
		text-decoration: none;
	}
	
	.tabUl .on a {
		color: #fff;
		border: 1px solid #003584;
		background-color: #003584;
	}

	.tabBox {
		position: relative;
		z-index: 100;
		border-top: 2px solid #003187;
	}
	
/**********************************************/
	#sideBar .sInnerBox {
		margin-bottom: 15px;
	}
	
	#sideBar .sInnerBox .h2Ttl {
		margin-bottom: 2px;
		padding: 12px 10px 8px;
		font-size: 16px;
	}
	
	#sideBar .sInnerBox .sNavList li {
		border-bottom: 1px solid #FFF;
	}
	
	#sideBar .sInnerBox .sNavList li:last-child {
		border-bottom: none;
	}
	
	#sideBar .sInnerBox .sNavList li a {
		padding: 8px 10px;
		font-size: 14px;
		color:#000;
	}
	
	#sideBar .sInnerBox .sNavList li a:before {
		display: none;
	}
		
	#sideBar .sInnerBox .sNavList li a:hover {
		background-color: #F0F5F6;
	}
		
	#sideBar .sInnerBox01 .h2Ttl {
		margin-bottom: 5px;
	}
	
	#sideBar .sInnerBox .photo {
		margin-bottom: 10px;
		text-align: center;
	}
	
	#sideBar .sInnerBox .photo img {
		max-width: 100%;
	}
		
	#sideBar .sInnerBox p {
		padding: 0 15px;
		font-size: 14px;
	}
	
	#sideBar .sInnerBox p a:hover {
		text-decoration: underline;
	}
	
	#sideBar .sInnerBox .sTtl {
		font-size: 16px;
	}
	
	#sideBar .sInnerBox .text {
		margin-bottom: 15px;
	}
/**********************************************/

}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
}
	#gFooter .footerContents {
		display:none;
	}

#gFooter .lBox {
	float: left;
	width: 700px;
	padding-top: 22px;
}

#gFooter .lBox p {
	margin-top: 20px;
}

#gFooter .rBox {
	padding-top: 44px;
	float: right;
}

#gFooter .rBox .tel {
	margin-bottom: 11px;
}

#gFooter .rBox a:hover {
	opacity: 0.7;
}

#gFooter .copyright {
	margin-top: 41px;
	padding: 31px 0 54px;
	text-align: center;
	background-color: #eee;
}


.pageTop a {
	display: block;
	color: #fff;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
	background-color: #003a81;
}

.pageTop a:hover {
	opacity: 0.7;
	text-decoration: none;
}

.btmLink {
	padding: 32px 0 34px;
	background-color: #e3edef;
}

.btmLink li {
	width: 300px;
}

.btmLink a:hover {
	opacity: 0.7;
}

.sideLink {
	position: fixed;
	right: 0;
	top: 164px;
	z-index: 100;
	padding: 12px 10px 5px;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
	background: #FFF;
}

.sideLink li {
	margin-bottom: 7px;
}

.sideLink a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gFooter{
		margin-bottom:60px;
	}
	#gFooter.id-6929{margin-bottom:0;}
	#gFooter .lBox {
		margin: 0 10px;
		float: none;
		width: auto;
		padding-top: 9px;
	}

	#gFooter .lBox .logo {
		margin: 0 auto;
		width: 165px;
		text-align: center;
	}

	#gFooter .lBox p {
		margin-top: 9px;
		font-size: 10px;
		line-height: 17px;
	}
		
	#gFooter .rBox {
		display: none;
	}
	#gFooter .footerContents {
		position:fixed;
		bottom:0;
      left: 0;
		z-index:200;
		display:block;
	}
	#gFooter .footerContents .tel,
	#gFooter .footerContents .contact{
		width:50%;
		float:left;
	}
	#gFooter .copyright {
		margin-top: 11px;
		padding: 16px 0 12px;
		font-size: 9px;
		line-height: 12px;
	}
	

	.pageTop a {
		line-height: 25px;
	}
	.btmLink {
		padding: 5px 0 7px;
		background-color: #fff;
	}

	.btmLink li {
		margin-top: 10px;
		text-align: center;
		width: auto;
	}

	.sideLink {
		display: none;
	}
}

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
* html .clearfix {zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;	visibility: hidden;	content: "."; display: block; clear: both;}

/*------------------------------------------------------------
	common
------------------------------------------------------------*/
.heading01 {margin-bottom: 6px; font-size: 19px; line-height: 42px; color: #fff; background-color: #003585; border-bottom: 1px solid #98adce;}
.heading01 span {padding: 0 20px; display: block; border-bottom: 1px solid #001f78;}

@media all and (min-width: 0) and (max-width: 767px) {
.heading01 {margin:0; font-size: 1rem;}
.heading01 span {padding: 0 12px;}

.heading02 {margin-bottom: 15px; padding: 8px 15px; font-size: 16px;}
.heading02 {padding: 4px 10px; font-size: 16px; line-height: 1.2;}

.heading03 {margin-bottom: 15px; padding: 5px 2px; font-size: 20px; border-bottom: 2px solid #003585;}

.heading04 {padding: 4px 10px; font-size: 18px;}

.heading05 {margin-bottom: 15px; padding: 0 10px; font-size: 20px; line-height: 30px;}
}

/*------------------------------------------------------------
	newsDetail
------------------------------------------------------------*/
#secound #conts {padding-top: 4px;}
#secound #conts p {margin-bottom:1.5rem; color: #333; line-height: 1.8; text-align:justify;}
#secound #conts .none {	/*margin-bottom: 75px;*/}
#secound #conts .bannerBox a {display: block;}
#secound #conts .bannerBox a:hover {opacity: 0.7;}

@media all and (min-width: 0) and (max-width: 767px) {
#secound #conts {padding-top: 0;}
#secound #conts p {font-size: 17px;}
#secound #conts .none {margin-bottom: 25px;}
#secound #conts .bannerBox {margin: 0 15px;}
#secound #conts .bannerBox a {text-align: center;}
#secound #conts .bannerBox a img {max-width: 100%;}
}

/*------------------------------------------------------------
	secound
------------------------------------------------------------*/
#conts .wp-pagenavi {margin: 0 auto 65px; font-size: 0; text-align: center;}
#conts .wp-pagenavi a,#conts .wp-pagenavi span {padding-top: 4px; min-width: 40px; min-height: 33px; display: inline-block;  vertical-align: top; color: #000; font-size: 15px; text-align: center; text-decoration: none !important; box-sizing: border-box; border: 1px solid #CCC; border-right: none;}
#conts .wp-pagenavi span.pages {display: none;}
#conts .wp-pagenavi a:first-child {border-radius: 3px 0 0 3px; font-size: 12px;}
#conts .wp-pagenavi a:last-child {border-right: 1px solid #CCC; font-size: 12px;}
#conts .wp-pagenavi .first {border-radius: 3px 0 0 3px; padding:4px 10px; font-size: 12px;}
#conts .wp-pagenavi .last {font-size: 12px; padding:4px 10px; border-radius: 0 3px 3px 0;}
#conts .wp-pagenavi .previouspostslink,#conts .wp-pagenavi .nextpostslink {color: #000; font-size: 8px;}
#conts .wp-pagenavi a:hover {color: #FFF; background-color: #CCC;}
#conts .wp-pagenavi span {color: #FFF; background-color: #646363;}

@media all and (min-width: 0) and (max-width: 767px) {
/*------------------------------------------------------------
	consultation
------------------------------------------------------------*/
#consultation #conts .headLine02 {margin: 2px 0 28px; padding: 10px 30px 9px;}
#consultation #conts .area {margin-left: 25px;}
#consultation #conts p {margin-bottom: 13px; color: #333; font-size: 16px; line-height: 1.61;}
#consultation #conts .imgBox {margin-bottom: 22px;}
#consultation #conts .imgBox .phoBox {float: right;}
#consultation #conts .imgBox .txtBox {width: 370px; float: left;}
#consultation #conts .imgBox .txtBox p:last-cild {margin-bottom: 0;}
#consultation #conts .indentTxt {text-indent: 15px;}
#consultation #conts .textUl {margin-bottom: 46px;}
#consultation #conts .textUl li {margin-bottom: 13px; color: #333; text-indent: 15px; font-size: 16px; line-height: 1.61;}
#consultation #conts .textUl li:last-child {margin-bottom: 0;}
#consultation #conts .textUl li .redTxt {color: #E54A47; font-weight: bold;}
#consultation #conts .textUl li a {color: #003883; text-decoration: underline;}
#consultation #conts .textUl li a:hover {text-decoration: none;}
#consultation #conts .heading05 {margin-bottom: 20px; font-size: 18px;}
#consultation #conts .textList {margin: 0 -7px 38px;}
#consultation #conts .textList li {margin-bottom: 13px; color: #333; font-size: 16px; line-height: 1.61;}
#consultation #conts .textList li:last-child {margin-bottom: 0;}
#consultation #conts .text01 {margin-bottom: 38px;}
#consultation #conts .costArea p {margin-bottom: 11px;}
#consultation #conts .costArea .ttl {font-size: 18px; font-weight: bold;}
#consultation #conts .costArea .ttl .redTxt {color: #DC4846;}
#consultation #conts .costArea .note {margin-bottom: 15px; font-size: 14px;}
#consultation #conts .costArea p a {color: #003883; font-weight: bold; text-decoration: underline;}
#consultation #conts .costArea p a:hover {text-decoration: none;}
#consultation #conts .costArea .text02 {margin-bottom: 74px;}
#consultation #conts .txtInner {margin-bottom: 50px; padding: 10px 18px 22px; border: 4px solid #003585; background-color: #F0F5F6;}
#consultation #conts .txtInner h4 {margin-bottom: 22px; padding-bottom: 11px; text-align: center; color: #333; font-size: 20px;	border-bottom: 1px solid #CDDEE3;}
#consultation #conts .txtInner .txtLink {margin: 0 18px;}
#consultation #conts .txtInner .txtLink li {margin-bottom: 10px;}
#consultation #conts .txtInner .txtLink li:last-child {margin-bottom: 0;}
#consultation #conts .txtInner .txtLink .ttl,#consultation #conts .txtInner .txtLink a {padding-left: 26px; display: inline-block; color: #003485; font-size: 16px;	font-weight: bold; background: url(../img/common/icon02.png) no-repeat 4px 6px;}
#consultation #conts .txtInner .txtLink .open {background: url(../img/common/icon02_o.png) no-repeat left 8px;}
#consultation #conts .txtInner .txtLink .subLink {margin: 11px 51px 0;}
#consultation #conts .txtInner .txtLink .subLink li {margin-bottom: 3px;}
#consultation #conts .txtInner .txtLink .subLink li:last-child {margin-bottom: 0;}
#consultation #conts .txtInner .txtLink .subLink li a {padding-left: 18px; font-size: 14px; font-weight: normal; background-position: left 4px;}

@media all and (min-width: 0) and (max-width: 767px) {
#consultation #conts .headLine02 {margin: 2px 0 28px; padding: 10px 15px 9px;}
#consultation #conts .area {margin: 0 15px;}
#consultation #conts p {font-size: 13px;}
#consultation #conts .imgBox {margin-bottom: 20px;}
#consultation #conts .imgBox .phoBox {margin-bottom: 20px; float: none; text-align: center;}
#consultation #conts .imgBox .phoBox img {max-width: 100%;}
#consultation #conts .imgBox .txtBox {width: auto; float: none;}
#consultation #conts .indentTxt {text-indent: 0;}
#consultation #conts .textUl {margin-bottom: 25px;}
#consultation #conts .textUl li {text-indent: 0; font-size: 13px;}
#consultation #conts .textUl li a:hover {text-decoration: underline;}
#consultation #conts .textList li {font-size: 13px;}
#consultation #conts .text01 {margin-bottom: 25px;}
#consultation #conts .costArea .ttl {font-size: 15px;}
#consultation #conts .costArea .note {font-size: 12px;}
#consultation #conts .costArea p a:hover {text-decoration: underline;}
#consultation #conts .costArea .text02 {margin-bottom: 25px;}
#consultation #conts .txtInner {margin: 0 15px;	padding: 15px 5px; border-width: 2px;}
#consultation #conts .txtInner h4 {font-size: 16px;}
#consultation #conts .txtInner .txtLink {margin: 0 10px;}
#consultation #conts .txtInner .txtLink .ttl,#consultation #conts .txtInner .txtLink a {padding-left: 23px;	font-size: 13px; text-decoration: none; background-position: 4px 1px;}
#consultation #conts .txtInner .txtLink .open {background-position: left 1px;}
#consultation #conts .txtInner .txtLink .subLink {margin: 11px 30px 0;}
#consultation #conts .txtInner .txtLink .subLink li a {font-size: 13px;	background-position: left 1px;
}
	
}


.tabBox a{display: block; }
.tabBox a:hover{opacity: 0.7;}
.boxbtn {width: 100%;text-align: right;float: right;}
.text02:after {content: '詳細を見る >';display: block;width: 100px;height: 22px;background-color: #003781;color: #fff;text-align: center;font-size: 13px;position: absolute;bottom: -18px;right: 0;}
.topcont{box-sizing: border-box;padding: 0 10px;margin: 0 auto;width: 100%;max-width: 1000px;display: none;}
.comBox a{cursor: pointer;}

@media all and (min-width: 0) and (max-width: 767px) {
.jsBox .scroll,.tabBox {height:auto; overflow:visible;}
#main .sec03 .imgBox{float:none!important;width: 100%!important;}
.text02:after {bottom: -30px;}
}

@media screen and (max-width: 768px){
#gHeader .inner{margin: 0;}
#gHeader .inner .menu {float: unset;margin: 0;width: 12%;position: absolute;right: 5px;bottom: 4px;}
#gHeader .inner .lBox{box-sizing: border-box;width: 100%;float: unset;}
#gHeader .inner .lBox > div{padding-right: 15%;}
.menu img{vertical-align: bottom;width: 100%;height: auto;}
}