@charset "utf-8";

/*==========================================
 reform01_01
===========================================*/

/*=== content_first ===*/

.content_first{
	width:910px;
	margin:90px auto 0 auto;
}
@media screen and (min-width: 768px){
.content_first_h2{
	text-align:center;
	font-size:24px;
	font-weight:500;
	background: linear-gradient(transparent 80%, #e8e8e8 80%);
	width:200px;
	margin: 0 auto;
}

.reform_content_first_thum{
	margin-top:75px;
}

h3.content_first_h3{
	font-size:24px;
	font-weight:500;
	text-align:center;
	padding:16px 0;
	margin-top:90px;
}

.content_first_text{
	width:910px;
	margin:70px auto 0 auto;
}
.content_first_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:2px;
}

strong.content_first_text_red{
	color:#c4000a;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {

.content_first{
	width:90%;
	margin:10% auto 0 auto;
}

.content_first_h2{
	text-align:center;
	font-size:5vw;
	font-weight:500;
	margin:20% auto;
	line-height:40px;
}

.reform_content_first_thum{
	margin-top:10%;
	width:100%;
}

.reform_content_first_thum img{
	width:100%;
}

h3.content_first_h3{
	font-size:24px;
	font-weight:500;
	text-align:center;
	padding:16px 0;
	margin-top:10%;
}

.content_first_text{
	width:100%;
	margin:10% auto 0 auto;
}
.content_first_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
}

}

/*=== content_second ===*/

@media screen and (min-width: 768px){
.content_second{
	width:100%;
	margin:80px auto 0 auto;
}

.content_second_h2{
	font-size:36px;
	font-weight:normal;
	color:#000;
	padding-bottom:70px;
	text-align:center;
}

.content_second_reform_bg{
	width:100%;
	height:650px;
	background:url(../../img/reform/reform04_content_second_bg.jpg) no-repeat;
	background-position:center center;
	background-size:cover;
	padding-top:80px;
}
.content_second_reform_house{
	width:854px;
	height:570px;
	background:url(../../img/reform/reform04_content_second_house.png) no-repeat;
	background-position:center;
	background-size:cover;
	margin:0 auto;
	position:relative;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

.content_second_dannestu_point01{
	position:absolute;
	top:42px;
	left:183px;
	width:100px;
	text-align:center;
	line-height:120%;
}

.content_second_dannestu_point02{
	position:absolute;
	top:170px;
	left:70px;
}

.content_second_dannestu_point03{
	position:absolute;
	top:290px;
	left:10px;
	width:100px;
	text-align:center;
	line-height:120%;
}

.content_second_dannestu_point04{
	position:absolute;
	top:433px;
	left:10px;
}

.content_second_dannestu_point05{
	position:absolute;
	top:40px;
	left:620px;
	width:100px;
	text-align:center;
	line-height:120%;
}

.content_second_dannestu_point06{
	position:absolute;
	top:110px;
	left:738px;
}

.content_second_dannestu_point07{
	position:absolute;
	top:245px;
	left:750px;
}

.content_second_dannestu_point08{
	position:absolute;
	top:373px;
	left:747px;
}

.content_second_dannestu_point09{
	position:absolute;
	top:500px;
	left:745px;
	width:100px;
	text-align:center;
	line-height:120%;
}
}
@media screen and (min-width: 0px) and (max-width:767px) {

.content_second{
	width:100%;
	margin:0 auto;
}

.content_second_h2{
	font-size:5vw;
	font-weight:bold;
	color:#000;
	text-align:center;
	line-height:26px;
	margin:15% auto 5% auto;
}

.content_second_reform_house{
	width:100%;
	height:auto;
	background:none;
	z-index:-10;
}
.content_second_reform_house img{
	width:100%;
}
}

/*=== content_third  ===*/

@media screen and (min-width: 768px){
.content_third{
	width:910px;
	margin:100px auto 0 auto;
}

.content_third_h2{
	font-size:36px;
	font-weight:500;
	text-align:center;
}

.content_third_text{
	width:910px;
	margin:70px auto 0 auto;
}
.content_third_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:2px;
}

h3.content_third_h3{
	font-size:21px;
	font-weight:500;
	width:300px;
	border-bottom:1px #000 solid;
	padding-bottom:5px;
	margin-top:70px;
}

.content_third_flow{
	margin-top:50px;
}

.content_third_flow_box{
	width:199px;
	float:left;
	margin-right:38px;
}

.content_third_flow_no{
	width:30px;
	height:30px;
	float:left;
	text-align:center;
	padding-top:5px;
	background:#000;
	color:#fff;
	font-size:21px;
	font-weight:nomal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-right:15px;
}

h4.content_third_h4{
	font-size:18px;
	font-weight:500;
	padding-top:6px;	
}

.content_third_flow_box_f{
	width:199px;
	float:left;
}

.content_third_flow_thum{
	margin-top:25px;
}

.content_third_flow_text{
	margin-top:25px;
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:1px;
}

.content_third_flow_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:2px;
}

