@charset "utf-8";

/* css Document
*****************************************************************/
@import "../../n_common/css/_variable.css";

.kanta-outer{
	font-family: var(--font_min);
	padding: 100px 0 72px;
	@media (width < 810px) {
		padding: 40px 0 32px;
	}
	.img_note{
		position: absolute;
		bottom: 5px;
		right: 5px;
		font-family: var(--font_gothic);
		font-size: clamp(12px, 3.692px + 1.026vw, 16px);/*16~12(1200~810)*/
		font-weight: 400;
		&.--white{
			color: #fff;
		}
	}
	sup{
		font-size: clamp(12px, 3.692px + 1.026vw, 16px);/*16~12(1200~810)*/
		vertical-align: 0.4em;
	}
}
.kanta-wrap{
	max-width: 1340px;
}
.kanta-catch{
	word-break: keep-all;
	font-size: clamp(20px, -4.923px + 3.077vw, 32px);/*32~20(1200~810)*/
	font-weight: 500;
	.txt_bg{
		background: #ffe9a9;
	}
}
.kanta-inner{
	display: flex;
	align-items: flex-start;
	gap: 32px 3.73cqw;/*50/1340*/
	margin-top: 48px;
	@media (width < 810px) {
		flex-direction: column;
		margin-top: 32px;
	}
}
.kanta-img{
	flex-shrink: 0;
	width: 54.78%;/*734/1340*/
	position: relative;
	@media (width < 810px) {
		width: 100%;
		max-width: 500px;
		margin-inline: auto;
	}
}
.kanta-contents{
	flex-grow: 1;
	@media (width < 810px) {
		width: 100%;
	}
}
.kanta-logo{
	text-align: left;
	img{
		@media (width < 810px) {
			width: 300px;
		}
	}
}
.kanta-txt{
	text-align: left;
	word-break: keep-all;
	font-size: clamp(20px, -4.923px + 3.077vw, 32px);/*32~20(1200~810)*/
	font-weight: 500;
	margin-top: 72px;
	@media (width < 810px) {
		margin-top: 32px;
	}
}

.kanta-merit{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px 2.39cqw;/*32/1340*/
	margin-top: 80px;
	@media (width < 810px) {
		margin-top: 32px;
	}
	@media (width < 500px) {
		gap: 16px;
	}
}
.kanta-merit__item{
	width: calc((100% - 7.17cqw) / 4);
	@media (width < 500px) {
		width: calc((100% - 16px) / 2);
	}
}

.kanta-feature{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 80px 6.87cqw;/*92/1340*/
	margin-top: 64px;
	@media (width < 810px) {
		grid-template-columns: repeat(1, 1fr);
		gap: 48px;
		margin-top: 48px;
	}
}
.kanta-feature__item{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	gap: 0;
}
.kanta-feature__block{
	background: var(--point_c);
	padding: 16px;
	position: relative;
	margin-bottom: 16px;
	&::before {
		content: "";
		display: block;
		border: 1px solid #fff;
		width: calc(100% - 10px);
		height: calc(100% - 10px);
		position: absolute;
		top: 5px;
		left: 5px;
	}
}
.kanta-feature__ttl{
	word-break: keep-all;
	font-size: clamp(30px, -19.846px + 6.154vw, 54px);/*54~30(1200~810)*/
	font-weight: 500;
	line-height: 1.4;
	color: #fff;
	position: relative;
	z-index: 1;
}
.kanta-feature__txt{
	text-align: left;
	font-size: clamp(18px, 5.538px + 1.538vw, 24px);/*24~18(1200~810)*/
	font-weight: 500;
	line-height: 1.5;
}
.kanta-detail{
	padding: 16px;
	background: #fff5d7;
	border-radius: 10px;
	margin-top: 16px;
	>*{
		&:first-child{
			margin-top: 0;
		}
	}
}
.kanta-detail__txt{
	font-size: clamp(22px, -7.077px + 3.59vw, 36px);/*36~22(1200~810)*/
	font-weight: 500;
	margin-top: 12px;
}
.kanta-detail__catch{
	font-size: clamp(24px, -21.692px + 5.641vw, 46px);/*46~24(1200~810)*/
	font-weight: 600;
	line-height: 1.2;
	color: #f18d26;
	margin-top: 10px;
	.txt_large{
		font-size: 2.65em;
	}
	sup{
		color: var(--font_c);
	}
}
.kanta-feature__img{
	margin-top: 16px;
	position: relative;
	img{
		width: 100%;
		max-width: none;
		border-radius: 10px;
	}
}

.kanta-scene{
	margin-top: 100px;
	@media (width < 810px) {
		margin-top: 48px;
	}
}
.kanta-scene__block{
	padding: 0.2em 1em;
	font-size: clamp(24px, -13.385px + 4.615vw, 42px);/*42~24(1200~810)*/
	border: 3px solid #f18d26;
	border-radius: 9999px;
}
.kanta-scene__ttl{
	word-break: keep-all;
	font-weight: 500;
	line-height: 1.4;
	color: #f18d26;
}
.kanta-scene__catch{
	text-align: left;
	margin-inline: auto;
	inline-size: fit-content;
	font-size: clamp(18px, 5.538px + 1.538vw, 24px);/*24~18(1200~810)*/
	font-weight: 500;
	margin-top: 24px;
	@media (width < 810px) {
		margin-top: 16px;
	}
}
.kanta-scene__list{
	max-width: 1280px;
	margin-inline: auto;
	margin-top: 32px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 32px 3.91cqw;/*50/1280*/
	@media (width < 810px) {
		margin-top: 24px;
	}
}
.kanta-scene__item{
	width: calc((100% - 7.82cqw) / 3);
	@media (width < 810px) {
		width: calc((100% - 3.91cqw) / 2);
	}
	@media (width < 500px) {
		width: 100%;
	}
}
.kanta-scene__name{
	word-break: keep-all;
	font-size: clamp(18px, -2.769px + 2.564vw, 28px);/*28~18(1200~810)*/
	font-weight: 500;
	line-height: 1.4;
	margin-top: 16px;
	.txt_small{
		font-size: 0.625em;
	}
}

.kanta-note{
	margin-top: 64px;
	@media (width < 810px) {
		margin-top: 48px;
	}
}
.kanta-note__txt{
	text-align: left;
	font-size: clamp(12px, 7.846px + 0.513vw, 14px);/*14~12(1200~810)*/
	line-height: 1.4;
	letter-spacing: -0.05em;
}