@charset "UTF-8";
#content .link_area ul:after,
#content .shop_area .shop:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
footer .inquiry_area{ background:url(../images/vinyl_house/footer_bg01.png) top repeat-x #e94b41;
padding: 20px 0 0 0; margin: 0; display: block;clear: both;}



/* -------------------------- */
/* ttl*/
/* -------------------------- */
#content .ttl {

	background-image: url(../images/vinyl_house/h2_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	
}
#content .ttl h2{
	text-align: left;
	font-size: 2.4em;
	height: 200px;
	line-height: 200px;
	color: #ffffff;
text-shadow: 0 0 3px #000;
}
@media screen and (min-width: 1500px) {
	#content .ttl {background-size:100% auto;}
}
@media screen and (max-width: 1034px) {
#content .ttl{background-size:100% auto;}
#content .ttl h2 {
	text-align: center;
	font-size: 1.6em;
	height: 100px;
	line-height: 1.2;
	padding: 32px 0 0 0;
}
}
@media screen and (max-width: 749px) {
	#content .ttl{background-size:auto 100%;}
	
}


/* -------------------------- */
/* link_area*/
/* -------------------------- */
#content .info h3{color:#e94b41;font-size: 1.8em; font-weight: normal; margin: 0 0 10px 0;}
#content .info p strong{color:#358c39;font-size: 1.4em; margin: 0 0 10px 0;}
#content .info .inbox{padding: 40px 0;}


@media screen and (max-width: 1034px) {
#content .info h3{font-size: 1.4em; line-height: 1.2;}
#content .info p strong{font-size: 1em; }
#content .info .inbox{padding: 20px 0px 40px 0;}
}


/* -------------------------- */
/* menu*/
/* -------------------------- */
#content .menu{ background:url(/images/top/under_contents_bg.png) top repeat-x;
padding: 10px 0 0 0; margin: -10px 0 0 0; display: block;clear: both;}
#content .menu .bg{background:#f5f5eb; text-align: center; padding: 70px 0;}
#content .menu .menu_list {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
}
#content .menu .menu_list li{
	width: 45%;
	margin: 20px;
	background: #fff;
	box-sizing: border-box;
	border-radius: 30px;
	position: relative;
}
#content .menu .menu_list li:hover{
	opacity: 0.7;
}
#content .menu .menu_list li .menu_image {
	width: 100%;
	-webkit-border-top-left-radius: 30px;
	-webkit-border-top-right-radius: 30px;
}
#content .menu .menu_list span {
	display: block;
}
#content .menu .menu_list .menu_name {
	height: 90px;
	padding: 20px;
	line-height: 1.4;
	color: #358C39;
	font-size: 1.2rem;
}
#content .menu .menu_list .menu_name.padding {
	padding: 30px 0 0 0;
}

#content .menu .menu_list .arrow_icon {
	position: absolute;
	right: 20px;
	bottom: 35px;

}
@media screen and (max-width: 1034px) {
#content .menu .menu_list {
	justify-content: center;
}
#content .menu .menu_list li{
	width: 100%;
}
#content .menu .menu_list .menu_name {
	height: 70px;
	padding: 8px 50px 8px 8px;
}	
#content .menu .menu_list .menu_name.padding {
	padding: 20px 0 0 0;
}
#content .menu .menu_list .arrow_icon {
	position: absolute;
	right: 20px;
	bottom: 23px;

}
}





@media screen and (max-width: 1034px) {
#content .flow .bg{padding: 35px 0;}
#content .flow .bg h3{font-size: 1.4em; line-height: 1.2;margin: 0 0 15px 0;}

#content .flow .bg ul li span{ height: auto; 
border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;
	padding: 15px;
	line-height: 1.4;}
	
#content .flow .bg ul li span img{ float: none; margin: 0; width: 100%;
    -webkit-border-top-left-radius: 0px;  
    -webkit-border-bottom-left-radius: 0px;  
    -moz-border-radius-topleft: 0px;  
    -moz-border-radius-bottomleft: 0px;  
}	
#content .flow .bg ul li span strong{padding: 10px 0;}
	
}

/*back_btn*/
.back_btn a {
	width: 300px;
	height: 80px;
	background: #fff;
	margin: 80px auto;
	display: block;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	text-align: center;
	line-height: 80px;
	color: #358c39;
	border: 1px solid #358c39;
}
@media screen and (max-width: 1034px) {
	.back_btn a {
		width: 240px;
		margin: 0 auto;
	}
}