@charset "utf-8";

/* -----------------------------------------------------------
    下層ページ共通
-------------------------------------------------------------- */

/*　下層ページコンテンツ部分　*/

.inner2{
	width: 1140px;
	margin: auto;
}

.contents_left {
	width: 840px;
}

.contents_right {
	width: 200px;
	padding: 0 0 60px;
}

.contents_wide {
	width: 1100px;
}

.right_list {
	
}

.right_list li {
	border-bottom: 1px solid #E6E6E6;
}

.right_list li:first-child {
	border-top: 1px solid #E6E6E6;
}

.right_list li a::before {
	content: " ";
	display: inline-block;
	width: 10px;
	height: 20px;
	background: url(../img/top_products_icon.png) no-repeat left center;
	background-size: 100%;
	margin: 0 20px;
	vertical-align: middle;
}

.right_list li a {
	display: block;
	padding: 20px 0;
	font-size: 1.5rem;
	
}

/*　枠付き　*/
.low_box {
	border: 1px solid #E6E6E6;
	padding: 80px;
}
.low_box p {
	line-height: 1.8;
}
.low_box a {
	color: #BAA280;
}

.low_box .title {
	font-weight: bold;
	font-size: 1.6rem;
}

@media screen and (max-width: 667px){
	
	/*　下層ページコンテンツ部分　*/
	.inner2{
		width: 100%;
	}
	
	.contents_left {
		width: 100%;
	}
	
	.contents_right {
		width: 100%;
		padding: 50px 0 0;
	}
	
	.contents_wide {
		width: 100%;
		padding: 0 0 20px;
	}
	
	.right_list {
		background: #E6E6E6;
	}

	.right_list li {
		border-bottom: 1px solid #fff;
	}

	.right_list li:first-child {
		border-top: none;
	}

	.right_list li a::before {
		content: " ";
		display: inline-block;
		width: 10px;
		height: 20px;
		background: url(../img/top_products_icon.png) no-repeat left center;
		background-size: 100%;
		margin: 0 20px;
		vertical-align: middle;
	}

	.right_list li a {
		display: block;
		padding: 20px 0;
		font-size: 1.5rem;
		
	}
	
	/*　枠付き　*/
	.low_box {
		border: none;
		padding: 0;
	}
	.low_box p {
		line-height: 1.8;
	}
	.low_box a {
		color: #BAA280;
	}
	
	.low_box .title {
		font-weight: bold;
		font-size: 1.8rem;
	}
}


/* -----------------------------------------------------------
    リード見出し
-------------------------------------------------------------- */

.title_area .title_e {
	font-size: 4.4rem;
	color: #fff;
	padding: 14px 0 16px 0;
}

.text_area {
	margin: 0 0 30px 0;
}
.catch {
	font-size: 3.2rem;
	padding: 0 0 16px 0;
	text-align: center;
	line-height: 1.4;
	font-family: "Noto Sans Japanese";;
	margin-top: 50px;
}
.catch_text {
	font-size: 1.6rem;
	color: #000;
	padding: 14px 0 16px 0;
	text-align: center;
	line-height: 1.8;
}

@media screen and (max-width: 667px){
	.title_area .title_e {
		font-size: 2.4rem;
		padding: 5px 0 5px 0;
	}
	.text_area {
	}
	.catch {
		font-size: 2.0rem;
		color: #000;
		padding: 0;
		text-align: left;
		line-height: 1.5;
		margin-top: 30px;
	}
	.catch_text {
		font-size: 1.6rem;
		color: #000;
		padding: 14px 0 0 0;
		text-align: left;
		line-height: 1.8;
	}

}




/* -----------------------------------------------------------
    お客様の声･施工事例　一覧
-------------------------------------------------------------- */

.bl_searchResultBlock{
	margin:70px auto 50px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.bl_searchResultBlock li{
	width: 320px;
	background-color: #fff;
	margin: 0 20px 50px;
	min-height:350px;
	box-shadow: 0px 0px 20px 7px #EEE;
	background-image: url(../img/arrow.png);
	background: url( "../img/arrow.png" ) right 20px bottom 20px / 7px 12px no-repeat;
	position: relative;
}
.ribbon16-wrapper {  
  display: block;
  position: relative;
  margin: 15px auto;
  padding: 0 0;
  width: 300px;
  background: #f1f1f1;
  box-sizing: border-box;
  }

.ribbon16 {  
  display: inline-block;
  position: absolute;
  top: -6px;
  right: 10px;
  margin: 0;
  padding: 10px 0 7px;
  z-index: 2;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 13px;
  background: #FF3030;
  border-radius: 2px 0 0 0;
  }

.ribbon16:before {
  position: absolute;
  content: '';
  top: 0;
  right: -5px;
  border: none;
  border-bottom: solid 6px #FF3030;
  border-right: solid 5px transparent;
}

.ribbon16:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 10px solid #FF3030;
}.bl_searchResultBlock li img{
	width: 320px;
}
.bl_searchResultBlock li a{
	display: block;
}

.mix_text_area{
	padding: 0 20px 20px 20px;
}

/*タグ*/
.checkmix_h4{
	font-size: 2.0rem;
	font-weight: 500;
	line-height: 1.3;
	margin-top: 25px;
}
.checkmix_h4 span{
	margin-right: 10px;
}

.check_tag{
	font-size: 1.2rem;
	font-weight: 500;
	padding: 5px 10px;
	display: inline-block;
	margin-top: 15px;
}


.check_tag.c_4ch{
	color:#961F5D;
	border:1px solid #961F5D;
} 

.check_tag.c_2ch{
	color:#339999;
	border:1px solid #339999;
}

.check_tag.c_plusc{
	color:#3087CC;
	border:1px solid #3087CC;
}

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

	.bl_searchResultBlock{
		margin:25px auto 20px;
		border-top: 1px solid #DDD;
	}
	.bl_searchResultBlock li{
		width: 100%;
		float: none;
		margin:0;
		min-height:auto;
		box-shadow:none;
		background-image: url(../img/arrow.png);
		background: url( "../img/arrow.png" ) right 0 top 50% / 7px auto no-repeat #fff ;
		border-bottom: 1px solid #DDD;
		padding-right: 15px;
	}
	.bl_searchResultBlock li img{
		width: 90px;
		float: left;
		margin-right: 10px;
	}
	.bl_searchResultBlock li a{
		padding: 20px 0;
	}
	.checkmix_h4{
		font-size:1.7rem;
		margin-top: 0;
		margin-bottom: 7px;
	}
	.mix_text_area{
		padding: 0;
	}
	.check_tag{
		font-size: 1.0rem;
		margin-top: 8px;
	}
	
}