@charset "UTF-8";
.main_content *{
	box-sizing: content-box;
}
.main_content div{
	unicode-bidi: isolate;
}
.main_content img{
	vertical-align: inherit;
	width: inherit;
	height: inherit;
}

.main_content p{
	display: block;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	unicode-bidi: isolate;
	text-align: inherit;
}
.main_content ul,
.main_content ol{
	display: block;
	list-style-type: disc;
	margin-block-start: 1em;
	margin-block-end: 1em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
	/* padding-inline-start: 40px; */
	unicode-bidi: isolate;
	list-style: none;
}

#water a[id^="c"],
#interior  a[id^="c"],
#pack  a[id^="p"]{
	margin-top: -190px;
	padding-top: 190px;
	display: block;
}

main h1 {
	font-size: clamp(1.25rem, 0.976rem + 1.17vw, 2rem);/*22~32px(375~1400px)*/
	text-align: center;
	font-weight: normal;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-position: left center;
	letter-spacing: 0.05em;
	padding: 0 0;
	margin: 0 0;
}

main h1 span {
	font-size: 50%;
	color: #999999;
	letter-spacing: 0em;
}

/*
==========================================================
プライバシーポリシー
==========================================================
*/

#pv {
	margin-bottom: 100px;
	text-align: left;
}
#pv p.lead {
	margin-top: 36px;
	line-height: 1.5;
	margin-bottom: 26px;
	font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
}
#pv ol {
margin: 0 0;
padding: 0 0;
}


#pv ol li {
}
#pv ol li dl {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #444;
	padding-top: 20px;
	padding-bottom: 18px;
	margin: 0px;
}
#pv ol li dl dt {
	font-weight: bold;
	font-size: 110%;
	margin-left: 0px;
	margin-bottom: 10px;
}
#pv ol li dl dd {
	font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
	margin-left: 20px;
	line-height: 150%;
}
/*
==========================================================
サイトマップ
==========================================================
*/

#sitemap {
/*	margin-bottom: 100px;*/
	text-align: left;
}


#sitemap a:link, #sitemap a:visited, #sitemap a:active {
	text-decoration: none;
	color: #000;
}
#sitemap a:hover {
	text-decoration: underline;
}
#sitemap ul.root {
	margin-bottom: 100px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#sitemap ul.root li {
	font-size: 18px;
	padding-top: 34px;
	padding-bottom: 34px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-weight: normal;
	margin: 0px;
}


#sitemap ul.root li:before {
	content: "";
	display:inline-block;
	width: 18px;
	height: 18px;
	background-image: url("/images/subpage/sitemap_arrow.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size:contain;
	padding-right:30px;
	padding-left:0px;
	margin-top:-4px;
	vertical-align:middle;
}
#sitemap .root li .children {
	padding-left: 30px;
	margin: 0px;
}
#sitemap .root li dl {
	margin-left: 50px;
	margin-top: 20px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#sitemap .root li dl dt {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	background-image: url("/images/subpage/sitemap_arrow2.png");
	background-position: left center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
#sitemap .root li dl dd {
	padding-left: 40px;
	margin-bottom: 15px;
	line-height: 140%;
}

/*
==========================================================
アフターサービス
==========================================================
*/

#after h2 {
	font-size: 150%;
	margin-bottom: 30px;
}
#after dl {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#after dl dt {
	margin: 0px;
	padding: 0px;
}
#after dl dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#after dl dt img, #after dl dd img {
	height: auto;
	width: 100%;
}
/*
==========================================================
お問い合わせ・見積フォーム
==========================================================
*/

#mitsumori, #inquiry {
	margin-bottom: 50px;
}
#mitsumori .box {
	background-color: #C7ECFE;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#inquiry .box {
	background-color: #FEDEB5;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	overflow: hidden;
}
#mitsumori .box .inner, #inquiry .box .inner {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: -5px;
}
#mitsumori .formtop, #inquiry .formtop {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
#mitsumori .topimage, #mitsumori .topimage {
	margin-bottom: 30px;
}

/*
==========================================================
お問い合わせ・見積フォーム
==========================================================
*/

#mitsumori, #inquiry {
	margin-bottom: 50px;
}
#mitsumori .box {
	background-color: #C7ECFE;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#inquiry .box {
	background-color: #FEDEB5;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mitsumori .box .inner, #inquiry .box .inner {
	background-color: #FFF;
	padding-right: 20px;
	padding-bottom: 40px;
	padding-left: 20px;
	padding-top: 10px;
	margin-top: -5px;
}
#mitsumori .formtop, #inquiry .formtop {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
}
#mitsumori .topimage, #mitsumori .topimage {
	margin-bottom: 30px;
}
#example ul li a .ph img {
	width: 100%;
}
main #banner #sample01 .column {
	margin-top: 120px;
}
main #banner #sample01 .column ul {
	margin-left: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}




/*
==========================================================
お役立ち情報
==========================================================
*/

#useful {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
#useful ul {
	margin: 0px;
	padding: 40px;
	list-style-type: none;
	overflow: hidden;
	border: 2px solid #E94C1E;
	background-color: #FFFBF5;
}
#useful ul li {
	margin-bottom: 20px;
	font-size: 24px;
	overflow: hidden;
	line-height: 80px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #E74D2A;
	text-align: left;
	padding-bottom: 20px;
}
#useful ul li a {
	position: relative;
	display: inline-block;
	transition: .3s;
	text-decoration: none;
	color: #000;
}
#useful ul li a::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 0;
	height: 1px;
	background-color: #2ecc71;
	transition: .3s;
}
#useful ul li a:hover::after {
	width: 100%;
}
#useful ul li a img {
	vertical-align: middle;
	margin-right: 20px;
}
#usefulconte {
	background-color: #FFFBF5;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}
#usefulconte p {
	font-size: 14px;
	line-height: 1.8em;
	text-align: left;
	margin-bottom: 30px;
}
#usefulconte h2 {
	font-size: 18px;
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
}
.drawer.drawer--top #wrap {
	background-color: #FFF;
	margin-top: -20px;
	padding-top: 20px;
}
#owner_reform .pageback {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
}
#owner_reform .pageback a:link, #owner_reform .pageback a:visited, #owner_reform .pageback a:active {
	color: #333;
	text-decoration: none;
}
#owner_reform .pageback a:hover {
	color: #999;
	text-decoration: underline;
}
#top_message {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#top_message2 {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	padding-left: 14%;
padding-right: 14%;
}


/*=======会社案内・支店のご案内 230525=======*/

#company #branch {
	margin-top: 50px;
}

#company #branch h2 {
	font-size: 28px;
	line-height: 1.8;
	font-weight: normal;
}

#company #branch h2 span {
	font-size: 16px;
	color: #999999;
}

#company #branch ul {
	padding-left: 0;
}

#company #branch ul li:not(:first-of-type) {
	margin-top: 50px;
}

#company #branch h3,
#company #branch p {
	text-align: left;
}

#company #branch h3 {
	padding-bottom: .75em;
	border-bottom: 1px solid #000;
}

#company #branch p {
	margin-left: 1em;
	font-size: 14px;
}

#company #branch p a {
	display: inline-block;
	margin-right: 1em;
}

#company #branch ul li .map {
	width: 100%;
	aspect-ratio: 3/2;
	box-sizing: border-box;
}

#company #branch ul li .map iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*
==========================================================
PC設定
==========================================================
*/
@media all and (min-width:769px) {
/*===============リフォームメニュー　新===============================*/



section #reformmenu {
	background-color: #FFF;
padding:  0 0;
margin:  0 0;
position: relative;
}



section #reformmenu  p.title {
	margin-bottom: 20px;
}


section #reformmenu ul.menu {
	overflow: hidden;
	margin: 0 0;
	padding: 0 0;
}

section #reformmenu ul.menu li {
width: 48%;
	float: left;
	margin-right: 4%;
}


section #reformmenu ul.menu li:nth-child(2n) {
	margin-right: 0;
}


section #reformmenu ul.menu li a img {
width: 100%;
height: auto;
}

/*＝＝＝＝＝＝＝＝＝＝＝ブログサイドに移動＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*====================変更======================*/

.topics {
/*	margin: 0px;*/
	padding: 0px;
/*	float: right;*/
		width: 100%;;
	background-color: #FFF;
	overflow: hidden;
	border: 2px solid #F14900;
	box-sizing: border-box;
	margin-bottom: 15px;
}




.topics .inner {
	padding: 15px !important;
	overflow: auto;
/*	height: 355px;*/
		/*height: 560px;*/
			height: 300px;
}


.topics .inner dl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	overflow: hidden;
	display: block;
}



.topics p {
color: #fff;
background-color: #F14900;
display: block;
padding-top: 6px;
padding-bottom: 4px;
font-size: 13px;
margin: 0 0;
}


.topics p a {
color: #fff;
font-weight: bold;
text-decoration: none;
}


/*====================変更======================*/




.topics .inner dl dt {
	background-color: #FFF;
	width: 100%;
	font-size: 80%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 150%;
	text-align: left;
}

/*====================変更======================*/



/*====================変更======================*/



.topics .inner dl a dd {
	text-align: left;
	font-size: 80%;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}
.topics .inner dl a:link, .topics .inner dl a:visited, .topics .inner dl a:active {
	color: #000;
	text-decoration: none;
}
.topics .inner dl a:hover {
	color: #000;
	text-decoration: underline;
}


/*====================変更======================*/



/*＝＝＝＝＝＝＝＝＝＝＝ブログサイドに移動　終了＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/





/*====================ブログ専用一覧ページ======================*/

#topics_detail {
	padding: 0px;
		width: 100%;;
	background-color: #FFF;
	overflow: hidden;
	box-sizing: border-box;
	margin-bottom: 15px;
}




#topics_detail .inner {
	padding: 15px;
}


#topics_detail .inner dl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	overflow: hidden;
	display: block;
}

/*====================変更======================*/




#topics_detail .inner dl dt {
	background-color: #FFF;
	width: 100%;
	font-size: 80%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 150%;
	text-align: left;
}

/*====================変更======================*/



/*====================変更======================*/



#topics_detail.inner dl a dd {
	text-align: left;
	font-size: 80%;
	line-height: 140%;
	margin: 0px;
	padding: 0px;
}
#topics_detail .inner dl a:link, .topics .inner dl a:visited, .topics .inner dl a:active {
	color: #000;
	text-decoration: none;
}
#topics_detail .inner dl a:hover {
	color: #000;
	text-decoration: underline;
}


/*====================変更======================*/



/*＝＝＝＝＝＝＝＝＝＝＝ブログサイドに移動　終了＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


/*
==========================================================
コンテンツ（施工例）
==========================================================
*/

#example .example_menu {
	padding: 0px;
	margin-top: 0px;
/*	margin-right: -42px;*/
	margin-bottom: 40px;
	margin-left: 0px;
	overflow: hidden;
}



#example .example_menu a {
	display: inline-block;
	float: left;
	box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	o-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-moz-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-webkit-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	background:#ffc98f;
	background:-o-linear-gradient(90deg, #ffc98f, #f70808);
	background:-moz-linear-gradient( center top, #ffc98f 5%, #f70808 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc98f), color-stop(1, #f70808) );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc98f', endColorstr='#f70808');
	background:-webkit-linear-gradient(#ffc98f, #f70808);
	background:-ms-linear-gradient(#ffc98f, #f70808);
	background:linear-gradient(#ffc98f, #f70808);
	text-indent:0px;
	line-height:30px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:20px;
	color:#ffffff;
	width:30%;
	height:30px;
	padding-top: 13px;
	padding-bottom: 13px;
	text-shadow:#c7451a 0px 1% 0px;
	border-color:#ffffff;
	border-width:3px;
	border-style:solid;
	text-decoration:none;
		margin-right: 3.5%;
	margin-bottom: 20px;
}


#example .example_menu a:nth-child(3n) {
margin-right: 0;
}



#example .example_menu a:hover {
	box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	o-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-moz-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-webkit-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	background:#e82525;
	background:-o-linear-gradient(90deg, #e82525, #cc0606);
	background:-moz-linear-gradient( center top, #e82525 5%, #cc0606 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e82525), color-stop(1, #cc0606) );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e82525', endColorstr='#cc0606');
	background:-webkit-linear-gradient(#e82525, #cc0606);
	background:-ms-linear-gradient(#e82525, #cc0606);
	background:linear-gradient(#e82525, #cc0606);
}



#example .example_menu a.active {
	box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	o-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-moz-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-webkit-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	background:#e82525;
	background:-o-linear-gradient(90deg, #e82525, #cc0606);
	background:-moz-linear-gradient( center top, #e82525 5%, #cc0606 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e82525), color-stop(1, #cc0606) );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e82525', endColorstr='#cc0606');
	background:-webkit-linear-gradient(#e82525, #cc0606);
	background:-ms-linear-gradient(#e82525, #cc0606);
	background:linear-gradient(#e82525, #cc0606);
}





/*
==========================================================
メニューの追加に当たって、メニュー1つ上に変更しました　　コンテンツ（施工例）　demo_2_用　
==========================================================
*/


#example .example_menu_single {
	padding: 0px;
	margin-top: 0px;
/*	margin-bottom: 40px;*/
	margin-left: 0px;
	overflow: hidden;
}


#example .example_menu_single a {
	display: inline-block;
	float: none;
	box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	o-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-moz-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-webkit-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	background:#ffc98f;
	background:-o-linear-gradient(90deg, #ffc98f, #f70808);
	background:-moz-linear-gradient( center top, #ffc98f 5%, #f70808 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc98f), color-stop(1, #f70808) );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc98f', endColorstr='#f70808');
	background:-webkit-linear-gradient(#ffc98f, #f70808);
	background:-ms-linear-gradient(#ffc98f, #f70808);
	background:linear-gradient(#ffc98f, #f70808);
	text-indent:0px;
	line-height:30px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	font-size:20px;
	color:#ffffff;
	width:30%;
	height:30px;
		padding-top: 13px;
	padding-bottom: 13px;
	text-shadow:#c7451a 0px 1px 0px;
	border-color:#ffffff;
	border-width:3px;
	border-style:solid;
	text-decoration:none;
	margin-bottom: 20px;
}



#example .example_menu_single a:hover {
	box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	o-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-moz-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-webkit-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	background:#e82525;
	background:-o-linear-gradient(90deg, #e82525, #cc0606);
	background:-moz-linear-gradient( center top, #e82525 5%, #cc0606 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e82525), color-stop(1, #cc0606) );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e82525', endColorstr='#cc0606');
	background:-webkit-linear-gradient(#e82525, #cc0606);
	background:-ms-linear-gradient(#e82525, #cc0606);
	background:linear-gradient(#e82525, #cc0606);
}
#example .example_menu_single a.active {
	box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	o-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-moz-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	-webkit-box-shadow:inset #db8300 0px 5px 8px 0px, #e6e6e6 1px 3px 2px;
	background:#e82525;
	background:-o-linear-gradient(90deg, #e82525, #cc0606);
	background:-moz-linear-gradient( center top, #e82525 5%, #cc0606 100% );
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e82525), color-stop(1, #cc0606) );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e82525', endColorstr='#cc0606');
	background:-webkit-linear-gradient(#e82525, #cc0606);
	background:-ms-linear-gradient(#e82525, #cc0606);
	background:linear-gradient(#e82525, #cc0606);
}







/*
==========================================================
終了　　メニューの追加に当たって、メニュー1つ上に変更しました　　コンテンツ（施工例）　　demo_2_用　
==========================================================
*/












#example ul {
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: -40px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
}
#example ul li {
	float: left;
		height: 160px;
	width: 44%;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
	background-color: #FFF;
	padding: 10px;
	box-sizing: border-box;
	margin-right: 6%;
}




#example ul li a {
	display: block;
}



#example ul li a:nth-child(2n) {
margin-right: 0;
}





#example ul li a:link, #example ul li a:visited, #example ul li a:active {
	color: #000;
	text-decoration: none;
}
#example ul li a .ph {
	float: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 46%;
	overflow: hidden
}


#example ul li a .ph img {
width: 100%;
height: auto;
}





#example ul li dl {
	margin: 0px;
	float: right;
	width: 50%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
}
#example ul li dl dt {
	font-size: 80%;
	text-align: left;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	line-height: 140%;
	display: block;
}
#example ul li dl dd {
	font-size: 70%;
	line-height: 160%;
	text-align: left;
			overflow: hidden;
			margin: 0 0;
			padding: 0 0;
}

ul.pageNav {
	text-align: center;
	margin-bottom: 100px;
}
ul.pageNav li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}
ul.pageNav li span, ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	text-decoration: none;
	vertical-align: middle;
	background-color: #FFFFFF;
}
ul.pageNav li a:hover {
	color: #000;
	background: #ccf;
	border-color: #00f;
}
#example p, #example_detail p {
	font-size: 90%;
	text-align: left;
	padding-top: 20px;
	padding-bottom: 30px;
	line-height: 140%;
}
#example h2, #example_detail h2 {
	font-size: 28px;
	font-weight: normal;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#example_detail .imagebox .befor .title {
	font-size: 150%;
	margin: 0px;
	padding: 0px;
}
#example_detail .imagebox .after .title {
	font-size: 150%;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}
#example_detail {
	margin-bottom: 50px;
}
#example_detail .imagebox {
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#example_detail .imagebox .befor {
	float: left;
	margin-right: 20px;
	text-align: left;
	width: 35%;
}
#example_detail .imagebox .arrow {
	float: left;
	margin-right: 4%;
	width: 3%;
}
#example_detail .imagebox .after {
	float: left;
	text-align: left;
	width: 55%;
}
#example_detail .imagebox .befor span, #example_detail .imagebox .after span {
	font-size: 13px;
	text-align: left;
	line-height: 150%;
}
#example_detail .imagebox ul {
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#example_detail .imagebox ul li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
	width: 30%;
}
#example_detail .imagebox ul li a {
	display: block;
/*	width: 30%;*/
}


#example_detail .imagebox ul li:last-child {
	margin-right: 0;
}




#example_detail .imagebox .cap {
	text-align: left;
	line-height: 150%;
	margin: 0px;
	font-size: 90%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*
==========================================================
コンテンツ（お客様の声 一覧）
==========================================================
*/

#customer {
	margin-bottom: 50px;
}



/*#customer ul {
	padding: 0px;
	overflow: hidden;
	list-style-type: none;
	margin-top: 0px;
	margin-right: -60px;
	margin-bottom: 0px;
	margin-left: 0px;
}*/



#customer ul {
	padding: 0px;
	overflow: hidden;
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	   display:-webkit-box;
   display:-moz-box;
   display:-ms-box;
   display:-webkit-flexbox;
   display:-moz-flexbox;
   display:-ms-flexbox;
   display:-webkit-flex;
   display:-moz-flex;
   display:-ms-flex;
   display:flex;
   -webkit-box-lines:multiple;
   -moz-box-lines:multiple;
   -webkit-flex-wrap:wrap;
   -moz-flex-wrap:wrap;
   -ms-flex-wrap:wrap;
   flex-wrap:wrap;
}




