@charset "utf-8";
/* ---------------------------------------------------------
common
----------------------------------------------------------*/
.clearfix::after{
	content: "";
	display: block;
	clear: both;
}
div#sectionContents a,
div.plan_area a {
text-decoration: none;
color :#000 !important;
}
div#sectionContents a:hover ,
div.plan_area a:hover {
text-decoration: underline;
color :#999;
}
div#sectionContents a:after,
div.plan_area a:after {
text-decoration: none;
color :#000;
}

a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


/*****振り分け（index.php）******/
div.select_area p {
	margin:40px 0px 20px 0px;
	line-height:1.3em;
}
.arrow{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.arrow::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
div.select_area ul li.housing {
	background-color:#7eb93e;
}
div.select_area ul li.store {
	background-color:#f9b502;
}
/*****一般住宅・店舗用（）***/
	#label_m06,
	#label_m05,
	#label_m04,
	#label_m03,
	#label_m02,
	#label_m01 {
		display: none;
	}

/*-------------------------------------------------
  PC（画面サイズ481px以上用）
-------------------------------------------------*/
@media all and (min-width:641px) {
	.disp_sp {
		display:none;
	}
/*****振り分け（index.php）******/
	div.select_area {
		width:60%;
		margin:0px auto 50px auto;
		border:20px solid #ddd;
		text-align:center;
	}
	div.select_area ul {
		display: table;
		border-collapse: separate;
		border-spacing: 20px 0px;
		width: 90%;
		background: #FFF;
		margin:0px auto 50px auto;
	}
	div.select_area ul li {
		width:50%;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		padding:0px 0px;
		margin:0% 5%;
		border-radius: 10px;
	}
div.select_area button {
	color:#fff;
	border:none;
	background-color:transparent;
	text-decoration: none ;
	font-size:110%;
	padding:16px 80px;
	font-weight:bold;
/*	border:1px solid #999;*/
}
/*****一般住宅・店舗用（）***/
	div.plan_area {
		width:928px;
		margin:0px auto 30px auto;
		border:20px solid #eee;
	}
	div.plan_area div.plan_select{
		margin:20px 30px;
	}
	div.accshow {
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:3px solid #f5deb3;
	}
	div.plan_area div.plan_select ul.select_list{
		margin:5px 0px 10px 0px;
		width:100%;
		border-bottom: 2px dashed #ddd;
	}
	div.plan_area div.plan_select ul.select_list li{
		padding: 0px 0px 10px 0px;
		float:left;
	}
	div.plan_area div.plan_select ul.select_list li.no{
		width:40px;
	}
	div.plan_area div.plan_select ul.select_list li.bot{
		width:130px;
		color:#000080;
	}
	div.plan_area div.plan_select ul.select_list li.ti {
		width:250px;
		line-height:40px;
	}
	div.plan_area div.plan_select ul.select_list li.result {
		font-size:130%;
		line-height:40px;
/*		font-weight:bold;*/
		width:422px;
		color:#008080;
/*		line-height:40px;*/
	}
	div.plan_area div.hinban_area {
		margin:20px 30px;
		padding:30px 10px 20px 30px;
		border:1px solid #555;
		z-index:10;
	}
	div.plan_area div.hinban_area div.h_ti,
	div.plan_area div.hinban_area div.f00,
	div.plan_area div.hinban_area div.f01,
	div.plan_area div.hinban_area div.f02,
	div.plan_area div.hinban_area div.f03,
	div.plan_area div.hinban_area div.f04,
	div.plan_area div.hinban_area div.fK,
	div.plan_area div.hinban_area div.f05{
	float:left;
	}
	div.plan_area div.hinban_area div.h_ti {
		font-size:120%;
		margin-top:10px;
	}
	div.plan_area div.hinban_area div.f00 {
		font-size:300%;
		margin-left:100px;
	}
	div.plan_area div.hinban_area div.f01,
	div.plan_area div.hinban_area div.f02,
	div.plan_area div.hinban_area div.f03,
	div.plan_area div.hinban_area div.f04,
	div.plan_area div.hinban_area div.fK,
	div.plan_area div.hinban_area div.f05{
		font-size:300%;
		border:1px solid #999;
		width:40px;
		height:40px;
		margin:-2px 8px;
		text-align:center;
		overflow:hidden;
	}
	.label1_inline {
		display: inline-block;
		font-size:120%;
		padding:  20px 0px;
		margin-left:50px;
		width:200px;
		height: 40px;
		line-height:1.2em;
	}
	div.plan_area div.hinban_area_over {
/*		position:relative;*/
		width:700px;
		position: absolute;
		margin:-105px 0px 0px 50px;
		padding:20px 30px 10px 30px;
		text-align:center;
		background-color:#fff;
		color:red;
		font-size:140%;
		line-height:120%;
/*		border:1px solid #555;*/
		z-index:20;
		display:none;
	}
	div.title01 {
		font-size:130%;
		font-weight:bold;
		background-color:#f5deb3;
		padding:10px 20px;
	}
	div.title01 div.close {
		float:right;
		margin-top:-6px;
	}
	table.l150type ,
	table.l150type th,
	table.l150type td{
		border-collapse: collapse;
		border: 1px solid #ccc;
		line-height: 1.5;
		padding:5px 10px;
	}
	table.l150type  {
		width:70%;
		margin:0px auto 10px auto;
	}
	table.l150type th {
		text-align:left;
		background-color:#eee;
	}
	table.l150type th.t_title ,
	table.l150type td {
		text-align:center;
	}

	table.haisui ,
	table.haisui th,
	table.haisui td{
		border-collapse: separate;
		border-spacing: 30px 10px;
		line-height: 1.5;
		padding:5px 0px;
	}
	table.haisui {
		width:90%;
		margin:20px auto 0px auto;
	}
	table.haisui th {
		background-color:#eee;
		width:50%;
		margin:0px;
		padding:5px 0px;
	}
	table.haisui td {
		vertical-align: top;
		margin:0px;
		padding:0px;
	}
	table.haisui td ul {
		width:100%;
	}
	table.haisui td ul li {
	/*	height:35px;*/
		line-height:1.3em;
		margin:20px 0px 0px 0px;
	}
	table.haisui td ul li p {
		padding:10px 0px 0px 0px;
		margin:0px 0px 0px 40px;
	}
	table.haisui td li img {
		float:left;
		vertical-align: middle;
		margin-right:5px;
	}
	p.note {
		font-size:80%;
		line-height:1.2em;
		margin:0px 80px;
		text-indent:-20px;
	}
		table.cover {
		width:95%;
		margin:20px 0px 10px auto;
		border-collapse: separate;
	}
	table.cover td {
/*		border: 1px solid #ccc;*/
		width:25%;
		padding-bottom:30px;
	}
	table.cover td p.nob_name {
		margin-top:10px;
	}
	table.cover td p.nob_name img {
		margin:-10px 10px 0px 0px;
	}
	table.cover td p.cover_img {
		text-align:center;
	}
	div.accshow div.title02 {
		font-size:110%;
		font-weight:bold;
		background-color:#ddd;
		padding:5px 10px;
		margin-top:10px;
		clear:both;
	}
	div.accshow div.title03 {
		font-size:110%;
		padding:5px 10px;
		margin-top:10px;
		clear:both;
	}
	ul.select_list li span.re_select {
		color:red;
		font-size:70%;
	}
	div.remote_area {
		width:85%;
		margin:0px  auto;
	}
	div.remote_cont {
		float:left;
		margin:0px 50px 20px 0px;
	}
	div.remote_item {
		width:190px;
		margin:0px 15px 0px 0px;
		float:left;
	}
	div.remote_item a img {
		margin:0px 10px 0px 5px;
	}
	div.remote_item p {
		margin:10px 0px 20px 0px;
	}
	.op1_inline {
		font-size:120%;
		padding:  20px 0px;
		margin-left:50px;
		width:200px;
		height: 40px;
		line-height:40px;
		float:left;
	}
	div#op1_word {
		font-size:90%;
		margin:20px;
		color:red;
	}
	div.op02_area {
		width:90%;
		margin:0px  auto;
	}
	div.op02_item {
		width:140px;
		height:200px;
		padding-right:52px;
		margin:10px 0px 0px 0px;
		float:left;
/*		border:1px solid #999;*/
	}
	div.op02_item img {
		margin:10px 15px 7px 0px;
	}
	div.label6_note_area {
		width:580px;
/*		max-width:600px;*/
		min-width:200px;
		font-size:80%;
		line-height:1.2em;
		float:left;
	}
	div.label6_note_area dl {
		margin-top:50px;
		width:100%;
	}
	div.label6_note_area dl dt {
		width:4%;
		float:left;
		clear:both;
		color:red;
	}
	div.label6_note_area dl dd {
		width:96%;
		float:left;
		margin-bottom:5px;
	}
	div.form_area {
		text-align:center;
		margin:30px 0px;
	}
	#list01{
		display: block;
		padding-top: 90px;
		margin-top: -90px;
	}

}
/*-------------------------------------------------
 スマホ（画面サイズ640px以下用）
-------------------------------------------------*/
@media all and (max-width: 640px) {
	.disp_pc {
		display:none;
	}
	img { 
		max-width: 100% !important; 
		height:auto;
	}
/*****振り分け（index.php）******/
	div.select_area {
		width:85%;
		margin:0px auto 50px auto;
		border:20px solid #ddd;
		text-align:center;
	}
	div.select_area ul {
		width: 90%;
		background: #FFF;
		margin:0px auto 50px auto;
	}
	div.select_area ul li {
		width:80%;
		text-align: center;
		vertical-align: middle;
		padding:10px 0px;
		margin:5% 5%;
		border-radius: 10px;
	}
	div.select_area button {
		color:#fff;
		border:none;
		background-color:transparent;
		text-decoration: none ;
		font-size:110%;
		padding:16px 0px;
		font-weight:bold;
	}
/*****一般住宅・店舗用（）***/
	div.plan_area {
		width:95%;
		margin:0px auto 30px auto;
	}
	div.plan_area div.plan_select{
		margin:20px 0px;
	}
	div.plan_area div.plan_select ul.select_list{
		margin:10px 0px 5px 0px;
		width:100%;
		border-bottom: 2px dashed #ddd;
	}
	div.plan_area div.plan_select ul.select_list li{
		padding: 10px 0px 10px 0px;
	}
	div.plan_area div.plan_select ul.select_list li.no{
		width:100%;
	}
	div.plan_area div.plan_select ul.select_list li.result{
		padding-left:20px;
		font-size:130%;
		font-weight:bold;
	}
	div.plan_area div.hinban_area {
		width:90%;
		margin:20px auto;
		padding:30px 2% 10px 2%;
		border:1px solid #555;
		text-align:center;
	}
	div.plan_area div.hinban_area div.f00,
	div.plan_area div.hinban_area div.f01,
	div.plan_area div.hinban_area div.f02,
	div.plan_area div.hinban_area div.f03,
	div.plan_area div.hinban_area div.f04,
	div.plan_area div.hinban_area div.fK,
	div.plan_area div.hinban_area div.f05{
		/*float:left;*/
		display: inline-block;
/*		margin:0px auto;*/
	}
	div.plan_area div.hinban_area div.h_ti {
		font-size: 3vw;
		margin:5px auto 5px auto;
		width:90%;
		text-align:left;
	}
	div.plan_area div.hinban_area div.f00 {
		font-size: 5.5vw;
		margin-left:5px;
		vertical-align: top;
/*		border:1px solid #999;*/
		margin-top: -7px;
		padding-top:10px;
	}
	div.plan_area div.hinban_area div.f01,
	div.plan_area div.hinban_area div.f02,
	div.plan_area div.hinban_area div.f03,
	div.plan_area div.hinban_area div.f04,
	div.plan_area div.hinban_area div.fK,
	div.plan_area div.hinban_area div.f05{
		font-size: 5.5vw;
		width:9%;
		border:1px solid #999;
		margin:0px 1px 20px 0px;
		text-align:center;
	}
	div.plan_area div.hinban_area div.f01 img,
	div.plan_area div.hinban_area div.f02 img,
	div.plan_area div.hinban_area div.f03 img,
	div.plan_area div.hinban_area div.f04 img,
	div.plan_area div.hinban_area div.f05 img{
		width:70%;
	}
	div.form_area {
		text-align:center;
		margin:30px auto;
	}
	div.form_area input#result{
		width:95%;
	}
	div.accshow {
		padding-bottom:20px;
		margin-bottom:20px;
		border-bottom:3px solid #f5deb3;
	}

	div.title01 {
		font-size:120%;
		font-weight:bold;
		background-color:#f5deb3;
		padding:10px 20px;
	}
	div.title01 div.close {
		float:right;
		font-size:90%;
		font-weight:normal;
	}
	div.title01 div.close a {
		text-decoration:none;
		color:#555;
	}
	div.accshow div.title02 {
		font-size:110%;
		font-weight:bold;
		background-color:#ddd;
		padding:5px 10px;
		margin-top:10px;
		clear:both;
	}
	div.accshow div.title03 {
		font-size:110%;
		padding:5px 10px;
		margin-top:10px;
		clear:both;
	}
	p.note {
		font-size:80%;
		line-height:1.2em;
		margin:0px 80px;
		text-indent:-20px;
	}
	.label1_inline {
		display: inline-block;
		font-size:120%;
		padding:  20px 0px;
		margin-left:3%;
		width:30%;
		height: 40px;
		line-height:40px;
	}
	table.l150type ,
	table.l150type th,
	table.l150type td{
		border-collapse: collapse;
		border: 1px solid #ccc;
		line-height: 1.5;
		padding:5px 10px;
	}
	table.l150type  {
		width:100%;
		margin:0px auto 10px auto;
	}
	table.l150type th {
		text-align:left;
		background-color:#eee;
	}
	table.l150type th.t_title ,
	table.l150type td {
		text-align:center;
	}
	table.haisui ,
	table.haisui th,
	table.haisui td{
		border-collapse: separate;
		border-spacing: 30px 10px;
		line-height: 1.5;
		padding:5px 0px;
	}
	table.haisui {
		width:100%;
		margin:20px auto 0px auto;
	}
	table.haisui th {
		background-color:#eee;
		width:50%;
		margin:0px;
		padding:5px 0px;
	}
	table.haisui td {
		vertical-align: top;
		margin:0px;
		padding:0px;
	}
	table.haisui td ul {
		width:100%;
	}
	table.haisui td ul li {
		line-height:1.3em;
		margin:20px 0px 0px 0px;
	}
	table.haisui td ul li p {
		padding-top:10px;
		margin-left:30px;
	}
	table.haisui td li img {
		float:left;
		vertical-align: middle;
		margin-right:5px;
	}
		table.cover {
		width:98%;
		margin:20px auto 0px auto;
		border-collapse: separate;
	}
	table.cover td {
/*		border: 1px solid #ccc;*/
		width:50%;
		padding-bottom:30px;
	}
	table.cover td p.nob_name {
		margin-top:0px;
		
	}
	table.cover td p.nob_name img {
		margin:0px 10px 5px 0px;
		vertical-align: middle;
	}
	table.cover td p.cover_img {
		max-width:80%;
		margin:0px auto;
	}
	div.remote_area {
		width:95%;
		margin:0px  auto;
	}
	div.remote_cont {
		float:left;
		margin:0px 50px 20px 0px;
	}
	div.remote_item {
		width:190px;
		margin:0px 15px 0px 0px;
		float:left;
	}
	div.remote_item a img {
		margin:0px 10px 0px 5px;
	}
	div.remote_item p {
		margin:10px 0px 20px 0px;
	}

	.op1_inline {
		font-size:120%;
		padding:  20px 0px;
		margin-left:50px;
		width:200px;
		height: 40px;
		line-height:40px;
		float:left;
	}
	div#op1_word {
		font-size:90%;
		margin:20px;
		color:red;
	}
	div.op02_area {
		width:95%;
		margin:0px  auto;
	}
	div.op02_item {
		width:45%;
		padding-right:0px;
		margin:10px 0px 0px 0px;
		float:left;
/*		border:1px solid #999;*/
	}
	div.op02_item img {
		margin:10px 15px 7px 0px;
	}
	div.label6_note_area {
		width:100%;
/*		max-width:600px;*/
		min-width:30%;
		font-size:80%;
		line-height:1.2em;
		float:left;
	}
	div.label6_note_area dl {
		margin-top:20px;
		width:100%;
	}
	div.label6_note_area dl dt {
		width:4%;
		float:left;
		clear:both;
		color:red;
	}
	div.label6_note_area dl dd {
		width:96%;
		float:left;
		margin-bottom:5px;
	}
	div.title01 div.close {
		float:right;
		margin-top:-6px;
	}
	#list06s,
	#list05s,
	#list04s,
	#list03s,
	#list02s,
	#list01s{
		display: block;
		padding-top: 50px;
		margin-top: -50px;
	}
	div.plan_area div.hinban_area_over {
		width:85%;
		position: absolute;
		margin:-120px auto 0px 4%;
		padding:13px 0px 10px 0px;
		text-align:center;
		background-color:#fff;
		color:red;
		font-size:120%;
		line-height:140%;
/*		border:1px solid #999;*/
		z-index:100;
		display:none;
	}

}


/*-------------------------------------------------
2023.06.14　SSI「相談できるリフォーム店を探す」の文字色指定
-------------------------------------------------*/
div#sectionContents .bnr_area_sub a {
text-decoration: none;
color :#fff !important;
}