@charset "UTF-8";

@media screen and (min-width: 768px),print {
#cost main {
	padding: 101px 0px 0px;
}

.p-fv {
	background: #F4F4EE;
	height: 583px;
	margin-bottom: 140px;
}

.l-inner.l-fv {
	margin: 0;
	margin-left: auto;
	max-width: 1730px;
	width: 95%;
}

.p-fv__contents {
	display: grid;
	gap: 0;
	grid-template-columns: 710px 1021px;
}

.p-fv__contents-left {
	left: 132px;
	position: relative;
	top: 104px;
	z-index: 2;
}

.p-fv__contents-left div.top {
	left: -64px;
	margin-bottom: 51px;
	padding-left: 85px;
	position: relative;
}

.p-fv__contents-left div.top:before {
	background: url(../images/cost/house_icon.svg) no-repeat center center/contain;
	content: "";
	height: 74px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 78px;
}

.p-fv__contents-left div.top h2 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.625;
}

.p-fv__contents-left div.center img {
	height: auto;
	margin-bottom: 14px;
	width: 529px;
}

.p-fv__contents-left p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

.wrap {
	align-items: center;
	display: flex;
	gap: 0 32px;
	margin-bottom: -7px;
}

.wrap p {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 3.2666666667;
}

.wrap img {
	height: auto;
	width: 89px;
}

.p-fv__contents-right {
	position: relative;
	top: -102px;
	z-index: 1;
}

.p-fv__contents-right img.top {
	height: auto;
	margin-bottom: -40px;
	width: 100%;
}

.p-fv__contents-right img.bottom {
	height: auto;
	left: calc(50% + 0px);
	position: relative;
	width: 411px;
}

.p-point01 {
	margin-bottom: 140px;
}

.l-inner.l-point {
	margin-inline: auto;
	max-width: 1100px;
	width: 95%;
}

.p-point__en {
	margin-bottom: 32px;
	text-align: center;
}

.p-point__en img {
	height: auto;
	width: 168px;
}

.p-point__en.point01 {
	margin-bottom: 14px;
}

.p-point__en.point02 {
	margin-bottom: 16px;
	text-align: start;
}

.p-point__en.point03 {
	margin-bottom: 10px;
}

.p-point__ttl {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8888888889;
	text-align: center;
	margin-bottom: 59px;
}

.p-point__ttl.point02 {
	margin-bottom: 125px;
	text-align: start;
}

.p-point__ttl span.blue {
	color: #3E79B7;
}

.p-point__ttl span.big {
	font-size: 44px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.5454545455;
}

.p-point01__contents {
	display: grid;
	gap: 0 60px;
	grid-template-columns: 480px 560px;
}

.p-point01__contents-left img {
	height: auto;
	width: 100%;
}

.p-point__contents-right h3 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8333333333;
	margin-bottom: 42px;
}

.p-point__contents-right p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

.p-point02 {
	margin-bottom: 298px;
}

.p-point02__contents {
	display: grid;
	grid-template-columns: 1106px 855px;
	margin-bottom: 67px;
	margin-left: auto;
	max-width: 1515px;
	width: 95%;
}

.p-point02__contents-left {
	position: relative;
	top: 89px;
	z-index: 2;
	left: 3px;
}

.p-point02__txt {
	background: #d8e6f8;
	font-size: 31px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.3870967742;
	padding: 30px 0px 37px;
	text-align: center;
}

.p-point02__contents-right {
	left: -438px;
	position: relative;
	z-index: 1;
}

.p-point02__contents-right img {
	height: auto;
	width: 100%;
}

.p-point02__items {
	display: grid;
	gap: 32px 40px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 56px;
	margin-inline: auto;
	max-width: 1100px;
	width: 95%;
}

.p-point02__item {
	background: #f4f4ee;
	border: 1px solid #707070;
	gap: 0 22px;
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 0 18px;
	padding: 19px 0px 13px 26px;
	align-items: center;
}

.p-point02__item:nth-child(2) {
	padding: 0px 0px 13px 26px;
}

.p-point02__item:nth-child(1) .p-point02__item-left img {
	width: 76px;
	height: auto;
}

.p-point02__item:nth-child(2) .p-point02__item-left img {
	width: 64px;
	height: auto;
	position: relative;
	left: 8px;
	top: 8px;
}

