/*
Theme Name:   GeneratePress Child
Author:       NoguchiKikaku
Template:     generatepress
Unsemantic CSS Framework Documentation http://unsemantic.com/css-documentation

■目次
・フォント設定
・共通設定
・カラー設定
・見出し装飾
・ボタン装飾
・Unsemantic調整
・お知らせ系ショートコード
・コンタクトフォーム
・ヘッダー
・ナビゲーション
・ウィジェット
・CTA
・フッター
・トップページ
・一覧・詳細
・個別ページ


・テーブル
・DL DT DD
・WP-PAGENAVI
・メディアクエリ
*/

@import url(https://www.jp1web.com/css/tools.css);
@import url(https://www.jp1web.com/css/bootstrap.css);
@import url(https://fonts.googleapis.com/css?family=Ramabhadra);
/* =========================================================
* フォント設定
========================================================= */

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: normal;
	src: url('font/NotoSansCJKjp-Regular-sub.eot');
	src: local('Noto Sans CJK JP Regular'), url('font/NotoSansCJKjp-Regular-sub.eot?#iefix') format('embedded-opentype'), url('font/NotoSansCJKjp-Regular-sub.woff') format('woff'), url('font/NotoSansCJKjp-Regular-sub.otf') format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: bold;
	src: url('font/NotoSansCJKjp-Medium-sub.eot');
	src: local('Noto Sans CJK JP Medium'), url('font/NotoSansCJKjp-Medium-sub.eot?#iefix') format('embedded-opentype'), url('font/NotoSansCJKjp-Medium-sub.woff') format('woff'), url('font/NotoSansCJKjp-Medium-sub.otf') format('opentype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: normal;
	src: url('font/Roboto-Regular-sub.eot');
	src: local('Roboto Regular'), url('font/Roboto-Regular-sub.eot?#iefix') format('embedded-opentype'), url('font/Roboto-Regular-sub.woff') format('woff'), url('font/Roboto-Regular-sub.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: bold;
	src: url('font/Roboto-Bold-sub.eot');
	src: local('Roboto Bold'), url('font/Roboto-Bold-sub.eot?#iefix') format('embedded-opentype'), url('font/Roboto-Bold-sub.woff') format('woff'), url('font/Roboto-Bold-sub.ttf') format('truetype');
}
.serif {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
/* =========================================================
* 共通設定
========================================================= */

body {
	font-family: "Roboto", "Droid Sans", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.8;
	letter-spacing: 0.1em;
}
button, html input[type="button"], input[type="reset"], input[type="submit"], .button, .button:visited {
	font-family: "Roboto", "Droid Sans", "Noto Sans Japanese", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
}
input[type="button"], input[type="reset"], input[type="submit"] {
	border: 0;
	cursor: pointer;
	-webkit-appearance: button;
	background: #333;
	color: #fff;
	border-radius: 3px;
	padding: 10px 30px;
}
input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
	background-color: #555;
	color: #fff;
}
.boxshadow {
	/*
    1番目の長さの値は、水平方向の影のオフセット距離です。正の値を指定すると右へ、負の値を指定すると左へ影が移動します。
    2番目の長さの値は、垂直方向の影のオフセット距離です。正の値を指定すると下へ、負の値を指定すると上へ影が移動します。
    3番目の長さの値は、ぼかし距離です。負の値を指定することはできません。 値が大きいほど影の端のぼかしが強くなり、値が0の場合には端がくっきりとした影となります。
    4番目の長さの値は、広がり距離です。正の値を指定すると影の形状を全方向に拡大、負の値を指定すると縮小します。
    5 色の値を指定すると、影がその色になります。
    6 insetキーワードを指定すると、ボックスの外側の影から内側の影に変更されます。
    */
	box-shadow: 0px 4px 4px -3px rgba(0,0,0,0.2) inset;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
}
.boxs {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}
/* =========================================================
* カラー設定
========================================================= */

/* ベースカラー */

.base-color {
	color: #24947d;
}
.sub-color {
	color: #ffaa23;
}
i {
	color: #24947d;
}
/* 見出し・お知らせ */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .title-container a, .info1column a, .info2column a, .show-thumbnail-title a, .show4column-thumbnails a {
	color: #3b3b3b;
	text-decoration: none;
}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited, .title-container a:visited, .info1column a:visited, .info2column a:visited, .show-thumbnail-title a:visited, .show4column-thumbnails a:visited {
	color: #3b3b3b;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .title-container a:hover, .info1column a:hover, .info2column a:hover, .show-thumbnail-title a:hover, .show4column-thumbnails a:hover {
	color: #24947d;
}
.info1column li a .cat, .info2column .info-meta .info-cat, .info-meta .info-cat {
	background: #24947d;
}
/* 見出し */

.heading1:before {
	border-left: 5px #24947d solid;
}
.heading2 {
	border-bottom: 2px solid #24947d;
}
.heading2:before {
	border-left: 5px #24947d solid;
}
.heading3 {
	background-color: #24947d;
}
.heading5:after, .heading5:before {
	background: #24947d;
}
.heading6:before {
	background: #24947d;
}
.heading6:after {
	background: #24947d;
}
.heading7:before {
	background-color: #24947d;
}
.heading7:after {
	background-color: #24947d;
}
.heading8 {
	background: #24947d;
}
.heading9 {
	border-bottom: 4px solid #ccc;
}
.heading9::after {
	background-color: #24947d;
}
.heading9-lv2 {
	border-bottom: 2px solid #ccc;
}
.heading9-lv2::after {
	background-color: #24947d;
}
/* ボタン */

.tools-btn-key, .tools-btn-key a {
	background: none repeat scroll 0% 0% #24947d;
	border: 1px solid #24947d;
}
a.link_key {
	background-color: #ff7e00;
	color: #fff;
}
/* =========================================================
* 見出し装飾
========================================================= */

.entry-header {
	border-bottom: 2px solid #eee;
}
.entry-title {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 10px;
	line-height: 1.2em;
	font-weight: normal;
	border-left: 10px solid #24947d;
}
.sidebar .widget .widget-title {
	background: #24947d;
	color: #ffffff;
	padding-left: 10px;
}
/* 更新情報一覧ページの見出し設定 */
.page-header h1.page-title {
	background: #24947d;
	color: #fff;
	text-align: center;
	padding: 10px 0;
	border-radius: 5px;
}
.header2 {
	margin: 0 0 1em 0;
	padding: 10px;
	line-height: 1.2em;
	font-size: 18px;
	text-align: center;
	color: #24947d;
	border: solid 1px #c5dcd2;
	border-bottom: solid 2px #65998e;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f9f7+40,f4f9f7+68,ffffff+99 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #f4f9f7 40%, #f4f9f7 68%, #ffffff 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ffffff 0%, #f4f9f7 40%, #f4f9f7 68%, #ffffff 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ffffff 0%, #f4f9f7 40%, #f4f9f7 68%, #ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); /* IE6-9 */
}
.header3 {
	color: #24947d;
	background: #55b19e;
	font-size: 18px;
	padding: 8px 8px 8px 20px;
	text-align: center;
	margin: 0 0 1em 0;
	position: relative;
	border: solid 1px #98d2c5;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f5f0+0,f7f1e3+29,f7f1e3+71,f7f5f0+100 */

background: #f7f5f0; /* Old browsers */

background: -moz-linear-gradient(left,  #f7f5f0 0%, #f7f1e3 29%, #f7f1e3 71%, #f7f5f0 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #f7f5f0 0%,#f7f1e3 29%,#f7f1e3 71%,#f7f5f0 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #f7f5f0 0%,#f7f1e3 29%,#f7f1e3 71%,#f7f5f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f5f0', endColorstr='#f7f5f0',GradientType=1 ); /* IE6-9 */

}
.header3:before{
	content: "";
	border-top: 20px solid #fff;
	border-right: 20px solid #98d2c5;
	display: block;
	width: 20px;
	position: absolute;
	left: -20px;
	top: -1px;
}
.header3:after{
	content: "";
	border-bottom: 20px solid #fff;
	border-left: 20px solid #98d2c5;
	display: block;
	width: 20px;
	position: absolute;
	right: -20px;
	bottom: -1px;
}



/* =========================================================
* ボタン装飾
========================================================= */

a.link-button {
/* 角丸＆シャドウ
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0px 1px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.6);
-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,0.6);
*/
}
/* =========================================================
* Unsemantic調整
========================================================= */

.grid-container {
	padding-left: 0;
	padding-right: 0;
}
/* 標準値8px */

table.table-padding > tbody > tr > th, table.table-padding > tbody > tr > td {
	padding: 15px;
}
/* トップに戻るボタン(rgbaに変換：http://www.color-hex.com/) */

.generate-back-to-top, .generate-back-to-top:visited {
	background: rgba( 36,148,125, 1);
}
.generate-back-to-top:hover, .generate-back-to-top:active, .generate-back-to-top:focus {
	background: rgba( 36,148,125, 0.8);
}
.generate-back-to-top i {
	color: #fff;
}
/* =========================================================
* お知らせ系ショートコード
========================================================= */

ul.show-thumbnail-title {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.show-thumbnail-title li {
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ccc;
}
ul.show-thumbnail-title li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
/* =========================================================
* コンタクトフォーム
========================================================= */

body.page-id-11 #cta{
	display: none!important;
}


/* チェックボックス縦並び */

span.wpcf7-list-item {
	display: block;
}
#contactForm tr:nth-child(1) td span.wpcf7-list-item {
	display: inline-block;
}
#contactForm .required{
	display: inline-block;
	padding: 1px 5px;
	background: #DA393C;
	color: #fff;
	font-size: 12px;
	margin: 0 4px 0 0;
}
input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
textarea {
	padding: 5px;
}
#contactForm .borderBottom{
	border-bottom: solid 4px #6E6E6E;
	width: 100%;
}
#contactForm th{
	text-align: left;
	width: 28%;
	font-weight: bold;
}
#contactForm th div{
	font-weight: bold;
	line-height: 1.5;
	padding: 0 0 0 10px;
}

