@charset "utf-8";

/* ------------------------------
 中古住宅「購入＆リフォーム」
------------------------------ */
/*--- STYLE --- */
.renovation-style{
	width: 132px;
	background: url(../img/renovation_style.png) no-repeat 0 0;
	background-size:132px auto;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-left: 48px;
	padding-top: 1px;
	margin: 0 auto;
	margin-bottom: 16px;

}
.renovation-style-mansion{
	width: 132px;
	background: url(../img/renovation_style_mansion.png) no-repeat 0 0;
	background-size:132px auto;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-size: 14px;
	padding-left: 48px;
	padding-top: 1px;
	margin: 0 auto;
	margin-bottom: 16px;

}

/*--- ポイントブロック --- */
.balloon-3-block .cms_text{
		width: 390px;
		float: left;
		background: #EEEEEA;
		margin-right: 24px;
		border-radius: 8px;
		text-align: center;
		padding: 40px 10px;
		position: relative;
		overflow: visible !important;
		font-weight: bold;
}
.balloon-3-block .cms_text a{
		color: #333;
}
.balloon-3-block .cms_text:nth-child(3){
		margin-right: 0;
}
.balloon-3-block .cms_text:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 20px;
	border-color: #eeeeea transparent transparent transparent;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	margin: auto;
}
.balloon-3-block .cms_text p{
	width: 104px;
	height: 40px;
	background: url(../img/icon-point-bg.png) no-repeat 0 0;
	background-size: 104px auto;
	margin: -55px auto 0 auto;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: 1.9rem;
	padding-top: 6px;
	margin-bottom: 20px;
	font-weight: normal;
}
.point-title{
	margin-bottom: 0;
	font-size: 2rem;
	font-weight: bold;
	color: #247ABF;
	margin-bottom: 10px;
}
.point-title span{
	width: 104px;
	height: 40px;
	background: url(../img/icon-point-bg.png) no-repeat 0 0;
	background-size: 104px auto;
	color: #fff;
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	font-size: 1.9rem;
	padding-top: 6px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	font-weight: normal;
}
@media screen and (max-width: 767px) {
	.balloon-3-block .cms_text{
			width: 100%;
			float: none;
			margin-right: 0;
			padding: 40px 20px;
			margin-bottom: 50px;
			text-align: left;
	}
	.balloon-3-block .cms_text br{
			display: none;
	}
	.balloon-3-block .cms_text p{
			text-align: center;
	}
	.point-title{
		font-size: 1.8rem;
	}
	.point-title span{
	display: block;
	margin-bottom: 10px;
	}
}
/*--- ボーダー枠ブロック --- */
.title-arrow{
	text-align: center;
	font-size: 1.9rem;
	font-weight: bold;
	color: #DDB755;
	padding-left: 5px;
	background: url(../img/renovation_arrow.png) no-repeat center center;
	margin-bottom: 25px;
}
.border-frame-yellow{
	width: 500px;
	border: solid 1px #DDB755;
	border-radius: 8px;
	padding: 27px;
}
.border-frame-yellow{
	width: 500px;
	border: solid 1px #DDB755;
	border-radius: 8px;
	padding: 27px;
	position: relative;
	overflow: visible;
}
.border-frame-yellow:after {
	content: "";
	display: block;
	position: absolute;
	top: 270px;
	right: -57px;
	width: 40px;
	height: 40px;
	margin: auto 0;
	background: url(../img/plus-yellow.png);
	background-size: contain;
}
.arrow-block .border-frame-yellow:after {
	content: "";
	display: block;
	position: absolute;
	top: 225px;
	right: -59px;
	width: 42px;
	height: 50px;
	margin: auto 0;
	background: url(../img/arrow-yellow-shoukai.png) no-repeat;
}
.border-frame-yellow:nth-child(2)::after,
.arrow-block .border-frame-yellow:nth-child(2)::after {
	display: none;
}
.gray-box{
	background: #F4F4F1;
	padding: 23px 30px;
	border-radius: 8px;
	margin-bottom: 25px;
	height: 160px;
}
.gray-box:last-child{
	height: 190px;
}
.arrow-block .gray-box,
.arrow-block .gray-box:last-child{
	height: 130px;
}
.gray-box:last-child{
	margin-bottom: 0;
}
.gray-box p{
	color: #40ACDC;
	font-weight: bold;
	font-size: 1.8rem;
}
.border-frame-yellow-title{
	color:#DDB755;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background: #fff;
	width: 125px;
	margin: 0 auto;
	margin-top: -45px;
	margin-bottom: 18px;
}
.fr .border-frame-yellow-title{
	width: 150px;
}
@media screen and (max-width: 767px) {
	.title-arrow{
		text-align: center;
		font-size: 1.7rem;
		margin-bottom: 15px;
		background: none;
	}
	.border-frame-yellow{
		width: 100%;
		border: solid 1px #DDB755;
		border-radius: 8px;
		padding: 20px;
		margin-bottom: 90px;
	}
	.border-frame-yellow:after {
		content: "";
		display: block;
		position: absolute;
		top: auto;
		bottom: -65px;
		right: 0;
		left: 0;
		width: 40px;
		height: 40px;
		margin: auto;
		background: url(../img/plus-yellow.png);
		background-size: contain;
	}
	.arrow-block .border-frame-yellow:after {
		content: "";
		display: block;
		position: absolute;
		top: auto;
		bottom: -70px;
		right: 0;
		left: 0;
		width: 68px;
		height: 50px;
		margin: auto;
		background: url(../img/arrow-yellow-shoukai_sp.png) no-repeat;
		background-size: contain;
	}
	.gray-box{
		padding: 20px;
		height: auto;
	}
	.gray-box:last-child{
		height: auto;
	}
	.arrow-block .gray-box,
	.arrow-block .gray-box:last-child{
		height: auto;
	}
	.border-frame-yellow-title{
		font-size: 1.8rem;
		margin-top: -36px;
	}
}
/* ------------------------------
 親想いリフォーム
------------------------------ */
.number p{
	margin-bottom: 30px;
}
.number strong{
	font-size: 2.2rem;
	color: #4B4B4B;
	display: block;
}
.cms_text.number li:before {
	content: none;
}
.cms_text.number li:nth-child(odd){
	width: 597px;
	float: left;
}
.cms_text.number li:nth-child(even) {
	width: 597px;
	float:right;
}
.number li:nth-of-type(1) strong:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no01.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.number li:nth-of-type(2) strong:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no02.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.number li:nth-of-type(3) strong:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no03.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.number li:nth-of-type(4) strong:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no04.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.number li:nth-of-type(5) strong:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no05.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.number li:nth-of-type(6) strong:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no06.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}
.number li:nth-of-type(7) strong:before{
	content:"";
	width: 30px;
	height: 22px;
	display: inline-block;
	background: url(../img/icon_no07.png) no-repeat 0 0;
	background-size: 22px 22px;
	margin-bottom: -4px;
}

