@charset "UTF-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}article,aside,figure,footer,header,hgroup,nav,section{display:block;}img,object,embed{vertical-align: bottom;}html{overflow-y:scroll;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}th{font-weight:bold;vertical-align:bottom;}td{font-weight:normal;vertical-align:top;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}input[type="radio"]{vertical-align:text-bottom;}input[type="checkbox"]{vertical-align:bottom;*vertical-align:baseline;}select,input,textarea{font:99% sans-serif;}table{font-size:inherit;font:100%;}a:hover,a:active{outline:none;}strong,th{font-weight:bold;}td,td img{vertical-align:top;}sub,sup{font-size:75%;line-height:0;position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre,code,kbd,samp{font-family:monospace,sans-serif;}label,input[type=button],input[type=submit],button{cursor:pointer;}button,input,select,textarea{margin:0;}button{width:auto;overflow:visible;}[hidden]{display:none !important;}[disabled]{cursor:not-allowed;}:focus:not(:focus-visible){outline:none;}

/* clear */
.clear:before,.clear:after{content:"\0020";display:block;height:0;overflow:hidden;}.clear:after{clear:both;}.clear{zoom:1;}

/* base */

html {
	font-family: 'Zen Kaku Gothic New','游ゴシック',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
	font-weight: 500;
	font-size: 62.5%; /* 10px */
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	position:relative;
	width:100%;
	height:100%;
	font-size:1.6rem;
	letter-spacing:0.05em;
	line-height:1;
	color : #40210D;
	min-width:1150px;
	padding-top:80px;
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	body {
		font-size:3.73vw; /* 14px */
		letter-spacing:0.05em;
		min-width:375px;
		padding-top:0;
		padding-bottom:17.33vw; /* 65px */
	}
}

/* 明朝 
.serif{
	font-family: '游明朝',YuMincho,'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','ＭＳ Ｐ明朝',serif;
	font-weight: 400;
}
*/
/* 欧文 
.en{
	font-family: 'Heebo','Noto Sans JP','游ゴシック',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;
	font-style: italic;
	letter-spacing: 0.12em;
} 
*/


*,
*::before,
*::after {
  box-sizing: border-box;
}
p,li,dd,td {
  text-align: justify;
  text-justify: inter-ideograph;
}
h1,h2,h3,h4,h5{
	font-weight: 500;
}
img {
	max-width:100%;
	height:auto;
}


/*a {
	transition: color 0.3s;
}*/
a:link,
a:visited,
a:hover,
a:active{
	color : #40210D;
	text-decoration: none;
	overflow-wrap: break-word;
}

a.textlink:link,
a.textlink:visited{
	color : #40210D;
	text-decoration: underline;
	text-decoration-color: #40210D;
}
a.textlink:hover,
a.textlink:active{
	color: #999;
}

a.alpha:link,
a.alpha:visited,
a.trans:link,
a.trans:visited {
	transition: opacity 0.3s ease-out;
	opacity: 1;
}
a.alpha:hover,
a.alpha:active {
	opacity: 0.6;
}
a.trans:hover,
a.trans:active {
	opacity: 0;
}

a.btn_shadow{
	filter: drop-shadow(0 3px 4px rgba(0,0,0,0));
	transition: all 0.2s;
}
a.btn_shadow:hover{
	filter: drop-shadow(0 3px 4px rgba(0,0,0,0.3));
}

a.btn_shadow2{
	filter: drop-shadow(0 3px 3px rgba(0,0,0,0.3));
	transition: all 0.2s;
}
a.btn_shadow2:hover{
	filter: drop-shadow(0 3px 6px rgba(0,0,0,0.5));
}



.br_sp,
.br_1150,
.text_sp,
.block_sp{
	display:none;
}
.br_pc,
.text_pc{
	display:inline;
}
.block_pc,
.block_pcw{
	display:block;
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/
	.br_sp,
	.text_sp{
		display:inline;
	}
	.block_sp{
		display:block;
	}
	.br_pc,
	.text_pc,
	.block_pc{
		display:none;
	}
}
@media print, screen and (min-width: 768px) and (max-width: 1480px) { /****** tablet-1480pxみ ******/

	.br_1150{
		display:inline;
	}
	.block_pcw{
		display:none;
	}

}




/****************************************************************************
body
****************************************************************************/


#header{}
#header_visual{}

.contents{}
	.content_wrap{}
		.content{}

#footer{}



/****************************************************************************
header
****************************************************************************/

#header_pagetitle{
	font-size: 0%;
	line-height: 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: 50% 50% no-repeat;
	background-size:contain;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	#header{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 80px;
/*		min-width: 1200px;*/
		min-width:1000px;
		background-color: rgba(255,255,255,0.97);
		z-index:500;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 410px 0 2vw;
	}
	#header_pagetitle{
		width: 391px;
		height: 54px;
		background-image: url("../img/header_pagetitle_pc.svg");
	}

	#btn_menu{
		display:none;
	}

}
@media print, screen and (min-width: 768px) and (max-width: 1365px) { /****** tablet-1365pxのみ ******/

	#header_nav{
		display: none;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#header{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 14.67vw; /* 55px */
/*		background-color: rgba(0,0,0,0.50);*/
		z-index:500;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		padding: 0 2vw;
	}
	#header_pagetitle{
		width: 308px;
		height: 43px;
		background-image: url("../img/header_pagetitle_sp.svg");
	}
	
	#btn_menu{
		position: fixed;
		top: 0;
		right: 0;
		width: 15.2vw;
		height: 15.2vw;
		background-color: rgba(114,98,86,0.90);
		z-index:510;
	}
	#btn_menu a{
		display:block;
		width: 100%;
		height: 100%;
		font-size: 0%;
		line-height: 0%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/icn_menu.svg) 50% 50% no-repeat;
		background-size: 50% auto;
	}
	#btn_menu.active a{
		background-image:url(../img/icn_close.svg);
	}

	#header_nav{
		position:fixed;
		top: 0;
		right: -80vw;
		width: 70vw;
		/*height: calc(100% - 15.47vw);*/
		height: auto;
		background-color: rgba(114,98,86,1);
		box-shadow: -2px 0 3px 0 rgba(0,0,0,.2);
		overflow: hidden;
		z-index:400;
		transition: all 0.3s;
	}
	#header_nav.active{
		right:0;
	}
	#header_nav .gnav_ul{
		position: relative;
		overflow-y: auto;
		width: 100%;
		height: 100%;
		padding: 12vw 8vw;
	}

}


/* #header_nav .global_nav *************************************/


/*@media print, screen and (min-width: 1024px) { /****** ヘッダー切り替え ******/
@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.gnav_ul{
		display: flex;
		align-items: stretch;
	}
	.gnav_li{
		width: auto;
		height: auto;
		position: relative;
	}

	.gnav_a{
		padding: 32px 1.25em 10px;
		display: inline-block;
		transition: all 0.3s ease-in;
		position: relative;
	}
	.gnav_a::before{
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		display: block;
		width: 0;
		height: 1px;
		background-color: #B7916A;
		content: "";
		transition: all 0.2s ease-out;
	}
	.gnav_a:hover::before {
		width: 80%;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.gnav_a:link{
		display: block;
		padding: 1.25em 0.75em;
		font-size: 4vw;
		color: #fff;
		border-bottom: solid 1px rgba(255,255,255,0.65);
	}



}


/* #fix_btn *************************************/
/* .contact_nav *************************************/