.p-point02__item:nth-child(3) .p-point02__item-left img {
	width: 68px;
	height: auto;
	position: relative;
}

.p-point02__item:nth-child(4) .p-point02__item-left img {
	width: 62px;
	height: auto;
	position: relative;
}

.p-point02__item:nth-child(5) .p-point02__item-left img {
	width: 59px;
	height: auto;
	position: relative;
	left: 8px;
}

.p-point02__item:nth-child(6) .p-point02__item-left img {
	width: 57px;
	height: auto;
	position: relative;
	left: 11px;
}

.p-point02__item-left img {
	height: auto;
	width: 100%;
}

.p-point02__item-right h3 {
	margin-bottom: 4px;
}

.p-point02__item:nth-child(1) .p-point02__item-right h3 img {
	width: 104px;
	height: auto;
}

.p-point02__item:nth-child(2) .p-point02__item-right h3 img {
	width: 122px;
	height: auto;
}

.p-point02__item:nth-child(3) .p-point02__item-right h3 img {
	width: 122px;
	height: auto;
}

.p-point02__item:nth-child(4) .p-point02__item-right h3 img {
	width: 192px;
	height: auto;
}

.p-point02__item:nth-child(5) .p-point02__item-right h3 img {
	width: 122px;
	height: auto;
}

.p-point02__item:nth-child(6) .p-point02__item-right h3 img {
	width: 104px;
	height: auto;
}


.p-point02__item-right p {
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7857142857;
}

.p-point02__txt02 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	place-items: center;
	position: relative;
}

.p-point02__txt02::after {
	content: "";
	position: absolute;
	background: url(../images/cost/point02_human.png) no-repeat center center / contain;
	width: 172px;
	height: 149px;
	left: calc(50% + 327px);
	top: -16px;
}

.p-point02__txt02 span {
	background: #3E79B7;
	color: #fff;
	display: block;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.5;
	margin-bottom: 15px;
	padding: 4px 24px 11px;
	width: -moz-fit-content;
	width: fit-content;
}

.p-point02__txt02 span.bottom {
	padding: 4px 11px 11px 24px;
	position: relative;
	left: -7px;
}

.p-point03 {
	background: #F4F4EE;
	margin-bottom: -80px;
}

.l-inner.l-point03 {
	padding: 0px 0px 169px;
}

.p-point03__ttl-wrap {
	margin-bottom: -157px;
	position: relative;
	top: -170px;
}

.p-point03__img {
	margin-bottom: 62px;
	text-align: center;
}

.p-point03__img img {
	height: auto;
	width: 829px;
}

.p-point03__txt {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.8333333333;
	margin-bottom: 46px;
	text-align: center;
}

.p-point03__contents {
	display: grid;
	gap: 0 60px;
	grid-template-columns: 442px 598px;
	margin-inline: auto;
	max-width: 1100px;
	width: 95%;
}

.p-point03__contents-left img {
	height: auto;
	width: 100%;
}

.p-point03__contents-right {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	position: relative;
	top: -13px;
}

}


@media screen and (min-width:768px) and ( max-width:1650px) {
.p-fv__contents {
	display: grid;
	gap: 0;
	grid-template-columns: 40.576vw 55.879vw;
}

.p-fv__contents-left {
	left: 2.424vw;
	position: relative;
	top: 6.606vw;
	z-index: 2;
}

.p-fv__contents-left div.top {
	left: -3.879vw;
	margin-bottom: 3.333vw;
	padding-left: 5.152vw;
	position: relative;
}

.p-fv__contents-right img.bottom {
	height: auto;
	left: calc(50% + 0px);
	position: relative;
	width: 24.909vw;
}

.p-fv__contents-left div.top {
	padding-left: 6.152vw;
}



}


