@charset "utf-8";
/*
Theme Name: リクト(bizvektor子テーマ)
Theme URI: http://bizvektor.com
Template: biz-vektor
Description:
Author: ★LCT★
Tags:
Version: 0.1.0
*/

/*
=リクトデフォルトスタイル【テキストスタイル】
=seminar
*/

/* ---------------------------------------------------------
   リクトデフォルトスタイル【テキストスタイル】
--------------------------------------------------------- */
.center {	text-align: center !important;	}
.right {	text-align: right !important;	}
.left {		text-align: left !important;	}
.top {		vertical-align: top !important;	}
.bottom {	vertical-align: bottom !important;}
.bold {		font-weight: bold;	}
.normal {	font-weight: normal;	}
.underline {	text-decoration: underline;
}.italic {	font-style: italic;	}
.f10 {	font-size: 10px !important;	}
.f11 {	font-size: 11px !important;	}
.f12 {	font-size: 12px !important;	}
.f13 {	font-size: 13px !important;	}
.f14 {	font-size: 14px !important;	}
.f15 {	font-size: 15px !important;	}
.f16 {	font-size: 16px !important;	}
.f18 {	font-size: 18px !important;	}
.f20 {	font-size: 20px !important;	}
.f22 {	font-size: 22px !important;	}
.f24 {	font-size: 24px !important;	}
.lh10 {	line-height: 1;	}
.lh12 {	line-height: 1.2;	}
.lh20 {	line-height: 2;}
.fcRed {	color: #ff0000;	}
.fcGreen {	color: #00ff00;	}
.fcOrange {	color: #FF9A35;	}
.fc-red {	color: #BF0000 !important;	}
.bgWhite {	background-color: #fff;	}

/* ---------------------------------------------------------
   リクトデフォルトスタイル【余白】	5px未満は個別に追加
--------------------------------------------------------- */
.mt00 {	margin-top: 0 !important;	}
.mt05 {	margin-top: 5px !important;	}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt25 {	margin-top: 25px !important;}
.mt30 {	margin-top: 30px !important;}
.mt35 {	margin-top: 35px !important;}
.mt40 {	margin-top: 40px !important;}
.mt50 {	margin-top: 50px !important;}
.mb00 {	margin-bottom: 0 !important;}
.mb05 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.ml00 {	margin-left: 0px !important;}
.ml05 {	margin-left: 5px !important;}
.ml03 {	margin-left: 3px !important;}
.ml10 {	margin-left: 10px !important;}
.ml15 {	margin-left: 15px !important;}
.ml20 {	margin-left: 20px !important;}
.ml25 {	margin-left: 25px !important;}
.ml30 {	margin-left: 30px !important;}
.ml35 {	margin-left: 35px !important;}
.ml40 {	margin-left: 40px !important;}
.ml45 {	margin-left: 45px !important;}
.ml50 {	margin-left: 50px !important;}
.mr00 {	margin-right: 0px !important;}
.mr05 {	margin-right: 5px !important;}
.mr06 {	margin-right: 6px !important;}
.mr10 {	margin-right: 10px !important;}
.mr12 {	margin-right: 12px !important;}
.mr15 {	margin-right: 15px !important;}
.mr20 {	margin-right: 20px !important;}
.mr25 {	margin-right: 25px !important;}
.mr30 {	margin-right: 30px !important;}
.mr35 {	margin-right: 35px !important;}
.mr40 {	margin-right: 40px !important;}
.mr45 {	margin-right: 45px !important;}
.mr50 {	margin-right: 50px !important;}
.pt00 {	padding-top: 0px !important;}
.pt05 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt25 {	padding-top: 25px !important;}
.pt30 {	padding-top: 30px !important;}
.pt35 {	padding-top: 35px !important;}
.pt40 {	padding-top: 40px !important;}
.pt45 {	padding-top: 45px !important;}
.pt50 {	padding-top: 50px !important;}
.pb00 {	padding-bottom: 0px !important;}
.pb05 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb15 {	padding-bottom: 15px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb25 {	padding-bottom: 25px !important;}
.pb30 {	padding-bottom: 30px !important;}
.pb35 {	padding-bottom: 35px !important;}
.pb40 {	padding-bottom: 40px !important;}
.pb45 {	padding-bottom: 45px !important;}
.pb50 {	padding-bottom: 50px !important;}
.pl00 {	padding-left: 0px !important;}
.pl05 {	padding-left: 05px !important;}
.pl10 {	padding-left: 10px !important;}
.pl15 {	padding-left: 15px !important;}
.pl20 {	padding-left: 20px !important;}
.pl25 {	padding-left: 25px !important;}
.pl30 {	padding-left: 30px !important;}
.pl35 {	padding-left: 35px !important;}
.pl40 {	padding-left: 40px !important;}
.pl45 {	padding-left: 45px !important;}
.pl50 {	padding-left: 50px !important;}
.pr00 {	padding-right: 00px !important;}
.pr05 {	padding-right: 05px !important;}
.pr10 {	padding-right: 10px !important;}
.pr15 {	padding-right: 15px !important;}
.pr20 {	padding-right: 20px !important;}
.pr25 {	padding-right: 25px !important;}
.pr30 {	padding-right: 30px !important;}
.pr35 {	padding-right: 35px !important;}
.pr40 {	padding-right: 40px !important;}
.pr45 {	padding-right: 45px !important;}
.pr50 {	padding-right: 50px !important;}

.sp{
	display: none !important;
}
@media screen and (max-width: 480px) {
	.pc {
		display: none !important;
	}
	.sp{
		display:block;
	}
	.footer-btn-cont {
    position: fixed;
    display: flex;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    list-style: none;
    z-index: 200;
		box-sizing: border-box;
		background-color: #454545;
	}
	.footer-btn-cont li{
		width: 50%;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
	}
	.footer-btn-cont li a {
		display: inline-block;
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 16px 0 12px;
		text-align: center;
		font-weight: bold;
		line-height: 1;
		background-color: rgba(255,103,0,1.00);
		color: #FFF;
		box-sizing: border-box;
		text-decoration: none !important;
		border-radius: 3px;
	}
	.footer-btn-cont li:nth-of-type(2) a{
		background-color: rgba(33,161,0,1.00);
	}
	#back-top a {
    display: block;
    overflow: hidden;
    position: fixed;
    bottom: 72px !important;
    right: 16px;
	}
	#footerSection{
		margin-bottom: 40px;
	}
}
.tel-link{
	display: block;
	padding: 20px 0;
	color: rgba(37,43,255,1.00);
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 480px) {
	.pc {
		display: none;
	}
	.sp{
		display:block !important;
	}
}
/* ---------------------------------------------------------
   リクトデフォルトスタイル【フロート】	#は削除
--------------------------------------------------------- */
.fltL {	float: left;	}
.fltR {	float: right;	}
.fl {	float: left;	}
.fr {	float: right;	}
.clrL {	clear: left;	}
.clrR {	clear: right;	}
.both {	clear: both;	}
.both05 {
	clear: both;
	height: 05px;
	line-height: 1;
	font-size: 1px;
}
.both10 {
	clear: both;
	height: 10px;
	line-height: 1;
	font-size: 1px;
}
.both15 {
	clear: both;
	height: 15px;
	line-height: 1;
	font-size: 1px;
}
.both20 {
	clear: both;
	height: 20px;
	line-height: 1;
	font-size: 1px;
}
.both30 {
	clear: both;
	height: 30px;
	line-height: 1;
	font-size: 1px;
}
.both40 {
	clear: both;
	height: 40px;
	line-height: 1;
	font-size: 1px;
}
.both50 {
	clear: both;
	height: 50px;
	line-height: 1;
	font-size: 1px;
}
.clearfix:after {
	display: block;
	clear: both;
	height: 0.1px;
	visibility: hidden;
	content: ".";
	line-height: 0;
}
.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* for macIE \*/
* html .clear {	height: 1%;	}
.clearfix {	display: block;	}


#header #headContact {
	margin: -10px 0 0px;
}

a:link {
	text-decoration: underline !important;
}

h2 a {
	text-decoration: none !important;
	color: #ffffff !important;
	pointer-events: none;
	cursor: default;
}
h2 a:link {
	text-decoration: none !important;
}
h2 a:hover {
	color: #bfbfbf !important;
}

ol.ol li,
ul.ul li {
	list-style-type: none;
}

.border {
	border: solid 3px #ccc;
}

/*固定バナー：メール*/
.side_mail{
	position:fixed;
	right:0px;
	top:200px;
	z-index:999;
}
/*固定バナー：電話*/
.side_tel{
	position:fixed;
	right:0px;
	top:422px;
	z-index:999;
}
@media screen and (max-width: 480px){
	.side_tel{
		display: none !important;
		position:fixed;
		right:0px;
		top:420px;
		z-index:999;
	}
}


/*よくある質問ページ*/
.qa {
	padding-top : 10px;
  	padding-bottom : 10px;
  	padding-left : 20px;
  	width : 40px;
  	height: 70px;
  	float: left;
  	clear : both;
}
.qao2 {
   	padding-top : 10px;
  	padding-left : 10px;
  	padding-right : 10px;
  	padding-bottom : 10px;
  	width : 400px;
  	margin-left : 10px;
}

@media screen and (max-width: 920px)  {
.qa {
  	height: 120px;
}
	}

/*会社案内ページ*/
.comp03 {
	width: 80%;
	margin: 0 auto;
}
/*塗り替えのサインページ*/
@media screen and (max-width: 920px)  {
.sin {
	width: 100%;

}
}
/*スタッフページ*/
.staff01 {
	width: 100%;
}
.staff03 {
	float: left;
	width: 18%;
}
.staff02 {
	float: right;
	width: 80%;
}
.wid01 {
	width: 150px;
	background-color: #fcedeb;

}

@media screen and (max-width: 920px)  {

.staff03 {
	float: left;
	width: 100%;
}
.staff02 {
	float: right;
	width: 100%;
}
.wid01 {
	width: 80px;

}

	}

/*知識の豆知識ページ*/
.know01 {
	width: 45%;
	/*height:410px;*/
	padding: 10px;
	margin-right: 20px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 20px;
}
.know02 {
	width: 45%;
	/*height:410px;*/
	padding: 10px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

@media screen and (max-width: 920px)  {
	.know01 {
	width: 90%;
	padding: 10px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 20px;
	float: none;
	border: 1px solid #999999;
	min-height: 50px;
	height: auto !important;

}
.know02 {
	width: 90%;
	padding: 10px;
	border: 1px solid #999999;
	margin-left: 10px;
	margin-bottom: 20px;
	min-height: 50px;
	height: auto !important;
}


	}

/*サービス内容ページ*/
.serv01 {
	width: 45%;
	height:490px;
	padding: 10px;
	margin-right: 20px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 20px;
}
.serv02 {
	width: 45%;
	height:490px;
	padding: 10px;
	float: left;
	border: 1px solid #999999;
	margin-bottom: 20px;
}

@media screen and (max-width: 920px)  {
	.serv01 {
	width: 90%;
	padding: 10px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 20px;
	float: none;
	border: 1px solid #999999;
	min-height: 50px;
	height: auto !important;

}
	.serv02 {
	width: 90%;
	padding: 10px;
	border: 1px solid #999999;
	margin-left: 10px;
	margin-bottom: 20px;
	min-height: 50px;
	height: auto !important;
}


	}


/*****　ヘッダー画像の幅を画面いっぱいに広げる　*****/
/*　画像フレームの幅を100%に　*/
#topMainBnrFrame {
    width: 100%;
    height: auto;
	background:url(images/haikei_bg_top_main_4.jpg) ;
	background-position:center;
}

/*　画像幅を100%に　*/
#topMainBnr img {
    width:100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/*　画像の枠線を削除　*/
#topMainBnrFrame .slideFrame {
    border:none;
}
#topMainBnrFrame .slideFrame {
	width:1200px;
	margin:0px auto;
}


/*　画像の位置調整　*/
#topMainBnrFrame .slideFrame img {
    left: 0px;
}