.contact_nav{
	display: flex;
	justify-content: space-between;
	transition: all 0.3s ease-in-out;
}
.contact_nav li{
	width: 49.5%;
	transition: all 0.3s ease-in-out;
}

.contact_nav li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 44px;
	background-color: #fff;
	border:solid 3px #ff9900;
	transition: all 0.2s ease-out;
}
.contact_nav li.cnav_tel a{
	background-color: #fff;
}
.contact_nav li.cnav_form a{
	background-color: #ff9900;
}

.contact_nav li a .cnav_text{
	display: inline-block;
	padding: 2px 0 2px 28px;
	background:0 50% no-repeat;
	background-size:contain;
	font-weight: 700;
	color:#fff;
	line-height: 1;
}
.contact_nav li.cnav_tel a .cnav_text{
	background-image: url(/img/common/icn_tel_ora@3x.png);
	color:#ff9900;
}
.contact_nav li.cnav_form a .cnav_text{
	background-image: url(/img/common/icn_mail_wht@3x.png);
}

@media screen and (min-width: 1024px) { /******** PC以上 ********/

	.contact_nav li.cnav_tel a:hover{
/*		background-color: #ff9900;*/
		cursor: default;
	}
	.contact_nav li.cnav_form a:hover{
		background-color: #fff;
	}
/*	.contact_nav li.cnav_tel a:hover .cnav_text{
		color:#fff;
		background-image: url(/img/common/icn_tel_wht@3x.png);
	}*/
	.contact_nav li.cnav_form a:hover .cnav_text{
		color:#ff9900;
		background-image: url(/img/common/icn_mail_ora@3x.png);
	}

}
@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	#fix_btn{
		position:fixed;
		top :20px;
		right:20px;
		width:363px;
		height:auto;
		z-index:600;
	}
	.contact_nav_label{
		height: 0px;
		font-size: 0%;
		line-height: 0%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		padding: 0;
		margin: 0;
	}
	
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#fix_btn{
		position:fixed;
		bottom:0;
		right:0;
		width:100%;
		height:auto;
		z-index:300;
		transition: all 0.3s ease-in-out;
		visibility:hidden;
		opacity: 0;
	}
	#fix_btn.fix_btn_fix{
		visibility:visible;
		opacity: 1;
	}

	.contact_nav_label{
		height: 6vw;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 3.2vw;
		font-weight: 700;
		color: #fff;
		letter-spacing: 0.1em;
		background-color: rgba(114,98,86,0.90);
	}
	
	.contact_nav li{
		width: 50%;
	}
	.contact_nav li.cnav_form{
		border-left: solid 1px #fff;
	}

	.contact_nav li a{
		height: 11.33vw;
/*		border:none;*/
	}
	.contact_nav li a .cnav_text{
		padding-left: 7.5vw;
	}

}



/****************************************************************************
#header_visual
****************************************************************************/

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	#header_visual {
		width: 100%;
		height: calc(100vh - 80px);
		max-height: 500px;
		background: url("../img/header_visual_pc.jpg") 50% 50% no-repeat;
		background-size: cover;
	}
	.header_visual_copy{
		font-size: 0%;
		line-height: 0%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	
}
@media screen and (min-width: 1280px) { /******** PC以上 ********/

	#header_visual {
		max-height: 550px;
	}

}
@media screen and (min-width: 1480px) { /******** PC以上 ********/

	#header_visual {
		max-height: 650px;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	#header_visual {
		width: 100vw;
		height: 120vw;
		background: url("../img/header_visual_sp.jpg") 50% 50% no-repeat;
		background-size: cover;
	}
	.header_visual_copy{
		font-size: 0%;
		line-height: 0%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}

}
@media print, screen and (min-width: 768px) and (max-width: 1199px) { /****** tablet-1199pxのみ ******/

}


/****************************************************************************
#breadcrumb
****************************************************************************/



/****************************************************************************
.contents
****************************************************************************/

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.contents{
		line-height: 1.5;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.contents{
		line-height: 1.5;
	}

}




/****************************************************************************
.content_wrap
.content_header .content_label
.content
****************************************************************************/

.content_wrap_beige{
	background-color: rgba(234,204,164,0.32);
}
.content_wrap_flooring01{
	background: url("../img/bg_flooring.png") 0 0 repeat;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.content_wrap{
		padding: 50px 0 100px;
	}

	.content_wrap_ph01{
		background: url("../img/bg_contact_pc.jpg") 50% 50% no-repeat;
		background-size: cover;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.content_wrap{
		padding: 6vw 0 8vw;
	}

	.content_wrap_flooring01{
		background-size: 150% auto;
	}

	.content_wrap_ph01{
		background: url("../img/bg_contact_sp.jpg") 50% 50% no-repeat;
		background-size: cover;
	}

}


/* .content *************/

.content{
	width: 95%;
	max-width: 1140px;
	margin: 0 auto;
}
.content.content_narrow{
	max-width: 1000px;
}

@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.content{
		width: 92vw; /* 345px 左右余白15 px */
	}

}



/****************************************************************************
.section
****************************************************************************/

/* section.section ********************/

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.section{
	}
	.section + .section{
		margin-top:100px;
	}
	.content_2clm .section + .section{
		margin-top:0;
	}
	.content_article .section + .section {
		margin-top: 150px;
	}

	.section_body{
		line-height: 1.75;
	}

	.section_body + .section_body{
		margin-top:50px;
	}
	.section_body_narrow{
		max-width: 800px;
		margin: 0 auto;
	}

	.section_body_gray{
		padding:3em 4em;
		background-color: #eeeeee;
	}
	.section_body_wht{
		padding:3em 4em;
		background-color: #fff;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.section + .section{
		margin-top:8vw;
	}

	.section_body{
		line-height: 1.75;
	}

	.section_body + .section_body{
		margin-top:8vw;
	}
	.section_body_narrow{
	}

	.section_body_gray{
		background-color: #eeeeee;
	}
	.section_body_wht{
		padding: 8vw 5.6vw;
		background-color: #fff;
	}
	.section_body_100{
		margin-left:-4vw;
		margin-right:-4vw;
		width: 100vw;
		padding: 8vw 6.67vw;
	}

}

/* .section_label ********************/

.section_label{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section_label_pagetitle{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-weight: 700;
	line-height: 1.75;
	letter-spacing: 0.1em;
	color: #9A7951;
}
.section_label_pagetitle::before{
	display: block;
	content: "";
	background: url("../img/label_flooringxoilfinish.svg") 50% 50% no-repeat;
	background-size: contain;
}
.section_label_cases .section_label_pagetitle::before{
	background-image: url("../img/label_cases.svg");
}

.section_label_text{
	line-height: 1.75;
	letter-spacing: 0.1em;
	text-align: center;
}
.section_label_sub{
	display: inline-block;
	margin-top: 0.4em;
	padding: 0 0.75em;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.1em;
	background: #FFBA1F;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.section_label{
		padding-bottom: 40px;
	}
	.section_label_pagetitle{
		font-size: 2.0rem;
	}
	.section_label_pagetitle::before{
		width: 277px;
		height: 39px;
	}
	.section_label_text{
		font-size: 3.8rem;
	}
	.section_label_sub{
		font-size: 2.0rem;
	}


}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.section_label{
		padding-bottom: 8vw;
	}
	.section_label_pagetitle{
		font-size: 3.2vw;
	}
	.section_label_pagetitle::before{
		width: 46.1333vw;
		height: 6.4vw;
	}
	.section_label_text{
		font-size: 6.4vw;
	}
	.section_label_sub{
		font-size: 3.4666vw;
	}

}




