/*
 Theme Name:  businesspress-grandchild
 Theme URI:    https://businesspress.jp/theme/
 Description:  Child of BusinessPress.BusinessPress ia a simple and beautiful business WordPress theme. You can create a website of corporate, group, freelance and so on.
 Author:       BusinessPress
 Author URI:   https://businesspress.jp/
 Template:    businesspress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 Text Domain:  businesspress-grandchild
*/

/*
*/

/*基本色*/

/*
	--main-color: #00507C;/*ネイビー
	--accent-color: #BEB18E;ゴールド
	--dark-color: #AAAAAA;/*グレー
	--bright-color: #7FBFBF;/*ブルーグレー
*/


html{
}
body {
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif';
	font-size: 16px;
	font-weight: 500;
}
h2,h3{
	font-weight: 900;
}
ul{
	list-style: none;
	margin-left: 0;
}
a{
	text-decoration: none;
}

/*オンオフ*/
.show_sp{
	display: block;
}
.show_tb{
	display: none;
}
.show_pc{
	display: none;
}
@media(min-width:560px){
	.show_sp{
		display: none;
	}
	.show_tb{
		display: block;
	}
	.show_pc{
		display: block;
	}
}
@media(min-width:980px){
	.show_tb{
	display: none;
}
}


/*フォントサイズ*/
.fs_2s{
	font-size: 12px;
}
.fs_s{
	font-size: 14px;
}
.fs_l{
	font-size: 20px!important;
}

/*文字揃え*/
.tx_c{
	text-align: center;
}
.tx_r{
	text-align: right;
}
/* マージン */
.m_0{
	margin: 0;
}
.mb_40{
	margin-bottom: 40px;
}


.margin_lr_auto{
	margin-left: auto;
	margin-right: auto;
}
.jumbotron{
	width: 90%;
	margin: 0 auto;
	position: relative;
}
.jumbotron-title{
	color: #666;
	font-size: 24px;
    font-weight: 900;
    letter-spacing: 0.04em;
}
.jumbotron-overlay .jumbotron-title{
	color: #fff;
}


.home-header{
}
.site-header{
	border: none;
	margin-bottom: 0!important;

}

.jumbotron{
	margin-bottom: 5rem;
}

/*ナビゲーションのホバーアニメーション*/
.menu-item:hover{
	background: #eee;
}

.main-navigation div.menu > ul > li:last-child > a, .main-navigation ul.menu > li:last-child > a{
	padding-right: 1em;}
.main-navigation div.menu > ul > li:last-child > a, .main-navigation ul.menu > li:first-child > a{
	padding-left: 1em;
}

/*
.menu-item::after{
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
	background: #333;
	content: "";
	width: 0;
	height: 3px;
	transition: 0.3s;
	border-radius: 3px;
}

.menu-item:hover::after{
	width: 80%;
}

/*▲ナビゲーションのホバーアニメーション*/

/*子ページのヘッダー*/
.businesspress-child-entry-title{
	font-size: 20px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background: #BEB18E;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.main-header{
	box-shadow: 0 0 1px 2px rgba(200,200,200,0.4);
}


/*▼パンくずリスト*/
.bread-crumb{
	font-size: 14px;
}
.bread-crumb li:not(:last-child){
	position: relative;
	margin-right: 20px;
}
.bread-crumb li:not(:last-child)::after{
	position: absolute;
	content: ">";
	right: -15px;
}
/*▲パンくずリスト*/

/*レイアウト*/

.card{
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1);
}


/*レイアウトのフレックス*/
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.flex_wrap{
	flex-wrap: wrap;
}
.flex_center{
	justify-content: center;
	align-items: center;
}
.flex_between{
	justify-content: space-between;
}
.flex_around{
	justify-content: space-around;
}

.flex .flex-box{
	min-width: 300px;
	margin-left: auto;
	margin-right: auto;
}

/*横並びのボタン*/
.btn_wrap_flex div{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	flex-wrap: wrap;
}
@media(min-width:414px){
.btn_wrap_flex .btn_ghost{
	margin-left: 10px;
}
.btn_wrap_flex .btn_ghost a{
	padding: 1.2em 4.8em;/*微調整*/
}
}

/*見出しの共通デザイン*/
.h2 {
	position: relative;
	padding: 1rem 2rem;
	border-bottom: 6px solid #7FBFBF;
}