@media screen and (min-width:768px) and ( max-width:1100px) {
.p-fv__contents-left div.top {
	padding-left: 8.152vw;
}

.p-fv__contents-right img.bottom {
	left: calc(50% - 24px);
}

.p-point01__contents {
	display: grid;
	gap: 0 5.455vw;
	grid-template-columns: 38.636vw 50.909vw;
}

.p-point02__contents {
	display: grid;
	grid-template-columns: 92.545vw 53.727vw;
	margin-bottom: 6.091vw;
	margin-left: 0;
	margin-inline: auto;
}

.p-point03__contents {
	display: grid;
	gap: 0 5.455vw;
	grid-template-columns: 40.182vw 47.364vw;
}

.p-point__ttl.point02 {
	font-size: 24px;
	margin-bottom: 8vw;
}

.p-point__ttl.point02 span.big {
	font-size: 32px;
}

.p-point02__txt {
	font-size: 24px;

}

.p-point02__contents-left {
	position: static;
}

.p-point02__item {
	background: #f4f4ee;
	border: 1px solid #707070;
	display: grid;
	grid-template-columns: 18% minmax(0, 1fr);
	gap: 0 2vw;
	padding: 1.727vw 0.5vw 1.182vw 0.5vw;
	align-items: center;
	justify-content: center;
}

.p-point02__item:nth-child(1) .p-point02__item-left img {
	width: 5.909vw;
	height: auto;
}

.p-point02__item:nth-child(2) .p-point02__item-left img {
	width: 5.818vw;
	height: auto;
	position: relative;
	left: -0.2vw;
	top: 0.727vw;
}

.p-point02__item:nth-child(3) .p-point02__item-left img {
	width: 5.182vw;
	height: auto;
	position: relative;
	left: 1vw;
}

.p-point02__item:nth-child(4) .p-point02__item-left img {
	width: 5.636vw;
	height: auto;
	position: relative;
}

.p-point02__item:nth-child(5) .p-point02__item-left img {
	width: 5.364vw;
	height: auto;
	position: relative;
	left: 0.727vw;
}

.p-point02__item:nth-child(6) .p-point02__item-left img {
	width: 5.182vw;
	height: auto;
	position: relative;
	left: 1vw;
}

.p-point02__item:nth-child(1) .p-point02__item-right h3 img {
	width: 9.455vw;
	height: auto;
}

.p-point02__item:nth-child(2) .p-point02__item-right h3 img {
	width: 11.091vw;
	height: auto;
}

.p-point02__item:nth-child(3) .p-point02__item-right h3 img {
	width: 11.091vw;
	height: auto;
}

.p-point02__item:nth-child(4) .p-point02__item-right h3 img {
	width: 17.455vw;
	height: auto;
}

.p-point02__item:nth-child(5) .p-point02__item-right h3 img {
	width: 11.091vw;
	height: auto;
}

.p-point02__item:nth-child(6) .p-point02__item-right h3 img {
	width: 9.455vw;
	height: auto;
}

.p-point02__items {
	display: grid;
	gap: 2.909vw 1vw;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-bottom: 5.091vw;
}

.p-point02__item-right p {
	font-size: 12px;
}

.p-point02__item:nth-child(2) {
	padding: 0vw 0.5vw 1.182vw 1.5vw;
}

.p-fv__contents-left div.center img {
	height: auto;
	margin-bottom: 1.273vw;
	width: 48.091vw;
}

.p-fv__contents {
	display: grid;
	gap: 0;
	grid-template-columns: 44.576vw 47.879vw;
}

.p-point02 {
	overflow: hidden;
}

}





@media screen and (min-width:768px) and ( max-width:900px) {
.p-fv__contents {
	display: grid;
	gap: 0;
	grid-template-columns: 68.889vw 50.444vw;
}

.p-fv__contents-left {
	left: 4.444vw;
	position: relative;
	top: 12.111vw;
	z-index: 2;
}

.p-fv__contents-left div.top {
	left: -7.111vw;
	margin-bottom: 3.111vw;
	padding-left: 9.444vw;
	position: relative;
}

.p-fv__contents-left div.top:before {
	background: url(../images/onnetsu/house_icon.svg) no-repeat center center/contain;
	content: "";
	height: 7.333vw;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 8vw;
}

.p-fv__contents-left div.top h2 {
	font-size: 3.556vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.625;
}

.p-fv__contents-left p {
	font-size: 1.778vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
}

.wrap {
	align-items: center;
	display: flex;
	gap: 0 3.556vw;
	margin-bottom: -0.778vw;
}

.wrap p {
	font-size: 1.667vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 3.2666666667;
}

.wrap img {
	height: auto;
	width: 9.889vw;
}

.p-fv__contents-right {
	position: relative;
	top: -8vw;
	left: -30vw;
	z-index: 1;
}

.p-fv__contents-right img.top {
	height: auto;
	margin-bottom: -4.444vw;
	width: 100%;
}

.p-fv__contents-right img.bottom {
	height: auto;
	left: calc(50% - 9vw);
	position: relative;
	width: 32.667vw;
}

.p-point03__img img {
	height: auto;
	width: 100%;
}

.p-point03__txt {
	font-size: 2.4vw;
}

.p-point02__txt02 span {
	background: #3E79B7;
	color: #fff;
	display: block;
	font-size: 3.333vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.5;
	margin-bottom: 1.667vw;
	padding: 0.444vw 2.667vw 1.222vw;
	width: -moz-fit-content;
	width: fit-content;
}

.p-point02__txt02::after {
	content: "";
	position: absolute;
	background: url(../images/cost/point02_human.png) no-repeat center center / contain;
	width: 16.111vw;
	height: 16.556vw;
	left: calc(50% + 31.333vw);
	top: -1.778vw;
}
}