/* .section_body の中 ********************/


.sbody_label{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 1.5em;
}
.sbody_label_text{
	font-weight: 700;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.sbody_label_text{
		font-size: 3.2rem;
	}

	.sbody_text{
	}
	.sbody_text p + p{
		padding-top: 1em;
	}

	.sbody_label{
		font-size: 1.22em;/* 22px */
	}

	p.txt{
		line-height: 2;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.sbody_label_text{
		font-size: 6.9333vw;
	}

	.sbody_text{
	}
	.sbody_text p + p{
		padding-top: 0.5em;
	}

	.sbody_label{
		font-size: 1.12em;/* 18px */
	}

	p.txt{
		line-height: 1.75;
	}

}


/* .section_body.sbody_2clm ********************/

.sbody_2clm,
.sbody_3clm,
.sbody_4clm{
	display: flex;
	justify-content:space-between;
	align-items: stretch;
}
.sbody_2clm.sbody_sp_floatr{/* SPで画像 float:right; のとき */
	flex-direction: row-reverse;
}
.sbody_2clm .sbody_img,
.sbody_2clm .sbody_text{
	width: 48%;
}
.sbody_3clm .sbody_img,
.sbody_3clm .sbody_text{
	width: 31.58%;
}
.sbody_4clm .sbody_img,
.sbody_4clm .sbody_text{
	width: 23%;
}

@media screen and (max-width: 767px) { /**** tablet未満 ****/

	.sbody_sp_1clm{
		display: flex;
		flex-direction:column;
		justify-content:center;
		align-items: center;
	}
	.sbody_sp_1clm .sbody_img,
	.sbody_sp_1clm .sbody_text{
		width: 100%;
		padding-bottom: 2.67vw;
	}

	.sbody_sp_floatr:before,
	.sbody_sp_floatr:after,
	.sbody_sp_floatl:before,
	.sbody_sp_floatl:after{
		content:"\0020";
		display:block;
		height:0;
		overflow:hidden;
	}
	.sbody_sp_floatr:after,
	.sbody_sp_floatl:after{
		clear:both;
	}
	.sbody_sp_floatr,
	.sbody_sp_floatl{
		zoom:1;
		display: block;/* .sbody_2clm の flex 上書き */
	}
	.sbody_sp_floatr .sbody_img{
		width: 58%;
		float: right;
		padding-left: 5%;
		padding-bottom: 10px;
	}
	.sbody_sp_floatr .sbody_text{
		display: inline;
	}
	.sbody_sp_floatl .sbody_img{
		width: 58%;
		float: left;
		padding-right: 5%;
		padding-bottom: 10px;
	}
	.sbody_sp_floatl .sbody_text{
		display: inline;
	}


}


/* 　見出し類　 */


/* 　本文中の画像　 */

.fig_center,
.img_center{
	text-align:center;
	margin-top:60px;
	margin-bottom:60px;
}
.fig_center.fig_center_narrow,
.img_center.img_center_narrow{
	width: 100%;
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}
.fig_center.fig_center_small,
.img_center.img_center_small{
	width: 70%;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.fig_right,
.img_right{
	display:inline-block;
	max-width:45%;
	margin-left:5%;
	margin-bottom:20px;
	float:right;
}
.fig_left,
.img_left{
	display:inline-block;
	max-width:45%;
	margin-right:5%;
	margin-bottom:20px;
	float:left;
}

.fig_right,
.fig_left{
	width:60%;
}

.fig_right.img_tate,
.img_right.img_tate,
.fig_left.img_tate,
.img_left.img_tate{
	width:37%;
}

.fig_bg_wht{
	padding: 10px 20px;
	background-color: #fff;
}

@media screen and (max-width: 969px) { /****** tablet以下 ******/

	.fig_right,
	.fig_left,
	.fig_right.img_tate,
	.fig_left.img_tate{
	width: 100%;
	box-sizing: border-box;
	float: none;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	}

	.fig_bg_wht{
		padding: 10px 5vw;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.fig_center,
	.img_center{
		margin-top:8vw;
		margin-bottom:8vw;
	}

	.img_right,
	.img_left{
		max-width: none;
		width:45%;
	}
	.img_right.img_tate,
	.img_left.img_tate{
		width:40%;
	}

	.img_sp100vw{
		margin-left: -5.34vw;
		margin-right: -5.34vw;
		width: 100vw;
	}

}

.fig_center img + img,
.img_center img + img,
.fig_right img + img,
.img_right img + img,
.fig_left img + img,
.img_left img + img,
.fig_right br + img,
.img_right br + img,
.fig_left br + img,
.img_left br + img{
	margin-top:5px;
}

.fig_center a + a,
.img_center a + a,
.fig_right a + a,
.img_right a + a,
.fig_left a + a,
.img_left a + a{
	display:inline-block;
	margin-top:5px;
}


.img_caption{
	padding-top:8px;
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: center;
}
.img_right .img_caption{
	text-align:right;
}
.img_left .img_caption{
	text-align:left;
}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	.img_caption{
		padding-top:4px;
		font-size: 2.9333vw;
		line-height: 1.6;
		letter-spacing: 0;
	}
}

.ta-right{
	text-align:right;
}
.ta-left{
	text-align:left;
}
.ta-center{
	text-align:center;
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

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

}





/* 　コンテンツボックス　 */

.box_line_gray{
	border: solid 1px #B7916A;
	border-radius: 1em;
	padding: 1.5em 2.5em;
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.box_line_gray{
		padding: 1em;
	}

}






/* dt dd リスト */
dl.dl_row{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
}
dl.dl_row + dl.dl_row{
	margin-top: 1.5em;
}
dl.dl_row dt{
	margin-bottom: 2px;
	background-color: #fff;
}
dl.dl_row dd{
	margin-bottom: 2px;
	background-color: #fff;
	text-align: left;
}
.sbody_text dl.dl_row dd p + p{
	padding-top: 0;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	dl.dl_row dt{
		width:14em;
		padding: 1em 2em;
	}
	dl.dl_row dd{
		width: calc(100% - 14em);
		padding: 1em 2em;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	
	dl.dl_row{
		font-size:3.2vw; 
	}
	dl.dl_row dt{
		width:5.5em;
		padding: 1em 0.5em;
	}
	dl.dl_row dd{
		width: calc(100% - 5.5em);
		padding: 1em 0.5em;
	}

}



.list_ind1,
.list_ind2,
.list_ind15{
	padding:0.5em 0;
}
.ind1,
.list_ind1 li{
	padding-left:1em;
	text-indent:-1em;
}
.ind2,
.list_ind2 li{
	padding-left:2em;
	text-indent:-2em;
}
.ind15,
.list_ind15 li{
	padding-left:1.5em;
	text-indent:-1.5em;
}



/* table 表 */


table {
    width: 100%;
/*    table-layout: fixed;*/
    border-collapse: collapse;
    border-spacing: 0;
}

table.table_line {
    border: 1px solid #888;
}
table.table_line tr {
    border: 1px solid #ccc;
}
table.table_line tr th{
    z-index: -1;
    width: 10em;
	padding: 1em 1.5em;
    background-color: #EEEEEE;
    text-align: left;
    vertical-align: top;
	font-weight: 700;
}
table.table_line tr td {
	padding: 1em 1.5em;
    vertical-align: top;
}


table.table_noline {
}
table.table_noline tr {
}
table.table_noline tr th{
    width: 10em;
	padding: 1em 1.5em 1em 0;
    text-align: right;
    vertical-align: top;
}
table.table_noline tr td {
	padding: 1em 0;
    text-align: left;
    vertical-align: top;
}

@media screen and (max-width: 767px) { /**** tablet未満 ****/
	
	table.table_line tr th,
	table.table_line tr td {
		display:block;
		width: 100%;
	    padding: 0.5em;
	}
	table.table_line tr td {
	    padding: 0.5em;
	}

	table.table_noline tr th,
	table.table_noline tr td {
		display:block;
		width: 100%;
	    padding: 0.5em 0 0.5em;
	}
	table.table_noline tr th {
		text-align: left;
	    padding: 0.5em 0 0;
	}

}



/****************************************************************************
■ コンテンツエリア■
****************************************************************************/

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	

}

/* #before_after *****************************/

.before_after_before{
	background: 50% 50% no-repeat;
	background-size: contain;
}

.before_after_label{
	text-align: center;
	line-height: 1.75;
}

.komattalist{
	display: flex;
	justify-content: center;
	align-items: stretch;
	position: relative;
}
.komattalist::before{
	position: absolute;
	display: block;
	width: 6em;
	height: 5.25em;
	content: "";
	background: url("../img/ill_komatta01.svg") 50% 50% no-repeat;
	background-size: contain;
}
.komattalist::after{
	position: absolute;
	display: block;
	width: 6.625em;
	height: 5.0625em;
	content: "";
	background: url("../img/ill_komatta02.svg") 50% 50% no-repeat;
	background-size: contain;
}

.komattalist_item{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.komattalist_text{
	font-weight: 700;
}

.line{
	background-color: rgba(255,186,31,0.90);
}

.before_after_after .after_text{
	text-align: center;
	position: relative;
}
.before_after_after .after_text::after{
	position: absolute;
	display: block;
	content: "";
	background: url("../img/ill_kaiketsu01.svg") 50% 50% no-repeat;
	background-size: contain;
}

.before_after_saisei{
	width: 100%;
	position: relative;
}
.before_after_saisei::before{
	position: absolute;
	top: -1.0em;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 0;
	height: 0;
	content: "";
	border: solid 2.5em transparent;
	border-top: solid 2.5em #9A7951;
}

.before_after_saisei .after_text{
	text-align: center;
	
}
.before_after_saisei .saisei_text{
	padding-top: 0.25em;
	line-height: 2.1;
	text-align: center;
}
.before_after_saisei .saisei_text span{
	background-color: #fff;
	border-bottom: solid 5px #F4A400;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.before_after_before{
		padding: 60px 0 80px;
		background-image: url("../img/bg_komatta_pc.svg");
	}

	.before_after_label{
		font-size: 2.8rem;
		letter-spacing: 0.1em;
	}

	.komattalist{
		gap: 10px;
		width: 100%;
		max-width: 740px;
		margin: 0 auto;
		padding-top: 1.5em;
	}
	.komattalist::before{
		top: 0;
		left: -90px;
	}
	.komattalist::after{
		bottom: 0;
		right: -100px;
	}

	.komattalist_item{
		gap: 10px;
	}

	.before_after_after{
		width: 100%;
		max-width: 740px;
		margin: 0 auto;
	}

	.before_after_after .after_text{
		padding-top: 0.75em;
		font-size: 2.2rem;
	}
	.before_after_after .after_text::after{
		top: -50px;
		right: -40px;
		width: 123px;
		height: 176px;
	}

	.before_after_saisei{
		padding: 60px 0;
	}
	.before_after_saisei::before{
		top: -1.5em;
		border-width: 4em;
	}

	.before_after_saisei .after_text{
		font-size: 2.2rem;
		letter-spacing: 0.1em;
	}
	.before_after_saisei .saisei_text{
		font-size: 2.9rem;
		letter-spacing: 0.1em;
	}


}
@media screen and (max-width: 767px) { /**** tablet未満 ****/

	.before_after_before{
		padding: 12vw 0 16vw;
		background-image: url("../img/bg_komatta_sp.svg");
	}

	.before_after_label{
		font-size: 5.3333vw;
		letter-spacing: 0.05em;
	}

	.komattalist{
		flex-wrap: wrap;
		gap: 4vw 2.1333vw;
		width: 87.4666vw;
		margin: 0 auto;
		padding-top: 1.0em;
		font-size: 3.47vw;
	}
	.komattalist::before{
		bottom: 21.6vw;
		left: -2.4vw;
	}
	.komattalist::after{
		bottom: 0;
		right: -4vw;
	}

	.komattalist_item{
		width: 42.6666vw;
		gap: 2.1333vw;
	}

	.komattalist_text{
		font-size: 3.47vw;
	}

	.before_after_after{
		margin-top: 4vw !important;
		padding-left: 2.6666vw;
		padding-right: 2.6666vw;
	}
	.before_after_after .after_text{
		padding-top: 0.5em;
		font-size: 4.5333vw;
	}
	.before_after_after .after_text::after{
		top: -7.2vw;
		right: 2.4vw;
		width: 19.2vw;
		height: 24.8vw;
	}

	.before_after_saisei{
		padding: 8vw 0;
	}
	.before_after_saisei .after_text{
		letter-spacing: 0.05em;
	}
	.before_after_saisei .saisei_text{
		font-size: 5.3333vw;
		letter-spacing: 0.1em;
	}

}



/* #oilfinish *****************************/

.oilfinish02{
	width: 100%;
	background: url("../img/bg_merit.jpg") 0 0 repeat-y;
	background-size: 100% auto;
	position: relative;
}
.oilfinish02::before{
	position: absolute;
	top: -1.0em;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 0;
	height: 0;
	content: "";
	border: solid 2.5em transparent;
	border-top: solid 2.5em #9A7951;
}

.sbody_text_merit{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 10px;
	background-color: #fff;
}
.sbody_text_merit .merit_num{
	margin-top: -1em;
}
.sbody_label_merit .sbody_label_text{
	font-weight: 500;
}
.sbody_label_merit + p{
	padding: 0.5em 1.25em 1em;
	letter-spacing: 0.05em;
}

.section_label_oilfinish03{
	position: relative;
	
}

.sbody_label_sarani{
	padding-bottom: 2em;
}
.sbody_label_sarani .sbody_label_text{
	background-color: rgba(255,186,31,0.50);
	line-height: 1.5;
	font-weight: 500;
	position: relative;
}
.sbody_label_sarani .sbody_label_text::before,
.sbody_label_sarani .sbody_label_text::after{
	position: absolute;
	display: block;
	width: 2.5em;
	height: 1.5em;
	content: "";
	border: solid 1px #B7916A;
}
.sbody_label_sarani .sbody_label_text::before{
	top: -0.2em;
	left: -0.2em;
	border-right: none;
	border-bottom: none;
}
.sbody_label_sarani .sbody_label_text::after{
	bottom: -0.2em;
	right: -0.2em;
	border-left: none;
	border-top: none;
}

.line2 {
	border-bottom: solid 4px #FFBA1F;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	#oilfinish{
		padding-top: 0;
	}

	.oilfinish01{
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}

	.oilfinish02::before{
		top: -1.5em;
		border-width: 4em;
	}

	.oilfinish02{
		padding: 70px 0;
	}
	.section_label_oilfinish02{
		padding-bottom: 30px;
	}
	.section_label_oilfinish02 .section_label_text{
		font-size: 3.2rem;
	}

	.oilfinish0201{
		width: 100%;
		max-width: 1140px;
		margin: 0 auto;
	}

	.oilfinish03{
		margin-top: 0 !important;
	}
	.section_label_oilfinish03{
		margin-top: -30px;
		padding-bottom: 50px;
	}

	.sbody_sarani{
		width: 100%;
		max-width: 1140px;
		margin: 0 auto;
	}
	.sbody_sarani + .sbody_sarani{
		flex-direction: row-reverse;
	}
	
	.sbody_sarani .sbody_text_sarani{
		width: calc(100% - 538px);
	}
	.sbody_sarani .sbody_img_sarani{
		width: 488px;
	}

	.sbody_label_sarani .sbody_label_text{
		display: inline-block;
		padding: 0.75em 2em;
		font-size: 3.0rem;
		letter-spacing: 0.1em;
	}
	
	.sbody_text_sarani p{
		font-size: 1.7rem;
		line-height: 1.75;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	
	.oilfinish02{
		padding: 9.6vw 0;
	}
	.section_label_oilfinish02{
		padding-bottom: 5.6vw;
	}
	.section_label_oilfinish02 .section_label_text{
		font-size: 5.3333vw;
		line-height: 1.5;
	}

	.oilfinish0201{
		width: 84vw;
		margin: 0 auto;
	}

	.sbody_text_merit + .sbody_text_merit{
		margin-top: 4vw;
	}

	.oilfinish03{
		margin-top: 0 !important;
	}
	.section_label_oilfinish03{
		margin-top: -6.4vw;
	}
	.section_label_oilfinish03 img{
		width: 51.4666vw;
	}

	.sbody_label_sarani .sbody_label_text{
		display: block;
		padding: 0.75em 0.5em;
		font-size: 5.3333vw;
		letter-spacing: 0.05em;
		text-align: center;
	}

	.sbody_sarani{
		width: 88.8vw;
		margin: 0 auto;
	}
	.sbody_img_sarani{
		padding-top: 3.2vw;
	}

}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	

}

/* #paint *****************************/

.section_body_paint{
	background-color: #fff;
}

.sbody_label_paint{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.sbody_label_paint::before{
	display: block;
	content: "";
	background: 0 0 no-repeat;
	background-size: contain;
}
.sbody_label_paint .sbody_label_text{
	position: relative;
	display: inline-block;
	padding: 0 1.25em;
	line-height: 1.75;
	letter-spacing: 0.1em;
	background-color: rgba(234,204,164,0.50);
}
.sbody_label_paint .sbody_label_text::before,
.sbody_label_paint .sbody_label_text::after{
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 1px;
	content: "";
	background-color: #B7916A;
}

.paintlist{
	padding-top: 1.5em;
}

.paintlist_item{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 0.65em 0;
	border-bottom: solid 1px #B7916A;
}
.paintlist_item:first-child{
	border-top: solid 1px #B7916A;
}

.paintlist_item .paintlist_label{
	font-weight: 700;
	letter-spacing: 0.05em;
}
.paintlist_item .paintlist_text p{
	line-height: 1.5;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.section_body_lead{
		width: 100%;
		max-width: 900px;
		margin: 0 auto;
	}
	.section_body_lead p{
		font-size: 1.7rem;
		line-height: 1.75;
	}

	.section_body_paint{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		max-width: 1140px;
		margin: 30px auto 0 !important;
		padding: 60px;
		filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.08));
	}
	.section_body_paint .sbody_label_paint{
		width: 254px;
	}
	.section_body_paint .sbody_text_paint{
		width: calc(100% - 310px);
	}

	.sbody_label_paint::before{
		width: 254px;
		height: 109px;
	}
	.sbody_label_paint.sbody_label_paint_osmo::before{
		background-image: url("../img/label_paint_osmo_pc.svg");
	}
	.sbody_label_paint.sbody_label_paint_planet::before{
		background-image: url("../img/label_paint_planet_pc.svg");
	}
	
	.sbody_label_paint .sbody_label_text{
		margin-top: 1.25em;
		font-size: 1.7rem;
	}
	.sbody_label_paint .sbody_label_text::before{
		top: -3px;
	}
	.sbody_label_paint .sbody_label_text::after{
		bottom: -3px;
	}

	.sbody_text_paint > p{
		font-size: 1.7rem;
	}

	.paintlist_item .paintlist_img{
		width: 160px;
	}
	.paintlist_item .paintlist_text{
		width: calc(100% - 188px);
	}
	.paintlist_item .paintlist_label{
		padding: 0.25em 0 0.5em;
		font-size: 2.0rem;
	}


}
@media screen and (max-width: 767px) { /**** tablet未満 ****/

	.section_body_lead{
		width: 88.8vw;
		margin: 0 auto;
	}

	.section_body_paint{
		width: 93.8666vw;
		margin: 0 auto;
		padding: 2em 1.5em;
		filter: drop-shadow(3px 3px 1px rgba(0,0,0,0.08));
	}

	.sbody_label_paint::before{
		width: 100%;
		height: 8.5333vw;
	}
	.sbody_label_paint.sbody_label_paint_osmo::before{
		background-image: url("../img/label_paint_osmo_sp.svg");
	}
	.sbody_label_paint.sbody_label_paint_planet::before{
		background-image: url("../img/label_paint_planet_sp.svg");
	}
	
	.sbody_label_paint .sbody_label_text{
		margin-top: 1.0em;
		margin-bottom: 1.5em;
		font-size: 3.4666vw;
	}
	.sbody_label_paint .sbody_label_text::before{
		top: -2px;
	}
	.sbody_label_paint .sbody_label_text::after{
		bottom: -2px;
	}

	.paintlist_item .paintlist_img{
		width: 21.3333vw;
	}
	.paintlist_item .paintlist_text{
		width: calc(100% - 24.8vw);
	}
	.paintlist_item .paintlist_label{
		padding: 0 0 0.25em;
	}
	.paintlist_item .paintlist_text p{
		font-size: 3.2vw;
	}


}