#contactForm tr th[colspan]{
	background: #cef1e1;
}
#contactForm tr th[colspan] div{
	border-left: none;
}
#contactForm th div,
#contactForm td div{
	margin: 10px;
}

#contactForm td div div{
	margin: 0;
	font-size: 14px;
}
#contactForm td.doc label{
	padding: 3px 0;
	border-bottom: dotted 1px #ccc;
	display: block;
}
#contactForm td.doc .request textarea{
	max-height: 100px;
}
	

@media only screen and (max-width: 768px) {
#contactForm th{
	text-align: left;
	width: 100%;
}
}
	
	
	
/* =========================================================
* ヘッダー
========================================================= */
.site-header img.header-image {
	max-height: 86px;
	width: auto;
	padding-left: 10px;
}
.site-header .inside-header {
	padding: 15px 0 5px 0;
}
.catchcopy {
	background: #73b1aa;
	color: #e3f4ef;
}
.catchcopy h1 {
	font-size: 13px;
	line-height: 22px;
	margin: 0;
	padding: 0;
}
/*----header widget-------*/

.header-widget {
	width: 510px;
	max-width: 46%;
	/* 掲載コンテンツの幅で調整 */
	margin: 5px 0 0 0;
}
.header-widget ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.header-widget ul li {
	float: right;
	font-size: 12px;
	color: #333;
	margin-left: 20px;
}
.header-widget ul#menu-navigation-1 > li {
	width: auto;
}
.header-widget ul li:before {
	/* AwesomeIcon表示用 */
	content: "\f0da";
	font-family: FontAwesome;
	position: absolute;
	display: block;
	margin: 0 -10px;
	color: #24947d;
}
.cta-tel {
	font-family: 'Ramabhadra', sans-serif;
	font-size: 24px;
	line-height: 30px;
	letter-spacing: 0;
}
.cta-tel i {
	color: #ffaa23;
}
.cta-txt {
	font-size: 12px;
	letter-spacing: 1px;
}
.cta-btn {
	padding: 5px 0 0 0;
	margin: 0;
}
.header-widget a.middle {
	width: 240px;
}
.header-widget a.middle span {
	font-size: 15px;
	margin: 12px 0 0 40px;
	width: 200px;
}