.content_third_inplas{
	margin-top:50px;
}

.content_third_inplas_text{
	width:315px;
	float:left;
	margin-right:30px;
}

.content_third_inplas_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
}

.content_third_inplas_img{
	width:565px;
	float:left;
}
}

@media screen and (min-width: 0px) and (max-width:767px) {

.content_third{
	width:90%;
	margin: 0 auto;
}

.content_third_h2{
	font-size:5vw;
	font-weight:bold;
	text-align:center;
	line-height:26px;
	margin:15% auto 5% auto;
}

.content_third_text{
	width:100%;
	margin:0 auto;
}
.content_third_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:2px;
}

h3.content_third_h3{
	font-size:21px;
	font-weight:500;
	width:100%;
	border-bottom:1px #000 solid;
	padding-bottom:5px;
	margin-top:15%;
}

.content_third_flow{
	margin-top:5%;
}
.content_third_flow img{
	width:100%;
}

.content_third_flow_box{
	width:100%;
	margin:0 0 10% 0;
}

.content_third_flow_no{
	width:20px;
	height:20px;
	float:left;
	text-align:center;
	padding-top:2px;
	background:#000;
	color:#fff;
	font-size:16px;
	font-weight:nomal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-right:15px;
}

h4.content_third_h4{
	font-size:16px;
	font-weight:500;
	padding-top:2px;	
}

.content_third_flow_box_f{
	width:100%;
	margin:0;
}

.content_third_flow_thum{
	margin-top:5%;
}

.content_third_flow_text{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:0;
}

.content_third_flow_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:2px;
}

.content_third_inplas{
	margin-top:5%;
}

.content_third_inplas_text{
	width:100%;
	float:none;
	margin-right:0;
}

.content_third_inplas_text p{
	font-size:1em;
	font-weight:500;
	line-height:26px;
}

.content_third_inplas_img{
	width:100%;
	float:none;
	margin:10% auto 15% auto;
}
.content_third_inplas_img img{
	width:100%;
}

}

/*=== content_fourth  ===*/

.content_fourth{
	width:910px;
	margin:100px auto 0 auto;
}

.content_fourth_h2{
	font-size:36px;
	font-weight:500;
	text-align:center;
}

.content_fourth_text{
	width:910px;
	margin:70px auto 0 auto;
}
.content_fourth_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:2px;
}

.content_fourth_img{
	width:710px;
	margin:100px auto 0 auto;
}

@media screen and (min-width: 0px) and (max-width:767px) {
.content_fourth{
	width:90%;
	margin:10% auto 0 auto;
}

.content_fourth_h2{
	font-size:5vw;
	font-weight:bold;
	text-align:center;
}

.content_fourth_text{
	width:90%;
	margin:10% auto 0 auto;
}

.content_fourth_text p{
	font-size:16px;
	font-weight:500;
	line-height:26px;
	letter-spacing:2px;
}

.content_fourth_img{
	width:90%;
	margin:10% auto;
}
.content_fourth_img img{
	width:100%;
}

.content_second{
	margin:0;
	padding:0;
}


}