/* #process *****************************/

.sbody_label2{
}
.sbody_label2_num{
	display: inline-block;
	color: transparent;
	letter-spacing: 0.1em;
	-webkit-text-stroke: 1px #40210D;
	text-stroke: 1px #40210D;
}

.img_process{
	display: flex;
	justify-content: space-between;
}
.ph_process{
	width: calc(50% - 2px);	
}

@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	#process .content{
		max-width: initial;
		width: 100%;
	}
	
	.sbody_process + .sbody_process{
		margin-top: 90px;		
	}
	.sbody_2clm.sbody_process{
		position: relative;
		justify-content: center;
		padding: 0 2.5% 3em 5%;
	}
	.sbody_2clm.sbody_process:nth-child(2n+1){
		flex-direction: row-reverse;
		padding: 0 5% 3em 2.5%;
	}
	.sbody_process::before{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		display: block;
		width: 95%;
		max-width: 1440px;
		height: calc(100% - 7.5em);
		overflow: hidden;
		content: "";
		background-color: rgba(255,255,255,0.80);
		z-index: 10;
	}
	/*.sbody_process:nth-child(2n+1)::before{
		right: auto;
		left: 5%;
	}*/
	.sbody_text_process,
	.sbody_img_process{
		position: relative;
		z-index: 20;
	}
	.sbody_2clm.sbody_process .sbody_text.sbody_text_process{
		width: 38%;
		max-width: 440px;
		margin-left: auto;
		margin-right: 5%;
	}
	.sbody_2clm.sbody_process:nth-child(2n+1) .sbody_text.sbody_text_process{
		margin-right: auto;
		margin-left: 5%;
	}
	.sbody_2clm .sbody_img.sbody_img_process{
		width: 57%;
	}

	.sbody_2clm.sbody_process.process0101{
		flex-wrap: wrap;
	}
	.sbody_2clm.sbody_process.process0101 .sbody_text_process2{
		position: relative;
		z-index: 20;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		width: 75%;
		margin-top: 1.5em;
	}
	.sbody_label_point{
		margin-right: 2.0em;
	}

	.sbody_text_process .sbody_label2{
		min-height: 8em;
		margin-bottom: 2.5em;
	}
	/*.sbody_process:nth-child(2n+1) .sbody_text_process .sbody_label2{
		display: inline-block;
		width: auto;
		float: right;
	}
	.sbody_text_process p{
		clear: right;
	}*/
	.sbody_label2_num{
		font-size: 5.6rem;
	}
	.sbody_label2_text{
		font-size: 3.2rem;
		line-height: 1.3;
	}

	.sbody_img_process{
		display: flex;
		flex-direction: column-reverse;
		justify-content: flex-end;/* reverseなので逆になる */
		align-items: flex-start;
	}
	.sbody_process:nth-child(2n+1) .sbody_img_process{
		align-items: flex-end;
	}
	.note_process{
		width: 85%;
		margin-top: 1.5em;
	}
	.note_process_text{
		font-size: 1.4rem;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	
	.sbody_process{
		padding: 0 5.6vw;
		margin-left: -4vw;
		margin-right: -4vw;
		margin-top: 12vw;
		background-color: rgba(255,255,255,0.80);
	}
	.sbody_process + .sbody_process{
		margin-top: 20vw;		
	}

	.sbody_text_process .sbody_label2{
		min-height: 12vw;
		margin-top: -14.4vw;
		margin-bottom: 8vw;
		vertical-align: middle;
	}
	
	.sbody_label2_num{
		font-size: 8vw;
	}
	.sbody_label2_text{
		font-size: 4.8vw;
		line-height: 1.3;
	}

	.sbody_text_process2{
		margin-bottom: 1.5em;
	}
	.sbody_label_point{
		width: 5em;
		margin-bottom: 0.5em;
	}
	.sbody_text_process2{
		font-size: 3.2vw;
	}

	.img_process{
		margin-top: 4vw;
		margin-left: -5.6vw;
		margin-right: -5.6vw;
		width: calc(100% + 10.66vw);
	}

}