.h2:before {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 20%;
	height: 6px;
	content: '';
	background: #00507C;
}
.h3{
	margin-top: 0;
	padding: 1rem 2rem;
	/*background: linear-gradient(70deg,#00507C,#7FBFBF); */
	border-left: 10px solid #00507C;
	border-bottom: 1px dotted #7FBFBF;
	
}


/*tableの共通設定*/
.is-style-regular{
}
.table_line table tr th{
	border: none!important;
	border-bottom: solid 1px #eee;
}

/* フォントオーサム */
.fa{
	margin-left: 8px;
	font-size: 12px;
}

/*Footer*/

.footer_wrap{
	width: 100%;
	margin: 0;
}
.footer_wrap .text_box{
	flex: 3;
	min-width: 300px;
	padding: 20px;
	background-color: #f6f7f8;
	text-align: center;
	font-weight: 600;
	box-sizing: border-box;
}
.footer_wrap .btn_box{
	flex: 2;
	min-width: 340px;
}
.footer_wrap .btn_box .btn_tell{
	display: block;
	width:100%;
	border: 0.1px solid #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 24px;
	text-decoration: none;
	color: #333;
	box-sizing: border-box;
}
.footer_wrap .btn_box .btn_tell .icon_phone{
	width: 28px;
	color: currentColor;
}

.footer_wrap .btn_box .btn_inner{
	
}
.footer_wrap .btn_box .btn_inner .btn_s{
	display: block;
	flex: 1;
	width: 50%;
		text-decoration: none;
	color: #333;
	border: 0.1px solid #eee;
	padding: 10px;
	font-weight: 600;

}
.footer_wrap .btn_box .btn_inner .mail{
	background-color: #B0DDDD;
}
.footer_wrap .btn_box .btn_inner .mail img{
	max-width: 90px!important;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	
}

.footer_wrap .btn_box .btn_inner .line .btn_line{
	background-color: #07b53b;
	color: #fff;
	font-weight: 700;
	padding: 20px 10px;;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 15px;
	box-shadow: 0 1px 1px 0.1px rgba(100,100,100,0.2);
	letter-spacing: -0.05em;
	
}
.footer_wrap .btn_box .btn_inner .btn_s .img_lineqr{
	margin-left: auto;
	margin-right: auto;
}
.footer_wrap .btn_box .btn_inner .btn_s small{
	line-height: 0.7em;
}


.footer_wrap .btn_box .btn_inner .btn_s .fa-enverope{
	font-size: 40px;
	color: #00628C!important;
}

@media(min-width:560px){
	.footer_wrap .text_box{
		padding: 6vw;
		text-align: left;
		font-size: 1.2em;
		font-weight: 300;
	}
	.footer_wrap .btn_box .btn_inner .btn_s .img_lineqr{
		width: 100px;
	}
	.footer_wrap .btn_box .btn_inner .btn_s .img_lineqr{
		width: 100px;
	}

}
/* アクセスと会社情報 */
.footer_wrap .box{
	flex: 1;
	padding-left: 5vw;
	min-width: 340px;
	box-sizing: border-box;
}
.footer_wrap .box h2{
	color: #333;
}
.footer_wrap .box .footer_text_inner{
}
.footer_wrap tr{
	margin-bottom: 20px;
}
.footer_wrap tr th{
	border: none;
	background: none;
}
.footer_wrap tr td{
	border: none;
}
.footer_wrap iframe{
	flex: 1;
	min-width: 340px;
	min-height: 300px;
}
.site-bottom{
	background: #ddd;
	color: #fff;
}
.site-credit{
	display: none;
}
@media(min-width:560px){
	.footer_wrap iframe{
		height:450px;
	}
}
/*ABOUTページのスタイル*/
.about-jjj{
	
}
.about-just{
	
}
.about-join{
	
}
.about-joy{
	
}

/*FAQページのスタイル
.ufaq-faq-div{
	margin: 10px auto;
	padding: 4px auto;
}
.ewd-ufaq-post-margin-symbol{
	display: none !important;
}
.ufaq-faq-title{
	background-color: #BEB18E;
	padding-left: 40px;
	position: relative;
	
}
.ufaq-faq-title::after{
	content:"Q";
	font-size: 32px;
	position: absolute;
	left: 10px;
	top: 0px;
}

.ufaq-faq-title-text{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	height: 4em;
}
.ufaq-faq-title h4{
	color: #333;
}
.ufaq-faq-body{
	position: relative;
	letter-spacing: 0.01em;
	line-height: 1.8em;
}
.ufaq-faq-body::after{
	content: "A";
	position:absolute;
	font-size: 32px;
	left: 14px;
	top: 0px;
	color: #AAAAAA;
	opacity: 0.7;
}*/