/*　画像の余白を削除　*/
#topMainBnr {
    padding:1px 0px;
}

/*****　ヘッダー画像のサイズ定義を変更した場合　*****/
@media (max-width: 950px) { /*　BizVektorのレスポンシブ設定による　*/

/*　画像幅を100%に　*/
#topMainBnrFrame .slideFrame {
    width:100% !important;
    max-width: 100% !important;
    height: auto !important;
}
}


/*****　ヘッダー画像のサイズ定義を変更した場合　*****/
@media (min-width: 970px) { /*　BizVektorのレスポンシブ設定による　*/
    /*　画像フレームの最小の高さを設定　*/
    #topMainBnrFrame {
        min-height: 200px;
    }
}

/*　画像フレームの背景色・影を消す　*/
#topMainBnr,
#topMainBnrFrame {
    background-color:transparent;
    box-shadow:none;
    border:none;
}

/*　h2デザイン変更　*/
.content h2, .content h1.contentTitle, .content h1.entryPostTitle {
    text-shadow: 0 0px #ffffff;
    clear: both;
    font-size: 128.6%;
    padding: 15px 10px 10px 44px;
    font-weight: normal;
    color: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 3px solid #5ead3c;
    position: relative;
    line-height: 114.3%;
    background: url(images/hake.png) left top no-repeat;
    background-color: #187bbe;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.20);
}