@media screen and (max-width: 768px) {
	.header-widget {
		width: 100%;
	}
	.site-header .inside-header {
		padding: 0 10px 10px 0;
		margin-top: -15px;
	}
}
/* =========================================================
* ナビゲーション
========================================================= */
/* スライドアウトナビは左寄せ（カスタマイザーの寄せを上書き） */
.main-navigation.slideout-navigation {
    text-align: left !important;
}

#site-navigation {
	display: none;
}

@media only screen and (max-width: 768px) {
#site-navigation {
	display: block;
}
}
ul#menu-navigation-1 > li {
	letter-spacing: 0.2em;
	width: 20%;/* 5=>20 6=>16.6 */
}
.inside-left-sidebar ul#menu-navigation-1 > li {
	width: auto;
}
ul#menu-navigation-1 > li {
	background: url(images/bg-nav-li.png) right center no-repeat;/* メニューの仕切り線 */
}
ul#menu-navigation-1 > li:last-child {
	background: none;
}

@media (max-width:1200px) {
ul#menu-navigation-1 > li {
	width: auto;
}
}
/* カレントメニューの背景色を透明 */

.main-navigation .main-nav ul .current-menu-item > a, .main-navigation .main-nav ul .current-menu-parent > a, .main-navigation .main-nav ul .current-menu-ancestor > a, .main-navigation .main-nav ul .current_page_item > a, .main-navigation .main-nav ul .current_page_parent > a, .main-navigation .main-nav ul .current_page_ancestor > a {
	background-color: transparent !important;
}
.main-navigation i {
	color: #fff;
}
.main-navigation .main-nav:not(.slideout-menu) ul ul li a {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.main-navigation .main-nav ul ul {
	width: 220px;
}
.main-navigation .main-nav ul li.menu-tel a {
	padding-top: 10px;
	line-height: 1.5em;
}
.breadcrumbs {
	background: #eeeeee;
	font-size: 80%;
	line-height: 1.2em;
	padding: 15px 0;
}
/* =========================================================
* ウィジェット
========================================================= */

#left-sidebar .widget-title, #right-sidebar .widget-title {
	margin-bottom: 10px;
}
#left-sidebar .widget ul li {
	padding: 0;
	margin: 0;
}
#left-sidebar .widget ul li a, #right-sidebar .widget ul li a {
	line-height: 1;
	padding: 12px 10px 12px 20px;
	margin: 0;
	background: url(images/widget-list.png) 5px 15px no-repeat;
	border-top: 1px dotted #a5c6be;
	display: block;
}
#left-sidebar .widget ul li:first-child a {
	border-top: none;
}
#left-sidebar .widget ul li.active {
	background-color: #eff8f4;
}
#left-sidebar .widget ul li.active a {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e1f7ef+0,c3e5db+100 */
/* background: #e1f7ef; /* Old browsers */
/*background: -moz-linear-gradient(top,  #e1f7ef 0%, #c3e5db 100%); /* FF3.6-15 */
/*background: -webkit-linear-gradient(top,  #e1f7ef 0%,#c3e5db 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to bottom,  #e1f7ef 0%,#c3e5db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1f7ef', endColorstr='#c3e5db',GradientType=0 ); /* IE6-9 */
}
.sub-menu li a {
	background-color: #eff8f4;
	border-bottom: none!important;
	font-size: 13px;
	padding: 8px 8px 8px 20px!important;
	background: url(images/widget-list.png) 5px 5px no-repeat;
}
#left-sidebar .widget ul li.active .sub-menu li a {
	background: none!important;
}
/*----- ウィジェット用CTA -----*/