/* #cases *****************************/


.sbody_label_case{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.sbody_label_case .case_num{
	display: inline-block;
	color: transparent;
	letter-spacing: 0.05em;
	-webkit-text-stroke: 1px #B7916A;
	text-stroke: 1px #B7916A;
	line-height: 1;
}

.sbody_label_case .case_name,
.sbody_label_case .case_shiage{
	font-weight: 700;
}



@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.sbody_case{
		width: 100%;
		max-width: 1210px;
		margin: 0 auto;
		padding-left: 100px;
		position: relative;
	}
	.sbody_case::before{
		position: absolute;
		top: 0;
		left: 84px;
		display: block;
		width: 7px;
		height: calc(100% - 30px);
		content: "";
		border: solid 1px #B7916A;
		
	}
	.sbody_case + .sbody_case{
		margin-top: 100px;
	}

	.sbody_text_case{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		padding: 24px 30px;
		background-color: rgba(234,204,164,0.36);
	}
	.sbody_text_case .sbody_label_case{
		width: 340px;
	}
	.sbody_text_case > p{
		width: calc(100% - 360px);
		font-size: 1.5rem;
		letter-spacing: 0.05em;
	}

	.sbody_label_case .case_num{
		position: absolute;
		top: -15px;
		left: -15px;
		font-size: 8.3rem;
	}
	.sbody_label_case .case_num::before{
		position: absolute;
		top: 0;
		left: -22px;
		display: block;
		width: 47px;
		height: 31px;
		content: "";
		background: url("../img/label_case.svg") 0 0 no-repeat;
		background-size: contain;
		transform: rotate(-7deg);
	}
	.sbody_label_case .case_name{
		padding-bottom: 0.5em;
		font-size: 2.2rem;
	}
	.sbody_label_case .case_shiage{
		font-size: 1.6rem;
	}

	.sbody_img_case{
		display: flex;
		gap: 10px;
		margin-top: 10px;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	
	.sbody_case{
	}
	.sbody_case + .sbody_case{
		margin-top: 18.4vw;		
	}

	.sbody_text_case{
		padding: 0 5.6vw 5.6vw;
	}

	.sbody_label_case{
		margin-bottom: 1em;
		position: relative;
	}
	.sbody_label_case::after{
		display: block;
		width: 100%;
		height: 1.3333vw;
		content: "";
		margin-top: 0.75em;
		border: solid 1px #B7916A;
	}
	.sbody_label_case .case_num{
		position: absolute;
		top: -1.6vw;
		left: 0;
		font-size: 14.6666vw;
	}
	.sbody_label_case .case_num::before{
		position: absolute;
		top: 0;
		left: -4vw;
		display: block;
		width: 8.2666vw;
		height: 5.3333vw;
		content: "";
		background: url("../img/label_case.svg") 0 0 no-repeat;
		background-size: contain;
		transform: rotate(-7deg);
	}
	.sbody_label_case .case_name{
		padding-left: 17.6vw;
		padding-bottom: 0.25em;
	}
	.sbody_label_case .case_shiage{
		padding-left: 17.6vw;
		font-size: 3.4666vw;
		line-height: 1.4;
	}

	.sbody_img_case{
		padding-bottom: 0.5em;
		background : linear-gradient(0, rgba(234,204,164,0.36) 30%, rgba(234,204,164,0) 30.1%);
	}
	.sbody_img_case .ph_case{
		width: 63.2vw;
		margin: 0 1.6vw;
		position: relative;
	}
	.sbody_img_case .ph_case::after{
		position: absolute;
		top: 56vw;
		left: 2.4vw;
		font-size: 4vw;
		font-weight: 700;
		color: #fff;
	}
	.sbody_img_case .ph_case.ph_case01::after{
		content: "1";
	}
	.sbody_img_case .ph_case.ph_case02::after{
		content: "2";
	}
	.sbody_img_case .ph_case.ph_case03::after{
		content: "3";
	}
	.sbody_img_case .ph_case.ph_case04::after{

		content: "4";
	}


}

/* #faq *****************************/

.faq_details + .faq_details{
    margin-top: 2px;
}

.faq_summary{
	font-weight: 700;
	color: #fff;
	background-color: #9A7951;
	position: relative;
}
.faq_summary::before{
	position: absolute;
	content: "Q";
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
	line-height: 1;
}
.faq_summary::after{
	position: absolute;
	top: 0;
	right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.5em;
    height: 100%;
    content: "+";
	color: #fff;
	background-color: #866236;
	transition: background 0.4s ease-out;
}
.faq_details.is_close .faq_summary::after{
    content: "×";
	background-color: #B19573;
}

.faq_cnts{
	background-color: #fff;
	position: relative;
}
.faq_cnts::before{
	position: absolute;
	content: "A";
	color: #FFBA1F;
	-webkit-text-stroke: 1px #9A7951;
	text-stroke: 1px #9A7951;
	line-height: 1;
}



@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.section_body_faq{
		width: 100%;
		max-width: 1140px;
		margin: 0 auto;
	}

	.faq_summary{
		font-size: 2.0rem;
		padding: 1.0em 80px 1.0em 120px;
		cursor: pointer;
		transition: background 0.4s ease-out;
	}
	.faq_summary:hover{
		background-color: #B19573;
	}
	.faq_details.is_close .faq_summary:hover{
		background-color: #9A7951;
	}

	.faq_cnts{
		font-size: 1.7rem;
		padding: 2.0em 80px 2.0em 120px;
	}
	.faq_summary::before,
	.faq_cnts::before{
		top: 8px;
		left: 40px;
		font-size: 4.8rem;
	}
	.faq_cnts::before{
		top: 24px;
	}
	.faq_summary::after{
		font-size: 2.4rem;
	}

	.sbody_faq_ex{
		display: flex;
		justify-content: space-between;
		padding-top: 1.5em;
	}
	.sbody_faq_ex img{
		width: 270px;
	}
	.sbody_faq_ex p{
		width: calc(100% - 290px);
		font-size: 1.5rem;
		letter-spacing: 0;
	}

}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	
	.section_body_faq{
		width: 93.8666vw;
		margin: 0 auto;
	}

	.faq_summary{
		padding: 0.75em 14.2vw 0.75em 13.6vw;
	}
	.faq_cnts{
		padding: 1.5em 4vw 1.5em 13.6vw;
	}
	.faq_summary::before,
	.faq_cnts::before{
		top: 0.8vw;
		left: 3.2vw;
		font-size: 8.5333vw;
	}
	.faq_cnts::before{
		top: 4.0vw;
	}
	.faq_summary::after{
	    width: 12.8vw;
		font-size: 5.3333vw;
	}

	.sbody_faq_ex{
		padding-top: 1.0em;
	}
	.sbody_faq_ex img{
		width: 64vw;
	}
	.sbody_faq_ex p{
		padding-top: 0.5em;
		font-size: 3.2vw;
		letter-spacing: 0;
	}

}