/*#customer ul li {
	padding: 10px;
	width: 458px;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin-top: 0px;
	margin-left: 0px;
	display: inline-block;
	margin-right: 20px;
	vertical-align: top;
	margin-bottom: 20px;
}*/



#customer ul li {
	padding: 10px;
	width: 46%;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin-top: 0px;
	margin-left: 0px;
	display: inline-block;
	margin-right: 4%;
	vertical-align: top;
	margin-bottom: 20px;
	box-sizing: border-box;
}

#customer ul li:nth-child(2n) {
margin-right: 0;
}







#customer ul li .photo {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
}
#customer ul li .photo img {
	height: auto;
	width: 100%;
}
#customer ul li .title {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
#customer ul li .comment {
	font-size: 90%;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
}
#customer ul li .ubox {
	padding-top: 10px;
	overflow: hidden;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	clear: both;
}
#customer ul li .ubox .add {
	font-size: 90%;
	font-weight: normal;
	float: left;
	width: 40%;
	text-align: left;
}
#customer ul li .ubox .btn {
	font-size: 90%;
	color: #FFF;
	text-align: center;
	float: right;
	margin: 0px;
	padding: 0px;
	width: 40%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
	width: 100px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	background-color: #F60;
}
#customer ul li .btn:hover {
	background-color: #FC3;
}
/*
==========================================================
コンテンツ（お客様の声 詳細）
==========================================================
*/

#customer_detail h2 {
	font-size: 120%;
	text-align: left;
	font-weight: normal;
	margin-bottom: 30px;
}
#customer_detail section h3 {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF5C26;
	padding-left: 10px;
	margin-bottom: 20px;
	font-size: 120%;
	text-align: left;
	font-weight: normal;
}
#customer_detail .mainImage {
	margin-bottom: 20px;
}
#customer_detail section {
	margin-bottom: 50px;
	overflow: hidden;
}
#customer_detail section .mainphoto {
	margin-bottom: 20px;
}
#customer_detail section p {
	font-size: 90%;
	line-height: 160%;
	text-align: left;
}
#customer_detail .photo {
	width: 460px;
}
#customer_detail section .photo img {
	width: 100%;
}
#customer_detail .comment {
	float: left;
	width: 440px;
}
#customer_detail .left {
	float: left;
}
#customer_detail .right {
	float: right;
}
#customer_detail .full {
	float: none;
	width: 100%;
}
#customer_detail .btn {
	font-size: 90%;
	color: #FFF;
	text-align: center;
	width: 48%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
	width: 200px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	background-color: #F60;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#customer_detail .btn:hover {
	background-color: #FC3;
}
#customer_detail {
	margin-bottom: 100px;
}
#container .contact_ban {
	margin-bottom: 100px;
}
#container .contact_ban a {
	display: block;
	margin-bottom: 30px;
}
/*

==========================================================
トピックス詳細
==========================================================
*/

#topics {
	margin-bottom: 100px;
}
#topics h2 {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F27600;
	font-weight: normal;
}
#topics p {
	font-size: 90%;
	line-height: 160%;
	text-align: left;
	margin-bottom: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#topics ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: -40px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
}
#topics ul li {
	padding: 0px;
	float: left;
	height: auto;
	width: 460px;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#topics ul li img {
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}
#topics h2 span {
	display: block;
	float: right;
	font-size: 70%;
	padding-top: 10px;
}
/*
==========================================================
当社が選ばれる理由
==========================================================
*/

#reason {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#reason .topimage {
	margin-bottom: 20px;
}
#reason .topimage img {
	height: auto;
	width: 100%;
}

#reason ul.text {
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: -50px;
	margin-bottom: 30px;
	margin-left: 0px;
	font-size: 14px;
	line-height: 1em;
}


#reason ul.text li {
	float: left;
	width: 50%;
	font-size: 110%;
	line-height: 180%;
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
}
#reason ul.text li img {
	text-align: right;
	width: 80%;
	margin-left: 30px;
	margin-top: 30px;
}
#reason .box {
	margin-bottom: 50px;
}
/*
==========================================================
リフォームメニュー
==========================================================
*/

#reform_menu {
	margin-bottom: 50px;
}


#reform_menu ul {
	padding: 0px;
	margin-top: 0px;
/*	margin-right: -30px;*/
/*	margin-bottom: 50px;*/
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	grid-gap: 0 2%;
}


#reform_menu ul li {
    padding: 10px;
    min-height: 310px;
	width: 32%;
    margin-top: 0px;
    border: 3px solid #F87600;
	background-color:
    #FFFFF0;
    float: left;
    position: relative;
    box-sizing: border-box;
	margin-bottom: 20px;
}


#reform_menu ul li:nth-child(3n) {
margin-right: 0;
}



#reform_menu ul li .ph {
	margin-bottom: 10px;
}
#reform_menu ul li .ph img {
	height: auto;
	width: 100%;
}

#reform_menu ul li .title {
font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
color:
#F87600;
margin-bottom: 15px;
font-weight: normal;
line-height: 100%;
letter-spacing: -0.8px;
text-align: center;
}



#reform_menu ul li a {
	display: block;
	text-decoration: none;
}
#reform_menu ul li a .sub {
	font-size: 100%;
	line-height: 126%;
	color: #000;
	height: 80px;
	font-weight: normal;
	text-align: center;
}
#reform_menu ul li a .btn {
	font-size: 90%;
	color: #FFF;
	text-align: center;
/*	width: 40%;*/
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
	width: 90%;
/*	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;*/
	background-color: #F60;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*position: absolute;*/
/*	bottom: 10px;
	left: 30px;*/
}
#reform_menu ul li a .btn:hover {
	background-color: #FC3;
}


/*#reform_menu ul li a .sub2 {
	font-size: 100%;
	line-height: 160%;
	text-decoration: none;
	color: #000;
	height: 80px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
*/

#reform_menu ul li a .sub2 {
font-size: 80%;
line-height: 126%;
text-decoration: none;
color:
#000;
height: 80px;
text-align: left;
padding-right: 10px;
padding-left: 10px;
}



#reform_menu ul li a .sub3 {
	font-size: 13px;
	line-height: 150%;
	text-decoration: none;
	color: #000;
/*	height: 50px;*/
}
#reform_menu .topimage {
	margin-bottom: 50px;
}
#reform_menu .top {
	height: 290px;
	margin-bottom: 40px;
	background-image: url("/images/subpage/reform_menu_top_back.png");
	background-repeat: no-repeat;
	position: relative;
	padding-right: 15px;
	padding-left: 50px;
	width: 895px;
	padding-top: 70px;
}
#reform_menu .top a {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 0px;
	display: block;
}




/*#reform_menu .top2 {
	height: 290px;
	margin-bottom: 40px;
	background-image: url("/images/subpage/reform_menu_top_back2.png");
	background-repeat: no-repeat;
	position: relative;
	padding-right: 15px;
	padding-left: 50px;
	width: 895px;
	padding-top: 70px;
	margin-top: -5px;
}
*/


#reform_menu .top2 {
	/*height: auto;*/
	margin-bottom: 20px;
	background-image: url("/images/subpage/reform_menu_top_back2.png");
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
	width: 100%;
	height: 260px;
	overflow: hidden;
}




/*#reform_menu .top2 a {
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 15px;
	margin-left: 0px;
	display: block;
}*/


#reform_menu .top2 .top2_innner {
width: 94%;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}



#reform_menu .top2 .top2_innner a {
width: 30%;
	padding: 0px;
	float: left;
	margin-right: 5%;
}

#reform_menu .top2 .top2_innner a:nth-child(3n) {
	margin-right: 0;
}


#reform_menu .aimitsu {
	margin: 0px;
	padding: 0px;
}
#reform_menu .aimitsu .sp {
	display: none;
}


/*
==========================================================
リフォームメニュー用　追加
==========================================================
*/

main #reform_menu h1 {
	font-size: 250%;
	text-align: center;
	margin-bottom: 30px;
	font-weight: normal;
	padding-top: 8px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-position: left center;
	padding-left: 10px;
	letter-spacing: 0.05em;
 font-weight: bold;
}


main #reform_menu h1:before {
content: '';
display: inline-block;
width: 100px;
height: 100px;
background-image: url(/images/subpage/menu_onna.png);
background-size: contain;
vertical-align: -30px;
background-repeat: no-repeat;
}


main #reform_menu h1:after {
content: '';
display: inline-block;
width: 100px;
height: 100px;
background-image: url(/images/subpage/menu_otoko.png);
background-size: contain;
vertical-align: -33px;
background-repeat: no-repeat;

}


main #reform_menu h1 + p {
	font-size: 150%;
 	color: #F60;
	letter-spacing: 0em;
	text-align: center;
/* padding-bottom: 20px;*/
}




#reform_menu ul.halfsize {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}



/*#reform_menu ul.halfsize li {
	padding: 10px;
	height: 358px;
	width: 443px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 0px;
	border: 3px solid #F87600;
	background-color: #FFFFF0;
	float: left;
	position: relative;
 box-sizing: border-box;
}*/




#reform_menu ul.halfsize li {
	height: auto;
	width: 46%;
	margin-top: 0px;
	margin-right: 4%;
	margin-left: 0px;
	border: 3px solid #F87600;
	background-color: #FFFFF0;
	float: left;
	position: relative;
 box-sizing: border-box;
}



#reform_menu ul.halfsize li:last-child {
	margin-right: 0;
}




#reform_menu ul.halfsize li .ph {
	margin-bottom: 10px;
}
#reform_menu ul.halfsize li .ph img {
	height: auto;
	width: 80%;
}
#reform_menu ul.halfsize li .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	color: #F87600;
	margin-bottom: 15px;
	font-weight: normal;
	line-height: 80%;
	font-feature-settings : "palt";
}
#reform_menu ul.halfsize li a {
	display: block;
	text-decoration: none;
}



#reform_menu ul.halfsize li a .sub {
	font-size: 80%;
	color: #000;
	height: 90px;
	font-weight: normal;
	padding: 0 0;
	margin: 0 0;
	line-height: 1.4em;
}





#reform_menu ul.halfsize li a .btn {
	font-size: 90%;
	color: #FFF;
	text-align: center;
	width: 90%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
/*	width: 81%;*/
/*	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;*/
	background-color: #F60;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
/*	position: absolute;*/
/*	bottom: 10px;
	left: 30px;*/
}
#reform_menu ul.halfsize li a .btn:hover {
	background-color: #FC3;
}
#reform_menu ul.halfsize li a .sub2 {
	font-size: 100%;
	line-height: 120%;
	text-decoration: none;
	color: #000;
	height: 80px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
}
#reform_menu ul.halfsize li a .sub3 {
	font-size: 14px;
	line-height: 120%;
	text-decoration: none;
	color: #000;
	height: 50px;
}


/*
==========================================================
リフォームメニュー用　追加　終了
==========================================================
*/





/*
==========================================================
エクステリア
==========================================================
*/

#exterior .topimage {
	margin-bottom: 20px;
}
#exterior p {
	font-size: 90%;
	line-height: 160%;
	font-weight: normal;
	text-align: left;
}
#exterior .madori img {
	height: auto;
	width: 100%;
}
#exterior .topimage img {
	height: auto;
	width: 100%;
}
#exterior .madori {
	margin-bottom: 50px;
}
#exterior .orgbox {
	background-color: #FFDEB5;
	height: auto;
	padding: 15px;
	margin-bottom: 30px;
}
#exterior .orgbox .inner {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
}
#exterior .orgbox .inner .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	margin-bottom: 20px;
}
#exterior .orgbox .inner .title span {
	background-color: #FF7800;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	color: #FFF;
	margin-right: 15px;
	margin-left: -15px;
	font-size: 70%;
}
#exterior .orgbox .inner .title span b {
	font-size: 160%;
}
#exterior .orgbox .inner .comment {
	float: left;
	width: 60%;
}
#exterior .orgbox .inner .boximage {
	float: right;
	height: auto;
	width: 36%;
}
#exterior .orgbox .inner ul {
	clear: both;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#exterior .orgbox .inner ul li {
	text-align: center;
	width: 50%;
	float: left;
}
/*





==========================================================
新築プラス
==========================================================
*/

#pack .topimage {
	margin-bottom: 10px;
}


#pack .packmenu, #pack .packimage {
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



#pack .packmenu li, #pack .packimage li {
	padding: 0px;
	float: left;
	width: 33%;
	margin: 0px;
}




#pack .packmenu li img,
#pack .packimage li img {
	height: auto;
	width: 100%;
}

#pack h2 {
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FA7700;
}
#pack .orgbox {
	background-color: #FFDEB5;
	height: auto;
	padding: 15px;
	margin-bottom: 30px;
}
#pack .orgbox .inner {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
}
#pack .orgbox .bg1 {
	background-image: url("/images/subpage/pac1_bg1.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg2 {
	background-image: url("/images/subpage/pac1_bg2.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg3 {
	background-image: url("/images/subpage/pac1_bg3.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg4 {
	background-image: url("/images/subpage/pac1_bg4.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg5 {
	background-image: url("/images/subpage/pac1_bg5.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg6 {
	background-image: url("/images/subpage/pac1_bg6.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg7 {
	background-image: url("/images/subpage/pac1_bg7.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg8 {
	background-image: url("/images/subpage/pac1_bg8.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg9 {
	background-image: url("/images/subpage/pac1_bg9.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .bg10 {
	background-image: url("/images/subpage/pac1_bg10.png");
	background-position: right top;
	background-repeat: no-repeat;
}
#pack .orgbox .inner .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	margin-bottom: 0px;
	text-align: left;
	line-height: 140%;
/*	float: left;*/
	/*width: 750px;*/
	padding-top: 0px;
	width: 100%;
	text-shadow: 3px 3px 5px #fff;
}
#pack .orgbox .inner .plate {
	background-color: #FF7800;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	color: #FFF;
	margin-right: 15px;
	margin-left: -15px;
	font-size: 110%;
/*	width: 80px;*/
	width:30%;
/*	float: left;*/
	overflow: hidden;
}



#pack .orgbox .inner .plate b {
	font-size: 160%;
}
#pack .orgbox .inner .comment {
	float: left;
	width: 60%;
	text-align: left;
}



#pack .orgbox .inner .title span {
/*	font-size: 70%;*/
	font-size: 68%;
}




#pack .orgbox .inner .boximage {
	float: right;
	width: 150px;
}
#pack .orgbox .inner .boximage img {
	height: auto;
	width: 100px;
}
#pack .orgbox .inner .plate2 {
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	color: #FFF;
	margin-right: 15px;
	font-size: 120%;
	float: left;
	margin-top: -30px;
}
#pack .orgbox .inner .free {
	background-color: #E20000;
}
#pack .orgbox .inner .pay {
	background-color: #F7A52C;
}
#pack .orgbox .inner .icon {
	float: right;
	height: 70px;
	width: 70px;
}
#pack .price {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	list-style-type: none;
}



#pack .price li {
	text-align: center;
	/*float: left;*/
/*	width: 50%;*/
}


#pack .price li:nth-child(2n) {
margin-top: 20px;
}


#pack .price li p {
	font-size: 90%;
	line-height: 160%;
	text-align: left;
	padding-left: 4%;
		padding-right: 4%;
/*	padding-top: 20px;
	padding-bottom: 20px;*/
}



#pack .price li .pt {
	font-size: 120%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
/*	padding-right: 0px;*/
	padding-bottom: 0px;
/*	padding-left: 30px;*/
		padding-left: 4%;
		padding-right: 4%;
}
#pack .price li dl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	overflow: hidden;
}
#pack .price li dl dt {
	font-size: 100%;
	float: left;
	width: 20%;
}
#pack .price li dl span {
	font-size: 150%;
	color: #F30;
}
#pack .price li dl dd {
	font-size: 100%;
	float: left;
	width: 70%;
}
#pack .price li img {
	height: auto;
	width: 100%;
}
/*
==========================================================
アウター(下層メニュー)
==========================================================
*/

#outer2 h2 {
	font-size: 150%;
	color: #000;
	text-align: center;
	margin-bottom: 30px;
	font-weight: normal;
	padding-top: 8px;
	padding-bottom: 8px;
	border: 2px solid #F17723;
	background-color: #FEDDB7;
}
#outer2 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
}
#outer2 ul li {
	padding: 10px;
	height: 330px;
	width: 30%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 30px;
	margin-left: 0px;
	border: 1px solid #CCC;
	background-color: #FFF;
	float: left;
	position: relative;
	box-sizing: border-box;
}

#outer2 ul li:nth-child(3n) {
margin-right: 0;
}


#outer2 ul li .ph {
	margin-bottom: 10px;
}
#outer2 ul li .ph img {
	height: auto;
	width: 100%;
}
#outer2 ul li .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	color: #F87600;
	margin-bottom: 15px;
	font-weight: normal;
	line-height: 120%;
}
#outer2 ul li a {
	display: block;
	text-decoration: none;
}
#outer2 ul li a .sub {
	font-size: 90%;
	/*line-height: 110%;*/
	color: #000;
	height: 110px;
	font-weight: normal;
	line-height: 1.6em;
}
#outer2 ul li a .btn {
	font-size: 90%;
	color: #FFF;
	text-align: center;
	width: 40%;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
	width: 70%;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	padding-left: 15px;
	background-color: #F60;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: absolute;
	left: 15px;
	bottom: 10px;
}
#outer2 ul li a .btn:hover {
	background-color: #FC3;
}
#outer2 ul li a .sub2 {
	font-size: 90%;
	line-height: 160%;
	text-decoration: none;
	color: #000;
	height: 110px;
}
#outer2 ul li a .sub3 {
	font-size: 14px;
	line-height: 150%;
	text-decoration: none;
	color: #000;
	height: 75px;
}
/*
==========================================================
外壁塗装
==========================================================
*/

#paint h2 {
	background-image: url("/images/subpage/outer_paint_icon.png");
	background-position: left center;
	font-size: 150%;
	text-align: left;
	margin-bottom: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F27600;
	font-weight: normal;
	padding-left: 75px;
	height: 70px;
	line-height: 75px;
	background-repeat: no-repeat;
}
#paint .topimage {
	margin-bottom: 30px;
}
#paint .topimage img {
	height: auto;
	width: 100%;
}
#paint ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	/*margin-bottom: 40px;*/
	margin-left: 0px;
	overflow: hidden;
	list-style-type: none;
}
#paint ul li {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	float: left;
	width: 30%;
	margin-right: 5%;
}

#paint ul li:nth-child(7){
	margin-right: 0;
}


#paint ul li:nth-child(3n){
	margin-right: 0;
}

#paint ul li:nth-child(3n){
	margin-right: 0;
}