.side-contact {
	border: 1px solid #e3e3e3;
	background: #fff;
	padding: 0;
	text-align: center;
}
.side-title {
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	background: #24947d;
	margin: 0;
}
.side-img {
	padding: 10px 10px 0 10px;
}
.side-tel {
	font-family: 'Ramabhadra', sans-serif;
	font-size: 28px;
	margin: 10px 0 5px 0;
}
.side-button {
	padding: 10px 5px;
	background: #eee;
}
/*----- セレクトボックス -----*/

aside.widget select {
	padding: 5px;
	width: 100%;
}
aside.widget option {
	padding: 5px;
}
/* =========================================================
* CTA
========================================================= */

#cta .cta-container {
	padding: 10px;
	background: #fafafa;
	background: #35494b;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	text-align: right;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3a5b5b+0,35494b+100 */

background: #3a5b5b; /* Old browsers */

background: -moz-linear-gradient(top,  #3a5b5b 0%, #35494b 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top,  #3a5b5b 0%,#35494b 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom,  #3a5b5b 0%,#35494b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5b5b', endColorstr='#35494b',GradientType=0 ); /* IE6-9 */

}
#cta h2{
	margin: 0!important;
	padding: 5px 10px!important;
	text-align: center;
	padding: 0;
	font-size: 22px;
}
#cta .tel{
	background: #fff;
	color: #35494b;
	margin: 0 0 5px 0;
	padding: 5px 0;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#cta .tel .freeDial{
	border-right: dotted 1px #6AB3A3;
	text-align: left;
}
#cta .tel .freeDial strong{
	font-size: 40px;
	display: block;
	line-height: 1;
	margin: -5px 0 0 0;
}
#cta .tel .landline{
	padding-top: 5px;
}
#cta .cta-tel{
	font-size: 26px;
	line-height: 1;
}
#cta .cta-txt {
	font-size: 14px;
}