/*　グローバルメニューデザイン変更　*/
#gMenu {
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #2f8fe1;
    border-top: 1px solid #e5e5e5;
    /*background: url(images/bg_gr_up.png) left bottom repeat-x #fff;*/
    background: url("") left bottom repeat-x #fff;
    background-color: #187bbe;
}


#gMenu .menu li a {
    background: url(images/arrow_gray.png) right bottom no-repeat;
    color: #fff;
    display: block;
    overflow: hidden;
    margin: 0px;
    line-height: 80%;
    text-decoration: none;
    letter-spacing: 0px;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #ccc;
}

#gMenu .menu li a strong {
    font-weight: lighter;
}

#gMenu .menu li {
    text-shadow: 0 0px #ffffff;
}

#gMenu .menu li a:hover, #gMenu .menu li.current_page_item > a, #gMenu .menu li.current-menu-ancestor > a, #gMenu .menu li.current-page-ancestor > a, #gMenu .menu li.current_page_ancestor > a {
    background-color: #B5B5B5;
}

#footer {
    border-bottom: 1px solid #187bbe;
    background: url(images/bg_bk.jpg) left top repeat;
}

#siteBottom {
    /* text-shadow: 0 -1px #333; */
    background: url(images/bg_bk.jpg) left top repeat;
    clear: both;
    padding: 15px 0px 40px;
    font-size: 88%;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    border-top: 1px solid #8a898c;
}