/* #price *****************************/

.section_body_lead .price_note{
	margin-top: 1.0em;
	padding-top: 0.5em;
	font-size: 0.875em;
	border-top: solid 1px #B7916A;
}

.sbody_label_mitsumori{
	padding-bottom: 0.75em;
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}

.table-price0101{
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #ccc;
}

.table-price0101 th,
.table-price0101 td{
	padding: 0.65em 1.5em;
	line-height: 1.4;
	background-color: #fff;
}
.table-price0101 th{
	background-color: #A2CA0F;
	color: #fff;
	font-weight: 700;
	vertical-align: top;
}

.table-price0101 td.bg-light{
	background-color: #F7F5EF;
}
.table-price0101 td.bg-dark{
	background-color: #E2ECBE;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.section_body_mitsumori{
		width: 100%;
		max-width: 1140px;
		margin: 30px auto 0 !important;
		padding: 30px 60px 40px;
		background-color: #fff;
		filter: drop-shadow(5px 5px 1px rgba(0,0,0,0.08));
	}

	.sbody_label_mitsumori{
		font-size: 2.2rem;
	}


}
@media screen and (max-width: 767px) { /**** tablet未満 ****/

	/*.content_wrap_flooring01#price{
		background: #fff;
	}*/

	.section_body_lead .price_note{
		letter-spacing: 0;
	}

	.section_body_mitsumori{
		padding: 4vw 2.4vw 6.4vw;
		margin-top: 2.4vw !important;
		background-color: rgba(255,255,255,0.70);
	}

	.sbody_label_mitsumori{
		font-size: 4.2666vw;
	}

	.table-price0101 th,
	.table-price0101 td{
		padding: 0.65em 0.25em;
		font-size: 2.9333vw;
		letter-spacing: 0;
	}
	.table-price0101 th{
	}

}