#paint ul li img {
	height: auto;
	width: 100%;
}
#paint ul li .title {
	font-size: 150%;
	line-height: 70px;
	text-align: center;
	color: #000;
	background-image: url("/images/subpage/outer_paint_img_back.png");
	background-position: center center;
}
#paint ul li p {
	font-size: 90%;
	line-height: 150%;
	text-align: left;
}
#paint .orgbox {
	background-color: #FFDEB5;
	height: auto;
	padding: 15px;
	margin-bottom: 30px;
}
#paint .orgbox .icon {
	width: 70px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #F47600;
	color: #FFF;
	padding-top: 20px;
	font-size: 90%;
	float: left;
	margin-right: 20px;
	margin-top: -20px;
}
#paint .orgbox .inner {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
	clear: both;
}
#paint .orgbox .inner .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	margin-bottom: 20px;
}
#paint .orgbox .icon span {
	font-size: 150%;
}
#paint .orgbox .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	line-height: 130%;
	margin-bottom: 20px;
}
#paint .orgbox .inner p {
	font-size: 100%;
	line-height: 150%;
	text-align: left;
}
#paint ul li .p2 {
	display: none;
}
/*
==========================================================
外壁塗装2
==========================================================
*/

#paint2 .topimage a {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
#paint2 .topimage ul {
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}
#paint2 .topimage ul li {
    float: left;
    margin-right: 3px;
    width: 33%;
}

#paint2 .topimage ul li:last-child {
margin-right: 0;
}




#paint2 h2 {
	background-image: url("/images/subpage/outer_paint2_icon.png");
	background-position: left center;
	font-size: 150%;
	text-align: left;
	margin-bottom: 20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F27600;
	font-weight: normal;
	padding-left: 75px;
	height: 70px;
	line-height: 75px;
	background-repeat: no-repeat;
}
#paint2 .box {
	margin-bottom: 30px;
	overflow: hidden;
}
#paint2 .box .c1block dl {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
}
#paint2 .box .c1block .right {
	float: right;
	width: 30%;
	margin-top: 30px;
	
	
	margin-left: 10px;
}
#paint2 .box .c1block dt {
	font-size: 150%;
	margin-bottom: 30px;
	line-height: 150%;
	width: 100%;
}
#paint2 .box .c1block dd {
	font-size: 100%;
	line-height: 160%;
	font-weight: normal;
}
#paint2 .box .c2block .title, #paint2 .box .c3block .title {
	background-image: url("/images/subpage/outer_paint2_icon2.png");
	background-position: left center;
	padding-left: 60px;
	font-size: 120%;
	text-align: left;
	height: 50px;
	line-height: 45px;
	margin-bottom: 20px;
	background-repeat: no-repeat;
}
#paint2 .box .c2block .lineup1 {
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 30px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
}
#paint2 .box .c2block .lineup1 li {
	float: left;
	width: 48%;
	margin-right: 4%;
	padding: 2%;
	margin-bottom: 30px;
	    box-sizing: border-box;
}

#paint2 .box .c2block .lineup1 li:nth-child(2n){
	margin-right: 0;
}



#paint2 .box .c2block .lineup1 .cl1 {
	background-color: #5883D6;
}
#paint2 .box .c2block .lineup1 .cl2 {
	background-color: #FF7800;
}
#paint2 .box .c2block .lineup1 .cl3 {
	background-color: #0A8C00;
}
#paint2 .box .c2block .lineup1 .cl4 {
	background-color: #CC3333;
}
#paint2 .box .c2block .lineup1 .sub, #paint2 .box .c2block .lineup2 .sub {
	background-color: #FFF;
	padding: 10px;
	font-size: 100%;
	line-height: 150%;
	text-align: left;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}
#paint2 .box .c2block .lineup1 .kind {
	font-size: 200%;
	color: #FFF;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
#paint2 .box .c2block .lineup1 .kind span {
	font-size: 50%;
}
#paint2 .box .c2block .lineup1 .cate, #paint2 .box .c2block .lineup2 .cate {
	font-size: 100%;
	background-color: #FFF;
	line-height: 180%;
	text-align: left;
	padding: 10px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
}
#paint2 .box .c2block .lineup2 {
	clear: both;
	margin-right: 0px;
	margin-bottom: 30px;
	list-style-type: none;
	overflow: hidden;
}
#paint2 .box .c2block .lineup2 li {
padding: 2%;
float: left;
width: 48%;
box-sizing: border-box;
margin-right: 4%;
height: 240px;
}

#paint2 .box .c2block .lineup2 li:last-child {
margin-right: 0;
}



#paint2 .box .c2block .lineup1 .cl3 {
	background-color: #0A8C00;
}
#paint2 .box .c2block .lineup2 .cl4 {
	background-color: #00D9D9;
}
#paint2 .box .c2block .lineup2 .cl5 {
	background-color: #9B0100;
}
#paint2 .box .c2block .lineup2 .kind {
	font-size: 200%;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFF;
}
#paint2 .box .c3block .inner {
	padding: 20px;
	background-color: #006DB5;
}
#paint2 .box .c3block .inner .kind {
	font-size: 200%;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 20%;
	text-align: center;
	color: #FFF;
}
#paint2 .box .c3block .inner .sub {
	font-size: 100%;
	line-height: 150%;
	color: #FFF;
	float: left;
	width: 78%;
	text-align: left;
	margin-bottom: 20px;
}
#paint2 .box .c3block .inner ul {
	overflow: hidden;
	list-style-type: none;
	clear: both;
	margin: 0 0;
padding: 0 0;
}
#paint2 .box .c3block .inner ul li {
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px;
}
#paint2 .box .c3block .inner ul li .att {
	background-color: #FFF;
	float: right;
	width: 90%;
	padding: 10px;
	font-size: 100%;
	line-height: 180%;
	margin-bottom: 20px;
}
#paint2 .box .c3block .inner ul li .att2 {
	width: 90%;
	text-align: left;
	padding: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	color: #FFF;
	line-height: 180%;
	font-size: 13px;
}
#paint2 .box .c3block .inner ul li .att2 img {
	margin-right: 20px;
}
#paint2 h2 span {
	font-size: 60%;
}
#paint2 .orgbox {
	background-color: #FFDEB5;
	height: auto;
	padding: 15px;
	margin-bottom: 30px;
	margin-top: 20px;
}
#paint2 .orgbox .inner {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
}
#paint2 .orgbox .inner .mark {
	background-color: #F1491C;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	color: #FFF;
	margin-right: 15px;
	margin-left: -15px;
	font-size: 90%;
	float: left;
}
#paint2 .orgbox .inner .mark b {
	font-size: 160%;
	margin-left: 5px;
}
#paint2 .inner .title {
	font-size: 180%;
	margin-bottom: 30px;
	text-align: left;
	margin-top: 10px;
}
#paint2 .orgbox .inner .comment {
	float: left;
	width: 60%;
	clear: both;
}
#paint2 .orgbox .inner .boximage {
	float: right;
	height: auto;
	width: 36%;
}
#paint2 .orgbox .inner ul {
	clear: both;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#paint2 .orgbox .inner ul li {
	text-align: center;
	width: 50%;
	float: left;
}
#paint2 .box .orgbox .inner .comment .cap {
	font-size: 120%;
	color: #FD7822;
	text-align: left;
	margin-bottom: 20px;
}
#paint2 .box .orgbox .inner .comment .contact {
	margin-top: 10px;
	margin-bottom: 20px;
}
#paint2 .box .orgbox .inner .comment .contact dl {
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#paint2 .box .orgbox .inner .comment .contact dl dt {
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#paint2 .box .orgbox .inner .comment .contact dl dd {
	text-align: left;
}
#paint2 .box .orgbox .inner .comment .promise {
	padding: 5px;
	border: 1px solid #FC0D1B;
}
#paint2 .box .orgbox .inner .comment .promise dl dt {
	float: left;
	width: 8%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#paint2 .box .orgbox .inner .comment .promise dl dd {
	font-size: 95%;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 10px;
}
#paint2 .box .orgbox .inner .comment .promise dl {
	overflow: hidden;
	width: 100%;
}
#paint2 .box .orgbox .inner .comment .cap2 {
	text-align: left;
	line-height: 150%;
}
#paint2 .box .orgbox .inner .comment .cap4 {
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#paint2 .box .orgbox .inner .comment .cap4 p {
	font-size: 100%;
	line-height: 140%;
	text-align: left;
}
#paint2 .box .orgbox .inner .comment .cap3 {
	line-height: 140%;
	text-align: left;
	color: #FC291C;
}
#paint2 .box .orgbox .inner .comment .cap3 span {
	color: #000;
}
#paint2 .box .orgbox .inner .comment .cap5 {
	text-align: left;
	font-size: 100%;
}
#paint2 .box .orgbox .inner .comment .cap5 img {
	margin-top: 5px;
}
#paint2 .box .orgbox .inner .comment .flow dl {
	overflow: hidden;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FD7822;
}
#paint2 .box .orgbox .inner .comment .flow dl dt {
	font-size: 120%;
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FD7822;
	float: left;
	width: 15%;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
	color: #FFF;
	margin-right: 20px;
}
#paint2 .box .orgbox .inner .comment .flow dl dd {
	text-align: left;
	font-size: 110%;
	margin-top: 5px;
}
#paint2 .box .c5block .orgbox .inner .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF7800;
	text-indent: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}






#paint2 .box .c5block .orgbox .inner .case dl dt {
	margin-bottom: 10px;
	text-align: center;
	width: 20%;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
}



#paint2 .box .c5block .orgbox .inner .case dl .cll {
	background-color: #eee;
}
#paint2 .box .c5block .orgbox .inner .case dl .clr {
	background-color: #FFCCCC;
}
#paint2 .box .c5block .orgbox .inner .case .arrow2 {
	float: left;
}
#paint2 .box .c5block .orgbox .inner .outline {
	clear: both;
	margin-top: 20px;
}
#paint2 .box .c5block .orgbox .inner .case {
	overflow: hidden;
	margin-bottom: 20px;
}
#paint2 .box .c5block .orgbox .inner .outline .ol1 {
	font-size: 120%;
	color: #FD7822;
	margin-bottom: 10px;
}
#paint2 .box .c5block .orgbox .inner .outline .ol2 .price {
	color: #C00;
	font-size: 180%;
	margin-right: 10px;
}
#paint2 .box .c5block .orgbox .inner .outline .ol2 .red {
	color: #C00;
}






/*
==========================================================
屋根リフォーム（種類）
==========================================================
*/

#roof1 {
	margin-bottom: 50px;
}
#roof1 h3 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #F27600;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	padding-left: 10px;
}
#roof1 .box {
	margin-bottom: 30px;
	overflow: hidden;
}
#roof1 .box ul {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	list-style-type: none;
}
#roof1 .box ul li {
	float: left;
	width: 50%;
	margin: 0px;
	padding: 0px;
}
#roof1 .box ul li img {
	float: right;
	width: 90%;
	height: auto;
}
#roof1 .box ul li dl {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#roof1 .box ul li dl dt {
	padding-top: 5px;
/*	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;*/
	margin-bottom: 20px;
	width: 100%;
	text-align: center;
	font-size: 120%;
}
#roof1 .box ul li dl .red {
	background-color: #E4453A;
	color: #FFF;
}
#roof1 .box ul li dl dd {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 150%;
}
#roof1 .box ul .end {
	clear: both;
	width: 100%;
}
#roof1 .box ul .end dl .white {
	background-color: #FFF;
	border: 1px solid #E4453A;
	color: #E4453A;
	width: 10%;
}
/*
==========================================================
屋根リフォーム（費用）
==========================================================
*/

#roof2 .topimage {
	margin-bottom: 50px;
}
#roof2 .box {
	margin-bottom: 30px;
}
#roof2 h2 {
	width: 150%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F27600;
	font-size: 150%;
	text-align: left;
	padding-left: 10px;
}
#roof2 .box p {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	line-height: 150%;
}
#roof2 .box .kind {
	list-style-type: none;
	overflow: hidden;
	padding: 20px;
	background-color: #FFA742;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#roof2 .box .kind li {
	padding: 0px;
	float: left;
	width: 30%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
}

#roof2 .box .kind li:last-child {
	margin-right: 0;
}




#roof2 .box .arrow {
	width: 70%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	position: relative;
	z-index: 100;
}
#roof2 .box .arrow img {
	height: auto;
	width: 100%;
}
#roof2 .box .orgbox {
	position: relative;
	z-index: -100;
	margin-top: -20px;
	background-color: #FFA64D;
	padding: 20px;
}
#roof2 .box .orgbox dl {
	color: #FFF;
	text-align: left;
	margin-bottom: 10px;
}
#roof2 .box .orgbox dl dd {
	font-size: 180%;
}
#roof2 .box .orgbox .inner {
	padding: 15px;
	background-color: #FFF;
	margin-bottom: 30px;
}
#roof2 .box .orgbox .inner ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
}
#roof2 .box .orgbox .inner ul li {
	padding: 0px;
	float: left;
	width: 30%;
	margin-top: 0px;
	margin-right: 5%;
	margin-bottom: 0px;
	margin-left: 0px;
}


#roof2 .box .orgbox .inner ul li:last-child {
	margin-right: 0;
}




/*
==========================================================
水廻り・室内共通
==========================================================
*/

#water .topimage img, #interior .topimage img {
	margin-bottom: 1rem;
}

#water .topimage a, #interior .topimage a {
/*	display: inline-block;*/
	margin: 0px;
	padding: 0px;
}
#water .topimage ul, #interior .topimage ul {
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	display: flex;
	justify-content: space-between;
}

#water .topimage ul li, #interior .topimage ul li {
	width: 33%;
}



#water .topimage ul li a img , #interior .topimage ul li a img {
width: 100%;
height: auto;
}




#water h2, #interior h2 {
	background-image: url("/images/subpage/water_icon.png");
	background-position: left center;
	font-size: clamp(1.25rem, 0.976rem + 1.17vw, 2rem);/*22~32px(375~1400px)*/
	text-align: left;
	margin-bottom: 30px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #F27600;
	font-weight: normal;
	padding-left: 75px;
	line-height: 1.5;
	color: #EE4A2A;
	background-repeat: no-repeat;
}
#water .flow, #interior .flow {
	margin-bottom: 50px;
	text-align: center;
}
#water .flow .orgbox, #interior .flow .orgbox {
	background-color: #F44800;
	height: auto;
	padding: 15px;
	margin-bottom: 10px;
	margin-top: 10px;
	overflow: hidden;
}
#water .flow .orgbox .inner, #interior .flow .orgbox .inner {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
}
#water .flow .orgbox .inner .mark, #interior .flow .orgbox .inner .mark {
	background-color: #F1491C;
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 10px;
	padding-left: 40px;
	color: #FFF;
	margin-right: 15px;
	margin-left: -15px;
	font-size: 90%;
	float: left;
}
#water .flow .orgbox .inner .mark b, #interior .flow .orgbox .inner .mark b {
	font-size: 160%;
	margin-left: 5px;
}
#water .flow .orgbox .inner .title, #interior .flow .orgbox .inner .title {
	font-size: clamp(1.125rem, 0.896rem + 0.98vw, 1.75rem);/*18~25px(375~1400px)*/
	margin-bottom: 30px;
	text-align: left;
	margin-top: 10px;
}
#water .flow .orgbox .inner .comment, #interior .flow .orgbox .inner .comment {
	float: left;
	width: 55%;
	font-size: 100%;
	line-height: 140%;
	text-align: left;
	clear: both;
}
#water .flow .orgbox .inner .boximage, #interior .flow .orgbox .inner .boximage {
	float: right;
	height: auto;
	width: 40%;
}
#water .flow .orgbox .inner .boximage img, #interior .flow .orgbox .inner .boximage img {
	width: 100%;
}
#water .flow .orgbox .inner ul, #interior .flow .orgbox .inner ul {
	clear: both;
	list-style-type: none;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#water .flow .orgbox .inner ul li, #interior .flow .orgbox .inner ul li {
	text-align: center;
	width: 50%;
	float: left;
}
#water .flow .orgbox .inner .comment span, #interior .flow .orgbox .inner .comment span {
	font-size: 110%;
	color: #FD7822;
}
#water .point, #interior .point {
	margin-bottom: 50px;
}
#water .point .orgbox, #interior .point .orgbox {
	background-color: #F1491C;
	height: auto;
	padding: 15px;
	margin-bottom: 30px;
}
#water .point .orgbox .icon, #interior .point .orgbox .icon {
	width: 70px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #EE4A2A;
	color: #FFF;
	padding: 10px 0;
	font-size: 90%;
	float: left;
	margin-right: 20px;
	margin-top: -20px;
	border: 2px solid #FFF;
	text-align: center;
}
#water .point .orgbox .inner, #interior .point .orgbox .inner {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
	clear: both;
}
#water .point .orgbox .inner .title, #interior .point .orgbox .inner .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	margin-bottom: 20px;
}
#water .point .orgbox .icon span, #interior .point .orgbox .icon span {
	font-size: 150%;
}
#water .point .orgbox .title, #interior .point .orgbox .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	line-height: 130%;
	margin-bottom: 20px;
	color: #FFF;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
#water .point .orgbox .inner p, #interior .point .orgbox .inner p {
	font-size: 100%;
	line-height: 150%;
	text-align: left;
}
#water .point ul li .p2, #interior .point ul li .p2 {
	display: none;
}
#water .point .orgbox .inner p img, #interior .point .orgbox .inner p img {
	margin-left: 30px;
}
/*
==========================================================
緊急時の対応
==========================================================
*/

#emergency .top {
	margin-bottom: 50px;
}
#emergency .top img {
	height: auto;
	width: 100%;
}
#emergency .tbl {
	background-color: #F44800;
	padding: 15px;
	margin-bottom: 50px;
}




#emergency .tbl .title {
	font-size: 30px;
	color: #FFF;
/*	margin-bottom: 10px;*/
}




#emergency .tbl .title img {
	vertical-align: bottom;
	margin-right: 20px;
	max-width: 67px;
	width: 10%;
}
#emergency .tbl .inner {
	background-color: #FFF;
	padding: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	overflow: hidden;
}


#emergency .tbl .inner ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
}



#emergency .tbl .inner ul li {
	padding: 0px;
	float: left;
	width: 48%;
	margin-top: 0px;
	margin-right: 4%;
	margin-bottom: 0px;
	margin-left: 0px;
}


#emergency .tbl .inner ul li:nth-child(2n) {
	margin-right: 0;
}



#emergency .tbl .inner ul li dl {
	margin: 0px;
	padding: 0px;
}


#emergency .tbl .inner ul li dl dt {
	font-size: 100%;
	line-height: 36px;
	color: #FFF;
	background-color: #FF4D46;
	text-align: center;
	margin-bottom: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#emergency .tbl .inner ul li dl dd {
	margin-bottom: 10px;
	text-align: left;
	font-size: 90%;
	line-height: 1.5em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}


#emergency .tbl .inner ul li dl dd img {
width: 100%;
height: auto;
}