#footerSiteMap .menu li	li a {
    font-size: 12px;
    box-shadow: none;
    border-bottom: none;
    background: none;
    font-weight: normal;
    border-bottom: 1px solid #187bbe;
}

#footerSiteMap .menu li	a {
    border-bottom: 0px solid #187bbe;
    box-shadow: 0px 1px #8a898c;
    background: url(images/arrow_gray_s.png) right bottom no-repeat;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    overflow: hidden;
    display: block;
}

#footerSiteMap .menu li {
    text-shadow: 0 -1px #187bbe;
    display: block;
    margin-bottom: 6px;
    vertical-align: text-top;
    line-height: 116.7%;
}
/*　豆知識ページデザイン変更　*/
.service {
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg); -o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	border-bottom: solid 2px #f3a10c;
	width: 280px;
	color: #f3a10c;
	font-size: 16pt;
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-weight: bold;
}

/*　サービス内容ページデザイン変更　*/
.service02 {
	-webkit-transform: rotate(-3deg);
 	-moz-transform: rotate(-3deg);
	transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	border-bottom: solid 2px #f3a10c;
	width: 280px;
	color: #f3a10c;
	font-size: 18pt;
	padding-bottom: 5px;
	margin-bottom: 30px;
	font-weight: bold;
}

/*　会社概要ページデザイン変更　*/
.comp {
	border-collapse: collapse;
	width:100%;
}
.comp th.t_top {
    border-top: #be1309 4px solid;
}
.comp th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
}
.comp td.t_top {
	border-top: #b3b3b3 4px solid;
}
.comp td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
}