/* #contact *****************************/

.section_label_contact{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.section_label_contact::before{
	display: block;
	content: "";
	margin-bottom: 1.0em;
	background: url("../img/label_contact.svg") 50% 50% no-repeat;
	background-size: contain;
}
.section_label_contact .section_label_text{
	color: #fff;
}



@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.section_label_contact{
		padding-bottom: 30px;
	}
	.section_label_contact::before{
		width: 207px;
		height: 58px;
	}
	.section_label_contact .section_label_text{
		font-size: 2.4rem;
	}

	.section_contact01 .section_body{
		width: 100%;
		max-width: 654px;
		margin: 0 auto;
	}

	.section_contact01 .contact_nav li a {
		height: 56px;
	}
	.section_contact01 .contact_nav li a .cnav_text {
		font-size: 1.9rem;
	}
}
@media screen and (max-width: 767px) { /**** tablet未満（SP） ****/

	.section_label_contact{
		padding-bottom: 4vw;
	}
	.section_label_contact::before{
		width: 34.6666vw;
		height: 9.8666vw;
	}
	.section_label_contact .section_label_text{
		font-size: 4.2666vw;
	}

	.section_contact01 .contact_nav{
		flex-direction: column;
		align-items: center;
	}
	.section_contact01 .contact_nav li{
		width: 80%;
		border-left: none;
		margin-top: 4vw;
	}
	.section_contact01 .contact_nav li a {
		height: 16vw;
	}
	.section_contact01 .contact_nav li a .cnav_text {
		font-size: 4.8vw;
	}

}

/* #contact_form *********************************/

.section_contact_form {
	padding: 2em 1em;
	background-color: rgba(255,255,255,0.90);
}
.section_contact_form .section_body {
	width: 100%;
	max-width: 740px;
	margin: 0 auto;
}

#contact_form table{
	margin-top: 2em;
	margin-bottom: 2em;
}
#contact_form th{
	width:12em;
	vertical-align: text-top;
	text-align: left;
}
#contact_form td,
#contact_form th{
	padding: 5px;
}

#contact_form .mw_wp_form_input th label{
	display: block;
	padding-top: 5px;
}
.must{
	display:inline-block;
	margin-left: 12px;
	padding: 1px 4px;
	font-size: 1.1rem;
	font-weight: bold;
	background-color: #FB9700;
	color:#fff;
	border-radius: 3px;
}

#contact_form input[type="text"],
#contact_form textarea{
	width: 100%;
	box-sizing: border-box;
	padding:8px;
	background-color:#fff;
	border:solid 1px #dbccbf;
	border-radius:0;
	-webkit-appearance: none;
}
#contact_form select {
	padding:8px;
	background-color:#fff;
	border:solid 1px #dbccbf;
	border-radius:0;
/*	-webkit-appearance: none;*/
}
#contact_form input[type="file"]{
	width: 100%;
}
#contact_form input[type="checkbox"],
#contact_form input[type="radio"]{
	vertical-align: middle;
}

#contact_form input[type="text"]#zip{
	width: 4em;
}
#contact_form input[type="text"]#zip2{
	width: 5em;
}
#contact_form input[type="text"]#zip3{
	width: 8em;
}
#contact_form input[type="text"].input-tel{
	width: 5em;
}
.form_notice,
#mail2,
#spref,
#address,
#strt,
#address1,
#address2
{
	margin-top: 10px;
}
#contact_form input[type="text"].tel{
	width: 5em;
}

.form_zip,
.form_notice{
	display: inline-block;
}
.form_mail2{
	display: block;
}

.form_meiwaku,
.form_meiwaku strong,
.form_meiwaku a{
    font-size: 1.4rem;
	color: #FB0000;
}
p.form_meiwaku a{
    text-decoration-color: #FB0000;
}


.form_btn{
	padding: 2em 0;
}