#cta .cta-btn{
	display: inline-block;
}
@media only screen and (max-width: 992px) {
	
#cta .tel .freeDial{
	border-right: none;
	text-align: left;
	padding: 0 0 5px 0;
}
#cta .tel .landline{
	border-top: dotted 1px #6AB3A3;
    text-align: left;
}
}


/* =========================================================
* フッター
========================================================= */
.site-footer {
	margin-top: 40px;
}
.footer-widget-logo img.footer-logo {
	max-height: 51px;
	width: auto;
	margin-bottom: 10px;
}
.inside-footer-widgets .inner-padding {
	padding: 0 20px;
}
#footer-widgets .widget-title {
	margin-bottom: 10px;
	font-weight: bold;
}
.footer-area {
	font-size: 80%;
}
.footer-widget-fax, .footer-widget-mail {
	font-weight: bold;
	line-height: 1.6em;
	display: inline-block;
}


/* =========================================================
* トップページ
========================================================= */

#generate-section-1 .generate-sections-inside-container {
	padding-left: 0;
	padding-right: 0;
}
.title-show-works h2 {
	font-size: 26px;
	line-height: 34px;
}
.title-show-works span.show-works-txt {
	font-size: 16px;
	font-weight: 600px;
	color: #333;
}
.title-show-works {
	border-bottom: none;
}
.title-show-works .link {
	width: 220px;
}
.title-container ul.link {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.title-show-works .link li {
	font-size: 100%;
	margin-left: 0;
}
.title-show-works .link li a {
	color: #fff;
}
.title-show-works .tools-btn-style1 {
	width: 100%;
	border-radius: 3px;
	padding: 2px 5px;
}
.topLinks a {
	background: #fff;
	display: inline-block;
}
.topNews .date {
	color: #24947d!important;
}
.info1column li a {
	padding: 10px 10px 9px 140px!important;
}
.info1column li a .cat {
	width: 120px!important;
}

@media only screen and (max-width: 768px) {
.info1column li a {
	padding-left: 10px!important;
}
}
.relatedLink h3 {
	text-align: center;
	margin: 0;
	padding: 10px;
	background-color: #35494b;
	color: #fff;
	font-size: 16px;
}
.relatedLink > div > div {
	padding: 10px 0;
	margin: 0 0 50px 0;
	border: solid 1px #e0e9e6;
	border-bottom: solid 2px #e0e9e6;
	border-top: none;
	background: #effafd;
}
.relatedLink div p:first-child {
	border-top: none;
}
.relatedLink p {
	margin: 0;
	padding: 7px;
	border-top: dotted 1px #ccc;
	font-size: 14px;
	line-height: 1.4;
}
.relatedLink a {
	font-size: 16px;
}


/* 201806　トップページ　話題の保険バナー追加 */
.top-center-bn{
	background: #e5f7e2;
	padding: 20px 10px;
	border-radius: 5px;
}
.top-center-bn .top-center-bn-tel{
	background: #fff;
	border-radius: 2px;
	padding: 10px 5px 5px 5px;
	margin: 10px;
	text-align: center;
}
.top-center-bn .top-center-bn-tel img{
	max-width: 70px;
	vertical-align: middle;
	margin-top: -5px;
}
.top-center-bn .top-center-bn-tel strong{
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
}
@media only screen and (max-width: 768px) {
.top-center-bn .top-center-bn-tel img{
	max-width: 40px;
	vertical-align: middle;
	margin-top: -5px;
}
.top-center-bn .top-center-bn-tel strong{
	font-size: 20px;
	line-height: 1;
	font-weight: bold;
}
	
}



/* =========================================================
* 一覧・詳細
========================================================= */

.page .page-header-image, .page-header-image-single {
	display: none;
}
/* =========================================================
個別ページ
========================================================= */
/*法人*/
.business #btns > div {
	font-size: 19px;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.5px;
	margin: 0 0 0 0;
	display: table-cell;
	padding: 15px;
}
.business #btns div a{
	color: #4b4b4b;
	display: block;
	margin: 0 auto;
}
.business #btns div img {
	padding: 4px;
	margin: 3px auto;
	border: solid 1px #DEDEDE;
	display: block;
}
.business #btns div small{
	display: block;
}