/*　スタッフ紹介ページデザイン変更　*/

.sf {
    background-color: #fce4d2;
}
.flex-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.flex-box .itemBox {
	width: 30%;
}
/*　完成までの流れページデザイン　*/
.disp-inBlock {
	display:inline-block;
	vertical-align: top;
}

/*小さいデバイスでは横に並べる数を変更*/
@media screen and (max-width: 920px){

	.flex-box .itemBox {
		width: 45%;
	}

    .itemBox{
    width:91%;
}
}
.itemBox{

    border:1px solid #dedede;
    margin:2px;
    padding:11px;
}

.wp-pagenavi {
    clear: both;
    margin-bottom: 30px;
}
/*施工事例・お客様の声のトップのメッセージ枠デザイン*/
.block {
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 50px #f0a311 inset;
    -moz-box-shadow: 0 0 50px #f0a311 inset;
    -webkit-box-shadow: 0 0 50px #f0a311 inset;
    margin-bottom: 20px;
}



/* ---------------------------------------------------------
   =seminar
--------------------------------------------------------- */
.seminar.page section {
	margin-bottom: 60px;
}
.seminar.merit {
}
.seminar.merit ul {
	margin-top: 20px;
	margin-left: 60px;
}
.seminar.picture ul li,
.seminar.merit ul li {
	float: left;
	margin: 0 10px 20px 0;
}
.seminar.profile .president {
	float: right;
	margin-right: 20px;
	margin-left: 30px;

}
.width810 {
	margin: 0 auto;
	width: 810px;
}

@media screen and (max-width: 480px) {
	.seminar.merit ul.ul {
		margin: 0 0 20px;
	}
	.seminar.picture ul li, .seminar.merit ul li {
		float: none;
		margin: 0 0 20px;
	}
	.width810 { width: auto; }
}

@media screen and (max-width: 480px){
	/*固定メール*/
	.side_mail{
		display:none;
	}
}

@media screen and (max-width: 480px){
form#mailformpro dl dd {
    border: solid 1px #ccc;
    border-bottom-style: none;
    margin: 0px;
    padding: 20px 5px 20px 180px;
    font-size: 12px;
    line-height: 1.5em;
}

form#mailformpro dl dt {
    float: left;
    width: 140px;
    clear: both;
    font-size: 12px;
    padding: 11px 20px 0px 0px;
    text-align: left;
    /* border-top: solid 1px #CCC; */
    margin: 10px 0 0 20px;
}
.content ul.worksRefine {
    margin: 0 0 20px 0 !important;
}


}
.localHead {
	pointer-events: none;
	cursor: default;

}
.localHead .rsswidget {
	text-decoration: none !important;
}

.content form#searchform input#s {
    width: 62%;
}

@media screen and (min-width: 970px) {
	.innerBox {
		width: 1120px;
	}
	#main #container .content {
		width: 870px;
	}
}

form#searchform {
    padding: 5px 0px 5px 7px;
    background-color: #f3f3f3;
    display: block;
    overflow: hidden;
    position: relative;
    margin: 20px;
}

.media {
float: left;
margin-right: 20px;

margin-bottom: 10px;
}

.img-right img {
	float: right;
}
@media screen and (max-width: 480px) {
	.img-right img {
		float: none;
	}
}
.media03 {
float: left;
margin-right: 20px;
border: 1px solid #999999;
margin-bottom: 10px;
}
@media screen and (max-width: 480px){
.media02 {
width: 100%;
border: 1px solid #999999;
margin-bottom: 10px;}
.media03 {
float: left;
margin-right: 20px;
border: 0px solid #999999;
margin-bottom: 10px;
}

}

/* ---------------------------------------------------------
   =選ばれる理由
--------------------------------------------------------- */

.box {
    padding: 1% 10% 0%;
}
.box ul {
	max-width: 716px;
	margin: 0 auto;
}
.box li {
    float: left;
    width: 46%;
    padding: 5% 0% 5% 6%!important;
    list-style: none!important;
}
.box li:last-child {
    width: 42%!important;
}