.submitbtn{
	text-align: center;
	padding-bottom: 20px;
}
.submitbtn input[type="submit"],
.submitbtn input[type="button"] {
	-webkit-appearance: none;
	display:inline-block;
	width:auto;
	height:auto;
	padding:18px 40px;
	margin-left: 5px;
	margin-right: 5px;
	cursor:pointer;
	text-align:center;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	line-height: 1;
	color:#fff;
	border:solid 3px #ff9900;
	background-color:#ff9900;
	border-radius:0;
/*	box-shadow: 0 3px 4px 0 rgba(0,0,0,.2);*/
	transition: all 0.3s ease-in-out;
}
.submitbtn input[type="submit"]:hover{
/*	box-shadow: 0 3px 6px 2px rgba(0,0,0,.3);*/
	color:#ff9900;
	background-color:#fff;
}
.submitbtn input[type="button"] {
	border:solid 3px #A2CA0F;
	background-color:#A2CA0F;
}
.submitbtn input[type="button"]:hover{
	color:#A2CA0F;
	background-color:#fff;
}

.contact_lead_input,
.contact_lead_confirm{
	font-weight: bold;
}
.contact_lead_input .contact_note,
.contact_lead_confirm .contact_note{
	margin-top: 1em;
	padding: 1em 1.5em;
	font-weight: normal;
	font-size: 0.9em;
	background-color: rgba(255,186,31,0.30);
}

/* 入力画面 */
.mw_wp_form .contact_lead_confirm{
	display:none;
}
.mw_wp_form .js_que{
    padding-bottom: 0.5em;
    cursor: pointer;
}

/* エラーメッセージ */
.errmsg,
 .mw_wp_form #contact_form .error{
	display:inline-block !important;
	margin-top:3px;
	margin-left: 5px;
	padding:4px 8px;
	background-color:#E84231;
	border-radius:0;
	font-size:1.2rem;
	line-height: 1;
	font-weight:bold;
	color:#fff !important;
}

/* 確認画面 */
.mw_wp_form_confirm #contact_tel,
.mw_wp_form_confirm .contact_lead_input,
.mw_wp_form_confirm .notice,
.mw_wp_form_confirm .form_notice,
.mw_wp_form_confirm .form_mail2,
.mw_wp_form_confirm .addbtn,
.mw_wp_form_confirm .js_que{
	display:none;
}
.mw_wp_form_confirm .contact_lead_confirm{
	display:block;
}
.mw_wp_form_confirm .js_ans{
	display:block !important;
}

.confirm_text {
    display: block;
    padding: 8px 10px;
    min-height: 2.75em;
    background-color: rgba(219,204,191,0.20);
}

/* 完了画面 */
#thx,
.mw_wp_form_complete{
}
.thx_label{
	padding:20px 0 30px;
	font-size:2.6rem;
	font-weight: bold;
	line-height: 1.6;
	color:#FB9700;
	text-align: center;
}
#thx .section_body p + ul,
#thx .section_body p + p,
.mw_wp_form_complete p + p{
	padding-top:20px;
}



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

	#contact_form th,
	#contact_form td{
		display: block;
		padding:7px 0;
		width: 100%;
		box-sizing: border-box;
	}
	#contact_form td{
		padding-top:0;
	}

	#contact_form input[type="text"],
	#contact_form textarea{
		padding:5px;
	}
	#contact_form select {
		padding:5px;
	}
	.addbtn{
		margin-top: 5px;
	}
	.form_btn input[type="submit"],
	.form_btn input[type="button"] {
		padding-left:1.3em;
		padding-right:1.3em;
		font-size: 1.6rem;
		letter-spacing: 0;
	}

}










/****************************************************************************
#page-top
****************************************************************************/

#page-top {
	position: fixed;
	bottom: 30px;
	right: 0;
	width: 66px;
	height: 66px;
	z-index:400;
}
#page-top a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background:url("../img/bg_dot_darkgray.png") 0 0 repeat;
	border: solid 1px rgba(255,255,255,0.5);
/*	border-radius: 5px 0 0 5px;*/
	color: #fff;
	transition: opacity 0.3s;
  opacity: 0.5;
}
#page-top a span{
	display: block;
	width: auto;
	height: auto;
	font-size:1.0rem;
	line-height: 1;
	text-align: center;
}
#page-top a span.and{
	font-size:1.6rem;
	font-weight:bold;
	padding-bottom: 6px;
}
#page-top a:hover{
  opacity: 0.9;
}


@media screen and (max-width: 767px) {
	#page-top {
		bottom: 19vw;
		width: 12vw;
		height: 12vw;
	}
	#page-top a span{
		font-size:2.13vw;
	}
	#page-top a span.and{
		font-size:3.2vw;
	}
}



/****************************************************************************
footer
****************************************************************************/

#footer{
	width:100%;
}


/* フッターナビ */

#footer_nav{
	width:auto;
	max-width: 1060px;
	margin: 0 auto;
	padding: 50px 2vw;
	color: #524741;
	line-height: 1.5;
}
#footer_nav h1{
	padding: 0 5px 16px;
	border-bottom: solid 1px rgba(113,112,113,0.40);
}
.logo_footer{
	max-width: 360px;
}
@media screen and (max-width: 479px) { /** sp **/
	#footer_nav h1{
		padding: 0 5px 10px;
	}
	.logo_footer{
		max-width: 320px;
	}
}


#footer_company{
	padding: 30px 16px 0;
}
#footer_message{
	padding: 20px 16px;
}
#footer_message p + p{
	padding-top: 20px;
}

/* コピーライトと緑ライン */

#footer{
	position: relative;
	border-bottom:solid 22px #a2ca0f;
}

#copyright{
	position: absolute;
	bottom:-22px;
	left:0;
	width: 100%;
	padding-bottom: 40px;
	background:url("../../img/common/2whitelines@2x.png") 90% 100% no-repeat;
	background-size: auto 22px;
	font-size:1.2rem;
	text-align: center;
}


@media screen and (max-width: 1023px) { /******** tablet以下 ********/

	#footer{
		border-bottom:solid 10px #a2ca0f;
	}

	#footer_company,
	#footer_message,
	#footer_message p + p{
		padding-top: 4vw;
	}

	#copyright{
		bottom:-10px;
		padding-bottom: 8vw;
		background-size: auto 14px;
	}

}



/****************************************************************************
汎用クラス
****************************************************************************/

.hidden{
  height: 0px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

.center{
	text-align:center;
}


@media print, screen and (min-width: 768px) { /****** tablet以上 ******/

	.small{
		font-size: 0.875em;/* 14px */
	}
	.x-small{
		font-size: 0.75em;/* 12px */
	}
	.xx-small{
	}

	.large{
		font-size: 1.25em;/* 20px */
	}
	.x-large{
		font-size: 1.375em;/* 22px */
	}
	.xx-large{
	}



}
@media screen and (max-width: 767px) { /**** tablet未満 ****/
	
	.small{
		/*font-size: 3.47vw;/* 13px */
		font-size: 3.2vw;/* 12px */
	}
	.x-small{
		font-size: 2.67vw;/* 10px */
	}
	.xx-small{
	}

	.large{/* SPでは基本サイズと同じ */
	}
	.x-large{
	}
	.xx-large{
	}
	
}

.blue{
	color:#0789b5;
}
.red,
.notice{
	color:#9f0d0d;
}
.gray{
	color:#7d7d7d;
}
.ora{
	color: #FF9900;
}
.brown{
	color: #807a3e;
}
.green{
/*	color: #009633;*/
	color: #003F75;
}

strong{
	font-weight:bold;
	font-style:normal;
}
em{
	font-weight:bold;
	font-style:normal;
}

.l_s_01{
	letter-spacing: 0.1em;
}