#emergency .tbl .sub {
	font-size: 120%;
	color: #FFF;
	text-align: center;
}
#emergency .reason {
	margin-bottom: 50px;
	background-color: #F14900;
	padding: 15px;
}
#emergency h2 {
	font-size: 150%;
	text-align: left;
	margin-bottom: 10px;
}
#emergency h2 img {
	vertical-align: middle;
	margin-right: 20px;
}
#emergency .reason .inner {
	background-color: #FFF;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}


#emergency .reason .inner .left {
	margin: 0px;
/*	float: left;*/
/*	width: 560px;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
}




#emergency .reason .inner .left .box {
	margin-bottom: 25px;
	overflow: hidden;
	display: flex;
}


#emergency .reason .inner .left .box:last-child {
	margin-bottom: 0px;
}




#emergency .reason .inner .left .box .num {
	padding: 0px;
	float: left;
	height: 62px;
	width: 62px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#emergency .reason .inner .left .box dl {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 470px;
}
#emergency .reason .inner .left .box dl dt {
	font-size: 150%;
	font-weight: bold;
	color: #000;
	text-align: left;
	margin-bottom: 5px;
}


#emergency .reason .inner .left .box dl dd {
	text-align: left;
	font-size: 90%;
	line-height: 1.5em;
	margin:  0 0;
}




#emergency .reason .inner .right {
	/*float: right;*/
	padding: 0px;
	/*margin-top: 120px;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
}



#emergency .flow {
	margin-bottom: 50px;
}
#emergency .area {
	margin-bottom: 50px;
}
#emergency .flow img {
	width: 100%;
	height: auto;
}
#emergency .area img {
	width: 100%;
	height: auto;
}
/*
==========================================================
よくある質問
==========================================================
*/


#qa {
	background-color: #FFF;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	/*padding: 30px;*/
	margin-bottom: 50px;
}



#qa h2 {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	margin-bottom: 30px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E84C1E;
	font-weight: normal;
	color: #000000;
	padding-bottom: 10px;
}
#qa dl {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E64D2A;
	height: auto;
	overflow: hidden;
}
#qa dl dt {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	text-align: left;
	font-weight: bold;
	font-size: 95%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#qa dl dt span {
	color: #E64D2A;
	line-height: 150%;
	margin-right: 10px;
}
#qa dl dd {
	line-height: 160%;
	text-align: left;
	font-size: 95%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-left: clamp(0.5rem, 0.134rem + 1.56vw, 1.5rem);/*8~24px(375~1400px)*/
}
#qa dl dd span {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	color: #FFF;
	background-color: #E64D2A;
	margin-right: 15px;
	border-radius: 100%;
	aspect-ratio: 1/1;
	padding: 6px 10px ;
}
#qa .mb {
	margin-bottom: 50px;
}
/*
==========================================================
会社案内
==========================================================
*/

#company {
	margin-bottom: 50px;
	position: relative;
}
#company table.ol {
	width: 100%;
	font-size: 14px;
	border-collapse:collapse;
	margin-bottom: 40px;
}
#company .ol tr th {
	width: 25%;
	text-align: left;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	vertical-align: middle;
}
#company .ol tr td {
	padding: 10px;
	text-align: left;
	line-height: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
#company .gmap {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	padding-top: 30px;
}
#company .gmap iframe, #company .gmap object, #company .gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#company .map {
	border: 1px solid #CCC;
	padding: 10px;
	background-color: #FFF;
}

/*
==========================================================
リフォームの費用
==========================================================
*/

#reform_price {
	margin-bottom: 50px;
}
#reform_price .orgbox {
	margin-top: 30px;
	background-color: #EE4A2A;
	padding: 15px;
}
#reform_price .orgbox .inner {
	padding: 15px;
	background-color: #FFF;
}
#reform_price .orgbox .inner .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	text-indent: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EB4B33;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 150%;
	border-top-style: none;
}

#reform_price .orgbox .inner .case + p {
text-align: left;
}


#reform_price .orgbox .inner .case dl {
	overflow: hidden;
	width: 45%;
	float: left;
}

#reform_price .orgbox .inner .case dl + p {
width: 10%;
float: left;
}

#reform_price .orgbox .inner .case dl + p img {
width: 100%;
height: auto;
padding-top: 40px;
}


#reform_price .orgbox .inner .case dl dt {
	margin-bottom: 10px;
	text-align: center;
	width: 20%;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
}
#reform_price .orgbox .inner .case dl .cll {
	background-color: #eee;
	width: 50%;
}
#reform_price .orgbox .inner .case dl .clr {
	background-color: #FFCCCC;
	width: 50%;
}


#reform_price .orgbox .inner .case dl dd {
margin:  0 0;
padding:  0 0;
}



/*#reform_price .orgbox .inner .case .arrow2 {
	float: left;
	margin-top: 80px;
}*/



#reform_price .orgbox .inner .outline {
	clear: both;
	margin-top: 10px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
#reform_price .orgbox .inner .case {
	overflow: hidden;
	margin-bottom: 0px;
}
#reform_price .orgbox .inner .outline .ol1 {
	font-size: 120%;
	color: #EB4B33;
	margin-bottom: 10px;
	float: left;
	margin-top: 15px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 100%;
}
#reform_price .orgbox .inner .outline .ol2 .price {
	color: #C00;
	font-size: 180%;
	margin-right: 10px;
}
#reform_price .orgbox .inner .outline .ol2 .red {
	color: #333;
	margin-left: 10px;
}
#reform_price .orgbox .inner .title span {
	font-size: 80%;
}
#reform_price .orgbox .inner .outline .ol2 {
	text-align: left;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


/*#reform_price .orgbox .inner p {
	text-align: left;
	line-height: 150%;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	font-size: 90%;
	margin-top: 10px;
}*/


/*
==========================================================
法人・オーナー様へ
==========================================================
*/

#owner {
	margin-bottom: 50px;
}
#owner .topimage {
	margin-bottom: 30px;
}
#owner h2 {
	font-size: 150%;
	text-align: left;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #000;
	padding-left: 10px;
	margin-bottom: 20px;
	font-weight: normal;
}
#owner .box1 {
	margin-bottom: 50px;
}
#owner .box1 ul {
	margin-right: -30px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
}
#owner .box1 ul li {
	float: left;
	width: 260px;
	margin-right: 30px;
	background-color: #F74700;
	padding: 20px;
	color: #FFF;
	height: 240px;
}
#owner .box1 ul li .title {
	font-size: 120%;
	margin-bottom: 10px;
}
#owner .box1 ul li .ph {
	margin-bottom: 10px;
}
#owner .box1 ul li .cap {
	text-align: left;
	font-weight: normal;
}
#owner p {
	text-align: left;
	margin-bottom: 20px;
}
#owner .box2 {
	background-color: #FEE078;
	padding: 20px;
	margin-bottom: 30px;
}
#owner .box2 ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
}
#owner .box2 ul {
	margin-right: -32px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
}
#owner .box2 ul li {
	padding: 0px;
	float: left;
	width: 206px;
	margin-top: 0px;
	margin-right: 32px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
	background-color: #FFF;
	height: 230px;
}
#owner .box2 ul li .ph {
	margin-bottom: 10px;
}
#owner .box2 ul li .cap {
	text-align: center;
	font-size: 90%;
}
#owner .box2 ul li .cap span {
	font-size: 110%;
	font-weight: bold;
	line-height: 150%;
}
#owner .box3 {
}
#owner .box3 ul {
	padding: 0px;
	margin-top: 0px;
	margin-right: -40px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
}
#owner .box3 ul li {
	background-color: #FFFFFF;
	padding: 20px;
	float: left;
	width: 414px;
	overflow: hidden;
	margin-right: 40px;
	margin-bottom: 40px;
	border: 3px solid #6DA7B9;
}
#owner .box3 ul li .title {
	font-size: 110%;
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6DA7B9;
	width: 100%;
}
#owner .box3 ul li .title span {
	color: #396C7A;
	margin-right: 10px;
}
#owner .box3 ul li p {
	float: left;
	width: 40%;
	font-size: 90%;
	line-height: 1.8em;
}
#owner .box3 ul li .ph {
	text-align: right;
}
/*
==========================================================
法人向けリフォーム　1705リニューアル
==========================================================
*/


#cover {
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	overflow: hidden;
}

#cover .inner {
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	width: 100%;
}





#cover main .ownertop {
	width: 100%;
	margin-bottom: 40px;
	background-image: url("../owner/images/ownertop_bak.png");
	background-repeat: no-repeat;
	background-size:cover;
}
#cover main #owner .sekourei {
	background-color: #6FABBD;
	width: 100%;
	padding-top: 40px;
	padding-bottom: 40px;
	text-align: center;
}
#cover .owner_kitchen_top {
	background-image: url("../owner/images/mansion_kitchen_back.jpg");
	background-size:cover;
}


#cover .inner h2 {
	font-size: 25px;
	color: #000;
	text-align: left;
	text-indent: 15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #000;
	margin-bottom: 40px;
	margin-left: 3%;
}




#cover .inner dl {
	overflow: hidden;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#cover main .plus .inner dl dt {
	font-size: 24px;
	color: #FFF;
	background-color: #71ABBC;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 15px;
}

/*#cover main .plus .inner dl dd {
	font-size: 15px;
	line-height: 2.0em;
	text-align: left;
	width: 50%;
	float: left;
}
*/

#cover main .plus .inner dl dd {
	font-size: 15px;
	line-height: 2.0em;
	text-align: left;
	margin: 0 0;
	width: 46%;
	float: left;
	padding: 2%;
}




#cover main .plus .inner dl dd img {
	float: right;
	width: 100%;
height: auto;
}

#cover main .works {
	background-color: #6FABBD;
	overflow: hidden;
/*	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 40px;*/
}



#wrap #cover main .teian {
	margin-bottom: 80px;
}
#wrap #cover main .plus {
	margin-bottom: 80px;
}


#cover main .works .inner #main-nav ul li a img {
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	width: 100%;
	height: auto;
}





#owner .works {
	margin-bottom: 40px;
	background-color: #6FABBD;
	padding: 20px;
}


#owner h3 {
	font-size: 20px;
	line-height: 1.8em;
	border: 1px double #6FABBD;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 40px;
	font-weight: normal;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}




#owner .example {
	margin-bottom: 40px;
}
#owner .example h4 {
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 50px;
}



#owner .example ul {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	overflow: hidden;
}



#owner .example ul li {
	padding: 0px;
	float: left;
	width: 32%;
	margin-top: 0px;
	margin-right: 2%;
	margin-bottom: 20px;
	margin-left: 0px;
}

#owner .example ul li:nth-child(3n) {
	margin-right: 0;
}



#owner .example ul li dl {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}
#owner .example ul li dl dt {
	text-align: left;
	margin-bottom: 10px;
	line-height: 36px;
	font-size: 16px!important;
	color: #FFF!important;
	padding-left: 10px;
	height: 36px;
	background-color: #6EA9BB;
}
#owner .example ul li dl dd {
	margin-bottom: 5px;
	font-size: 13px;
	text-align: left;
	line-height: 1.5em;
	height: 36px;
	margin: 0 0;
}
#owner .example ul li .more {
	font-size: 14px;
	color: #70ABBB;
	text-align: right;
	height: 36px;
}
#owner .example ul li a {
	text-decoration: none;
	display: block;
	color: #000;
}
#owner .example ul li a dl dd.photo {
	height: 120px;
/*	width: 100%;*/
	overflow: hidden;
}
#owner .example ul li a dl dd.photo img {
	height: auto;
	width: 100%;
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
#owner .example ul li a dl dd.photo img:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
#owner_reform {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	overflow: hidden;
}
#owner_reform .top {
	padding: 0px;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#owner_reform .mansion_01 {
	background-image: url("../owner/images/mansion_01_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .mansion_02 {
	background-image: url("../owner/images/mansion_02_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .mansion_03 {
	background-image: url("../owner/images/mansion_03_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .mansion_04 {
	background-image: url("../owner/images/mansion_04_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .shop_01 {
	background-image: url("../owner/images/shop_01_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .shop_02 {
	background-image: url("../owner/images/shop_02_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .shop_03 {
	background-image: url("../owner/images/shop_03_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .shop_04 {
	background-image: url("../owner/images/shop_04_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .office_01 {
	background-image: url("../owner/images/office_01_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .office_02 {
	background-image: url("../owner/images/office_02_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .office_03 {
	background-image: url("../owner/images/office_03_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .office_04 {
	background-image: url("../owner/images/office_04_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .office_05 {
	background-image: url("../owner/images/office_05_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .facility_01 {
	background-image: url("../owner/images/facility_01_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .facility_02 {
	background-image: url("../owner/images/facility_02_back.jpg");
	background-repeat: no-repeat;
	background-size:cover
}
#owner_reform .top .inner dl {
	padding: 0px;
	margin-top: 0px;
/*	margin-right: -3px;
	margin-bottom: 40px;*/
	margin-left: 0px;
}
#owner_reform .top .inner dl dt {
	margin: 0px;
	padding: 0px;
	/*height: 323px;*/
}


#owner_reform .top .inner dl dd {
	float: left;
	font-size: 32px;
	text-align: center;
	/*line-height: 60px;*/
	color: #FFF;
	/*margin-right: 3px;*/
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 46%;
margin-right: 2%;
margin-left: 2%;
}



#owner_reform .top .inner dl dd a {
	color: #FFF;
	text-decoration: none;
	display: block;
	/*height: 60px;
	width: 477px;*/
	background-color: #6CA7B9;
}
#owner_reform .top .inner dl dd a:hover {
	background-color: #5A8997;
}
#owner_reform .top.kitchen .inner dl dd a span {
	font-size: 12px;
	margin-left: 30px;
}
#owner_reform h2 {
	font-size: 30px;
	font-weight: normal;
	text-align: left;
	text-indent: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
}
#owner_reform .box {
	border: 3px solid #6EA7B8;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	behavior: url("https://www.replus-co.jp/css/border-radius.htc");
	overflow: hidden;
}
#owner_reform .box .text {
	float: left;
	width: 50%;
}
#owner_reform .box .photo {
	float: right;
	width: 50%;
	overflow: hidden;
}


#owner_reform .box .text h3 {
	font-size: 22px;
	font-weight: normal;
	text-align: left;
	margin-bottom: 30px;
	padding-right: 4%;
}
#owner_reform .box .text h3 span {
	background-color: #6AA7BA;
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	margin-right: 10px;
	padding-right: 10px;
	padding-left: 10px;
	color: #FFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 5px;
	padding-bottom: 2px;
}
#owner_reform .box .text p {
	font-size: 15px;
	line-height: 1.8em;
	text-align: left;
	padding-right: 4%;
}
#owner_reform .arrow {
	font-size: 24px;
	color: #6AA7BA;
	margin-bottom: 20px;
}
#owner_reform .box .text .strong {
	font-size: 18px;
	color: #C00;
	font-weight: bold;
	margin-bottom: 20px;
}
#owner_reform .orgbox {
	background-color: #69A7BB;
	height: auto;
	padding: 15px;
	margin-bottom: 30px;
}
#owner_reform .orgbox .icon {
	width: 70px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #91BCCE;
	color: #FFF;
	padding-top: 20px;
	font-size: 90%;
	float: left;
	margin-right: 20px;
	margin-top: -20px;
}
#owner_reform .orgbox .sub {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
	clear: both;
}
#owner_reform .orgbox .sub .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	margin-bottom: 20px;
}
#owner_reform .orgbox .icon span {
	font-size: 150%;
}
#owner_reform .orgbox .title {
	font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
	text-align: left;
	line-height: 130%;
	margin-bottom: 20px;
	color: #FFF;
}



#owner_reform .orgbox .sub p {
	font-size: 100%;
	line-height: 150%;
	text-align: left;
}



#owner_reform .orgbox .case {
	overflow: hidden;
	margin-bottom: 0px;
/*	padding-left: 40px;*/
}




#owner_reform .orgbox .case dl {
	overflow: hidden;
	width: 45%;
	float: left;
padding:  0 0;
margin:  0 0;
}


#owner_reform .orgbox .case dl + p {
display: inline-block;
width: 10%;
float: left;
padding-top: 30px;
}


#owner_reform .orgbox .case dl + p img {
width: 100%;
height: auto;
}






#owner_reform .orgbox .case dl dt {
	margin-bottom: 10px;
	text-align: center;
	width: 20%;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	-moz-border-radius-bottomleft: 50px;
}

#owner_reform .orgbox .case dl dd {
margin: 0 0;
}







#owner_reform .orgbox .case dl .cll {
	background-color: #eee;
	width: 50%;
}
#owner_reform .orgbox .case dl .clr {
	background-color: #CCAB95;
	width: 50%;
}


/*#owner_reform .orgbox .case .arrow2 {
	float: left;
	margin-top: 80px;
	margin-right: 20px;
}*/




#owner_reform .orgbox .sub .outline {
	clear: both;
	margin-top: 10px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
}
/*法人向けリフォームコンタクトバナー*/

.ownercontact {
	position: relative;
	margin-bottom: 50px;
}


/*.ownercontact .inner {
	margin-bottom: 80px;
	background-image: url("../owner/images/owner_contact_bak.jpg");
	height: 200px;
	position: relative;
}*/


.ownercontact .inner {
	margin-bottom: 80px;
	background-image: url("../owner/images/owner_contact_bak.jpg");
	height: 276px;
	position: relative;
}



/*.ownercontact .inner .tel {
	display: block;
	height: 40px;
	width: 345px;
	position: absolute;
	left: 356px;
	top: 128px;
}*/


.ownercontact .inner .tel {
	display: block;
	height: 40px;
	width: 50%;
	position: absolute;
 left: 6%;
 top: 200px;
}




/*.ownercontact .inner .mail {
	height: 50px;
	width: 204px;
	position: absolute;
	left: 731px;
	top: 122px;
}*/



.ownercontact .inner .mail {
    height: 50px;
    width: 40%;
    position: absolute;
    right: 3%;
    top: 196px;
}