/*FAQの横幅広げる*/
.site-content{
	max-width: 900px;
}
/*コンタクトページ*/
input{
	border: solid 1px #e6e6e6;
	color: #777;
	margin-top: 0.6em;
	padding: 0.6em;
}




/* ▼ここから、フロントページ専用 */
.home-header-content{
	padding-bottom:0;
	position: relative;
	max-width: 5000px;
	width: 100%;
	padding: 0;
}


.home-header-title{/*business-pressの出力クラス*/
	letter-spacing: 0.2em;
	text-shadow: 1px 1px 20px rgba(10,10,10,0.1);
}

.home-header-news{
	position: absolute;
	bottom: 20px;
	right: 0px;
	background: #fff;
	box-shadow: 0 1px 3px 3px rgba(200,200,200,0.4);
	width: 300px;
	height: 100px;
	z-index: 999999;
}



.contents{
/*	overflow: hidden;*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 40px;
}
@media(min-width:782px){
	.contents{
		padding-left:10%;
		padding-right: 10%;
		box-sizing: border-box;
	}
}


/* ▼ここからブログ一覧ページ（home.php） */
.blog-main{
	padding-top: 40px;
}

/* ▲ここまでブログ一覧ページ（home.php） */
	/*▼ここからスタッフ紹介アーカイブ（一覧）ページ*/
.a_staff_container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.a_staff_box{
	margin: 40px 22px;
	min-width: 200px;
	width: 28vw;
}
.a_staff_box a{
	text-decoration: none;
	color: #333;
}
		/*▼写真*/
.a_staff_box .a_staff_photo{
	padding: 10px;
	position: relative;
	box-shadow: 2px 2px 10px 0.2px rgba(200,200,200,0.2);
}
		/*▲写真*/
		/*▼役職ラベル*/
.a_staff_box .a_staff_photo .a_staff_position{
	position: absolute;
	bottom: 10px;
	left: 10px;
	padding: 5px 20px;
	background: #BEB18E;
	color: #fff;
}
		/*▲役職ラベル*/

.a_staff_box .a_staff_text{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	margin-top: 15px;
}
.a_staff_box .a_staff_text .entry-title{
	font-weight: 500;
	font-size: 24px;
	letter-spacing: 0.1em;
	margin-left: 10px;
	padding-left: 5px;
	border-left: 10px solid #BEB18E;
}
.a_staff_box .a_staff_text .a_staff_furigana{
	letter-spacing: 0.1em;
	margin-left: 15px;
}

	/*▼ホバー時*/
	.a_staff_box:hover{
	}
	.a_staff_box a:hover{
		color: currentColor;
		opacity: 0.8;
	}
	
	.a_staff_box a:hover .a_staff_photo{
		opacity: 0.8;
		box-shadow: 0 1px 1px 0.1px rgba(100,100,100,0.2);
			transform:translate(1px,1px);
		animation: 2s;
	
	}
	.a_staff_box a:hover .a_staff_photo img{
	}
	
	/*▲ホバー時*/



	/*▲ここまでスタッフ紹介一覧ページ*/
	/*▼ここからスタッフ紹介個別ページ*/
.staff-main h2{
	background-color: #BEB18E;
	color: #fff;
	padding-top: 1.2em;
	padding-bottom: 1.2em;
	letter-spacing: 0.1em;
}
.staff-main .staff-profile{
	margin-bottom: 100px;
}
.staff-main .staff-profile .staff-name{
	padding: 3em 1.5em;
	background: #fff;
	margin-bottom: 1.5em;
	border: 2px solid #BEB18E;
}
.staff-main .staff-profile .staff-name h1{
	margin-top: 0;
	font-weight: 500;/*sp*/
	font-size: 20px;/*sp*/
	position: relative;
}
.staff-main .staff-profile .staff-name h1::after{
	content: "";
	position: absolute;
	bottom: -0.5em;
	left: 50%;
	transform: translateX(-50%);
	width: 1em;
	border-top: 2px solid #BEB18E;
}
.staff-main .staff-profile .img_box{
	min-width: 200px;
	padding: 10px;
	box-shadow: 2px 2px 10px 0.2px rgba(200,200,200,0.2);
}
.staff-main .staff-profile .text_box{
	min-width: 300px;
	font-size: 20px;
	font-weight: 100;
	letter-spacing: 0.1em;
	margin: 0;
	position: relative;
}

.staff-main .staff-profile .text_box th{
	border: 0px none;
	width: 6em;
	background: none;
}
.staff-main .text_box td{
	border: 0px none;
}

.staff-faq article h3{
	border-left: 10px solid #BEB18E!important;
	padding-left: 5px;
}
/* 次の社員・前の社員（content-single-staff-footer.php） */
.staff-post-nav{
	justify-content: space-between;
}
/* ▼staff-post-arrow(共通) */
.staff-post-nav .staff-post-arrow{
	align-items: center;
	justify-content: space-around;	
	border: 2px solid #BEB18E;
	flex-wrap: wrap;
}
.staff-post-nav .staff-post-arrow:last-child{
	margin-left: 5px;
}
.staff-post-nav .staff-post-arrow-thum{

}
.staff-post-nav .staff-post-arrow-info{
	margin:0;
	padding-left: 0.5em;
	padding-right: 0.5em;
	min-width: 6em;

}
/* ▲staff-post-arrow（共通） */

/* ▼staff-next-post */
.staff-next-post{
}
.staff-post-arrow .staff-next-thum{
	
}
.staff-post-arrow .staff-next-info{

}

/* ▼staff-prev-post */
.staff-prev-post{
	
}
.staff-post-arrow .staff-prev-thum{

}
.staff-post-arrow .staff-prev-info{}

@media(max-width:414px){
	.staff-post-arrow{
		width: 100px;
		position: relative;
	}
	.staff-post-arrow-info{
		background: rgba(255,255,255,0.8);
		position: absolute;
		bottom: 0;
		box-sizing: border-box;
	}
}
@media(min-width:782px){
	.staff-main{
		position: relative;
	}
	.staff-main .staff-name{
		position: absolute;
		left: 10%;/*pc*/
		top: 10%;/*pc*/

	}
	.staff-main .staff-name h2{
		font-size: 24px;
		font-weight: 500;
		letter-spacing: 0.1em;
	}
	
	.staff-post-nav .staff-post-arrow{
		padding: 1vw;
	}

	.staff-post-nav .staff-post-arrow-info{
		margin: 1em 2em;
	
	}

}

	/*▲ここまでスタッフ紹介個別ページ*/


/* ▼ここから、パートナー企業紹介ページ */
.a_partner_container{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid red;
}
.a_partner_box{
	border: 1px solid green;
}
.a_partner_box a{
	text-decoration: none;
	color: currentColor;
}
.a_partner_box .text_box{
	min-width: 300px;
	width: 22vw;
	height: 22vw;
	background: #ddd;
	border: 1px solid yellow;
	margin: 40px 20px;
	box-shadow: 0 0 20px 1px rgba(200,200,200,0.2);
}

.a_partner_box .text_box h3{
	font-size: 18px;
	font-weight: 300;
}

.partner_box{
	border-bottom:1px solid #AAAAAA;
	padding-bottom:1em;
}
.partner_tag_wrap{
	display:flex;
	flex-wrap: wrap;
}
.partner_tag{
	padding: 0.4em 0.8em;
	border-radius: 2px;
	color: #fff;
	font-size:12px;
	margin-right:5px;
}
.partner_tag01{
	background-color:#BEB18E;
}
.partner_tag02{
	background-color:#7FBFBF;
}
.partner_tag03{
	background-color:#AAAAAA;
}/* ▲ここまで、パートナー企業紹介ページ */


/*▼ここからFLOW*/
/*タブグループ*/
.flow_container{
	margin-left: auto;
	margin-right: auto;
}
.tab{
/*ul.tab*/	
	padding: 0;
	align-items: flex-end;
	margin-bottom: 0.4px!important;
	margin-left: 0;
}

.tab li{

}
.tab li:not(:first-child){
	margin-left: 5px;
}
.flow_tab{
	width: 80%;
	max-width: 600px;
	margin: 0 auto;
}
.flow_tab li a{
	
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	width: 6em;
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1); 
	font-family:Georgia, 'Times New Roman', Times, 'serif';
	color: #fff;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	/*
	display: inline-block;
	padding: 15px;
	text-decoration: none;
	color: currentColor;
	background: #7FBFBF;
	text-align: center;*/
}
.flow_tab li .flow_tab01{
	background: #BEB18E;
}
.flow_tab li .flow_tab02{
	background: #7FBFBF;
}
.flow_tab li .flow_tab03{
	background: #AAAAAA;
}