@media screen and (max-width: 767px) {
#cost main {
	padding: 3vw 0px 0px;
}

.p-fv {
	margin-bottom: 13.464vw;
}

.l-inner.l-fv {
	margin-inline: auto;
	max-width: 100%;
	width: 100%;
}

.p-fv__contents {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(1, 1fr);
}

.p-fv__contents-left {
	position: static;
	order: 2;
	background: #F4F4EE;
	padding: 6.662vw 0px 7.937vw;
}

.p-fv__contents-left div.top {
	margin-bottom: 7.937vw;
	padding-left: 0;
	max-width: 91.164vw;
	width: 95%;
	margin-inline: auto;
	padding-left: 22.324vw;
	position: relative;
}

.p-fv__contents-left div.top:before {
	background: url(../images/cost/house_icon.svg) no-repeat center center/contain;
	content: "";
	height: 16.942vw;
	left: 2vw;
	position: absolute;
	top: 17%;
	width: 17.391vw;
}

.p-fv__contents-left div.top h2 {
	font-size: 7.729vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.625;
}

.p-fv__contents-left div.center {
	text-align: center;
	margin-bottom: 4.729vw;
}

.p-fv__contents-left div.center img {
	height: auto;
	width: 85.28vw;
}

.p-fv__contents-left p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2;
	max-width: 86.957vw;
	width: 95%;
	margin-inline: auto;
}

.wrap {
	align-items: center;
	display: flex;
	margin-bottom: -2vw;
}

.wrap p {
	font-size: 3.623vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 3.2666666667;
}

.wrap img {
	height: auto;
	width: 21.498vw;
	position: relative;
	left: -18vw;
}

.p-fv__contents-right {
	position: static;
	order: 1;
	margin-bottom: 3.797vw;
}

.p-fv__contents-right img.top {
	height: auto;
	margin-bottom: -10.662vw;
	width: 100%;
}

.p-fv__contents-right img.bottom {
	height: auto;
	left: 50%;
	position: relative;
	transform: translateX(-50%);
	width: 70.807vw;
}

.p-point01 {
	margin-bottom: 13.816vw;
}

.l-inner.l-point {

}

.p-point__en {
	margin-bottom: 7.729vw;
	text-align: center;
}

.p-point__en.point03 {
	margin-bottom: 7.729vw;
}

.p-point__en img {
	height: auto;
	width: 40.58vw;
}

.p-point__en.point01 {
	margin-bottom: 1.314vw;
}

.p-point__en.point02 {
	margin-bottom: 1.314vw;
	order: 1;
}

.p-point__en.point03 {
	margin-bottom: 0.314vw;
}

.p-point__ttl {
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.4;
	text-align: center;
	margin-bottom: 7vw;
}

.p-point__ttl.point02 {
	margin-bottom: 6.662vw;
	order: 2;
}

.p-point__ttl span.blue {
	color: #3E79B7;
}

.p-point__ttl span.big {
	font-size: 6.039vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.76;
}

.p-point01__contents {
	display: grid;
	grid-template-columns: repeat(1,1fr);
}


.p-point01__contents-left {
	margin-bottom: 6.662vw;
}

.p-point01__contents-left img {
	height: auto;
	width: 100%;
}

.p-point__contents-right {
	max-width: 86.957vw;
	width: 95%;
	margin-inline: auto;
}

.p-point__contents-right h3 {
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.7;
	margin-bottom: 7.662vw;
}

.p-point__contents-right p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.875;
}