.reasons_box01 {
    background: url(./images/reasons_bg_blue.jpg)no-repeat center 67%;
}
.reasons_box02 {
    background: url(./images/reasons_bg_green.jpg)no-repeat 185% 113%;
}
.reasons_box03,
.reasons_box06 {
    background: url(./images/reasons_bg_yellow.jpg)no-repeat 170% 110%;
}
.reasons_box04,
.reasons_box07 {
    background: url(./images/reasons_bg_eme.jpg)no-repeat 160% 93%;
}
.reasons_box05 {
    background: url(./images/reasons_bg_red.jpg)no-repeat 190% 118%;
}

@media screen and (max-width: 480px){
.box {
    background-position: 0!important;
}
.box li,
.box li:last-child {
    float: none!important;
    width: 88%!important;
}
}

/*ご来店相談のご予約*/
.reservation p {
	margin-bottom: 30px;
}
.reservation_inner {
	padding: 0 30px;
}
.reservation_bg01 {
    padding: 15px 35px;
    border-radius: 12px;
    margin: 0 auto 30px;
    background: #f2f2ed;
    position: relative;
}
.reservation_bg01 p {
	margin-bottom: 25px;
}
.reservation_bg01 p.text {
	width: 488px;
}
.reservation_bg01 p.icon {
	position: absolute;
    right: 25px;
    top: 80px;
}
.reservation_text02,
.reservation_text02 img {
	margin-bottom: 0!important;
	padding: 0!important;
}
.reservation_bg02 {
    width: 688px;
    padding: 60px 55px;
    margin: 0 auto 30px;
    background: #faf1f0;
}
.reservation_bg02 dl {
}
.reservation_bg02 dl:nth-child(1) {
	background: url(./images/icon_reservation01.png)no-repeat;
	padding: 15px 0 15px 140px;
}
.reservation_bg02 dl:nth-child(2) {
	background: url(./images/icon_reservation02.png)no-repeat;
    padding: 15px 0 25px 140px;
    margin-bottom: 45px;
}
.reservation_bg02 dl:nth-child(3) {
    background: url(./images/icon_reservation03.png)no-repeat left 0px top;
    padding: 0px 0 25px 140px;
    margin-bottom: 45px;
}
.reservation_bg02 dl:nth-child(4) {
	background: url(./images/icon_reservation04.png)no-repeat left 18px top;
	padding: 15px 0 15px 140px;
}
.reservation dt {
    font-size: 21px;
    color: #930606 !important;
}
.reservation dd {
    font-size: 15px;
    margin: 0px!important;
}
.reservation p.flow {
	margin-bottom: 0;
}
.reservation_text {
	background: #f2f2ed;
	width: 706px;
	padding: 30px 45px;
	margin:0 auto 60px;
}
.reservation_text p {
    margin: 0;
    font-weight: bold;
}
.reservation_text ul {
	margin: 8px 0 24px 4px;
}
.reservation_text ul li{
	list-style: none;
	margin-bottom: 0;
	line-height: 22px;
}
@media screen and (max-width: 480px){
.reservation_inner {
    padding: 0 15px;
}
.reservation_bg01 {
    padding: 15px 15px;
}
.reservation_bg01 p.icon {
    position: absolute;
    top: 50px;
    right: 0;
}
.reservation_bg01 p.icon img {
    width: 60px;
    margin-right: 10px;
}
.reservation_bg01 p.text {
	width: 100%;
    font-size: 11px;
    margin: 14% 0 0;
}
.reservation_bg02 {
    width: 90%;
    padding: 20px 5%;
}
.reservation_bg02 dl:nth-child(1) {
	background-size: 18%;
    padding: 15px 0 25px 64px;
    margin-bottom: 0;
}
.reservation_bg02 dl:nth-child(2) {
	background-size: 18%;
    padding: 15px 0 25px 64px;
    margin-bottom: 0;
}
.reservation_bg02 dl:nth-child(3) {
	background-size: 18%;
    padding: 0px 0 25px 64px;
    margin-bottom: 0;
}
.reservation_bg02 dl:nth-child(4) {
	background-position: left 5px top;
	background-size: 18%;
    padding: 15px 0 25px 64px;
    margin-bottom: 0;
}
.reservation_bg02 dl dt {
	font-size: 13px;
}
.reservation_bg02 dl dd {
	font-size: 11px;
}
.reservation_text {
    width: 90%;
    padding: 5%;
    margin: 0 auto;
}
.reservation_text p {
	font-size: 13px;
}
.reservation_text ul {
    margin: 8px 0 20px 4px;
}
.reservation_text ul li {
	font-size: 11px;
}
}
section.column p span {
	font-weight: bold;
    color: red;
}