.flow_tab li a.selected{
	cursor:default;
	background: #fff;
	box-sizing: border-box;
	transform: scale(0.95,0.95);
}
.flow_tab li .flow_tab01.selected{
	border: 2px solid #BEB18E;
	color: #BEB18E;
}
.flow_tab li .flow_tab02.selected{
	border: 2px solid #7FBFBF;
	color: #7FBFBF;
}
.flow_tab li .flow_tab03.selected{
	border: 2px solid #AAAAAA;
	color: #AAAAAA;
}

/* --------------ul.tab_panel.flow_panel-------------- */

/* /front-page.phpの episode_panelとの共通設定 

.tab_panel #tab1{
	border: 2px solid #BEB18E;
}
.tab_panel #tab2{
	border: 2px solid #7FBFBF;
}
.tab_panel #tab3{
	border: 2px solid #AAAAAA;
}
/* /front-page.phpの episode_panelとの共通設定 */

.tab_panel {
	margin-left: 0;
}
.tab_panel .flow_box{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.tab_panel .flow_box .img_box{
	flex: 1;
	min-width: 200px;
	padding: 10px;
}
.tab_panel .flow_box .text_box{
	flex: 1;
	min-width: 200px;
	padding: 10px;
}

@media(min-width:560px){
	/*
	.flow_tab li a{
		width:5.4em;
		padding-top:1em;
		padding-bottom: 1em;
	}
	*/
}


/*▲ここまでFLOW*/

/*▼ここからFRONT*/
.front-main{
	width: 90vw;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.front-contents{
	margin-top: 80px;
	padding-bottom: 80px;
}

.front-calligraphy-wrap{
	position: relative;
	height: 100px;
	vertical-align: middle;
	font-weight: 500;
	letter-spacing: 0.1em;
}
.front-calligraphy{
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	height: 161px;
	width: auto;
	z-index: -1;
}
/* ▲全セクション共通 */

/* ▼CONTACT NAV */
.contact-nav ul{
	margin: 0;
}
.contact-nav .nav-calligraphy-wrap div{
	display: inline-block;
	color: #fff;
	width: 33.33vw;
	position: relative;
	vertical-align: middle;
	font-weight: 500;
	letter-spacing: 0.1em;
	z-index: -2;
	padding-top: 60px;
	padding-bottom: 15px;
	text-align: center;
}
.contact-nav .nav-calligraphy-wrap:hover{
	opacity: 0.8;
}

.contact-nav .nav01 div{
	background: #BEB18E;
}
.contact-nav .nav02 div{
	background: #7FBFBF;
}
.contact-nav .nav03 div{
	background: #AAAAAA;
}

.contact-nav .nav-calligraphy-wrap .nav-calligraphy{
	width: auto;
	height: 80px;
	position: absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	z-index: -1;
}
@media(max-width:560px){
	.contact-nav .nav-calligraphy-wrap{
		padding-top: 15px;
		line-height: 1.2em;
		font-weight: 700;
	}
}

/* ▲CONTACT NAV */

.btn{
	display: block;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px 30px;
	width: 12em;
	text-align: center;/*幅指定をemにしたので、文字数に応じてtx_cクラスつけなくていいように*/
	border-radius: 3px;
}
.btn_main{
	background: #00507C;
	color: #fff;
}
.btn_ac{
	border: 3px solid #fff;
	color: #fff;
	background: #BEB18E;
}

.btn:hover{
	opacity: 0.6;
	animation: 1.0s;
	color: #fff;
}

/* --------------conA:NEWS-------------- */
.front-conA {
	padding-top:40px;
	border: 2px solid #BEB18E;
}
.front-conA ul{
	margin-left: auto;
	margin-right: auto;
	width: 90vw;
	max-width: 900px;
}
.front-conA ul li{
	margin-top: 10px;
	border-bottom: 0.5px #aaa dotted;
	font-size: 14px;
	
}
.front-conA ul li time{
	display: block;
	padding: 8px 16px;
	background: #BEB18E;
	color: #fff;
}
.front-conA ul li h3{
	margin: 10px auto 10px 20px;
	font-weight: 500;
}
.front-conA ul li p{
	margin: 1em;
}

/* --------------conB:あなたの味方-------------- */
.front-conB .flex{
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 414px;
	margin-left: auto;
	margin-right: auto;
}
.front-conB .flex .flex-box{
	margin: 10px;
	width: 80%;
	max-width: 300px;
	box-sizing: border-box;
}
.front-conB .flex .box01{
	position: relative;
	height: 300px;
}
.front-conB .flex .box01 h2{
	margin-top: 2em;
	font-size: 30px;
	z-index: 10;
}
.front-conB .flex .box01 img{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 200px;
	transform: rotate(20deg);
	z-index: -1;
}
.front-conB .flex .box02{
	font-size: 15px;
}
@media(min-width:414px){
	.front-conB .flex{
		width: 100%;
		max-width: 900px;
		align-items: flex-start;
	}
	.front-conB .flex .flex-box{
		margin: 10px;
		max-width: 800px;
		box-sizing: border-box;
	}
	.front-conB .flex .box01{
		flex: 1;
	}
	.front-conB .flex .box02{
		flex: 3;
	}
}
/*--------------conC:エピソード*/
.front-main .front-conC{
	margin-bottom: 80px;	
}
.episode_tab{
justify-content: center;
}
.episode_tab li a{
	display: block;
	padding: 5px;
	text-decoration: none;
	text-align: center;
}
.episode_tab li a.selected{
	cursor:default;
	position: relative;
}
.episode_tab li a.selected .tab01::after{
	content: "";
	height: 50px;
	border-left: 2px solid #BEB18E;
	position: absolute;
	bottom: -22px;
	left: 50%;
}
.episode_tab li a.selected .tab02::after{
	content: "";
	height: 50px;
	border-left: 2px solid #7FBFBF;
	position: absolute;
	bottom: -22px;
	left: 50%;
}
.episode_tab li a.selected .tab03::after{
	content: "";
	height: 50px;
	border-left: 2px solid #AAAAAA;
	position: absolute;
	bottom: -22px;
	left: 50%;
}
.episode_tab li a .tab{
	display: block;
	width: 6em;
	padding-top: 1em;
	padding-bottom: 1em;
	border-radius: 50%;
	box-shadow: 2px 2px 10px 2px rgba(0,0,0,0.1); 
	font-family:Georgia, 'Times New Roman', Times, 'serif';
	line-height: 1.8em;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}
.episode_tab li a .tab .episode_nmb{
	font-size: 36px;
}

.episode_tab li .tab01{
	border:2px solid #BEB18E;
	background-color: #BEB18E;
}
.episode_tab li .tab02{
	border:2px solid #7FBFBF;
	background-color: #7FBFBF;
}
.episode_tab li .tab03{
	border:2px solid #AAAAAA;
	background-color:  #AAAAAA;
}

.episode_panel{
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
}
.tab_panel{
}
.episode_panel li{
	background: #fff;
	padding: 20px;
}
.episode_panel li a{
	display: block;
}
/* タブパネル共通設定はflowで行う */
.episode_panel #tab1{
	border: 2px solid #BEB18E;
	height: 400px;
	background: #fafafa;
	overflow: scroll;
}
.episode_panel #tab2{
	border: 2px solid #7FBFBF;
	height: 400px;
	background: #fafafa;
	overflow: scroll;
}
.episode_panel #tab3{
	border: 2px solid #AAAAAA;
	height: 400px;
	background: #fafafa;
	overflow: scroll;
}

