:root{
	--color-pink: #bf9295;
	--color-bl: #dbeaf0;
	--color-bl2: #e1f7f6;
	--color-ylw: #f7f1e6;
	--color-red: #61303c;
	--color-wh: #fff;
	--color-bk: #3a1c23;
	--color-bk2: #707070;
	--font-times: 'Times New Roman', sans-serif;
}
.is-pink{
	color: var(--color-pink);
}
.mv {
    aspect-ratio: 1680 / 967;
	position: relative;
	overflow: hidden;
}
.mv-ttl{
    max-width: 1200px;
    width: 72vw;
    position: absolute;
    top: 28.5%;
	left: 50%;
	transform: translateX(-50%);
}
.general-section .inner {
    max-width: 1200px
}
.intro .inner{
	padding: clamp(40px, 10vw, 140px) 0;
}
.value-heading{
	font-size: clamp(3.2rem, 5.2vw, 5.2rem);
}
.intro-lead{
	font-size: clamp(2.9rem, 4.6vw, 4.6rem);
}
.intro .note{
	font-size: clamp(1.6rem, 2.6vw, 2.6rem);
	line-height: 2;
}
.sec-ttl-wrap{
	position: relative;
	aspect-ratio: 1680 / 283;
}
.sec-ttl-wrap::before{
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(100, 100, 100, .8);
	mix-blend-mode: multiply;
}
.sec1 .sec-ttl-wrap{
	background: url(../images/value/sec1-ttl-bg.webp) no-repeat center / cover;
}
.sec-ttl-wrap .secondary-heading{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: clamp(20px, 3.2vw, 32px);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: clamp(2.8rem, 4.6vw, 4.6rem);
}
.ttl-num{
	font-style: italic;
	font-size: 170%;
}
.bg-bl{
	background: var(--color-bl);
}
.bg-bl2{
	background: var(--color-bl2);
}
.bg-ylw{
	background: var(--color-ylw);
}
.inner.sec1-inner{
	padding: 0;
}
.value-flex{
	margin-right: auto;
	max-width: calc(1440 / 1680 * 100vw);
	width: calc(100% - 64px);
	justify-content: space-between;
	align-items: center;
	gap: min(4vw, 32px);
}
.value-flex .value-img{
	width: 55%;
}
.value-flex .sec1-txt-content{
	padding: 32px 0;
	width: 40%;
}
.value-flex .value-img .caption{
	bottom: 3%;
	right: 16%;
}
.value-flex .tertiary-heading{
	margin-block: 0 .3em;
	font-size: clamp(2rem, 3.2vw, 3.2rem);
}
.value-flex .note{
	margin: 0;
	font-size: clamp(1.3rem, 2vw, 2rem);
	line-height: 2;
}
.value-flex.reverse{
	margin-inline: auto 0;
	flex-direction: row-reverse;
}
.case-content{
	margin-bottom: 32px;
}
.case-heading{
	margin-bottom: clamp(1.4em, 2vw, 2em);
	font-size: clamp(2rem, 2.8vw, 2.8rem);
	line-height: 1.6;
}
.cas-img{
	margin: 0 auto 32px;
	max-width: 580px;
}
.case-ttl{
	font-size: clamp(1.8rem, 2vw, 2rem);
}
.case-info .note{
	margin-bottom: 0;
}
.wide-num-wrap{
	padding: 8px;
	max-width: 80px;
	width: 22vw;
	display: grid;
    place-items: center;
	position: absolute;
	top: 16px;
	left: 16px;
	border: 1px solid var(--color-wh);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
}
.wide-num{
	display: flex;
	justify-content: center;
	align-items: baseline;
	font-size: 1.5rem;
}
.wide-num .large-text{
	font-size: 160%;
}
.case-grid{
	grid-template-columns: min(190px, calc(200 / 1200 * 100vw)) auto;
	gap: calc(70 / 1200 * 100vw);
}
.other-case-wrap{
	margin: clamp(32px, 6vw, 60px) 0 clamp(32px, 8vw, 120px);
	padding: 34px calc(54 / 1200 * 100%) 20px;
}
.case-grid .other-case-ttl{
	max-width: 190px;
	align-content: center;
	font-size: min(2.2vw, 2.2rem);
	line-height: 1.5;
	border: 1px solid var(--color-bk2);
	border-radius: 50%;
	aspect-ratio: 1 / 1;
	color: var(--color-bk2);
}
.case-grid2{
	grid-template-columns: repeat(3, 1fr);
	gap: calc(24 / 1200 * 100vw);
}
.case-grid2 .cas-img{
	margin-bottom: clamp(10px, 1.6vw, 16px);
}
.case-grid2 .note{
	margin-bottom: 0;
	font-size: 1.3rem;
}
.case-grid2 .note{
	margin-bottom: 0;
	font-size: 1.3rem;
}
.case-grid2 .small-text{
	display: block;
}
.case-grid2 .wide-num-wrap{
	max-width: 66px;
    top: 6px;
    left: 6px;
}
.case-grid2 .grid-item:last-child .wide-num-wrap{
	padding: 4px;
}
.case-grid2 .wide-num{
	font-size: min(calc(10 / 1200 * 100vw), 1rem);
}
.ranking-wrap{
	margin: 0 auto clamp(24px, 7.2vw, 72px);
	max-width:  766px;
}
.border-t{
	padding-top: 32px;
	border-top: 1px solid var(--color-bk2);
}
.ranking-img{
	margin-bottom: 32px;
	padding-inline: 20px;
	display: inline-block;
}
.ranking-flex{
	justify-content: space-between;
	gap: 20px;
}
.ranking-flex .note{
	margin: 0;
}
.ranking-flex .note,
.ranking-flex .loc-img-wrap{
	width: calc(50% - 10px);
}
.loc-img-wrap figure{
	margin-bottom: 20px;
}
.loc-name{
	margin-bottom: 16px;
	font-size: clamp(1.5rem , 2.2vw, 2.2rem);
}
.loc-distance{
	font-size: clamp(1.65rem, 2vw, 2.4rem);
}
.loc-distance .large-text{
	font-size: 200%;
}
.loc-distance small{
	font-size: 70%;
}
.times-new-roman{
	font-family: var(--font-times);
}
.loc-grid{
	gap: clamp(24px, 4vw, 40px);
}