.content section.column h4.entry-title {
    padding-top: 8px;
    /* text-shadow: 0 1px #ffffff; */
    padding-bottom: 5px;
    color: #275c96!important;
    padding-left: 6px!important;
    position: relative;
    clear: both;
    font-size: 18px;
    margin: 30px 0px 20px;
    border-top: 1px dotted #4183c3!important;
    border-bottom: 1px dotted #4183c3!important;
}
.content form dl{
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ccc;
}
.content form dl dt{
	padding: 10px;
	width: 20%;
	font-weight: bold;
	margin: 0;
	box-sizing: border-box;
}
.content form dl dt span{
	padding: 3px 8px;
	border-radius: 5px;
	text-align: center;
	font-size: 11px;
	color: #fff;
	margin-left: 8px;
}
.content form dl dt span.must{
	background: #e00;
}
.content form dl dt span.optional{
	background: #aaa;
}
.content form dl dd{
	padding: 10px;
	width: 80%;
	margin: 0;
	box-sizing: border-box;
}
.content form dl dd input,
.content form dl dd textarea{
	padding: 8px;
	font-size: 16px;
	width: 100%;
	box-sizing: border-box;
}
.content form dl dd input.tel{
	width: 20%;

}
.content form dl dd input.zip{
	width: 17%;

}
.mfp_buttons{
	text-align: center;
	margin-bottom: 40px;
}
input[type="submit"]{
	margin: 0 auto;
	font-size: 16px;
}
@media screen and (max-width:677px) {
	.content form dl{
		display: block;
	
}
.content form dl dt,
.content form dl dd{
	width: 92%;
	margin: 0 auto;
	padding:12px 0;
	box-sizing: border-box;
}
.content form dl dd select{
	width: 70%;
	padding: 8px;
}
.content form dl dt textarea{
	padding: 0;
	box-sizing: border-box;
}
.content form dl dd input.tel{
	width: 40%;

}
.content form dl dd input.zip{
	width: 40%;

}
.content form dl dt, .content form dl dd{
	padding: 0 0 12px;
}
}



.top-flex-img-cont{
display:flex;
flex-wrap:nowrap;
margin:0 0 40px !important;
}
.top-flex-img-cont li{
margin:0 auto;
list-style:none !important;
border: 1px solid rgba(0,0,0,.5);
}
.top-flex-img-cont li img{
max-width:100%;
height:auto;
margin:0;
list-style:none !important;
}
/**/
@media screen and (max-width: 480px){
	.form#mailformpro dl dt{
		float: none !important;
		width: 100% !important;
	}
	.form#mailformpro dl dd{
		float: none !important;
		width: 100% !important;
	}
}
/* トップ施工事例 */
.index-work-box .item {
    display: block !important;
    margin-bottom: 16px;
}

.index-work-box .item a {
	width: 100%;
	display: inherit;
}

.index-work-box .item div {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.index-work-box .item div img {
    object-fit: cover;
    object-position: 0 100%;
    height: 290px;
    width: 100%;
}

.index-work-box .item div p {
    position: absolute;
	font-weight: bold;
}

.index-work-box .item .left p {
    bottom: 16px;
    right: 0;
	padding: 0;
}

.index-work-box .item .left p span {
    background-color:#fff;
    color: #ff6600;
    padding: 8px 24px;
}

.index-work-box .item .right p {
	text-align:left;
    bottom: 8px;
    left: 16px;
    color: #ff6600;
    text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
	font-size: 14px;
}
@media screen and (min-width: 770px) {
    .index-work-box .item {
        display: flex !important;
		margin-bottom: 8px;
    }
    .index-work-box .item div {
        width: 50% !important;
		height: 300px;
    }
}

.top__bnr--line{
text-align:center;
}