/*======================================

	林建設工業
	建築工法CSS

=======================================*/

/* 共通 */



/*======================================
	建築工法 共通
=======================================*/
#method h3.title{
	font-size: 170%;
	font-weight: bold;
	background: #e6e6e6;
	padding: 5px 15px;
	border-top: solid 1px #231815;
	border-bottom: solid 1px #231815;
	margin-bottom: 25px;
}

.content_wrap{
	position: relative;
}
#method_wrap{
	max-width: 800px;
	width: calc(100% - 250px);
}
#method_wrap > section{
	margin-bottom: 100px;
}

#method_wrap .top_img{
	margin-bottom: 40px;
}



/*======================================
	注文住宅
=======================================*/

/* section1 */
#archit_comehome .s_01 > .desc{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}
#come_list{
	margin: 30px 0;
	padding: 20px;
	background: #ebf5e7;
}
#come_list li{
	float: left;
	max-width: 370px;
	width: 48%;
	margin: 10px 0;
	margin-right: 4%;
	padding: 15px;
	background: #fff;
}
#come_list li:nth-child(even){
	margin-right: 0;
}

#come_list .ttl_area{
	position: relative;
	margin-bottom: 5px;
}
#come_list .title{
	font-size: 120%;
	font-weight: bold;
}
#come_list .desc{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 120%;
	font-weight: bold;
}
.ft_color{
	color: #eb6120 !important;
}

#zairai .txt{
	float: left;
	max-width: 450px;
	width: 56%;
	margin-right: 5%;
}
#zairai .img{
	float: right;
	max-width: 317px;
	width: 39%;
}

#feature_list{
	margin-top: 60px;
}
#feature_list li{
	margin-bottom: 50px;
}
#feature_list h5{
	font-size: 130%;
	color: #fff;
	background: #0a8d00;
	padding: 5px 15px;
	margin-bottom: 15px;
}
#feature_list .l_data{
	float: left;
	width: 68%;
	margin-right: 5%;
}
#feature_list .r_data{
	float: right;
	max-width: 215px;
	width: 27%;
}


/* section2 */
.img_list{
	margin-bottom: 20px;
	display: flex;
	justify-content: space-between;
	gap: 2%;
}
.img_list .l_data{
	/* float: left; */
	/* max-width: 380px; */
	width: 49%;
	/* margin-right: 1.8%; */
}
.img_list .r_data{
	/* float: right; */
	/* max-width: 406px; */
	width: 49%;
}

#jisseki_list li:not(:last-child){
	margin-bottom: 100px;
}

#jisseki_list .info .mk{
	vertical-align: middle;
	margin-right: 15px;
}
#jisseki_list .info .desc{
	vertical-align: middle;
}

#jisseki_list li .lede{
	font-size: 110%;
	font-weight: bold;
	color: #0a8d00;
	margin: 15px 0;
}

/* section3 */
#archit_comehome .s_03 .btn_wrap{
	margin-top: 40px;
	margin-bottom: 20px;
}
#archit_comehome .s_03 .btn_01{
	max-width: 300px;
	padding-right: 8px;
}
#archit_comehome .s_03 .txt{
	text-align: center;
}


@media screen and (max-width:900px) {
	#come_list .desc {
		position: relative;
	}
}

@media screen and (max-width:800px) {
	#method_wrap{
		width: 100%;
	}
}

@media screen and (min-width:601px) and (max-width:800px) {
	
	#zairai .txt {
		float: none;
		max-width: 100%;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#zairai .img {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	
	#feature_list .l_data {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#feature_list .r_data {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	
}

@media screen and (max-width:600px) {
#come_list li {
	float: none;
	max-width: 100%;
	width: 100%;
	margin: 0 0 20px 0;
	margin-right: 0;
}
#come_list li:last-child{
	margin-bottom: 0;
}
}

@media screen and (max-width:500px) {
	#zairai .txt {
		float: none;
		max-width: 100%;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#zairai .img {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	
	#feature_list .l_data {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	#feature_list .r_data {
		float: none;
		width: 100%;
		margin: 0 auto;
	}
	
	#jisseki_list .info .desc {
		display: block;
		margin-top: 10px;
	}
	
	#archit_comehome .s_03 .txt {
		text-align: left;
	}	
}

@media screen and (max-width:400px) {
	.img_list {
		display: block;
	}
	.img_list .l_data {
		/* float: none; */
		width: 100%;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.img_list .r_data {
		/* float: none; */
		/* max-width: 380px; */
		width: 100%;
		margin: 0 auto;
	}
}