.sec2 .sec-ttl-wrap{
	background: url(../images/value/sec2-ttl-bg.webp) no-repeat center / cover;
}
.sec2 .value-flex .value-img{
	width: 59%;
}
.sec2 .value-flex .sec1-txt-content{
	width: 36%;
}
.sec2 .value-flex .value-img .caption{
	bottom: 0;
	right: 8px;
}
.sec2 .ranking-wrap{
	margin-top: clamp(40px, 8.6vw, 86px);
}
.graph-wrap{
	margin-bottom: clamp(40px, 5.6vw, 56px);
}
.graph-wrap:last-child{
	margin-bottom: 0;
}
.graph-wrap .ranking-img{
	padding: 0;
}
.graph-ttl{
	font-size: 1.8rem;
	line-height: 1.6;
	color: var(--color-red);
}
.sec3 .sec-ttl-wrap{
	background: url(../images/value/sec3-ttl-bg.webp) no-repeat center / cover;
}
.sec3 .value-flex .value-img{
	width: 56%;
}
.sec3 .value-flex .sec1-txt-content{
	width: 39%;
}
.sec3 .value-flex .sec1-txt-content figure{
	margin: 32px auto;
	width: 90%;
}
.sec3 .value-flex .value-img .caption{
	bottom: 0;
	right: 10%;
}
.area-heading{
	margin-bottom: 2em;
	font-size: clamp(1.6rem, 2.4vw, 2.4rem);
	line-height: 1.6;
	color: var(--color-red);
}
.area-img{
	margin-bottom: 56px;
}
.sec3 .lead{
	line-height: 2;
}
.sec3 .inner{
	padding-bottom: 0;
}
.area-lists{
	margin-top: 40px;
}
.area-lists .caption{
	margin-top: 20px;
}
.area-rate-emphasis{
	margin-top: 32px;
}
@media screen and (max-width: 767px) {
	.sp-text-center{
		text-align: center;
	}
	.mv {
		aspect-ratio: 750 / 1264;
	}
	.mv-ttl{
        max-width: 1000px;
        width: 115vw;
        top: 26.5%;
	}
	.sp-text-right{
		text-align: right;
	}
	.sec1 .sec-ttl-wrap{
		background: url(../images/value/sec1-ttl-bg-sp.webp) no-repeat center / cover;
	}
	.sec-ttl-wrap{
		aspect-ratio: 750 / 340;
	}
	.ttl-num{
		font-size: 150%;
	}
	.value-flex{
		margin-inline: auto;
		max-width: 100%;
		width: calc(100% - 32px);
	}
	.value-flex .value-img,
	.sec2 .value-flex .value-img{
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}
	.value-flex .value-img .caption{
		bottom: 8%;
		right: 8px;
	}
	.general-section .value-flex .sec1-txt-content{
		padding: 0 0 32px;
		width: 100%;
	}
	.sec1 .value-flex .sec1-txt-content{
		margin-top: -32px;
		position: relative;
	}
	.value-flex.reverse{
		margin-inline: auto;
	}
	.value-case-wrap .inner{
		padding: 60px 0;
	}
	/* .case-content,
	.other-case-wrap{
		margin-inline: 5%;
	} */
	 .other-case-wrap{
		margin-inline: calc(50% - 50vw);
	 }
	.case-info .note{
		font-size: 1.4rem;
	}
	.case-grid{
		grid-template-columns: repeat(2, 1fr);
		gap: 16px 12px;
	}
	.case-grid2{
		display: contents;
	}
	.case-grid .other-case-ttl{
		margin-inline: auto;
		max-width: calc(180 / 246 * 100%);
        width: 100%;
        height: auto;
		font-size: 1.15rem;
	}
	.case-grid2 .wide-num{
		font-size: 1.1rem;
	}
	.case-grid2 .wide-num-wrap{
		padding: 4px;
		width: 17.5vw;
	}
	.case-grid2 .note{
		font-size: 1rem;
	}
	.case-grid2 .small-text{
		margin-top: 4px;
		text-align: center;
	}
	.ranking-flex .note,
	.ranking-flex .loc-img-wrap{
		width: 100%;
	}
	.loc-info-wrap{
		display: flex;
		justify-content: center;
		align-items: baseline;
		gap: 10px;
	}
	.loc-name,
	.loc-distance{
		width: fit-content;
	}
	.loc-name{
		margin-bottom: 0;
	}
	.loc-distance .large-text{
		font-size: 180%;
	}
	.sec2 .sec-ttl-wrap{
		background: url(../images/value/sec2-ttl-bg-sp.webp) no-repeat center / cover;
	}
	.sec2 .sec-ttl-wrap .secondary-heading{
		flex-direction: column;
		gap: 0;
		line-height: 1.5;
	}
	.sec2 .sec-ttl-wrap .secondary-heading .ttl-num{
		margin-right: 10px;
		line-height: 0;
	}
	.general-section.sec2 .value-flex .sec1-txt-content{
		padding-top: 10px;
	}
	.sec2 .ranking-wrap{
		width: calc(100% - 32px);
	}
	.graph-ttl{
		font-size: 2rem;
	}
	.sec3 .sec-ttl-wrap{
		background: url(../images/value/sec3-ttl-bg-sp.webp) no-repeat center / cover;
	}
	.sec3 .value-flex .value-img{
        margin: 0 calc(50% - 50vw);
        width: 100vw;
	}
	.sec3 .value-flex .value-img .caption {
		width: fit-content;
		bottom: 5%;
		right: 8px;
		left: auto;
	}
	.sec3 .value-flex .sec1-txt-content figure{
		width: 100%;
	}
	.area-img{
		margin-bottom: 28px;
		margin-inline: auto;
		width: 90%;
	}
	.area-img + .lead{
		font-size: 1.3rem;
	}
	.area-lists{
		margin-inline: auto;
		width: 90%;
	}
	.area-rate-emphasis{
		margin-inline: calc(50% - 50vw);
		width: 100vw;
	}
}