@media screen and (max-width: 767px) {
	.number strong{
		font-size: 1.7rem;
		margin-bottom: 10px;
	}
	.cms_text.number li:nth-child(odd),
	.cms_text.number li:nth-child(even) {
		width: 100%;
		float: none;
	}
}

/* ------------------------------
 中古マンションリフォームプラン
------------------------------ */
.article-box03{
    margin-bottom: 30px;
}
.renovation03-txt{
    background: #EDEEEA;
    text-align: center;
    padding: 15px 0;
    font-size: 2rem;
    border-radius: 8px;
    font-weight: bold;
}
.renovation03-txt strong{
    font-size: 3.8rem;
    color: #247ABF;
}
.renovation03-txt span{
    font-size: 1.9rem;
    color: #247ABF;
    font-weight: normal;
}
@media screen and (max-width: 767px) {
	.renovation03-txt {
	    font-size: 1.6rem;
      padding: 15px 5px 13px 5px;
	}
	.renovation03-txt strong{
	    font-size: 2rem;
	    display: block;
	}
	.renovation03-txt span{
	    font-size: 1.3rem;
	}
}
/* ------------------------------
 中古マンション「購入同時のリノベーション」
------------------------------ */
.cms_text.img-table th,
.cms_text.img-table td{
    vertical-align: middle;
    text-align: center;
}

.cms_text.img-table td{
	padding: 35px 25px;
}
.blue-title-f20 {
	color: #247ABF;
	font-size: 2rem;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.cms_text.img-table td{
		padding: 35px 10px;
	}
	.blue-title-f20 {
		color: #247ABF;
		font-size: 1.9rem;
	}
}
/* ------------------------------
 中古マンションリフォームパッケージプラン
------------------------------ */
.contents .package-block h3{
	padding-left: 0;
	border-left: none;
	margin-bottom: 15px;
	font-weight: bold;
}
.contents .package-block h3 span,
.package-block-txt span{
	background: #247ABF;
	color: #fff;
	width: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
	font-family: 'Roboto', sans-serif;
	font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
	.contents .package-block h3{
		font-size: 1.5rem;
	}
	.contents .package-block h3 span,
	.package-block-txt span{
		width: 20px;
		line-height: 20px;
		font-size: 1.2rem;
	}
}