@charset "utf-8";

/*reset*/
#mv_Wrap {
padding-bottom: 0;
}
#mv_Wrap h2 {
margin: 0;
}
#mv_Wrap h3 {
width: auto;
max-width: inherit;
margin: inherit;
}


html {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/*共通タイトル*/
#mv_Wrap h2.big_b_ttl {
text-align: center;
color: #154778;
font-size: min(13vw,100px);
letter-spacing: 0.1em;
font-weight: 600;
margin: 50px auto 20px;
}
#mv_Wrap:before {
display: none;
}
#mv_Wrap h3.big_b_ttl_copy {
font-size: min(6vw,30px);
color: #154778;
text-align: center;
font-weight: bold;
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #154778;
width: max-content;
margin: 20px auto 50px;
}

/*数字で見るハッピーハウス*/
.data_box {
width: 100%;
padding: 100px 0;
background: #ebf4fa;
}
.blue_bg {
background: #cee0f0;
}
.data_box > .inner {
width: 1200px;
max-width: 90%;
margin: 0 auto;
}

.data_box .box_ttl {
width: 700px;
max-width: 100%;
margin: 0 auto 30px;
background: #036eb8;
border-radius: 50px;
border: 1px solid #fff;
color: #fff;
line-height: 1.4;
font-size: 22px;
position: relative;
text-align: center;
padding: 8px 0 13px;
font-weight: 600;
}
.data_box .box_ttl > span {
font-size: 13px;
color: #fff000;
}
.data_box .box_ttl:before {
content: "";
position: absolute;
right: -50px;
top: 50%;
transform: translateY(-50%);
width: 100px;
height: 2px;
background: #fff;
z-index: 1;
}
.data_box .box_copy {
color: #17467c;
font-size: 18px;
font-weight: 600;
text-align: center;
margin: 0 auto 60px;
line-height: 1.6;
}
.data_box .data {
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap:4%;
}
.data_box .data li.flex1-1 {
width: 100%;
}
.data_box .data li.flex2-1 {
width: 48%;
}
.data_box .data li.flex3-1 {
width: 30%;
}
.data_box .data li.flex3-2 {
width: 65%;
}
.data_box .data li {
background: #fff;
border-radius: 20px;
overflow: hidden;
padding-top: 30px;
margin-bottom: 4%;
}
.data_box .data li figure {
position: relative;
}
.data_box .data li .ttl {
color: #17467c;
font-size: 18px;
text-align: center;
font-weight: 600;
margin-bottom: 0px;
}
.data_box .data li figure .w100 {
position: absolute;
left: 0;
right: 0;
bottom: 40px;
margin: 0 auto;
}
.data_box .data li figure .w50 {
width: 80%;
position: absolute;
left: 0;
right: 0;
bottom: 40px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.data_box .data li figure .sikaku-position {
	top: 45%;
	left: 50%;
	bottom: auto;
	translate: -50% -50%;
}
.data_box .data li figure p {
color: #000;
text-align: center;
font-weight: bold;
font-size: 30px;
}
.data_box .data li figure p > span {
color: #0053c5;
font-size: min(8vw,80px);
margin-right: 0.2rem;
}
.data_box .data li figure .w50 p {
font-size: 20px;
text-align: left;
}
.data_box .data li figure .w50 p > span {
font-size: min(8vw,50px);
}

.data_box .data li figure .w50 p .font-sizing{
font-size: min(8vw,45px);
}

.data_box .data li figure p .font-sizing {
	font-size: min(7vw, 80px);
}
.data_box .data li figure.age {
width: 90%;
margin: 30px auto;
}
.data_box .data li figure .w25 {
width: 100%;
margin: 20px auto;
display: flex;
justify-content: space-around;
align-items: baseline;
}
.data_box .data li figure .w25 p {
font-size: 20px;
text-align: left;
}
.data_box .data li figure .w25 p > span {
font-size: min(8vw,50px);
}
.data_box .data li figure .w25 p .font-sizing {
	font-size: min(4.5vw, 50px);
}
.data_box .data_flex {
width: 90%;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin: 0 auto;
padding-bottom: 30px;
align-items: center;
}
.data_box .data_flex figure {
width: 30%;
}
.data_box .data li .data_flex p {
color: #000;
text-align: center;
font-weight: bold;
font-size: 40px;
}
.data_box .data li .data_flex p > span {
color: #0053c5;
font-size: min(12vw,100px);
margin-right: 0.2rem;
}
.data_box .data li.bg_img {
background: transparent;
}
.data_box .data li figure .w100.gold {
position: absolute;
left: 0;
right: 0;
bottom: 33%;
margin: 0 auto;
}
.data_box .data li figure .w100.gold span {
color: #e4d07f;
}

.date_Attention,.date_Attention2 {
	position: relative;
}

.date_Attention::after {
	display: block;
	content: "2025年8月末時点";
	position: absolute;
	letter-spacing: .05em;
	font-size: clamp(7px, 1.5vw, 12px);
	left: 50%;
	bottom: 5%;
	translate: -50% 0;
}

.date_Attention2::after {
	display: block;
	content: "2025年11月末時点";
	position: absolute;
	letter-spacing: .05em;
	font-size: clamp(7px, 1.5vw, 12px);
	left: 50%;
	bottom: 5%;
	translate: -50% 0;
}


.date_Year {
	float: right;
	letter-spacing: .05em;
}


@media only screen and (max-width: 900px) {
    
	/*reset*/
	#mv_Wrap {
	padding-top: 0;
	}
	
	/*mv*/
	#mv_Wrap h2.big_b_ttl {
	padding-top: 50px;
	}
	.fuwa01 {
	top: 0%;
	}
	.fuwa02 {
	top: 5%;
	}
	.fuwa03 {
	top: 4%;
	}
	.fuwa04 {
	top: 2%;
	}
	
	/*数字で見るハッピーハウス*/
	.data_box {
	padding: 50px 0;
	}
	.data_box .box_ttl {
	max-width: 90%;
	padding: 5px 0 10px;
	}
	.data_box .box_sikaku {
	padding: 13px 0;
	}
	.data_box .data-sikaku {
	align-items: center;
	}
	.data_box .box_ttl:before {
	width: 40px;
	right: -20px;
	}
	.data_box .box_copy {
	margin-bottom: 30px;
	}
	.data_box .data li {
	margin-bottom: 4%;
	padding-top: 20px;
	}
	.data_box .data li .ttl {
	font-size: 16px;
	}
	.data_box .data li.flex3-1 {
	width: 48%;
	}
	.data_box .data li.flex3-2 {
	width: 100%;
	}
	.data_box .data li figure p {
	font-size: 15px;
	}
	.data_box .data li figure p > span {
	font-size: min(11vw,80px);
	}
	.data_box .data li figure .w25 p .font-sizing {
	font-size: min(7vw, 50px);
	}
	/*
	.data_box .data li figure .w25 p .font-sizing {
	font-size: min(6.5vw, 50px);
	}*/
	.data_box .data li figure .w25 p {
	font-size: 16px;
	}
	.data_box .data li figure .w50 {
	bottom: 7%;
	}
	.data_box .data li figure .w50 p {
	font-size: 20px;
	}
	.data_box .data li figure .w50 p > span {
	font-size: min(15vw,50px);
	}
	.data_box .data li figure p .font-sizing {
	font-size: min(11vw, 80px);
	}
	/*
	.data_box .data li figure p .font-sizing {
	font-size: min(10.5vw, 80px);
	}
	*/
	.data_box .data li figure .w100 {
	bottom: 12%;
	}
	.data_box .data li.w100_sp {
	width: 100%;
	}
	.data_box .data li.w100_sp figure p {
	font-size: 20px;
	}
	.data_box .data li.w100_sp figure p > span {
	font-size: min(15vw,50px);
	}
	.data_box .data_flex {
	padding-bottom: 20px;
	}
	.data_box .data li figure.age {
	margin: 20px auto;
	}
	.data_box .data li figure .w100.gold {
	bottom: 30%;
	}
	.order1 { order: 1;}
	.order2 { order: 2;}
	.order3 { order: 3;}
	.order4 { order: 4;}
	.order5 { order: 5;}
	.order6 { order: 6;}
	.order7 { order: 7;}
	.order8 { order: 8;}

	.date_Attention::after {
	bottom: 4%;
	}

	.date_Year {
		font-size: 12px;
	}

}