@charset "UTF-8";
/* CSS Document */

/* header */


/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss 
****************************************************************** */
#body-inside{
	overflow-x: hidden;
	position: relative;
	top: 0;
}
#page_head{
	margin-top: 130px;
	background:url('../img/head_img.png') no-repeat;
	background-size: cover;
	
}
h1{text-align: center;padding: 0;position: relative;}
h4.gosic {
	margin-bottom:0.25em;
	font-size:18px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	font-weight: bold;
}
.section01{
	padding: 30px;
	background:url('../img/h2_back.jpg') no-repeat;
	background-size: cover;
}
.section02
{
	margin-top: 50px;
	padding: 22px;
	background:url('../img/back_no1.png') no-repeat;
	
}
.wrap_80{
	width: 80%;
	margin: 0 auto;
}
.h3_ttl{
	font-weight: bold;
}


.h3_box{
	border: solid 1px #000;
	padding: 5px 12px;
}
.h3_box02{
	background-color: #9FA0A0;
	text-align: center;
	padding-top: 5px;
	color: #fff;
}
.twoColInner div {
	margin-bottom: 2em;
}

.w60{
	width: 60%;
	float: left;
}
.w37{
	width: 37%;
	float: right;
}

.section03
{
	margin-top: 50px;
	padding: 22px;
	background:url('../img/back_no2.png') no-repeat;
	
}


.section04
{
	margin-top: 50px;
	padding: 22px;
	background:url('../img/back_no3.png') no-repeat;
	
}
.w50per{
	width: 48%;
}
.f_left{float: left;}
.f_right{float: right;}
.bg_black_ttl{
	background-color: #000;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	padding: 7px 0px 3px 20px;
	margin-top: 50px;
}
.reform_menu{
	background:url('../img/reform_menu_back.jpg') no-repeat;
	background-size: cover;
	padding: 5% 0;
}
.menu_ttl{
	font-size: 42px;
	letter-spacing: 10px;
	margin: 0;
	padding-bottom: 5%;
	line-height: 1;
}
.tel_box{
	border: solid 2px #000;
	border-radius: 10px;
	width: 80%;
	margin: 0 auto;
	text-align: center;
	padding: 2% 0 1%;
}
strong {
	font-weight:bold;
	color:#000000;
}
/* リフォームの流れ
*************************************************************** */

.flow_01{
	padding: 50px;
	background:url('../img/flow_01.svg') no-repeat;
	background-size: contain;
}
.flow_02{
	padding: 50px;
	background:url('../img/flow_02.svg') no-repeat;
	background-size: contain;
}
.flow_03{
	padding: 50px;
	background:url('../img/flow_03.svg') no-repeat;
	background-size: contain;
}
.flow_04{
	padding: 50px;
	background:url('../img/flow_04.svg') no-repeat;
	background-size: contain;
}
.flow_05{
	padding: 50px;
	background:url('../img/flow_05.svg') no-repeat;
	background-size: contain;
}
.flow_06{
	padding: 50px;
	background:url('../img/flow_06.svg') no-repeat;
	background-size: contain;
}
.flow_07{
	padding: 50px;
	background:url('../img/flow_07.svg') no-repeat;
	background-size: contain;
}
.flow_08{
	padding: 50px;
	background:url('../img/flow_08.svg') no-repeat;
	background-size: contain;
}
.wrap_90{
	width: 90%;
	margin: 10% 0 0 10%;
}
.text_s{font-size: 90%;}
.h3_ttl02{
	font-weight: bold;
	font-size: 14px;
	padding-top: 2%;
}
.h2_ttl02 {
	margin-top:0px;
	margin-bottom:0.5em;
	font-size:24px;
	color:#333;
	text-align:left;
	font-weight: bold;
	line-height: 1.2;
}
.ga_margin{
	margin-left:3%;}
.ga_margin img {
	width: 46%;
	margin-right:3%;
	margin-bottom:25px;}
.page_left{float: left;}
.page_right{float: right;}
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */

@media screen and (max-width: 560px) {
h1 {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 5px 0px 0px 8px;
    width: 100%;
}	
#page_head{
	margin-top: 80px;
	}
.wrap_80{
	width: 86%;
	margin: 0 auto;
}
.section02
{
	margin-top: 50px;
	margin-left: 20px;
	padding: 10px 0px 0px 15px;
	background:url('../img/back_no1_sp.png') no-repeat;
}
.twoColInner div {
	margin-bottom: 2em;
}

.section03
{
	margin-top: 50px;
	margin-left: 20px;
	padding: 10px 0px 0px 15px;
	background:url('../img/back_no2_sp.png') no-repeat;
	
}
.section04
{
	margin-top: 50px;
	margin-left: 20px;
	padding: 10px 0px 0px 15px;
	background:url('../img/back_no3_sp.png') no-repeat;
	
}
		.w60{
	width: 100%;
	float: none;
}
.w37{
	width: 100%;
	float: none;
}
.w50per{
	width: 100%;
}
.f_left , .f_right{float: none;}
.menu_ttl{
	font-size: 32px;
	letter-spacing: 10px;
	margin: 0;
	padding-bottom: 3%;
}
.tel_box{
	border: solid 2px #000;
	border-radius: 10px;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	padding: 2% 0 1%;
}
/* リフォームの流れ
*************************************************************** */

.flow_01{
	padding: 50px;
	background:url('../img/flow_01_sp.svg') no-repeat;
	background-size: contain;
}
.flow_02{
	padding: 50px;
	background:url('../img/flow_02_sp.svg') no-repeat;
	background-size: contain;
}
.flow_03{
	padding: 50px;
	background:url('../img/flow_03_sp.svg') no-repeat;
	background-size: contain;
}
.flow_04{
	padding: 50px;
	background:url('../img/flow_04_sp.svg') no-repeat;
	background-size: contain;
}
.flow_05{
	padding: 50px;
	background:url('../img/flow_05_sp.svg') no-repeat;
	background-size: contain;
}
.flow_06{
	padding: 50px;
	background:url('../img/flow_06_sp.svg') no-repeat;
	background-size: contain;
}
.flow_07{
	padding: 50px;
	background:url('../img/flow_07_sp.svg') no-repeat;
	background-size: contain;
}
.flow_08{
	padding: 50px;
	background:url('../img/flow_08_sp.svg') no-repeat;
	background-size: contain;
}
.wrap_90{
	width: 90%;
	margin: 10% 0 0 10%;
}
.text_s{font-size: 90%;}
.ga_margin{
	margin-left:0%;}
}