.business dl a{
	color: #4b4b4b;
}
.business dl a:hover{
	color: #24947d;
}

.business dl {
	display: table;
	width: 100%;
	border-bottom: solid 1px #f0efea;
}
.business dl dt {
	display: table-cell;
	width: 38%;
	vertical-align: middle;
	font-weight: bold;
	background: #f7f5f0;
	font-size: 16px;
	border-left: solid 5px #24947d;
}
.business dl dt strong {
	display: block;
	margin: 10px;
}
.business dl dd {
	display: table-cell;
	width: 65%;
	vertical-align: middle;
	background: #f7f5f0;
	font-size: 15px;
}
.business dl dd ul {
	padding: 10px;
	margin: 10px;
	background: #fff;
}
.business dl dd ul li {
	margin-left: 20px;
}

@media only screen and (max-width: 768px) {
.business dl {
	width: 100%;
	border-bottom: solid 1px #f0efea;
	background: #f7f5f0;
}
.business dl dt {
	display: block;
	vertical-align: middle;
	font-weight: bold;
	background: #f7f5f0;
	font-size: 16px;
	width: 90%;
	border-left: none;
}
.business dl dt strong {
	display: block;
	border-left: solid 5px #24947d;
	padding: 5px 10px;
}
.business dl dd {
	display: block;
	width: 100%;
	vertical-align: middle;
	background: #f7f5f0;
	font-size: 15px;
}
.business dl dd ul {
	padding: 10px;
	margin: 10px;
	background: #fff;
	display: block;
}
.business dl dd ul li {
	margin-left: 20px;
}
}
/*個人*/
.personal #btns > div {
	font-size: 19px;
	line-height: 1.4;
	text-align: center;
	letter-spacing: 0.5px;
	margin: 0 0 40px 0;
	display: table-cell;
	padding: 15px;
	position: relative;
}
.personal #btns div a {
	color: #4b4b4b;
	display: block;
	margin: 0 auto;
}
.personal #btns div a small {
	display: block;
}
.personal #btns div a img {
	padding: 4px;
	margin: 3px auto;
	display: block;
	max-width: 300px;
}
.personal dl a{
	color: #4b4b4b;
}
.personal dl a:hover{
	color: #24947d;
}

.personal dl {
	display: table;
	width: 100%;
	border-bottom: solid 1px #f0efea;
}
.personal dl dt {
	display: table-cell;
	width: 38%;
	vertical-align: middle;
	font-weight: bold;
	background: #f7f5f0;
	font-size: 16px;
	border-left: solid 5px #24947d;
}
.personal dl dt strong {
	display: block;
	margin: 10px;
}
.personal dl dd {
	display: table-cell;
	width: 65%;
	vertical-align: middle;
	background: #f7f5f0;
	font-size: 15px;
}
.personal dl dd ul {
	padding: 10px;
	margin: 10px;
	background: #fff;
}
.personal dl dd ul li {
	margin-left: 20px;
}

@media only screen and (max-width: 768px) {
.personal dl {
	width: 100%;
	border-bottom: solid 1px #f0efea;
	background: #f7f5f0;
}
.personal dl dt {
	display: block;
	vertical-align: middle;
	font-weight: bold;
	background: #f7f5f0;
	font-size: 16px;
	width: 90%;
	border-left: none;
}
.personal dl dt strong {
	display: block;
	border-left: solid 5px #24947d;
	padding: 5px 10px;
}
.personal dl dd {
	display: block;
	width: 100%;
	vertical-align: middle;
	background: #f7f5f0;
	font-size: 15px;
}
.personal dl dd ul {
	padding: 10px;
	margin: 10px;
	background: #fff;
	display: block;
}
.personal dl dd ul li{
　　margin-left: 20px;
}
}