.tab_panel li article .episode_title{
	position: relative;
}
.tab_panel li article .episode_title span{
	position: absolute;
	top: 0px;
	right: 10px;
}


.tab_panel li article h3{
	margin: 5px 5px 15px;
}

@media(min-width:481px){
	.episode_tab li a{
		width: 10em;
		padding: 15px;
	}
}

/* --------------conD:メニュー-------------- */
.front-conD{
	background: #00507C;
	z-index: -100;
	padding-top: 100px;
}
.front-conD h2{
	color: #fff;
	z-index: 100;
}
.front-conD .front-calligraphy-wrap{
	height: 0px;
	
}
.front-conD .front-calligraphy{
	top: -100px;
	
}
.front-conD .flex{
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;
}
.front-conD .flex .flex-box{
	background: #fff;
	min-width: 200px;
	width: 18vw;
	padding: 10px;
	margin: 30px 10px;
	position: relative;
}
.front-conD .flex .flex-box a{
	color: currentColor;
}
.front-conD .flex .flex-box h3{
	position: relative;
}
.front-conD .flex .flex-box h3::after{
	position: absolute;
	content: "";
	width: 4em;
	border-top: 2px solid #00507C;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}

.front-conD .flex .flex-box a p{
	margin-top: 40px;
	margin-bottom: 80px;
}
.front-conD .flex .flex-box a span{
	position: absolute;
	bottom: 15px;
	right: 15px;
	padding-left: 1.1em;
	padding-right: 0.9em;
	line-height: 3em;
	border-radius: 3px;
	background: #00507C;
	color: #fff;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

/* --------------conE:トップメッセージ-------------- */
.front-conE .flex {
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	margin-left: auto;
	margin-right: auto;
}
.front-conE .flex .img-box{
	flex: 1;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	min-width: 200px;
	max-width: 500px;
}
.front-conE .flex .text-box{
	flex: 1;
	min-width: 300px;
	max-width: 500px;
	font-size: 14px;
}

@media(min-width:782px){
	.front-conE .flex{
		flex-wrap: wrap;
	}
	.front-conE .flex .img-box{
		flex: 2;
		min-width: 400px;
		max-width: 500px;
	}
	
	.front-conE .flex .text-box{
		flex: 3;
		min-width: 600px;
		max-width: 600px;
		font-size: 16px;
	}
}

/* --------------▼conF:スタッフ紹介-------------- */
.front-conF .img_box{
	margin-left: auto;
	margin-right: auto;
	width: 80vw;
	min-width: 300px;
	max-width: 900px;
}
.front-conF .img_box img{
	width: 100%;
	height: auto;
}
.front-conF .text_box{
	margin-left: auto;
	margin-right: auto;
	max-width: 1200px;
}
/*--------------▼conGbefore：物件情報--------------*/
.front-conGbefore{
	z-index: -100;
	padding-top: 100px;
}
.front-conGbefore h2{
	z-index: 100;
}
.front-conGbefore .front-calligraphy-wrap{
	height: 0px;
	margin-bottom:80px;
}
.front-conGbefore .front-calligraphy{
	
}
.front-conGbefore .front-blog-wrap{
	margin-left: auto;
	margin-right: auto;
	max-width:900px;
	margin-top:40px;
}
.front-conGbefore .front-blog-wrap ul{
	justify-content: space-around;
}
.front-conGbefore ul li{
	width: 70vw;
	min-width: 250px;
	max-width: 300px;
	box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.1);
	margin: 20px;
	background: #fff;
}
.front-conGbefore ul li:hover{
	opacity: 0.6;
	animation-duration: 1.0s;
	color: #fff;

}
.front-conGbefore ul li .img_box{
	border: 6px solid #fff;
}
.front-conGbefore ul li .img_box img{
	width: 100%;
	height: auto;
}
.front-conGbefore ul li .text_box{
	padding: 20px;
}
.front-conGbefore ul li .text_box .front-blog-category{
	background: #333;
	color: #fff;
	padding: 10px 20px;
	font-size: 12px;
}

.front-conGbefore ul li .text_box .front-blog-tag{
}
.front-conGbefore ul li .text_box .front-blog-tag a:not(:first-child){
	font-size: 14px;
	margin-left: auto;
	background: #eee;
	padding: 10px 20px;
	border-radius: 20px;
	color: #666;
}

.front-conGbefore ul li .text_box h3{
		font-size: 18px;

}

@media(min-width:782px){
.front-conGbefore ul li{
	width: 250px;
}
}
/* --------------▲conGbefore:物件情報-------------- */

/* --------------▼conG:ブログ-------------- */
.front-conG{
	background: #BEB18E;
	z-index: -100;
	padding-top: 100px;
}
.front-conG h2{
	color: #fff;
	z-index: 100;
}
.front-conG .front-calligraphy-wrap{
	height: 0px;
	
}
.front-conG .front-calligraphy{
	top: -120px;
	
}
.front-conG	.front-blog-wrap{
	margin-left: auto;
	margin-right: auto;
}
.front-conG .front-blog-wrap ul{
	justify-content: space-around;
}
.front-conG ul li{
	width: 80vw;
	min-width: 300px;
	max-width: 500px;
	box-shadow: 2px 2px 10px 3px rgba(0,0,0,0.1);
	margin: 20px;
	background: #fff;
}
.front-conG ul li:hover{
	opacity: 0.6;
	animation: 1.0s;
	color: #fff;
}

.front-conG ul li .img_box{
	border: 6px solid #fff;
}
.front-conG ul li .img_box img{
	width: 100%;
	height: auto;
}
.front-conG ul li .text_box{
	padding: 20px;
}
.front-conG ul li .text_box .front-blog-category{
	background: #333;
	color: #fff;
	padding: 10px 20px;
	font-size: 12px;
}

.front-conG ul li .text_box .front-blog-tag{
}
.front-conG ul li .text_box .front-blog-tag a:not(:first-child){
	font-size: 14px;
	margin-left: auto;
	background: #eee;
	padding: 10px 20px;
	border-radius: 20px;
	color: #666;
}
.front-conG ul li .text_box .front-blog-date{
	display: block;
	margin-right: 5px;
	margin-left: auto;
	font-size: 12px;
	text-align: right;
}
.front-conG ul li .text_box h3{
		font-size: 18px;

}
.front-conG ul li .text_box p{
	color: #333;
	font-size: 14px;
}

@media(min-width:782px){
.front-conG ul li{
	width: 400px;
}
}
/* --------------▲conG:ブログ-------------- */


/* --------------▼conH:お役立ちツール（各種コンテンツ）-------------- */

.front-conH h2{
	position: relative;
}
.front-conH h2::after{
	content: "";
	position: absolute;
	width: 200px;
	border-top:2px solid #BEB18E;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.front-conH ul{
	overflow: scroll;
	padding: 10px 20px;
	margin-left: auto;
	margin-right: auto;
}
.front-conH ul li{
	display: block;
	width: 300px;
	margin-left: 20px;
	position: relative;
}
.front-conH ul li a{
	display: block;
	width: 300px;
	box-sizing: content-box;
}
.front-conH ul li .img_box{
	width: 300px;
}
.front-conH ul li .img_box img{
	width: 300px;
}
.front-conH ul li .text_box{
	padding: 10px;
}
.front-conH ul li .text_box p{
	color: #333;;
	font-size: 14px;
}
.front-conH ul li .text_box span{/* .fa-chevron-right */
	position: absolute;
	bottom: 15px;
	right: 15px;
	padding-left: 1.1em;
	padding-right: 0.9em;
	line-height: 3em;
	border: 1px solid #BEB18E;
	border-radius: 3px;
	color: #fff;
	background: #BEB18E;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}
/* --------------▲conH:お役立ちツール（各種コンテンツ）-------------- */

/* --------------▼fix_nav-------------- */
.fix_nav{
	position: fixed;
	right: 20px;
	bottom: 10px;
	width: 6em;
}

.fix_nav li a{
	display: block;
	color: #fff;
	padding-top: 1.2em;
	padding-bottom: 1.1em;
	width: 5em;
	text-align: center;
	border-radius: 50%;
	box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.1);
	margin-bottom: 10px;
	line-height: 1.4em;
	font-size: 14px;
	opacity: 0.6;

}
.fix_nav li a:hover{
	opacity: 1;
}
.fix_nav .fix_nav01{
	background: #BEB18E;
}
.fix_nav .fix_nav02{
	background: #7FBFBF;

}
.fix_nav .fix_nav03{
	background: #AAAAAA;

}
.fix_nav .fix_nav04{
	background: #fff;
	border: 1px solid #AAAAAA;
	color: #AAAAAA;
	box-sizing: border-box;
}
.fix_nav .fix_nav04 .fa{
	margin: 0;
}

@media(max-width:414px){
	.fix_nav{
		bottom: -3px;
		left: 50%;
		transform: translateX(-50%);
		width: 100vw;
	}
	.fix_nav ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-around;
		margin-bottom: 0;
	}
	.fix_nav ul li{
		margin: 0;
	}
	.fix_nav ul li a{
		width: 25vw;
		border-radius: 0%;
		margin-bottom: 0;
	}
}

/*▲ここまでFRONT*/

/*--------------ここからおうちの相談所--------------*/
.h4_ouchi{
	padding-left:1em;
	border-left:10px solid #F3993E;
}
.answer_ouchi{
	padding-left:1em;
	border-left:5px dotted #FCECD0;
}
.h5_ouchi{
	background:#FCECD0;
	padding-top:0.2em ;
	padding-bottom:0.2em ;

}
/* ブログ記事single.php関連 */
.entry-header{
	padding-top: 40px;
}