br.none {
	display: none;
}
}
@media all and (max-width:980px) {
	#reform_menu ul li {
		width: 49%;
	}
}
/*
==========================================================
スマホ設定
==========================================================
*/
@media all and (max-width:768px) {
	img.max {
		height: auto;
		width: 100%;
	}
	/*===============追加===============*/
	.fixedban {
		display: none;
	}
	.fixedban2 {
		display: none;
	}
	.sp-none {
		display: none;
	}
	/*＝＝＝＝＝＝＝＝＝＝＝＝お客様の声＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	.customer {
		width: 100%;
		background-color: #FFF;
		overflow: hidden;
		border: 2px solid #F14900;
		box-sizing: border-box;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 0px;
	}
	.customer .inner {
		width: 96%;
		margin-left: auto;
		margin-right: auto;/*margin-bottom: 15px;*/
	}
	.customer .inner ul {
		overflow: hidden;
		margin: 0 0;
		padding: 0 0;
	}
	.customer .inner ul li {
		width: 100%;
		float: none;
		margin-right: 2%;/*margin-bottom: 4px;*/
	}
	.customer .inner ul li p {
		font-size: 15px;/*background-color: #FFCC33;*/
	/*background-color: #FF9933;*/
	/*padding-top: 2px;
	padding-bottom: 2px;*/
	}
	.customer .inner ul li dl {
		overflow: hidden;
		text-align: left;
	}
	.customer .inner ul li dl dt a {
		display: block;
	}
	.customer .inner ul li dl dt img {
		width: 100%;
		height: auto;
	}
	.customer .inner ul li dl dd {
		margin: 0 0;
		padding: 0 0;
		padding-left: 3%;
		padding-right: 3%;
		font-size: 13px;
		margin-top: 5px;
		line-height: 1.5em;
	}
	.customer .inner ul li dl dd a {
		color: #444444;
	}
	.customer .inner ul li dl dd a:hover {
		text-decoration: none;
		color: #FF6600;
	}
	/*＝＝＝＝＝＝＝＝＝＝＝＝お客様の声＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

	/*
	==========================================================
	リフォームにかかる費用
	==========================================================
	*/
	
	.cost {
		display: none;
	}
	.cost_sp {
		display: block;
		margin-bottom: 20px;
	}
	.cost_sp img {
		height: auto;
		width: 100%;
	}
	/*
	==========================================================
	トピックス
	==========================================================
	*/
	
	.sidebanner {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}
	.sidebanner ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	.sidebanner ul li {
		margin-bottom: 20px;
	}
	.sidebanner ul li img {
		height: auto;
		width: 100%;
	}
	.topics {
		background-color: #FFF;
		overflow: hidden;
		width: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-top-style: solid;
		border-bottom-style: solid;
		border-top-color: #FCDCE2;
		border-bottom-color: #FCDCE2;
		padding-top: 0px;
		padding-right: 0px;
		/*	padding-bottom: 20px;*/
		padding-left: 0px;
	}
	.topics .inner {
		padding: 15px;
		overflow: auto;
		height: 256px;
	}
	.topics .inner dl {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		overflow: hidden;
		display: block;
	}
	.topics .inner dl dt {
		background-color: #FFF;
		height: auto;
		width: 20%;
		display: inline-block;
		text-align: left;
		padding-top: 2px;
		padding-bottom: 2px;
		float: left;
		font-size: 90%;
	}
	.topics .inner dl a dd {
		text-align: left;
		font-size: 90%;
		line-height: 140%;
		display: inline-block;
		width: 65%;
		float: right;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin: 0px;
	}
	.topics .inner dl a:link, .topics .inner dl a:visited, .topics .inner dl a:active {
		color: #000;
		text-decoration: none;
	}
	.topics .inner dl a:hover {
		color: #000;
		text-decoration: underline;
	}
	.topics .inner dl a dt img {
		height: auto;
		width: 100%;
	}
	.topics p {
		color: #fff;
		background-color: #F14900;
		display: block;
		padding-top: 6px;
		padding-bottom: 4px;
		font-size: 13px;
		margin: 0 0;
	}
	.topics p a {
		color: #fff;
		font-weight: bold;
		text-decoration: none;
	}
	/*
	==========================================================
	トピックス　一覧
	==========================================================
	*/
	
	/*.sidebanner {
		float: none;
		margin-bottom: 20px;
		width: 100%;
	}
	.sidebanner ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	.sidebanner ul li {
		margin-bottom: 20px;
	}
	.sidebanner ul li img {
		height: auto;
		width: 100%;
	}*/
	
	#topics_detail {
		background-color: #FFF;
		/*	overflow: hidden;*/
		width: 100%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		/*	border-top-style: solid;
		border-bottom-style: solid;*/
	/*	border-top-color: #FCDCE2;
		border-bottom-color: #FCDCE2;*/
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 20px;
		padding-left: 0px;
	}
	#topics_detail .inner {
		padding: 15px;/*	overflow: auto;
		height: 256px;*/
	}
	#topics_detail .inner dl {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		overflow: hidden;
		display: block;
	}
	#topics_detail .inner dl dt {
		background-color: #FFF;
		height: auto;
		width: 20%;
		display: inline-block;
		text-align: left;
		padding-top: 2px;
		padding-bottom: 2px;
		float: left;
		font-size: 90%;
	}
	#topics_detail .inner dl a dd {
		text-align: left;
		font-size: 90%;
		line-height: 140%;
		display: inline-block;
		width: 65%;
		float: right;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		margin: 0px;
	}
	#topics_detail .inner dl a:link, #topics_detail .inner dl a:visited, #topics_detail .inner dl a:active {
		color: #000;
		text-decoration: none;
	}
	#topics_detail .inner dl a:hover {
		color: #000;
		text-decoration: underline;
	}
	#topics_details .inner dl a dt img {
		height: auto;
		width: 100%;
	}
	/*＝＝＝＝＝＝＝＝＝＝＝＝お客様の声＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	.customer {
		width: 100%;
		background-color: #FFF;
		overflow: hidden;
		border: 4px solid #F14900;
		box-sizing: border-box;
		margin-top: 15px;
		margin-bottom: 15px;
		padding: 0px;
	}
	.customer .inner .content_in ul {
		overflow: hidden;
		margin: 0 0;
		padding: 0 0;
	}
	.customer .inner .content_in ul li {
		width: 49%;
		float: left;
		margin-right: 2%;
	}
	.customer .inner .content_in ul li:nth-child(2n) {
		margin-right: 0%;
	}
	.customer .content_in ul li a {
		position: relative;
		display: block;
	}
	.customer .inner .content_in ul li a span {
		position: absolute;
		bottom: 0;
		right: 0;
		background-color: #f00;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 3%;
		padding-right: 3%;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
	}
	.customer .inner .content_in ul li a:hover span {
		background-color: #880000;
	}
	.customer .content_in ul li a img {
		width: 100%;
		height: auto;
	}
	.customer .inner .content_in ul li p.name {
		font-size: 13px;
		background-color: #FF9933;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-bottom: 8px;
	}
	.customer .inner .content_in ul li p.comment {
		font-size: 11px;
		text-align: left;
		line-height: 1.5em;
	}
	/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	
	
	.trigger_inner {
		width: 100% !important;
	}
	.trigger_inner p.name {
		font-size: 18px;
		background-color: #f00;
		padding-top: 2px;
		padding-bottom: 2px;
		font-weight: bold;
		color: #fff;
	}
	.trigger_inner ul.box1 {
		margin: 0 0 !important;
		padding: 0 0 !important;
		width: 100% !important;
	}
	.trigger_inner ul.box1 {
		overflow: hidden;
	}
	.trigger_inner ul.box1 li {
		width: 100%;
		float: none;
	}
	/*.trigger_inner ul.box1 li:nth-child(2n) {
	margin-right: 0%;
	}*/
	
	
	.trigger_inner ul.box1 li img {
		width: 100%;
		height: auto;
	}
	.trigger_inner ul.box1 li.text {
		padding-top: 4px;
		line-height: 1.4em;
		text-align: left;
		font-size: 11px;
	}
	.trigger_inner dl.box_mae {
		overflow: hidden;
	}
	.trigger_inner dl.box_mae dt {
		font-size: 13px;
		background-color: #FF9933;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-bottom: 6px;
		font-weight: bold;
	}
	.trigger_inner dl.box_mae dd {
		overflow: hidden;
		margin: 0 0;
		padding: 0 0;
	}
	.trigger_inner dl.box_mae dd ul.box_mae2 {
		overflow: hidden;
		margin: 0 0;
		padding: 0 0;
	}
	.trigger_inner dl.box_mae dd ul.box_mae2 li {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	.trigger_inner dl.box_mae dd ul.box_mae2 li img {
		width: 100%;
		height: auto;
	}
	.trigger_inner dl.box_mae dd ul.box_mae2 li:last-child {
		margin-right: 0;
	}
	/*============================================================*/
	
	
	.trigger_inner dl.box_mae dd ul.box_mae3 {
		overflow: hidden;
		margin: 0 0;
		padding: 0 0;
	}
	.trigger_inner dl.box_mae dd ul.box_mae3 li {
		width: 32%;
		margin-left: auto;
		margin-right: auto;
	}
	.trigger_inner dl.box_mae dd ul.box_mae3 li img {
		width: 100%;
		height: auto;
	}
	/*============================================================*/
	
	
	
	
	.trigger_inner dl.box_ato {
		overflow: hidden;
	}
	.trigger_inner dl.box_ato dt {
		font-size: 13px;
		background-color: #FF9933;
		padding-top: 2px;
		padding-bottom: 2px;
		margin-bottom: 6px;
		font-weight: bold;
	}
	.trigger_inner dl.box_ato dd {
		overflow: hidden;
		margin: 0 0;
		padding: 0 0;
	}
	.trigger_inner dl.box_ato dd ul.box_ato2 {
		overflow: hidden;
		margin: 0 0;
		padding: 0 0;
	}
	.trigger_inner dl.box_ato dd ul.box_ato2 li {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	.trigger_inner dl.box_ato dd ul.box_ato2 li img {
		width: 100%;
		height: auto;
	}
	.trigger_inner dl.box_ato dd ul.box_ato2 li:last-child {
		margin-right: 0;
	}
	/*============================================================*/
	
	
	.trigger_inner dl.box_ato dd ul.box_ato3 {
		overflow: hidden;
		padding: 0 0;
		margin-left: auto;
		margin-right: auto;
	}
	.trigger_inner dl.box_ato dd ul.box_ato3 li {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.trigger_inner dl.box_ato dd ul.box_ato3 li img {
		width: 100%;
		height: auto;
	}
	.trigger_inner dl.box_ato dd ul.box_ato3 li:last-child {
		margin-right: 0;
	}
	/*============================================================*/
	
	
	
	
	
	.trigger_inner + a {
		color: #333;
		display: block;
		margin-bottom: 10px;
	}
	.trigger_inner + a:hover {
		color: #f00;
		text-decoration: none;
	}
	/*＝＝＝＝＝＝＝＝＝＝＝＝お客様の声＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	
	/*
	==========================================================
	コンテンツ（施工例）
	==========================================================
	*/
	
	#example .example_menu {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
		margin-left: 0px;
		overflow: hidden;
	}
	#example .example_menu a {
		display: inline-block;
		background-color: #FC9;
		font-size: 110%;
		color: #000;
		text-decoration: none;
		padding-top: 8px;
		padding-bottom: 8px;
		border: 1px solid #F93;
		width: 100%;
		margin-bottom: 5px;
	}
	#example .example_menu a:hover {
		background-color: #F96;
	}
	#example .example_menu a.active {
		background-color: #F96;
	}
	/*
	==========================================================
	メニューの追加に当たって、メニュー1つ上に変更しました　　コンテンツ（施工例）　demo_2_用　
	==========================================================
	*/
	
	
	
	#example .example_menu_single {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
		margin-left: 0px;
		overflow: hidden;
	}
	#example .example_menu_single a {
		display: inline-block;
		background-color: #FC9;
		font-size: 110%;
		color: #000;
		text-decoration: none;
		padding-top: 8px;
		padding-bottom: 8px;
		border: 1px solid #F93;
		width: 100%;
		margin-bottom: 5px;
	}
	#example .example_menu_single a:hover {
		background-color: #F96;
	}
	#example .example_menu_single a.active {
		background-color: #F96;
	}
	/*
	==========================================================
	終了　　メニューの追加に当たって、メニュー1つ上に変更しました　　コンテンツ（施工例）　　demo_2_用　
	==========================================================
	*/
	
	
	
	
	
	
	
	
	
	
	#example {
		overflow: hidden;
		margin-bottom: 50px;
	}
	#example ul {
		padding: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#example ul li {
		overflow: hidden;
		width: 100%;
	}
	#example ul li a {
		display: block;
		height: auto;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		border: 1px solid #FFDFF3;
		background-color: #FFF;
		padding: 10px;
		overflow: hidden;
	}
	#example ul li a:link, #example ul li a:visited, #example ul li a:active {
		color: #000;
		text-decoration: none;
	}
	#example ul li .ph {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		width: 50%;
		float: left;
	}
	#example ul li dl {
		margin: 0px;
		padding: 0px;
		float: right;
		width: 45%;
	}
	#example ul li dl dt {
		font-size: 90%;
		text-align: left;
		line-height: 150%;
	}
	#example ul li dl dd {
		font-size: 80%;
		line-height: 140%;
		text-align: left;
		margin: 0 0;
		padding: 0 0;
	}
	#example .example_menu {
		padding: 0px;
		margin-top: 0px;
		/*	margin-right: -15px;*/
		margin-bottom: 40px;
		margin-left: 0px;
		overflow: hidden;
	}
	#example .example_menu a {
		display: inline-block;/*	margin-right: 15px;*/
	}
	/*
	==========================================================
	メニューの追加に当たって、メニュー1つ上に変更しました　　コンテンツ（施工例）　demo_2_用　
	==========================================================
	*/
	
	
	
	
	#example .example_menu_single {
		padding: 0px;
		margin-top: 0px;
		/*	margin-right: -15px;*/
		margin-bottom: 40px;
		margin-bottom: 0px;
		margin-left: 0px;
		overflow: hidden;
	}
	#example .example_menu_single a {
		display: inline-block;/*	margin-right: 15px;*/
	}
	/*
	==========================================================
	終了　　メニューの追加に当たって、メニュー1つ上に変更しました　　コンテンツ（施工例）　　demo_2_用　
	==========================================================
	*/
	
	
	
	
	
	
	
	ul.pageNav {
		text-align: center;
		margin-bottom: 100px;
		overflow: hidden;
		padding: 0 0;
	}
	
	ul.pageNav li {
		display: inline;
		margin: 0 2px;
		padding: 0;
	}
	ul.pageNav li span, ul.pageNav li a {
		display: inline-block;
		margin-bottom: 5px;
		padding: 5px 13px;
		text-decoration: none;
		vertical-align: middle;
		background-color: #FFFFFF;
	}
	ul.pageNav li a:hover {
		color: #000;
		background: #ccf;
		border-color: #00f;
	}
	#example p, #example_detail p {
		font-size: 90%;
		text-align: left;
		padding-top: 20px;
		padding-bottom: 30px;
		line-height: 160%;
	}
	#example h2, #example_detail h2 {
		font-size: 110%;
		text-align: center;
		font-weight: normal;
		margin-bottom: 20px;
		margin-top: 20px;
		background-color: #F87700;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #FFF;
	}
	#example_detail {
		margin-bottom: 50px;
	}
	#example_detail .imagebox .befor .title {
		font-size: 120%;
		margin: 0px;
		padding: 0px;
	}
	#example_detail .imagebox .after .title {
		font-size: 120%;
		line-height: 150%;
		margin: 0px;
		padding: 0px;
	}
	#example_detail .imagebox {
		overflow: hidden;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#example_detail .imagebox .befor {
		float: none;
		/*margin-right: 20px;*/
		text-align: left;
		width: 100%;
	}
	#example_detail .imagebox .arrow {
		float: none;
		width: 3%;
		margin-left: auto;
		margin-right: auto;
		transform: rotate(90deg);
	}
	#example_detail .imagebox .after {
		float: none;
		text-align: left;
		width: 100%;
	}
	#example_detail .imagebox .befor span, #example_detail .imagebox .after span {
		font-size: 13px;
		text-align: left;
		margin: 0px;
		padding: 0px;
		line-height: 14px;
	}
	#example_detail .imagebox ul {
		padding: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#example_detail .imagebox ul li {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		width: 100%;
	}
	#example_detail ul li a .ph img {
		height: auto;
		width: 100%;
	}
	/*
	==========================================================
	コンテンツ（お客様の声）
	==========================================================
	*/
	
	#customer {
		margin-bottom: 50px;
	}
	#customer ul {
		padding: 0px;
		overflow: hidden;
		list-style-type: none;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#customer ul li {
		padding: 10px;
		border: 1px solid #CCC;
		background-color: #FFF;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	#customer ul li .photo {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 15px;
		margin-left: 0px;
		float: left;
	}
	#customer ul li .photo img {
		height: auto;
		width: 100%;
	}
	#customer ul li .title {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		font-weight: bold;
		text-align: left;
		margin-bottom: 10px;
	}
	#customer ul li .comment {
		font-size: 90%;
		line-height: 150%;
		text-align: left;
		margin-bottom: 10px;
	}
	#customer ul li .ubox {
		padding-top: 10px;
		overflow: hidden;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #CCC;
	}
	#customer ul li .ubox .add {
		font-size: 90%;
		font-weight: normal;
		float: left;
		width: 48%;
		text-align: left;
	}
	#customer ul li .ubox .btn {
		font-size: 90%;
		color: #FFF;
		text-align: center;
		float: right;
		margin: 0px;
		padding: 0px;
		width: 48%;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		color: #FFF;
		width: 100px;
		padding-top: 6px;
		padding-right: 15px;
		padding-bottom: 6px;
		padding-left: 15px;
		background-color: #F60;
	}
	#customer ul li .btn:hover {
		background-color: #FC3;
	}
	/*
	==========================================================
	コンテンツ（お客様の声 詳細）
	==========================================================
	*/
	
	#customer_detail h2 {
		font-size: 120%;
		text-align: center;
		font-weight: normal;
		margin-bottom: 20px;
		margin-top: 20px;
		background-color: #F87700;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #FFF;
	}
	#customer_detail section h3 {
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #FF5C26;
		padding-left: 10px;
		margin-bottom: 20px;
		font-size: 120%;
		text-align: left;
		font-weight: normal;
	}
	#customer_detail .mainphoto {
		margin-bottom: 20px;
	}
	#customer_detail .mainphoto img {
		width: 100%;
		height: auto;
	}
	#customer_detail section {
		margin-bottom: 50px;
		overflow: hidden;
	}
	#customer_detail section .mainphoto {
		margin-bottom: 20px;
	}
	#customer_detail section p {
		font-size: 90%;
		line-height: 160%;
		text-align: left;
	}
	#customer_detail .photo {
		width: 100%;
		margin-bottom: 20px;
	}
	#customer_detail section .photo img {
		width: 100%;
	}
	#customer_detail .comment {
		width: 100%;
		margin-bottom: 20px;
	}
	#customer_detail .full {
		float: none;
		width: 100%;
	}
	#customer_detail .btn {
		font-size: 90%;
		color: #FFF;
		text-align: center;
		width: 48%;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		color: #FFF;
		width: 60%;
		padding-top: 10px;
		padding-right: 15px;
		padding-bottom: 10px;
		padding-left: 15px;
		background-color: #F60;
		margin-top: 0px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#customer_detail .btn:hover {
		background-color: #FC3;
	}
	#customer_detail {
		margin-bottom: 100px;
	}
	#container .contact_ban {
		/*	margin-bottom: 100px;*/
		width: 100%;
	}
	#container .contact_ban img {
		height: auto;
		width: 100%;
	}
	#container .contact_ban a {
		display: block;
		margin-bottom: 10px;
	}
	#outer .cuctomer a img {
		height: auto;
		width: 100%;
	}
	/*
	==========================================================
	トピックス詳細
	==========================================================
	*/
	
	#topics {
		margin-bottom: 100px;
	}
	#topics h2 {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		text-align: left;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		border-bottom-color: #F27600;
		font-weight: normal;
	}
	#topics p {
		font-size: 90%;
		line-height: 160%;
		text-align: left;
		margin-bottom: 20px;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}
	#topics ul {
		padding: 0px;
		margin-top: 0px;
		margin-right: -40px;
		margin-bottom: 0px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	#topics ul li {
		padding: 0px;
		float: left;
		height: auto;
		width: 460px;
		margin-top: 0px;
		margin-right: 40px;
		margin-bottom: 40px;
		margin-left: 0px;
	}
	#topics ul li img {
		height: auto;
		width: 100%;
		margin-bottom: 10px;
	}
	#topics h2 span {
		display: block;
		font-size: 70%;
		padding-top: 10px;
	}
	/*
	==========================================================
	当社が選ばれる理由
	==========================================================
	*/
	
	#reason {
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#reason .topimage {
		margin-bottom: 20px;
	}
	#reason .topimage img {
		height: auto;
		width: 100%;
	}
	#reason ul {
		padding: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;/*	margin-bottom: 30px;
		margin-left: 5px;*/
	}
	#reason ul li {
		font-size: 90%;
		line-height: 180%;
		text-align: left;
		padding: 0px;
		/*	margin-bottom: 20px;*/
		width: 100%;
	}
	#reason ul li img {
		width: 100%;
	}
	#reason .box {
		margin-bottom: 50px;
	}
	#reason .box img {
		height: auto;
		width: 100%;
	}
	#reformmenu .title img {
		width: 130%;
	}
	/*
	==========================================================
	リフォームメニュー
	==========================================================
	*/
	
	#reform_menu {
		/* margin-bottom: 50px; */
	}
	#reform_menu ul {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 50px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		grid-gap: 0 2%;
	}
	#reform_menu ul li {
		padding: 10px;
		height: auto;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		border: 3px solid #F87600;
		background-color: #FFFFF0;
		width: 49%;
		box-sizing: border-box;
	}
	#reform_menu ul li .ph {
		margin-bottom: 10px;
	}
	#reform_menu ul li .ph img {
		height: auto;
		width: 100%;
	}
	#reform_menu ul li .title {
		font-size: clamp(1.25rem, 0.773rem + 2.04vw, 1.75rem);/*20~28px(375~768px)*/
		color: #F87600;
		margin-bottom: 15px;
		font-weight: normal;
		line-height: 120%;
		text-align: center;
	}
	#reform_menu ul li a {
		display: block;
		text-decoration: none;
	}
	#reform_menu ul li a .sub {
		font-size: clamp(1rem, 0.642rem + 1.53vw, 1.375rem);/*16~22px(375~768px)*/
		line-height: 110%;
		color: #000;
		height: 110px;
		font-weight: normal;
		text-align: center;
	}
	#reform_menu ul li a .btn {
		font-size: 90%;
		color: #FFF;
		text-align: center;
		width: 40%;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		color: #FFF;
		width: 70%;
		padding-top: 6px;
		padding-right: 15px;
		padding-bottom: 6px;
		padding-left: 15px;
		background-color: #F60;
		margin-top: 10px;
		margin-right: auto;
		margin-bottom: 0px;
		margin-left: auto;
	}
	#reform_menu ul li a .btn:hover {
		background-color: #FC3;
	}
	#reform_menu ul li a .sub2 {
		font-size: 90%;
		line-height: 160%;
		text-decoration: none;
		color: #000;
		height: 110px;
		text-align: left;
		padding-right: 10px;
		padding-left: 10px;
	}
	#reform_menu ul li a .sub3 {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 150%;
		text-decoration: none;
		color: #000;
		height: 75px;
	}
	#reform_menu .topimage {
		margin-bottom: 50px;
	}
	#reform_menu .top {
		padding: 0px;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 50px;
		margin-left: 0px;
		background-image: none;
	}
	#reform_menu .top a {
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 5px;
		display: block;
		float: left;
		width: 48%;
		margin-right: 0px;
	}
	#reform_menu .top a img {
		width: 100%;
		height: auto;
	}
	#reform_menu .top2 {
		padding: 0px;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 50px;
		margin-left: 0px;
		background-image: none;
	}
	#reform_menu .top2 a {
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 5px;
		display: block;
		float: left;
		width: 48%;
		margin-right: 0px;
	}
	#reform_menu .top2 a img {
		width: 100%;
		height: auto;
	}
	#reform_menu .cuctomer a img {
		width: 100%;
		height: auto;
	}
	#reform_menu .aimitsu {
		margin: 0px;
		padding: 0px;
	}
	#reform_menu .aimitsu img {
		width: 100%;
		height: auto;
	}
	#reform_menu .aimitsu .pc {
		display: none;
	}
	#reform_menu ul.halfsize li a .sub {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		color: #000;
		height: 70px;
		font-weight: normal;
		padding: 0 0;
		margin: 0 0;
		line-height: 160%;
	}
	main #reform_menu h1 {
		font-size: 150%;
		text-align: center;
		margin-bottom: 30px;
		font-weight: normal;
		padding-top: 8px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		background-position: left center;
		padding-left: 10px;
		letter-spacing: 0.05em;
		font-weight: bold;
		margin-bottom: 0px;
	}
	main #reform_menu h1:before {
		display: none;
	}
	main #reform_menu h1:after {
		display: none;
	}
	main #reform_menu h1 + p {
		font-size: 90%;
		color: #F60;
		letter-spacing: 0em;
		padding-bottom: 20px;
		text-align: center;
	}
	/*
	==========================================================
	エクステリア
	==========================================================
	*/
	
	#exterior .topimage {
		margin-bottom: 20px;
	}
	#exterior p {
		font-size: 90%;
		line-height: 160%;
		font-weight: normal;
		text-align: left;
	}
	#exterior .madori img {
		height: auto;
		width: 100%;
	}
	#exterior .topimage img {
		height: auto;
		width: 100%;
	}
	/*
	==========================================================
	エクステリア
	==========================================================
	*/
	
	#exterior .topimage {
		margin-bottom: 20px;
	}
	#exterior p {
		font-size: 90%;
		line-height: 160%;
		font-weight: normal;
		text-align: left;
		margin-bottom: 20px;
	}
	#exterior .madori img {
		height: auto;
		width: 100%;
	}
	#exterior .topimage img {
		height: auto;
		width: 100%;
	}
	#exterior .madori {
		margin-bottom: 50px;
	}
	main .orgbox {
		background-color: #FFDEB5;
		height: auto;
		padding: 15px;
		margin-bottom: 30px;
	}
	#exterior .orgbox .inner {
		background-color: #FFF;
		padding: 15px;
		overflow: hidden;
	}
	#exterior .orgbox .inner .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		margin-bottom: 20px;
	}
	#exterior .orgbox .inner .title span {
		background-color: #FF7800;
		padding-top: 10px;
		padding-right: 40px;
		padding-bottom: 10px;
		padding-left: 40px;
		color: #FFF;
		margin-right: 15px;
		margin-left: -30px;
		font-size: 70%;
	}
	#exterior .orgbox .inner .title span b {
		font-size: 160%;
	}
	#exterior .orgbox .inner .comment {
	}
	#exterior .orgbox .inner .boximage {
		height: auto;
	}
	#exterior .orgbox .inner ul {
		clear: both;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 20px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#exterior .orgbox .inner ul li {
		text-align: center;
		width: 50%;
		float: left;
	}
	/*
	==========================================================
	新築プラス
	==========================================================
	*/
	
	#pack .topimage {
		margin-bottom: 30px;
	}
	#pack .packmenu, #pack .packimage {
		padding: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#pack .packmenu li, #pack .packimage li {
		padding: 0px;
		float: left;
		width: 33%;
		margin: 0px;
	}
	
	#pack .packmenu li img,
	#pack .packimage li img {
		height: auto;
		width: 100%;
	}
	#pack h2 {
		text-align: center;
		margin-bottom: 20px;
		padding-bottom: 8px;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #FA7700;
	}
	#pack .orgbox {
		background-color: #FFDEB5;
		height: auto;
		padding: 10px;
		margin-bottom: 30px;
		position: relative;
	}
	#pack .orgbox .inner {
		background-color: #FFF;
		padding: 10px;
		overflow: hidden;
		position: relative;
	}
	#pack .orgbox .bg1 {
		background-image: url("/images/subpage/pac1_bg1.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg2 {
		background-image: url("/images/subpage/pac1_bg2.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg3 {
		background-image: url("/images/subpage/pac1_bg3.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg4 {
		background-image: url("/images/subpage/pac1_bg4.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg5 {
		background-image: url("/images/subpage/pac1_bg5.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg6 {
		background-image: url("/images/subpage/pac1_bg6.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg7 {
		background-image: url("/images/subpage/pac1_bg7.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg8 {
		background-image: url("/images/subpage/pac1_bg8.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg9 {
		background-image: url("/images/subpage/pac1_bg9.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .bg10 {
		background-image: url("/images/subpage/pac1_bg10.png");
		background-position: right top;
		background-repeat: no-repeat;
		background-size: 25%
	}
	#pack .orgbox .inner .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		margin-bottom: 0px;
		text-align: left;
		line-height: 140%;
		padding-top: 0px;
		clear: both;
		text-shadow: 3px 3px 5px #fff;
	}
	#pack .orgbox .inner .plate {
		background-color: #FF7800;
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 10px;
		padding-left: 20px;
		color: #FFF;
		margin-right: 15px;
		margin-left: -15px;
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		width: 20%;
		float: left;
		margin-top: -10px;
		margin-bottom: 10px;
	}
	#pack .orgbox .inner .plate b {
		font-size: 160%;
	}
	#pack .orgbox .inner .comment {
		float: left;
		width: 60%;
		text-align: left;
	}
	#pack .orgbox .inner .title span {
		font-size: 70%;
		color: #666;
		line-height: 120%;
	}
	#pack .orgbox .inner .boximage {
		float: right;
		width: 150px;
	}
	#pack .orgbox .inner .boximage img {
		height: auto;
		width: 100px;
	}
	#pack .orgbox .inner .plate2 {
		padding-top: 40px;
		padding-right: 10px;
		padding-bottom: 20px;
		padding-left: 10px;
		color: #FFF;
		margin-right: 15px;
		font-size: 120%;
		float: left;
		margin-top: -30px;
		margin-bottom: 10px;
	}
	#pack .orgbox .inner .free {
		background-color: #E20000;
	}
	#pack .orgbox .inner .pay {
		background-color: #F7A52C;
	}
	#pack .orgbox .inner .icon {
		height: 50px;
		width: 50px;
		position: absolute;
		right: 10%;
		top: 0px;
	}
	#pack .schedule {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		box-sizing: border-box;
	}
	#pack .schedule .orgbox {
		width: 49%;
		box-sizing: border-box;
	}

	#pack .price {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 50px;
		margin-left: 0px;
		overflow: hidden;
		list-style-type: none;
	}
	#pack .price li {
		text-align: center;
		margin-bottom: 30px;
		float: none;
	}
	#pack .price li img {
		width: 100%;
		height: auto;
	}
	#pack .price li p {
		font-size: 90%;
		line-height: 160%;
		text-align: left;
		padding-left: 24px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#pack .price li .pt {
		font-size: 120%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 30px;
	}
	#pack .price li dl {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 10px;
		padding-left: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #CCC;
		overflow: hidden;
	}
	#pack .price li dl dt {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		float: left;
		width: 18%;
		margin-right: 15px;
		padding-left: 20px;
	}
	#pack .price li dl span {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		color: #F30;
	}
	#pack .price li dl dd {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		float: left;
		width: 70%;
	}
	#pack .topimage img {
		height: auto;
		width: 100%;
	}
	#pack .packimage li img {
		width: 100%;
	}
	#pack h2 img {
		height: auto;
		width: 100%;
		max-width: 700px;
	}
	/*
	==========================================================
	アウター(下層メニュー)
	==========================================================
	*/
	
	#outer2 ul {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	#outer2 ul li {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		border: 1px solid #CCC;
		background-color: #FFF;
		overflow: hidden;
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 0px;
		padding-left: 10px;
	}
	#outer2 ul li .ph {
		margin-bottom: 10px;
		float: right;
		width: 40%;
		height: auto;
	}
	#outer2 ul li .ph img {
		height: auto;
		width: 100%;
	}
	#outer2 ul li .title {
		font-size: 120%;
		color: #F87600;
		margin-bottom: 10px;
		font-weight: normal;
		padding: 0px;
		margin-top: 5px;
		margin-right: 0px;
		margin-left: 0px;
		width: 55%;
	}
	#outer2 ul li a {
		text-decoration: none;
		margin: 0px;
		padding: 0px;
	}
	#outer2 ul li a .sub {
		font-size: 80%;
		line-height: 120%;
		color: #000;
		font-weight: normal;
		text-align: center;
		margin: 0px;
		padding: 0px;
	}
	#outer2 ul li a .btn {
		color: #FFF;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		display: none;
	}
	#outer2 ul li a .btn:hover {
		background-color: #FC3;
	}
	#outer2 ul li a .sub2 {
		font-size: 80%;
		text-decoration: none;
		color: #000;
		text-align: center;
		margin-bottom: 10px;
		line-height: 120%;
	}
	#outer2 ul li a .sub3 {
		font-size: 80%;
		text-decoration: none;
		color: #000;
		line-height: 120%;
		text-align: left;
		margin-bottom: 10px;
	}
	#outer2 h2 {
		font-size: 120%;
		font-weight: normal;
		margin-bottom: 20px;
		background-color: #FEDDB7;
		text-align: center;
		padding-top: 8px;
		padding-bottom: 8px;
		color: #000;
		border: 1px solid #F3A54C;
	}
	#outer2 .cuctomer a img {
		height: auto;
		width: 100%;
	}
	/*
	==========================================================
	外壁塗装
	==========================================================
	*/
	
	#paint h2 {
		background-image: url("/images/subpage/outer_paint_icon.png");
		background-position: left center;
		font-size: 150%;
		text-align: left;
		margin-bottom: 20px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		border-bottom-color: #F27600;
		font-weight: normal;
		padding-left: 75px;
		line-height: 120%;
		background-repeat: no-repeat;
	}
	#paint .topimage {
		margin-bottom: 30px;
	}
	#paint .topimage img {
		height: auto;
		width: 100%;
	}
	#paint ul {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
		margin-left: 0px;
		overflow: hidden;
		list-style-type: none;
		text-align: center;
	}
	#paint ul li {
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		margin-right: 0px;
	}
	#paint ul li img {
		height: auto;
		width: 100%;
	}
	#paint ul li .title {
		font-size: 150%;
		line-height: 70px;
		text-align: center;
		color: #000;
		background-image: url("/images/subpage/outer_paint_img_back.png");
		background-position: center center;
		background-repeat: no-repeat;
	}
	#paint ul li p {
		font-size: 90%;
		line-height: 150%;
		text-align: left;
	}
	#paint .orgbox {
		background-color: #FFDEB5;
		height: auto;
		padding: 15px;
		margin-bottom: 30px;
	}
	#paint .orgbox .icon {
		width: 70px;
		height: 50px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #F47600;
		color: #FFF;
		padding-top: 20px;
		font-size: 90%;
		float: left;
		margin-right: 20px;
		margin-top: -20px;
	}
	#paint .orgbox .inner {
		background-color: #FFF;
		padding: 15px;
		overflow: hidden;
		clear: both;
	}
	#paint .orgbox .inner .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		margin-bottom: 20px;
	}
	#paint .orgbox .icon span {
		font-size: 150%;
	}
	#paint .orgbox .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		text-align: left;
		line-height: 130%;
		margin-bottom: 20px;
	}
	#paint .orgbox .inner p {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 150%;
		text-align: left;
	}
	#paint ul li .p1 {
		display: none;
	}
	/*
	==========================================================
	外壁塗装2
	==========================================================
	*/
	
	#paint2 {
		margin: 0px;
		padding: 0px;
	}
	#paint2 .topimage a {
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}
	#paint2 .topimage ul {
		padding: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-top: 5px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	#paint2 .topimage ul li {
		width: 33%;
		padding: 1%;
		float: left;
		box-sizing : border-box;
	}
	#paint2 h2 {
		background-image: url("/images/subpage/outer_paint2_icon.png");
		background-position: left center;
		font-size: 150%;
		text-align: left;
		margin-bottom: 20px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		border-bottom-color: #F27600;
		font-weight: normal;
		padding-left: 75px;
		background-repeat: no-repeat;
	}
	#paint2 .box {
		margin-bottom: 30px;
		overflow: hidden;
		width: 100%;
	}
	#paint2 .box dl {
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	#paint2 .right {
		float: right;
		width: 30%;
		margin-top: 30px;
	}
	#paint2 .box dl dt {
		font-size: 120%;
		margin-bottom: 30px;
		line-height: 150%;
	}
	#paint2 .box dl dd {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 160%;
		font-weight: normal;
	}
	#paint2 .box .c2block .title, #paint2 .box .c3block .title {
		background-image: url("/images/subpage/outer_paint2_icon2.png");
		background-position: left center;
		padding-left: 60px;
		font-size: 120%;
		text-align: left;
		height: 50px;
		line-height: 45px;
		margin-bottom: 20px;
		background-repeat: no-repeat;
	}
	#paint2 .box .c2block .lineup1 {
		overflow: hidden;
		margin-bottom: 30px;
		list-style-type: none;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}
	#paint2 .box .c2block .lineup1 li {
		padding: 10px;
		margin-bottom: 20px;
	}
	#paint2 .box .c2block .lineup1 .cl1 {
		background-color: #5883D6;
	}
	#paint2 .box .c2block .lineup1 .cl2 {
		background-color: #FF7800;
	}
	#paint2 .box .c2block .lineup1 .cl3 {
		background-color: #0A8C00;
	}
	
	#paint2 .box .c2block .lineup1 .cl4 {
		background-color: #CC3333;
	}
	
	
	
	
	#paint2 .box .c2block .lineup1 .sub, #paint2 .box .c2block .lineup2 .sub {
		background-color: #FFF;
		padding: 10px;
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 150%;
		text-align: left;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
	}
	#paint2 .box .c2block .lineup1 .kind {
		font-size: 200%;
		color: #FFF;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#paint2 .box .c2block .lineup1 .kind span {
		font-size: 50%;
	}
	#paint2 .box .c2block .lineup1 .cate, #paint2 .box .c2block .lineup2 .cate {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		background-color: #FFF;
		line-height: 180%;
		text-align: left;
		padding: 10px;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
	}
	#paint2 .box .c2block .lineup2 {
		clear: both;
		margin-bottom: 30px;
		list-style-type: none;
		overflow: hidden;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}
	#paint2 .box .c2block .lineup2 li {
		padding: 10px;
		margin-bottom: 20px;
	}
	#paint2 .box .c2block .lineup1 .cl3 {
		background-color: #0A8C00;
	}
	#paint2 .box .c2block .lineup2 .cl4 {
		background-color: #00D9D9;
	}
	#paint2 .box .c2block .lineup2 .cl5 {
		background-color: #9B0100;
	}
	#paint2 .box .c2block .lineup2 .kind {
		font-size: 200%;
		text-align: center;
		margin-top: 10px;
		margin-bottom: 10px;
		color: #FFF;
	}
	#paint2 .box .c3block .inner {
		padding: 20px;
		background-color: #006DB5;
	}
	#paint2 .box .c3block .inner .kind {
		font-size: 200%;
		padding: 0px;
		text-align: center;
		color: #FFF;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	#paint2 .box .c3block .inner .sub {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 150%;
		color: #FFF;
		text-align: left;
		margin-bottom: 20px;
	}
	#paint2 .box .c3block .inner ul {
		overflow: hidden;
		list-style-type: none;
		clear: both;
		margin: 0px;
		padding: 0px;
	}
	#paint2 .box .c3block .inner ul li {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	#paint2 .box .c3block .inner ul li .att {
		background-color: #FFF;
		padding: 10px;
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 180%;
		margin-bottom: 20px;
		text-align: left;
	}
	#paint2 .box .c3block .inner ul li .att2 {
		text-align: left;
		padding: 0px;
		clear: both;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		color: #FFF;
		line-height: 180%;
	}
	#paint2 .box .c3block .inner ul li .att2 img {
		margin-right: 20px;
		margin-left: 0px;
	}
	#paint2 h2 span {
		font-size: 50%;
	display: block;
	margin-bottom: 20px;
	}
	#paint2 .orgbox {
		background-color: #FFDEB5;
		height: auto;
		padding: 15px;
		margin-bottom: 30px;
		margin-top: 20px;
	}
	#paint2 .orgbox .inner {
		background-color: #FFF;
		padding: 15px;
		overflow: hidden;
	}
	#paint2 .orgbox .inner .mark {
		background-color: #F1491C;
		padding-top: 10px;
		padding-right: 40px;
		padding-bottom: 10px;
		padding-left: 40px;
		color: #FFF;
		margin-right: 15px;
		margin-left: -15px;
		font-size: 90%;
		float: left;
	}
	#paint2 .orgbox .inner .mark b {
		font-size: 160%;
		margin-left: 5px;
	}
	#paint2 .inner .title {
		font-size: clamp(1.25rem, 0.773rem + 2.04vw, 1.75rem);/*20~28px(375~768px)*/
		margin-bottom: 30px;
		text-align: left;
		margin-top: 10px;
		clear: both;
		padding-top: 10px;
	}
	#paint2 .orgbox .inner .comment {
	}
	#paint2 .orgbox .inner .boximage {
		display: none;
	}
	#paint2 .orgbox .inner ul {
		clear: both;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 20px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#paint2 .orgbox .inner ul li {
		text-align: center;
		width: 50%;
		float: left;
	}
	#paint2 .box .orgbox .inner .comment .cap {
		font-size: 120%;
		color: #FD7822;
		text-align: left;
		margin-bottom: 20px;
	}
	#paint2 .box .orgbox .inner .comment .contact {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	#paint2 .box .orgbox .inner .comment .contact dl {
		overflow: hidden;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
	}
	#paint2 .box .orgbox .inner .comment .contact dl dt {
	}
	#paint2 .box .orgbox .inner .comment .contact dl dd {
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
	#paint2 .box .orgbox .inner .comment .promise {
		padding: 5px;
		border: 1px solid #FC0D1B;
		clear: both;
		width: 100%;
	}
	#paint2 .box .orgbox .inner .comment .promise dl dt {
		padding: 0px;
		margin-top: 0px;
		margin-right: 10px;
		margin-bottom: 10px;
		margin-left: 0px;
		float: left;
	}
	#paint2 .box .orgbox .inner .comment .promise dl dd {
		font-size: 95%;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#paint2 .box .orgbox .inner .comment .cap2 {
		text-align: left;
		line-height: 150%;
	}
	#paint2 .box .orgbox .inner .comment .cap4 {
		padding-top: 5px;
		padding-bottom: 5px;
		margin-bottom: 10px;
	}
	#paint2 .box .orgbox .inner .comment .cap4 p {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 140%;
		text-align: left;
	}
	#paint2 .box .orgbox .inner .comment .cap3 {
		line-height: 140%;
		text-align: left;
		color: #FC291C;
	}
	#paint2 .box .orgbox .inner .comment .cap3 span {
		color: #000;
	}
	#paint2 .box .orgbox .inner .comment .cap5 {
		text-align: left;
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
	}
	#paint2 .box .orgbox .inner .comment .cap5 img {
		margin-top: 5px;
		width: 100%;
		height: auto;
	}
	#paint2 .box .orgbox .inner .comment .flow dl {
		overflow: hidden;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #FD7822;
	}
	#paint2 .box .orgbox .inner .comment .flow dl dt {
		font-size: 120%;
		text-align: center;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		background-color: #FD7822;
		float: left;
		width: 15%;
		-webkit-border-top-left-radius: 50px;
		-webkit-border-top-right-radius: 50px;
		-webkit-border-bottom-right-radius: 50px;
		-webkit-border-bottom-left-radius: 50px;
		-moz-border-radius-topleft: 50px;
		-moz-border-radius-topright: 50px;
		-moz-border-radius-bottomright: 50px;
		-moz-border-radius-bottomleft: 50px;
		color: #FFF;
		margin-right: 20px;
	}
	#paint2 .box .orgbox .inner .comment .flow dl dd {
		text-align: left;
		font-size: 110%;
		margin-top: 5px;
	}
	#paint2 .box .c5block .orgbox .inner .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		text-align: left;
		border-left-width: 5px;
		border-left-style: solid;
		border-left-color: #FF7800;
		text-indent: 10px;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	#paint2 .box .c5block .orgbox .inner .case dl {
		overflow: hidden;
		width: 45%;
		float: left;
	}
	#paint2 .box .c5block .orgbox .inner .case dl dt {
		margin-bottom: 10px;
		text-align: center;
		width: 20%;
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		-webkit-border-top-left-radius: 50px;
		-webkit-border-top-right-radius: 50px;
		-webkit-border-bottom-right-radius: 50px;
		-webkit-border-bottom-left-radius: 50px;
		-moz-border-radius-topleft: 50px;
		-moz-border-radius-topright: 50px;
		-moz-border-radius-bottomright: 50px;
		-moz-border-radius-bottomleft: 50px;
	}
	#paint2 .box .c5block .orgbox .inner .case dl .cll {
		background-color: #eee;
	}
	#paint2 .box .c5block .orgbox .inner .case dl .clr {
		background-color: #FFCCCC;
	}
	#paint2 .box .c5block .orgbox .inner .case .arrow2 {
		float: left;
	}
	#paint2 .box .c5block .orgbox .inner .outline {
		clear: both;
		margin-top: 20px;
	}
	#paint2 .box .c5block .orgbox .inner .case {
		overflow: hidden;
		margin-bottom: 20px;
	}
	#paint2 .box .c5block .orgbox .inner .outline .ol1 {
		font-size: 120%;
		color: #FD7822;
		margin-bottom: 10px;
	}
	#paint2 .box .c5block .orgbox .inner .outline .ol2 .price {
		color: #C00;
		font-size: 180%;
		margin-right: 10px;
	}
	#paint2 .box .c5block .orgbox .inner .outline .ol2 .red {
		color: #C00;
	}
	/*
	==========================================================
	屋根リフォーム（種類）
	==========================================================
	*/
	
	#roof1 {
		margin-bottom: 50px;
	}
	#roof1 h3 {
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #F27600;
		margin-bottom: 20px;
		padding-bottom: 10px;
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		text-align: left;
		padding-left: 10px;
	}
	#roof1 .box {
		margin-bottom: 30px;
		overflow: hidden;
	}
	#roof1 .box ul {
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		list-style-type: none;
	}
	#roof1 .box ul li {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	#roof1 .box ul li img {
		height: auto;
		width: 100%;
	}
	#roof1 .box ul li dl {
		margin: 0px;
		padding: 0px;
		text-align: left;
	}
	#roof1 .box ul li dl dt {
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
		margin-bottom: 20px;
		width: 20%;
		text-align: center;
		font-size: 120%;
	}
	#roof1 .box ul li dl .red {
		background-color: #E4453A;
		color: #FFF;
	}
	#roof1 .box ul li dl dd {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		line-height: 150%;
	}
	#roof1 .box ul .end {
		clear: both;
		width: 100%;
	}
	#roof1 .box ul .end dl .white {
		background-color: #FFF;
		border: 1px solid #E4453A;
		color: #E4453A;
		width: 20%;
	}
	/*
	==========================================================
	屋根リフォーム（費用）
	==========================================================
	*/
	
	#roof2 .topimage {
		margin-bottom: 50px;
	}
	#roof2 .box {
		margin-bottom: 30px;
	}
	#roof2 .box h2 {
		width: 150%;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-bottom-color: #F27600;
		font-size: 150%;
		text-align: left;
		padding-left: 10px;
	}
	#roof2 .box p {
		text-align: left;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		line-height: 150%;
	}
	#roof2 .box .kind {
		list-style-type: none;
		overflow: hidden;
		padding: 20px;
		background-color: #FFA742;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	#roof2 .box .kind li {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	#roof2 .box .arrow {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 10px;
		position: relative;
		z-index: 100;
	}
	#roof2 .box .arrow img {
		height: auto;
		width: 100%;
	}
	#roof2 .box .orgbox {
		position: relative;
		z-index: -100;
		margin-top: -20px;
		background-color: #FFA64D;
		padding: 20px;
	}
	#roof2 .box .orgbox dl {
		color: #FFF;
		text-align: left;
		margin-bottom: 10px;
	}
	#roof2 .box .orgbox dl dd {
		font-size: 180%;
	}
	#roof2 .box .orgbox .inner {
		padding: 15px;
		background-color: #FFF;
		margin-bottom: 30px;
	}
	#roof2 .box .orgbox .inner ul {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	#roof2 .box .orgbox .inner ul li {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
	}
	/*
	==========================================================
	水廻り・室内共通
	==========================================================
	*/
	
	#water .topimage a, #interior .topimage a {
		display: inline-block;
		margin: 0px;
		padding: 0px;
	}
	#water .topimage img, #interior .topimage img {
		height: auto;
		width: 100%;
	}
	#water .topimage ul, #interior .topimage ul {
		padding: 0px;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		display: flex;
		justify-content: space-between;
	}
	#water .topimage ul li, #interior .topimage ul li {
		float: left;
		margin-right: 1px;
		width: 33%;
		margin-bottom: 5px;
	}
	#water h2, #interior h2 {
		background-image: url("/images/subpage/water_icon.png");
		background-position: left center;
		background-repeat: no-repeat;
		font-size: clamp(1.25rem, 0.976rem + 1.17vw, 2rem);/*22~32px(375~1400px)*/
		text-align: left;
		margin-bottom: 30px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		border-bottom-color: #F27600;
		font-weight: normal;
		padding-left: 50px;
		padding-bottom: .5rem;
		line-height: 1.5;
		color: #000;
	}
	#water .flow .orgbox, #interior .flow .orgbox {
		background-color: #FFDEB5;
		height: auto;
		padding: 15px;
		margin-bottom: 20px;
		margin-top: 20px;
		overflow: hidden;
	}
	#water .flow .orgbox .inner, #interior .flow .orgbox .inner {
		background-color: #FFF;
		padding: 15px;
		overflow: hidden;
	}
	#water .flow .orgbox .inner .mark, #interior .flow .orgbox .inner .mark {
		background-color: #FF7800;
		padding-top: 10px;
		padding-right: 40px;
		padding-bottom: 10px;
		padding-left: 40px;
		color: #FFF;
		margin-right: 15px;
		margin-left: -15px;
		font-size: 90%;
		float: left;
		margin-bottom: 10px;
	}
	#water .flow .orgbox .inner .mark b, #interior .flow .orgbox .inner .mark b {
		font-size: 160%;
		margin-left: 5px;
	}
	#water .flow .orgbox .inner .title, #interior .flow .orgbox .inner .title {
		font-size: clamp(1.125rem, 0.896rem + 0.98vw, 1.75rem);/*18~25px(375~1400px)*/
		margin-bottom: clamp(1rem, 0.165rem + 3.56vw, 1.875rem);/*16~30px(375~768px)*/
		text-align: left;
		margin-top: 10px;
		clear: both;
	}
	#water .flow .orgbox .inner .comment, #interior .flow .orgbox .inner .comment {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 180%;
		text-align: left;
		margin-bottom: 10px;
	}
	#water .flow .orgbox .inner .boximage, #interior .flow .orgbox .inner .boximage {
		height: auto;
	}
	#water .flow .orgbox .inner ul, #interior .flow .orgbox .inner ul {
		clear: both;
		list-style-type: none;
		overflow: hidden;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding-top: 20px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
	}
	#water .flow .orgbox .inner ul li, #interior .flow .orgbox .inner ul li {
		text-align: center;
		width: 50%;
		float: left;
	}
	#water .flow .orgbox .inner .comment span, #interior .flow .orgbox .inner .comment span {
		font-size: 110%;
		color: #FD7822;
	}
	#water .point .orgbox, #interior .point .orgbox {
		background-color: #FFDEB5;
		height: auto;
		padding: 15px;
		margin-bottom: 30px;
	}
	#water .point .orgbox .icon, #interior .point .orgbox .icon {
		width: 20%;
		max-width: 70px;
		aspect-ratio: 1/1;
		border-radius: 100%;
		background-color: #F47600;
		color: #FFF;
		padding: 5px ;
		font-size: 90%;
		float: left;
		margin-right: .5rem;
		margin-top: -20px;
		text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
	}
	#water .point .orgbox .inner, #interior .point .orgbox .inner {
		background-color: #FFF;
		padding: 15px;
		overflow: hidden;
		clear: both;
	}
	#water .point .orgbox .inner .title, #interior .point .orgbox .inner .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		margin-bottom: 20px;
	}
	#water .point .orgbox .icon span, #interior .point .orgbox .icon span {
		font-size: 150%;
	}
	#water .point .orgbox .title, #interior .point .orgbox .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		text-align: left;
		line-height: 130%;
		margin-bottom: 20px;
		margin-top: 0;
	}
	#water .point .orgbox .inner p, #interior .point .orgbox .inner p {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 150%;
		text-align: left;
	}
	#water .point ul li .p2, #interior .point ul li .p2 {
		display: none;
	}
	#water .point .orgbox .inner p img, #interior .point .orgbox .inner p img {
		max-width: 300px;
	}
	#water .flow .orgbox .inner .boximage img, #interior .flow .orgbox .inner .boximage img {
		width: 100%;
	}
	#water .flow, #interior .flow {
		margin-bottom: 50px;
		text-align: center;
	}
	#water .cuctomer a img, #interior .cuctomer a img {
		width: 100%;
		height: auto;
	}
	/*
	==========================================================
	緊急時の対応
	==========================================================
	*/
	
	#emergency .top {
		margin-bottom: 50px;
	}
	#emergency .top img {
		height: auto;
		width: 100%;
	}
	#emergency .tbl {
		background-color: #F44800;
		padding: 15px;
		margin-bottom: 50px;
	}
	#emergency .tbl .title img {
		max-width: 67px;
		width: 15%;
		margin-right: 2%;
	}
	#emergency .tbl .title {
		font-size: clamp(1.25rem, 0.773rem + 2.04vw, 1.75rem);/*20~28px(375~768px)*/
		text-align: left;
		margin-bottom: 10px;
		color: #FFF;
		display: flex;
		align-items: center;
	}
	#emergency .tbl .inner {
		background-color: #FFF;
		padding: 15px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 15px;
		margin-left: 0px;
		overflow: hidden;
	}
	#emergency .tbl .inner ul {
		margin: 0px;
		padding: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#emergency .tbl .inner ul li {
		padding: 0px;
		width: 49%;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
	}
	#emergency .tbl .inner ul li dl {
		margin: 0px;
		padding: 0px;
	}
	#emergency .tbl .inner ul li dl dt {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 36px;
		color: #FFF;
		background-color: #FF4D46;
		text-align: center;
		margin-bottom: 10px;
	}
	#emergency .tbl .inner ul li dl dd {
		margin-bottom: 10px;
		text-align: left;
		font-size: 90%;
		line-height: 1.5em;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}
	#emergency .tbl .sub {
		font-size: 120%;
		color: #FFF;
		text-align: center;
	}
	#emergency .tbl .inner ul li dl dd img {
		height: auto;
		width: 100%;
	}
	#emergency .reason {
		margin-bottom: 50px;
		background-color: #F14900;
		padding: 15px;
	}
	#emergency h2 {
		font-size: clamp(1.25rem, 0.773rem + 2.04vw, 1.75rem);/*20~28px(375~768px)*/
		text-align: left;
		margin-bottom: 10px;
		display: flex;
		align-items: center;
	}
	#emergency h2 img {
		vertical-align: middle;
		margin-right: clamp(0.625rem, 0.029rem + 2.54vw, 1.25rem);/*10~20px(375~768px)*/
		width: 8%;
        max-width: 43px;
	}
	#emergency .reason .inner {
		background-color: #FFF;
		overflow: hidden;
		padding-top: 15px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 15px;
	}
	#emergency .reason .inner .left {
		margin: 0px;
		padding: 0px;
	}
	#emergency .reason .inner .left .box {
		margin-bottom: 25px;
		overflow: hidden;
		display: flex;
	}
	#emergency .reason .inner .left .box dl dt {
		font-size: 120%;
	}
	#emergency .reason .inner .left .box dl dd {
		font-size: 90%;
		margin-right: 16px;
	}
	#emergency .reason .inner .left .box .num {
		width: 10%;
		margin-right: clamp(0.625rem, 0.029rem + 2.54vw, 1.25rem);/*10~20px(375~768px)*/
	}
	#emergency .reason .inner .left .box .num img {
		width: 100%;
	}
	/*#emergency .reason .inner .left .box dl {
		width: 75%;
		float: left;
	}*/
	
	
	#emergency .reason .inner .left .box dl {
		width: 100%;
		float: none;
	}
	#emergency .reason .inner .left .box dt {
		text-align: left;
		margin-bottom: 10px;
	}
	#emergency .reason .inner .left .box dd {
		font-size: 90%;
		line-height: 1.5em;
		text-align: left;
	}
	#emergency .reason .inner .right {
		display: none;
	}
	#emergency .flow {
		margin-bottom: 50px;
	}
	#emergency .area {
		margin-bottom: 50px;
	}
	#emergency .flow img {
		width: 100%;
		height: auto;
	}
	#emergency .area img {
		width: 100%;
		height: auto;
	}
	/*
	==========================================================
	よくある質問
	==========================================================
	*/
	
	
	#qa {
		background-color: #FFF;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-radius: 6px;
		-webkit-border-bottom-right-radius: 6px;
		-webkit-border-bottom-left-radius: 6px;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-moz-border-radius-bottomright: 6px;
		-moz-border-radius-bottomleft: 6px;
		padding: 30px 0;
		margin-bottom: 50px;
	}
	#qa h2 {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		text-align: left;
		margin-bottom: 30px;
		border-bottom-width: 4px;
		border-bottom-style: solid;
		border-bottom-color: #E84C1E;
		font-weight: normal;
		color: #000000;
		padding-bottom: 10px;
	}
	#qa dl {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 30px;
		margin-left: 0px;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 15px;
		padding-left: 0px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #E64D2A;
		height: auto;
		overflow: hidden;
	}
	#qa dl dt {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		text-align: left;
		font-weight: bold;
		font-size: 95%;
		padding:0 3% 10px;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #CCC;
		line-height: 150%;
	}
	#qa dl dt span {
		color: #E64D2A;
		line-height: 150%;
		margin-right: 10px;
	}
	#qa dl dd {
		line-height: 160%;
		text-align: left;
		font-size: 14px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-left: clamp(0.5rem, 0.134rem + 1.56vw, 1.5rem);/*8~24px(375~1400px)*/
	}
	#qa dl dd span {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		color: #FFF;
		background-color: #E64D2A;
		margin-right: 15px;
		border-radius: 100%;
		aspect-ratio: 1/1;
		padding: 6px 10px ;
	}
	#qa .mb {
		margin-bottom: 50px;
	}
	/*
	==========================================================
	会社案内
	==========================================================
	*/
	
	#company {
		margin-bottom: 50px;
	}
	#company table.ol {
		width: 100%;
		font-size: 15px;
		border-collapse: collapse;
	}
	#company .ol tr th {
		text-align: left;
		padding: 10px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #000;
		width: 100%;
	}
	#company .ol tr td {
		padding: 10px;
		text-align: left;
		margin-bottom: 20px;
		line-height: 1.5em;
	}
	#company .ol, #company .ol tbody, #company .ol thead, #company .ol tr, #company .ol td, #company .ol th {
		display: block;
	}
	#company .ol th {
		width: auto;
	}
	/*
	==========================================================
	リフォームの費用
	==========================================================
	*/
	
	#reform_price {
		margin-bottom: 50px;
	}
	#reform_price .orgbox {
		margin-top: 30px;
		background-color: #EE4A2A;
		padding: 15px;
	}
	#reform_price .orgbox .inner {
		padding: 15px;
		background-color: #FFF;
	}
	#reform_price .orgbox .inner .title {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		text-align: left;
		border-left-width: 5px;
		border-left-style: solid;
		border-left-color: #FF7800;
		text-indent: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: clamp(1rem, 0.165rem + 3.56vw, 1.875rem);/*16~30px(375~768px)*/
		margin-left: 0px;
		line-height: 150%;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 10px;
		border-top-style: none;
	}
	#reform_price .orgbox .inner .case dl {
		overflow: hidden;
		width: 100%;
		margin-bottom:clamp(1rem, 0.165rem + 3.56vw, 1.875rem);/*16~30px(375~768px)*/
	}
	#reform_price .orgbox .inner .case dl dt {
		margin-bottom: 10px;
		text-align: center;
		width: 20%;
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		-webkit-border-top-left-radius: 50px;
		-webkit-border-top-right-radius: 50px;
		-webkit-border-bottom-right-radius: 50px;
		-webkit-border-bottom-left-radius: 50px;
		-moz-border-radius-topleft: 50px;
		-moz-border-radius-topright: 50px;
		-moz-border-radius-bottomright: 50px;
		-moz-border-radius-bottomleft: 50px;
	}
	#reform_price .orgbox .inner .case dl dd {
		margin: 0 0;
		padding: 0 0;
	}
	#reform_price .orgbox .inner .case dl .cll {
		background-color: #eee;
		text-align: center;
		width: 50%;
	}
	#reform_price .orgbox .inner .case dl .clr {
		background-color: #FFCCCC;
		width: 50%;
	}
	#reform_price .orgbox .inner .case .arrow2 {
		float: left;
		width: 30%;
		display: none;
	}
	#reform_price .orgbox .inner .outline {
		clear: both;
		margin-top: 10px;
		overflow: hidden;
	}
	#reform_price .orgbox .inner .case {
		overflow: hidden;
		margin-bottom: 10px;
	}
	#reform_price .orgbox .inner .outline .ol1 {
		font-size: 120%;
		color: #EB4B33;
		margin-bottom: 10px;
		line-height: 150%;
		float: left;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
	#reform_price .orgbox .inner .outline .ol2 .price {
		color: #C00;
		font-size: 180%;
		margin-right: 10px;
	}
	#reform_price .orgbox .inner .outline .ol2 .red {
		color: #000;
	}
	#reform_price .orgbox .inner .case dl dd img {
		width: 100%;
	}
	#reform_price .orgbox .inner .title span {
		font-size: 80%;
	}
	#reform_price .orgbox .inner .outline .ol2 {
		text-align: left;
		float: left;
		border-top-style: none;
		border-right-style: none;
		border-bottom-style: none;
		border-left-style: none;
	}
	#reform_price .orgbox .inner p {
		text-align: left;
		line-height: 150%;
		padding-top: 10px;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #CCC;
		font-size: 90%;
		margin-top: 10px;
	}
	/*
	==========================================================
	法人・オーナー様へ
	==========================================================
	*/
	
	
	#owner {
		margin-bottom: 50px;
	}
	#owner .topimage {
		margin-bottom: 30px;
	}
	#owner h2 {
		font-size: 150%;
		text-align: left;
		border-left-width: 4px;
		border-left-style: solid;
		border-left-color: #000;
		padding-left: 10px;
		margin-bottom: 20px;
		font-weight: normal;
	}
	#owner .box1 {
		margin-bottom: 50px;
	}
	#owner .box1 ul {
		margin-right: 0px;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	#owner .box1 ul li {
		background-color: #F74700;
		padding: 20px;
		color: #FFF;
		margin-bottom: 20px;
	}
	#owner .box1 ul li .title {
		font-size: 120%;
		margin-bottom: 10px;
		text-align: center;
	}
	#owner .box1 ul li .ph {
		margin-bottom: 10px;
	}
	#owner .box1 ul li .cap {
		text-align: left;
		font-weight: normal;
		line-height: 150%;
	}
	#owner p {
		text-align: left;
		margin-bottom: 20px;
		line-height: 150%;
	}
	#owner .box2 {
		background-color: #FEE078;
		padding: 10px;
		margin-bottom: 30px;
	}
	#owner .box2 ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	#owner .box2 ul {
		margin-right: 0px;
		padding: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	#owner .box2 ul li {
		padding: 0px;
		float: left;
		margin-top: 0px;
		overflow: hidden;
		background-color: #FFF;
		width: 49%;
		display: block;
		margin-right: 1px;
		margin-bottom: 2px;
		margin-left: 1px;
	}
	#owner .box2 ul li .ph {
		margin-bottom: 10px;
	}
	#owner .box2 ul li .cap {
		text-align: center;
		font-size: 90%;
	}
	#owner .box2 ul li .cap span {
		font-size: 110%;
		font-weight: bold;
		line-height: 150%;
	}
	#owner .box3 {
		background-color: #FC9;
		padding: 10px;
	}
	#owner .box3 ul {
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		list-style-type: none;
		overflow: hidden;
	}
	#owner .box3 ul li {
		background-color: #FFF;
		padding: 20px;
		overflow: hidden;
		margin-bottom: 20px;
	}
	#owner .box3 ul li .title {
		font-size: 110%;
		text-align: left;
		margin-bottom: 10px;
		padding-bottom: 6px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FA4600;
		width: 100%;
	}
	#owner .box3 ul li .title span {
		color: #FA4600;
		margin-right: 10px;
	}
	#owner .box3 ul li p {
		float: left;
		width: 40%;
		font-size: 90%;
	}
	#owner .box3 ul li .ph {
		text-align: right;
	}
	/*
	==========================================================
	法人・オーナー様へ 1705リニューアル
	==========================================================
	*/
	
	#cover main .ownertop {
		background-image: url("../owner/images/ownertop_bak.png");
		background-size: cover;
		margin-bottom: 40px;
		background-repeat: no-repeat;
	}
	#cover .inner {
		padding-right: 10px;
		padding-left: 10px;
	}
	#cover .ownertop .inner img {
		width: 100%;
		height: auto;
	}
	#cover main .plus .inner h2 {
		font-size: 20px;
		text-align: left;
		text-indent: 10px;
		border-left-width: 3px;
		border-left-style: solid;
		border-left-color: #000;
		margin-bottom: 20px;
	}
	#cover .inner dl {
		overflow: hidden;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
		margin-left: 0px;
	}
	#cover main .plus .inner dl dt {
		font-size: 20px;
		color: #FFF;
		background-color: #71ABBC;
		text-align: left;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 20px;
		margin-left: 0px;
		padding-top: 8px;
		padding-right: 0px;
		padding-bottom: 8px;
		padding-left: 15px;
	}
	#cover main .plus .inner dl dd {
		font-size: 15px;
		line-height: 2.0em;
		text-align: left;
		margin: 0px;
		padding: 0px;
	}
	#cover main .plus .inner dl dd img {
	}
	#cover main .works {
		background-color: #6FABBD;
		overflow: hidden;
		padding-top: 30px;
		padding-bottom: 30px;
		margin-bottom: 40px;
	}
	#main-nav {
		display: none;
	}
	#main-nav_sp {
		margin-bottom: 40px;
	}
	#main-nav_sp ul {
		list-style-type: none;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
	}
	#main-nav_sp ul li {
		float: left;
		width: 50%;
		margin: 0px;
		padding: 0px;
	}
	#main-nav_sp ul li img {
		width: 100%
	}
	#main-nav_sp ul li li:hover {
		width: 100%;
	}
	#cover main .teian .inner h2 {
		font-size: 18px;
		line-height: 1.5em;
		border-left-style: none;
		margin-bottom: 20px;
	}
	#cover main .teian {
		margin-bottom: 40px;
	}
	.ownercontact {
		display: none;
	}
	#cover main .works .inner h2 {
		font-size: 24px;
		margin-bottom: 20px;
	}
	#cover .inner h3 {
		line-height: 1.5em;
		margin-bottom: 40px;
		border: 2px solid #6FABBD;
		padding: 20px;
		text-align: left;
	}
	#cover .inner .example h4 {
		font-size: 24px;
		margin-bottom: 40px;
		text-align: center;
	}
	.example ul {
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		list-style-type: none;
	}
	.example ul li {
		margin-bottom: 40px;
		padding: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}
	.example ul li a {
		display: block;
		color: #000;
		text-decoration: none;
	}
	.example ul li a dl dt {
		font-size: 18px;
		background-color: #6FABBD;
		color: #FFF;
		padding: 5px;
		margin-bottom: 10px;
	}
	.example ul li a dl .photo {
		width: 100%;
		margin-bottom: 10px;
	}
	.example ul li a dl dd {
		font-size: 15px;
		line-height: 1.5em;
		text-align: left;
		margin: 0 0;
	}
	.example ul li a .more {
		font-size: 14px;
		color: #6FABBD;
		text-decoration: none;
		text-align: right;
	}
	#owner_reform {
		margin: 0px;
		padding: 0px;
		overflow: hidden;
		position: relative;
	}
	#owner_reform .top {
		padding: 0px;
		background-image: url("../owner/images/mansion_kitchen_back.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 40px;
		margin-left: 0px;
	}
	#owner_reform .mansion_01 {
		background-image: url("../owner/images/mansion_01_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .mansion_02 {
		background-image: url("../owner/images/mansion_02_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .mansion_03 {
		background-image: url("../owner/images/mansion_03_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .mansion_04 {
		background-image: url("../owner/images/mansion_04_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .shop_01 {
		background-image: url("../owner/images/shop_01_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .shop_02 {
		background-image: url("../owner/images/shop_02_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .shop_03 {
		background-image: url("../owner/images/shop_03_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .shop_04 {
		background-image: url("../owner/images/shop_04_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .office_01 {
		background-image: url("../owner/images/office_01_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .office_02 {
		background-image: url("../owner/images/office_02_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .office_03 {
		background-image: url("../owner/images/office_03_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .office_04 {
		background-image: url("../owner/images/office_04_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .office_05 {
		background-image: url("../owner/images/office_05_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .facility_01 {
		background-image: url("../owner/images/facility_01_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .facility_02 {
		background-image: url("../owner/images/facility_02_back.jpg");
		background-repeat: no-repeat;
		background-size: cover
	}
	#owner_reform .top.kitchen .inner dl {
		margin: 0px;
		padding: 0px;
		overflow: hidden;
	}
	#owner_reform .top .inner dl dt {
		margin: 0px;
		padding: 0px;
	}
	#owner_reform .top .inner dl dd {
		margin: 0px;
		padding: 0px;
	}
	#owner_reform .top .inner dl dd a {
		width: 49%;
		border: 1px solid #FFF;
		float: left;
		font-size: 18px;
		background-color: #6FABBD;
		text-align: center;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		color: #FFF;
		text-decoration: none;
	}
	#owner_reform .inner article section h2 {
		font-size: 24px;
		text-align: left;
		text-indent: 10px;
		margin-bottom: 20px;
		border-left-width: 3px;
		border-left-style: solid;
		border-left-color: #000;
	}
	#owner_reform .box {
		margin-bottom: 20px;
	}
	#wrap #cover #owner_reform .inner article section .box .text {
		font-size: 15px;
		line-height: 1.8em;
		text-align: left;
		margin-bottom: 10px;
	}
	#owner_reform .arrow {
		font-size: 24px;
		color: #6FABBD;
		text-align: center;
		margin-bottom: 20px;
	}
	#owner_reform .box .text h3 span {
		font-size: 14px;
		color: #FFF;
		background-color: #6FABBD;
		text-align: center;
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		margin-right: 20px;
	}
	#owner_reform .orgbox {
		background-color: #69A7BB;
		height: auto;
		padding: 15px;
		margin-bottom: 30px;
	}
	#owner_reform .orgbox .icon {
		width: 70px;
		height: 50px;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: #91BCCE;
		color: #FFF;
		padding-top: 20px;
		font-size: 90%;
		float: left;
		margin-right: 20px;
		margin-top: -20px;
	}
	#owner_reform .orgbox .sub {
		background-color: #FFF;
		padding: 15px;
		overflow: hidden;
		clear: both;
	}
	#owner_reform .orgbox .sub .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		margin-bottom: 20px;
	}
	#owner_reform .orgbox .icon span {
		font-size: 150%;
	}
	#owner_reform .orgbox .title {
		font-size: clamp(1.125rem, 1.079rem + 0.2vw, 1.25rem);/*18~20px(375~1400px)*/
		text-align: left;
		line-height: 130%;
		margin-bottom: 20px;
		color: #FFF;
	}
	#owner_reform .orgbox .sub p {
		font-size: clamp(0.875rem, 0.756rem + 0.51vw, 1rem);/*14~16px(375~768px)*/
		line-height: 150%;
		text-align: left;
	}
	#owner_reform .orgbox .case {
		overflow: hidden;
		margin-bottom: 0px;
	}
	#owner_reform .orgbox .case dl {
		overflow: hidden;
		margin-bottom: 20px;
	}
	#owner_reform .orgbox .case dl dt {
		margin-bottom: 10px;
		text-align: center;
		width: 20%;
		padding-top: 5px;
		padding-right: 20px;
		padding-bottom: 5px;
		padding-left: 20px;
		margin-right: auto;
		margin-left: auto;
		-webkit-border-top-left-radius: 50px;
		-webkit-border-top-right-radius: 50px;
		-webkit-border-bottom-right-radius: 50px;
		-webkit-border-bottom-left-radius: 50px;
		-moz-border-radius-topleft: 50px;
		-moz-border-radius-topright: 50px;
		-moz-border-radius-bottomright: 50px;
		-moz-border-radius-bottomleft: 50px;
	}
	#owner_reform .orgbox .case dl dd {
		margin: 0 0;
	padding : 0 0;
	}
	#owner_reform .orgbox .case dl .cll {
		background-color: #eee;
		width: 50%;
	}
	#owner_reform .orgbox .case dl .clr {
		background-color: #CCAB95;
		width: 50%;
	}
	#owner_reform .orgbox .case .arrow2 {
		float: left;
		margin-top: 80px;
	}
	#owner_reform .orgbox .sub .outline {
		clear: both;
		margin-top: 10px;
		overflow: hidden;
		margin-right: auto;
		margin-left: auto;
	}
	.orgbox .sub .case .arrow2 {
		display: none;
	}
	/*
	==========================================================
	サイトマップ　追加
	==========================================================
	*/
	
	#sitemap {
		margin: 0 0;
	padding :0 0;
	}
	#sitemap ul.root {
		margin: 0 0;
		padding :0 0;
	}
	#sitemap ul.root li {
		margin: 0 0;
		padding-left: 5%;
	}
	/*
	==========================================================
	お役立ち情報　追加
	==========================================================
	*/
	
	
	
	#useful ul {
		margin: 0px;
		padding: 14px;
		padding-top: 14px;
		list-style-type: none;
		overflow: hidden;
		border: 2px solid #E94C1E;
		background-color: #FFFBF5;
		padding-top: 40px;
	}
	#useful ul li {
		margin-bottom: 20px;
		font-size: 18px;
		overflow: hidden;
		line-height: 1, .6em;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #E74D2A;
		text-align: left;
		padding-bottom: 20px;
		display: block;
	}
	#useful ul li a img {
		vertical-align: middle;
		margin-right: 20px;
		width: 13%;
	}
}

@media all and (max-width:620px) {
	#reform_menu ul li {
		width: 100%;
	}

	#reform_menu ul li a .sub ,
	#reform_menu ul li a .sub2 ,
	#reform_menu ul li a .sub3 {
		height: auto;
	}
	#water .flow .orgbox .inner .mark, #interior .flow .orgbox .inner .mark {
		padding-top: 5px;
		padding-right: 15px;
		padding-bottom: 5px;
		padding-left: 15px;
		margin-top: 0;
	}
	#water .point .orgbox .inner p, #interior .point .orgbox .inner p {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	#emergency .tbl .inner ul li {
		width: 100%;
	}
	#pack .packmenu li{
		width: 100%;
	} 
	#pack .packimage li {
		width: 49%;
	}
	#pack .schedule .orgbox {
		width: 100%;
	}
	#useful ul li a {
		width: 100%;
	}
	#usefulconte {
		padding-right: 10px;
		padding-left: 10px;
	}
}