.linkBtn {
	text-align: center;
	color: #fff;
	display: block;
	font-size: 14px;
	position: absolute;
	bottom: -20px;
	left: 50%;
	padding: 5px 10px;
	margin: 5px 0 0 -80px;
	background: #ff7e00;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
	width: 160px;
}
a:hover .linkBtn {
	background: #FFAB16;
}
.linkBtn i {
	color: #fff;
	margin: 0 5px 0 0;
}

.oLink {
	line-height: 1.4;
}
.oLink a{
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
	margin: 0 0 4px 0;
	font-size: 18px;
	display: block;
	line-height: 1.2;
	min-height: 46px;
	border: solid 1px #ccc;
	text-align: center;
	color: #333;
}
.oLink a:hover{
	filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
}
.oLink a img.gk{
	width: 100px;
	padding: 0 0 3px 0;
	margin: 0 auto;
	display: block;
}

.pdf{
	color: #F03135;
	font-size: 18px;
}

/*企業情報*/
.promise{
	font-size: 18px;
	line-height: 1.8;
	font-weight: bold;
	padding: 0 0 0 10px;
}
.promise span{
	font-sise: 22px;
	color: #24947d;
	font-weight: bold;
}
.message{
	background: #eff8f4;
	padding: 20px 30px 5px 30px;
}

#profile,
#map{
	padding: 20px 0;
}

#profile table th span,
#profile table td span{
	padding: 10px;
	display: block;
}
#profile table th{
	width: 30%;
}
#profile table td{
	width: 70%;
}
@media only screen and (max-width: 768px) {
#profile table th span,
#profile table td span{
	padding: 0 5px;
	display: block;
}
#profile table th{
	width: 100%;
}
#profile table td{
	width: 100%;
}
}

#map iframe{
	width: 100%;
	min-height: 400px;
}
#map > div{
	border-bottom: solid 1px #eee;
	padding-bottom: 10px;
}


/*スタッフ紹介*/
.staff img{
	padding: 4px;
	border: solid 1px #D9D9D9;
}
.staff h3{
	margin-bottom: 10px;
	padding: 4px 10px;
	background-color: #eff8f4;
	font-size: 20px;
}
.staff ul{
	margin-left: 20px;
}
.staff > div{
	border-bottom: 1px solid #eee;

}

/* =========================================================
* テーブル 
========================================================= */

.table-bordered {
	border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
	padding: 0;
}
th {
	text-align: center;
	font-weight: normal;
	background: #fafafa;
}
table.hide-on-desktop, table.hide-on-tablet {
	font-size: 80%;
}
/* =========================================================
* DL DT DD
========================================================= */

dl {
	margin-top: 0;
	margin-bottom: 20px;
}
dt, dd {
	line-height: 1.42857143;
}
dt {
	font-weight: normal;
}
dd {
	margin-left: 0;
	margin-bottom: 5px;
}

