@charset "utf-8";
/* CSS Document */
.spbr {display: none;}
.pcbr {display: block;}
.fbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}
.fb-center {justify-content: center;}
.fb-between {justify-content: space-between;}
.container {padding: 0 20px;margin:0 auto;}
.con-l {max-width: 1080px;box-sizing: border-box;}
.content {margin-bottom: 80px;}
.red {
	color: #74001a;
}
.rc-mv {
	background: url(../image_page/renovation_cost/main-bg.png)no-repeat;
	background-size: cover;
	padding: 115px 0;
	margin-bottom: 80px;
}
.rc-mv .rc-mv-ttl {
	background: none;
	text-align: center;
	font-size: 82px;
}
.rc-mv .rc-mv-ttl span {
	font-size: 71px;
}
.mv-tx {
	width: 980px;
	margin: 0 auto;
	font-size: 23px;
	font-weight: 600;
	line-height: 1.8;
}
.cost .tit {
	font-size: 42px;
	text-align: center;
	margin-bottom: 50px;
	background-image:none;
}
.cost .tit span {
	font-size: 84px;
	color: #74001a;
}
.cost .tit span span{
	font-size: 42px;
}
.cost .fbox {
	margin: 0 auto;
}
.cost .item {
	width: 324px;
	background: #74001a;
	color: #fff;
	text-align: center;
	font-size: 28px;
	border-radius: 50%;
	line-height: 1.6;
	font-weight: 600;
	padding: 72px 0;
}
.cost .item span {
	display: block;
	font-size: 58px;
	font-weight: 600;
}
.title-waku {
	font-size: 42px;
	text-align: center;
	margin-bottom: 80px;
	position: relative;
	/* padding: 72px 0; */
	line-height: 5;
	color: #74001a;
	background-image:none;
}
.title-waku::before {
	content: "";
	display: block;
	width: 372px;
	height: 217px;
	background: url(../image_page/renovation_cost/title-left.png)no-repeat;
	background-size: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.title-waku::after {
	content: "";
	display: block;
	width: 413px;
	height: 208px;
	background: url(../image_page/renovation_cost/title-right.png)no-repeat;
	background-size: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.point {
	background: rgba(116, 0, 26, 0.07);
	padding: 30px 30px 30px 180px;
	font-size: 23px;
	line-height: 1.6;
	position: relative;
	font-weight: 600;
}
.point::before {
	content: "";
	display: block;
	width: 174px;
	height: 208px;
	background: url(../image_page/renovation_cost/point.png)no-repeat;
	background-size: 100%;
	position: absolute;
	left: -33px;
	top: -47px;
}
.cost-tx {
	align-items: center;
	width: 75%;
	margin: 80px auto 50px;
}
.cost-tx .tx {
	border: solid 1px #74001a;
	padding: 10px;
	font-size: 37px;
	font-weight: 600;
	color: #74001a;
}
.cost-tx .plus {
	font-size: 40px;
	font-weight: 600;
	color: #74001a;
}
.cost-figure-area {
	width: 75%;
	margin: 0 auto;
}
.cost-figure-area .item {
	width: 350px;
}
.cost-figure {
	width: 200px;
}
.cost-figure .merit {
	background: rgba(20, 132, 194, 0.27);
	height: 115px;
}
.cost-figure .kounetu {
	background: rgba(116, 0, 26, 0.25);
	height: 135px;
}
.cost-figure .rinove {
	background: #efefef;
	height: 170px;
}
.cost-figure div {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1.2;
	font-size: 24px;
	text-align: center;
}
.empt {
	height: 0px;
}
.iwasaki .empt {
	height: 60px;
}
.iwasaki .cost-figure .merit {
	height: 80px;
}
.iwasaki .cost-figure .kounetu {
	height: 80px;
}
.iwasaki .cost-figure .rinove {
	height: 200px;
}
.cost-figure-area .tx {
	border: solid 2px #9e9e9e;
	text-align: center;
	padding: 20px;
	margin: 20px 0;
	color: #777779;
}
.cost-figure-area .iwasaki .tx {
	border: none;
	background: #74001a;
	color: #fff;
	text-align: center;
	margin: 20px 0;
	padding: 11px 0;
	line-height: 1.3;
}
.cost-figure-area li {
	font-size: 20px;
	color: #777779;
	margin: 15px 0;
}
.cost-figure-area .iwasaki li {
	color: #74001a;
}
.cost-figure-area .iwasaki {
	position: relative;
}
.cost-figure-area .iwasaki::after {
	content: "";
	display: block;
	height: 166px;
	width: 168px;
	position: absolute;
	top: 200px;
	right: -30px;
	background: url(../image_page/renovation_cost/fukidashi.svg)no-repeat;
	background-size: 100%;
}
.renove-cost .tit2 {
	color: #74001a;
	border: solid 4px #74001a;
	padding: 35px 0;
	text-align: center;
	font-size: 42px;
	margin-bottom: 50px;
}
.hiyoukan {
	width: 75%;
	margin: 0 auto 50px;
}
.hiyoukan .img {
	width: 40%;
	margin: 0 auto 50px;
}
.hiyoukan .tx {
	width: 55%;
	font-size: 32px;
	text-align: center;
	font-weight: 600;
	padding-top: 75px;
}
.hiyoukan .sankou {
	color: #74001a;
	margin-top: 30px;
	font-size: 43px;
}
.hiyoukan .sankou span {
	font-size: 88px;
}
.renove-cost .tit3 {
	font-size: 24px;
	background: #74001a;
	color: #fff;
	width: 25%;
	text-align: center;
	padding: 20px 0;
	border-radius: 50px;
	margin: 0 auto 40px;
}
.renove-cost .detaile {
	font-size: 24px;
	line-height: 1.5;
	font-weight: 600;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}
.kome {
	font-weight: 600;
	margin-bottom: 50px;
}
.renove-merit {
	background: rgba(116, 0, 26, 0.07);
	padding: 30px 50px;
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 80px;
}
.renove-merit .tit4 {
	text-align: center;
	width: 100%;
	background: none;
	color: #74001a;
	margin-bottom: 20px;
}
.down .img {
	width: 50%;
}
.down .tx {
	width: 48%;
	padding: 30px 0px 0 0;
}
.down .tx .fbox {
	align-items: center;
	width: 70%;
	margin: 0 auto;
}
.sekoumae {
	border: solid 1px #9e9e9e;
	width: 130px;
	text-align: center;
	padding: 13px 0 10px;
	font-size: 20px;
	color: #777779;
	line-height: 1;
}
.sekoumae-price {
	font-size: 42px;
	font-weight: 600;
}
.sekoumae-price span {
	font-size: 72px;
}

.arrow-b {
	background: url(../image_page/renovation_cost/arrow-bottom.png)no-repeat;
	background-size: 100%;
	width: 71px;
	height: 38px;
	margin: 20px auto;
}
.sekouato {
	background: #74001a;
	width: 130px;
	text-align: center;
	padding: 13px 0 10px;
	font-size: 20px;
	color: #fff;
	line-height: 1;
}
.sekouato-price {
	color: #74001a;
	font-size: 42px;
	font-weight: 600;
}
.sekouato-price span {
	font-size: 84px;
}
.otoku {
	font-size: 46px;
	color: #74001a;
	font-weight: 600;
	text-align: center;
	margin: 40px 0 30px;
	background: url(../image_page/renovation_cost/wave.png)no-repeat;
	background-size: 85%;
	background-position-y: 75px;
	padding-bottom: 20px;
	background-position-x: center;
}
.otoku span {
	font-size: 72px;
}
.renove-cost .merit {
	background: rgba(116, 0, 26, 0.07);
	padding: 30px 20px;
	font-size: 25px;
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.05em;
}
.renove-cost .merit span {
	display: block;
	font-size: 16px;
	text-align: right;
}
.raiten-tit {
	font-size: 24px;
	font-weight: 600;
	margin: 0 auto 20px;
	text-align: center;
	position: relative;
	width: 87%;
	color: #74001a;
}
.raiten-tit::before {
	content: "";
	display: block;
	width: 2px;
	height: 30px;
	background: #74001a;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(-30deg);
}
.raiten-tit::after {
	content: "";
	display: block;
	width: 2px;
	height: 30px;
	background: #74001a;
	position: absolute;
	top: 0;
	right: 0;
	transform: rotate(30deg);
}
.bnr-raiten {
	border: solid 4px #74001a;
	padding: 20px;
	box-sizing: border-box;
	margin-bottom: 80px;
}
.tel .fbox {
	align-items: center;
}
.icon-free {
	width: 125px;
}
.tel-num span {
	font-size: 60px;
	font-family: "myFont";
	display: block;
}
.tel-num {
	text-align: center;
	font-size: 20px;
	font-weight: 600;
}
.mail {
	width: 40%;
	background: #74001a;
}
.mail a{
	display: block;
	color: #fff;
	text-align: center;
	padding: 24px 0;
	font-size: 32px;
	text-decoration: none;
	font-weight: 600;
	letter-spacing: 0.1em;
}

@media screen and (max-width:1100px){
	.content {
		margin-bottom: 8vw;
	}
	.rc-mv .rc-mv-ttl {
		font-size: 7vw;
	}
	.rc-mv .rc-mv-ttl span {
		font-size: 5.5vw;
	}
	.mv-tx {
		width: 90%;
		font-size: 2vw;
	}
	.cost h3 {
		margin-bottom: 5vw;
		font-size: 3.8vw;
	}
	.cost h3 span {
		font-size: 7.6vw;
	}
	.cost h3 span span {
		font-size: 3.8vw;
	}
	.cost .item {
		width: 30vw;
		padding: 6.8vw 0;
		font-size: 2.5vw;
	}
	.cost .item span {
		font-size: 5.3vw;
	}
	.title-waku {
		margin-bottom: 8vw;
		font-size: 3.8vw;
		line-height: 21vw;
	}
	.title-waku::before {
		width: 37vw;
		height: 21vw;
	}
	.title-waku::after {
		width: 41vw;
		height: 20vw;
	}
	.point {
		padding: 3vw 3vw 3vw 18vw;
		font-size: 2.1vw;
	}
	.point::before {
		width: 17vw;
		height: 21vw;
		left: -2vw;
		top: -5vw;
	}
	.cost-tx {
		margin: 8vw auto 5vw;
	}
	.cost-tx .tx {
		padding: 0.9vw;
		font-size: 3.3vw;
	}
	.cost-tx .plus {
		font-size: 3.6vw;
	}
	.cost-figure-area .item {
		width: 34vw;
	}
	.cost-figure-area .tx {
		padding: 2vw;
		margin: 2vw 0;
	}
	.cost-figure-area li {
		margin: 1.4vw 0;
		font-size: 1.8vw;
	}
	.cost-figure-area .iwasaki::after {
		height: 16vw;
		width: 16vw;
		right: -4vw;
	}
	.renove-cost h4 {
		padding: 3.5vw 0;
		margin-bottom: 6vw;
		font-size: 3.8vw;
	}
	.hiyoukan {
		margin: 0 auto 2vw;
	}
	.hiyoukan .tx {
		padding-top: 7vw;
		font-size: 3vw;
	}
	.hiyoukan .sankou {
		margin-top: 3vw;
		font-size: 4vw;
	}
	.hiyoukan .sankou span {
		font-size: 8vw;
	}
	.renove-cost h5 {
		padding: 2vw 0;
		margin: 0 auto 4vw;
		font-size: 2.3vw;
	}
	.renove-cost .detaile {
		margin-bottom: 2vw;
		font-size: 2.2vw;
	}
	.kome {
		margin-bottom: 5vw;
		font-size: 1.4vw;
	}
	.renove-merit {
		padding: 3vw 5vw;
		margin-bottom: 8vw;
		font-size: 1.6vw;
	}
	.renove-merit h5 {
		margin-bottom: 1vw;
	}
	.sekoumae {
		width: 12vw;
		padding: 1.3vw 0 1vw;
		font-size: 1.9vw;
	}
	.sekoumae-price {
		font-size: 3.9vw;
	}
	.sekoumae-price span {
		font-size: 6.8vw;
	}
	.arrow-b {
		width: 7vw;
		height: 3.8vw;
		margin: 2vw auto;
	}
	.sekouato {
		width: 12vw;
		padding: 1.3vw 0 1vw;
		font-size: 1.9vw;
	}
	.sekouato-price {
		font-size: 3.9vw;
	}
	.sekouato-price span {
		font-size: 7.6vw;
	}
	.otoku {
		margin: 4vw 0 3vw;
		background-position-y: 7vw;
		padding-bottom: 2vw;
		font-size: 4.2vw;
	}
	.otoku span {
		font-size: 7vw;
	}
	.renove-cost .merit {
		padding: 3vw 2vw;
		margin-bottom: 2vw;
		font-size: 2.3vw;
	}
	.renove-cost .merit span {
		font-size: 1.4vw;
	}
	.raiten-tit {
		font-size: 2.2vw;
	}
	.bnr-raiten {
		padding: 2vw;
		margin-bottom: 8vw;
	}
	.icon-free {
		width: 12vw;
	}
	.tel-num {
		font-size: 1.8vw;
	}
	.tel-num span {
		font-size: 5.5vw;
	}
	.mail a {
		padding: 2.4vw 0;
		font-size: 3vw;
	}
}
@media screen and (max-width:768px){
	.spbr {display: block;}
	.pcbr {display: none;}
	.rc-mv {
		background: url(../image_page/renovation_cost/main-sp-bg.png)no-repeat;
		background-size: cover;
		padding: 8vw 0;
		margin-bottom: 10vw;
	}
	.rc-mv .rc-mv-ttl {
		font-size: 10vw;
		line-height: 1.3;
	}
	.rc-mv .rc-mv-ttl span {
		font-size: 7.5vw;
	}
	.mv-tx {
		font-size: 4vw;
	}
	.cost h3 {
		margin-bottom: 8vw;
		font-size: 6.8vw;
	}
	.cost h3 span {
		font-size: 13.6vw;
	}
	.cost h3 span span {
		font-size: 6.8vw;
	}
	.cost .item {
		width: 95%;
		padding: 6.8vw 0 3vw;
		font-size: 5vw;
		border-radius: 50px;
		margin: 0 auto 5vw;
	}
	.cost .item span {
		font-size: 11.3vw;
	}
	.title-waku {
		margin-bottom: 10vw;
		font-size: 6.4vw;
		line-height: 1.5;
		padding: 11.5vw 0;
	}
	.title-waku::before {
		width: 22vw;
		height: 40vw;
		background: url(../image_page/renovation_cost/title-left-sp.png)no-repeat;
		background-size: 100%;
	}
	.title-waku::after {
		width: 34vw;
		height: 40vw;
		background: url(../image_page/renovation_cost/title-right-sp.png)no-repeat;
		background-size: 100%;
	}
	.point::before {
		background: url(../image_page/renovation_cost/point-sp.png)no-repeat;
		background-size: 100%;
		width: 17vw;
		height: 21vw;
		left: -2vw;
		top: -5vw;
	}
	.point {
		padding: 17vw 4vw 4vw 4vw;
		font-size: 4.6vw;
	}
	.point::before {
		background: url(../image_page/renovation_cost/point-sp.png)no-repeat;
		background-size: 100%;
		width: 40vw;
		height: 26vw;
		left: 50%;
		top: -10vw;
		transform: translate(-50%);
	}
	.cost-tx {
		margin: 10vw auto 10vw;
		width: 100%;
		justify-content: flex-start;
	}
	.cost-tx .tx {
		padding: 3vw 5vw;
		font-size: 6.6vw;
		margin-bottom: 4vw;
	}
	.cost-tx .plus {
		font-size: 9.6vw;
		margin-bottom: 4vw;
		padding: 0 2vw;
	}
	.cost-figure-area {
		width: 100%;
		margin: 0 auto;
	}
	.cost-figure-area .item {
		width: 100%;
	}
	.cost-figure {
		width: 200px;
		margin: 0 auto;
	}
	.cost-figure-area .tx {
		padding: 6vw 0;
		margin: 5vw 0;
		font-size: 5vw;
	}
	.cost-figure-area li {
		margin: 4vw 0;
		font-size: 5vw;
	}
	.cost-figure-area .iwasaki .tx {
		margin: 5vw 0;
		padding: 4vw 0;
	}
	.cost-figure-area .iwasaki .cost-figure {
		margin-left: 8vw;
	}
	.cost-figure-area .iwasaki::after {
		height: 30vw;
		width: 30vw;
		right: 3vw;
		top: 230px;
	}
	.renove-cost h4 {
		padding: 5.5vw 0;
		margin-bottom: 10vw;
		font-size: 6vw;
		line-height: 1.3;
		border: solid 2px #74001a;
	}
	.hiyoukan {
		margin: 0 auto 13vw;
		width: 100%;
	}
	.hiyoukan .img {
		width: 65%;
		margin: 0 auto 5vw;
	}
	.hiyoukan .tx {
		padding-top: 5vw;
		font-size: 6.4vw;
		width: 100%;
	}
	.hiyoukan .sankou {
		margin-top: 3vw;
		font-size: 7vw;
	}
	.hiyoukan .sankou span {
		font-size: 18vw;
	}
	.renove-cost h5 {
		padding: 4vw 0;
		margin: 0 auto 6vw;
		font-size: 5.3vw;
		width: 65%;
	}
	.renove-cost .detaile {
		margin-bottom: 2vw;
		font-size: 5.6vw;
	}
	.kome {
		margin-bottom: 5vw;
		font-size: 3.6vw;
		line-height: 1.5;
	}
	.renove-cost h5 {
		width: 100%;
		margin: 0 auto 2vw;
	}
	.renove-merit {
		padding: 3vw 5vw;
		margin-bottom: 10vw;
		font-size: 4.4vw;
	}
	.down .img {
		width: 100%;
	}
	.down .tx {
		width: 100%;
		padding: 5vw 0 0 0;
	}
	.down .tx .fbox {
		width: 100%;
	}
	.sekoumae {
		width: 35vw;
		padding: 3.3vw 0 3vw;
		font-size: 4.9vw;
		border: solid 2px #9e9e9e;
	}
	.arrow-b {
		width: 15vw;
		height: 7.8vw;
		margin: 5vw auto;
	}
	.sekouato {
		width: 36vw;
		padding: 3.3vw 0 3vw;
		font-size: 4.9vw;
	}
	.sekoumae-price {
		font-size: 8vw;
	}
	.sekoumae-price span {
		font-size: 16vw;
	}
	.sekouato-price {
		font-size: 8vw;
	}
	.sekouato-price span {
		font-size: 19vw;
	}
	.otoku {
		margin: 8vw 0 5vw;
		background-position-y: 13.5vw;
		padding-bottom: 5vw;
		font-size: 8.6vw;
		background-size: 100%;
	}
	.otoku span {
		font-size: 13vw;
	}
	.renove-cost .merit {
		padding: 4vw 2vw;
		margin-bottom: 5vw;
		font-size: 5.2vw;
	}
	.renove-cost .merit span {
		font-size: 3.4vw;
		padding-top: 2vw;
	}
	.raiten-tit {
		font-size: 5.2vw;
		line-height: 1.5;
	}
	.raiten-tit::after {
		height: 23vw;
		transform: rotate(15deg);
	}
	.raiten-tit::before {
		height: 23vw;
		transform: rotate(-15deg);
	}
	.bnr-raiten {
		padding: 5vw 2vw 2vw;
		margin-bottom: 5vw;
	}
	.icon-free {
		width: 14vw;
	}
	.tel-num {
		font-size: 2.8vw;
	}
	.tel-num span {
		font-size: 9vw;
	}
	.mail {
		width: 100%;
		margin-top: 3vw;
	}
	.mail a {
		padding: 5.4vw 0;
		font-size: 6vw;
	}
}