.p-point02 {
	margin-bottom: 56.106vw;
}

.p-point02__contents {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	margin-bottom: 9.594vw;
}

.p-point02__contents-left {
	display: contents;
}

.p-point02__txt {
	background: #d8e6f8;
	font-size: 5.314vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.95;
	padding: 3.106vw 0px 2.106vw;
	text-align: center;
	max-width: 91.787vw;
	width: 95%;
	margin-inline: auto;
	order: 4;
}

.p-point02__contents-right {
	order: 3;
	margin-bottom: 7vw;
}

.p-point02__contents-right img {
	height: auto;
	width: 100%;
}

.p-point02__items {
	display: grid;
	grid-template-columns: repeat(1,1fr);
	gap: 2.8vw 0;
	max-width: 82.126vw;
	width: 95%;
	margin-inline: auto;
	margin-bottom: 34.816vw;
}

.p-point02__item {
	background: #f4f4ee;
	border: 1px solid #707070;
	display: grid;
	grid-template-columns: 80px 1fr;
	gap: 0 5.314vw;
	height: 118px;
	align-items: center;
	justify-content: center;
	padding: 2vw 0 0 5vw;
}

.p-point02__item-left img {
	height: auto;
	width: 100%;
}

.p-point02__item:nth-child(1) .p-point02__item-left img {
	width: 76px;
	height: auto;
}

.p-point02__item:nth-child(2) .p-point02__item-left img {
	width: 64px;
	height: auto;
	position: relative;
	left: 2vw;
}

.p-point02__item:nth-child(3) .p-point02__item-left img {
	width: 68px;
	height: auto;
	position: relative;
	left: 2vw;
}

.p-point02__item:nth-child(4) .p-point02__item-left img {
	width: 62px;
	height: auto;
	position: relative;
	left: 3vw;
}

.p-point02__item:nth-child(5) .p-point02__item-left img {
	width: 59px;
	height: auto;
	position: relative;
	left: 3vw;
}

.p-point02__item:nth-child(6) .p-point02__item-left img {
	width: 57px;
	height: auto;
	position: relative;
	left: 3vw;
}

.p-point02__item-right h3 {
	height: auto;
	margin-bottom: -0.034vw;
	width: 100%;
}

.p-point02__item-right p {
	font-size: 3.382vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.7857142857;
}

.p-point02__txt02 {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	place-items: center;
	position: relative;
	/* margin-bottom: 5vw; */
}

.p-point02__txt02::before {
	content: "";
	position: absolute;
	background: url(../images/cost/sp_point02_human.png) no-repeat center center / contain;
	width: 29.71vw;
	height: 25.845vw;
	top: -27.536vw;
	left: 50%;
	transform: translateX(-50%);
	
}


.p-point02__txt02 span {
	background: #3E79B7;
	color: #fff;
	display: block;
	font-size: 4.348vw;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 2.5;
	margin-bottom: -3.034vw;
	padding: 0vw 2.797vw 1vw;
	width: -moz-fit-content;
	width: fit-content;
}

.p-point02__txt02 span.bottom {
	padding: 0vw 1vw 0vw 2.8vw;
	position: relative;
	left: -1vw;
}

.p-point03 {
	background: #F4F4EE;
	margin-bottom: -12.077vw;
}

.l-inner.l-point03 {
	padding: 0px 0px 7.937vw;
}

.p-point03__ttl-wrap {
	margin-bottom: -32.155vw;
	position: relative;
	top: -39.894vw;
}

.p-point03__img {
	margin-bottom: 5.599vw;
	text-align: center;
}

.p-point03__img img {
	height: auto;
	width: 200.242vw;
}

.p-point03__txt {
	font-size: 4.831vw;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.7;
	margin-bottom: 5.111vw;
	max-width: 90.957vw;
	width: 95%;
	margin-inline: auto;
}

.p-point03__contents {
	display: grid;
	grid-template-columns: repeat(1,minmax(0, 1fr));
	max-width: 91.787vw;
	width: 95%;
	margin-inline: auto;
}

.p-point03__contents-left {
	margin-bottom: 5vw;
}

.p-point03__contents-left img {
	height: auto;
	width: 100%;
}

.p-point03__contents-right {

}

.p-point03__contents-right p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.875;
}

#cost .l-inner.l-link03 {
	padding: 20.773vw 0px 0px;
}



}