@media (min-width: 768px) {
.dl-horizontal dt {
	float: left;
	width: 110px;
	overflow: hidden;
	clear: left;
	text-align: left;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dl-horizontal dd {
	margin-left: 120px;
}
}
.dl-horizontal dd:before, .dl-horizontal dd:after {
	display: table;
	content: " ";
}
.dl-horizontal dd:after {
	clear: both;
}
/* =========================================================
* WP-PAGENAVI
========================================================= */


/* 
* generatepressのページャーを非表示
* https://generatepress.com/forums/topic/blog-paging-pagenavi-styles/
*/

.page-numbers {
	display: none;
}
.navigation {
}
.wp-pagenavi {
	float: left;
}
.wp-pagenavi a, .wp-pagenavi span {
	border: none;
	text-decoration: none;
	padding: 5px 8px;
	margin: 2px;
	font-size: 15px;
	line-height: 15px;
	float: left;
}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:focus {
	color: #24947d;
	border: 1px solid #fff;
	background: none;
}
.wp-pagenavi span.current {
	font-weight: bold;
	color: #fff;
	background: #24947d;
	border: 1px solid #fff;
	padding: 5px 8px;
}
.wp-pagenavi a:hover {
	color: #ffffff;
	background: #24947d;
	border: 1px solid #fff;
	padding: 5px 8px;
}
.wp-pagenavi span.pages {
	color: #24947d;
	background: none;
	padding: 5px 8px 5px 0;
}
.wp-pagenavi span.extend {
	background: transparent;
	color: #24947d;
	background: none;
}

/* =========================================================
* メディアクエリ
========================================================= */


/*==========  モバイル・ファーストの場合  ==========*/


/* カスタム, iPhone Retinaディスプレイ */

@media only screen and (min-width: 320px) {
}

/* XSサイズ : Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
}

/* Sサイズ、タブレット : Small Devices, Tablets */

@media only screen and (min-width: 768px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */

@media only screen and (min-width: 992px) {
}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {
}

/*==========  非モバイル・ファーストの場合  ==========*/


/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
.site-header .site-logo {
	display: table;
	margin: 0 auto;
}
}

/* Sサイズ、タブレット : Small Devices, Tablets */

@media only screen and (max-width: 768px) {
body {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Roboto", "Droid Sans", "游ゴシック", "YuGothic", "メイリオ", "Meiryo", sans-serif;
}
/* テーマカスタマイザーで余白を0に設定した場合、モバイル画面の両サイドに余白を作る */
article,  #left-sidebar,  #right-sidebar {
	padding: 0 15px;
}
.site-header .site-logo {
	padding: 0 15px;
}
.main-navigation .main-nav:not(.slideout-menu) ul ul li a {
	border-top: none;
}
.grid-container .mobile-grid-100 {
	margin-bottom: 20px;
}
.site-info .txtleft,  .site-info .txtright {
	text-align: center;
}
.site-info .grid-container .mobile-grid-100 {
	margin: 0;
}
}

/* XSサイズ : Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
}

/* カスタム, iPhone Retinaディスプレイ */

@media only screen and (max-width: 320px) {
}

/* 2021.3.8 */
ol.maru-list  {
	margin: 0 0 1.5em 1.5em;
}
ol.maru-list li  {
  list-style: none;
  padding-left: 1.3em;
  text-indent: -1.3em;
}


/* 2022.3.14追加 */
.font150 {
    font-size: 150% !important;
}
.text-rorange{
	color: #fe570e;
}
.text-dred{
	color: #e93737
}
.sidebar .accident-cta{
	margin-top: 10px;
	padding: 15px 5px;
	background: #fee8d2;
	border-radius: 5px;
	text-align: center;
}
.sidebar .accident-cta h5{
	display: inline-block;
	text-align: left;
	font-weight: 600;
	line-height: 1.3em;
	letter-spacing: 0.05em;
}
.sidebar .accident-cta .accident-cta-box{
	background: #fff;
	border-radius: 5px;
	margin: 0 5px;
	padding: 10px;
}
.sidebar .accident-cta .tel{
	letter-spacing: 0;
	margin-top: -4px;
}
.sidebar .accident-cta .accident-cta-box h6{
	background: #e5f7e2;
	font-size: 14px;
	padding: 4px 6px;
	border-radius:15px;
	max-width: 200px;
	line-height: 1em;
	margin: 0 auto;
	letter-spacing: 0.05em;
}
.sidebar .accident-cta .accident-cta-box .button{
	background-color: #ff7e00;
	color: #fff;
	border-radius: 3px;
	box-shadow: 0px 1px 0px rgb(0 0 0 / 30%);
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 1px 0px rgb(0 0 0 / 30%);
	padding:  7px 10px;
	display: block;
}
.sidebar .accident-cta .accident-cta-box .button:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.sidebar .accident-cta .accident-cta-box .button i{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	vertical-align: middle;
}
.ft-center-tel{
	border-top: dotted 1px #ccc;
}
.ft-center-tel > div{
	padding-left: 0;
	letter-spacing: 0;
}

/* ローダーとメッセージの出力位置を微調整 */
.wpcf7 .wpcf7-spinner {
    display: block;
    margin: 0.5em auto 0 auto;
}
.wpcf7 form .wpcf7-response-output {
    margin: 0;
}

/* CF7のPタグ自動挿入調整 */
.wpcf7 table p:last-child { margin-bottom: 0; }

/* 20230704追加 */
/* サイドメニューの子メニューの余白調整 */
#nav_menu-3.widget_nav_menu ul ul {
    margin-top: 0;
}
/* アーカイブ一覧ページのメタ調整 */
.blog footer.entry-meta,
.archive footer.entry-meta {
	clear: both;
	margin-top: 0;
	padding-top: 10px;
}