@charset "utf-8";




.page-kv__en {
	font-size: 0;
	margin-block: 0 3.5rem;
}
.page-kv__en span {
	width: min(90%, 1018px);
	margin-inline: auto;
}
@media screen and (max-width: 768px){
	.page-kv__en {
		margin-block: 0 3.0rem;
	}
	.page-kv__en span {
		width: min(calc(280 / 380 * 100%), 400px);
	}
}




/*  l-intro
--------------------------------------------------*/
.l-intro {
    padding-block: 16.0rem 14.0rem;
}
.intro-inner {
	position: relative;
}
.intro-heading {
    font-size: 3.2rem;
    line-height: 1.75;
    letter-spacing: .3em;
	text-align: center;
	margin-bottom: 9.0rem;
}
.intro-map {
	width: min(100%,1354px);
	margin: 0 auto 9.0rem;
}
.intro-desc {
	font-size: 1.6rem;
    line-height: 2;
    letter-spacing: .2em;
	text-align: center;
}
@media screen and (max-width: 768px){
	.l-intro {
	    padding-block: 5.0rem;
	}
	.intro-heading {
		font-size: 2.0rem;
    	letter-spacing: 0.25em;
		margin-bottom: 3.5rem;
	}
	.intro-map {
		margin-bottom: 3.0rem;
	}
	.intro-desc {
		font-size: 1.4rem;
		text-align: justify;
	}
}




/*  l-headline
--------------------------------------------------*/
.l-headline {
	background : linear-gradient(-90deg, rgba(181, 165, 75, 1) 0%, rgba(217, 207, 72, 1) 64.52%, rgba(217, 207, 72, 1) 100%);
}
.headline-head {
	padding-block: 10.0rem 14.0rem;
	background : linear-gradient(90deg, rgba(181, 165, 75, 1) 0%, rgba(217, 207, 72, 1) 64.52%, rgba(217, 207, 72, 1) 100%);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 16.5rem), 50% 100%, 0 calc(100% - 16.5rem));
}
.headline-head__inner {
	max-width: 1200px;
}
.headline-head__contents {
	width: 100%;
	margin-bottom: 4.5rem;
}
.headline-head__contents__catch {
	width: calc(400 / 1200 * 100%);
}
.headline-head__contents__photo {
	width: calc(700 / 1200 * 100%);
}
.headline-head__explain {
	font-size: 2.4rem;
	line-height: 2;
	letter-spacing: 0;
	text-align: center;
	margin-bottom: 1.5rem;
}
.headline-head__note {
	font-size: max(10px,1.1rem);
	line-height: 2.2;
	letter-spacing: .1em;
	text-align: center;
}
.headline-point {
	padding-block: 3.0rem 6.5rem;
}
.headline-point__inner {
	max-width: 900px;
}
@media screen and (max-width: 768px){
	.l-headline {
	}
	.headline-head {
		padding-block: 5.0rem 9.0rem;
		clip-path: polygon(0 0, 100% 0, 100% calc(100% - 6.0rem), 50% 100%, 0 calc(100% - 6.0rem));
	}
	.headline-head__contents {
		margin-bottom: 1.5rem;
	}
	.headline-head__contents__catch {
		width: calc(280 / 320 * 100%);
		margin: 0 auto 3.0rem;
	}
	.headline-head__contents__photo {
		width: 100%;
	}
	.headline-head__explain {
		font-size: 1.8rem;
		margin-bottom: 2.0rem;
	}
	.headline-head__note {
		font-size: 1.0rem;
		text-align: justify;
	}
	.headline-point {
		padding-block: 3.0rem 5.0rem;
	}
	.headline-point__inner {
		width: calc(280 / 380 * 100%);
	}
}



/*  sec
--------------------------------------------------*/
.sec {
	position: relative;
}
.sec + .sec {
	margin-top: 10.0rem;
}
.sec-contents {
	width: 100%;
}
.sec-detail {
	width: 50%;
	display: flex;
	text-align: center;
	justify-content: center;
	padding-block: calc(40 / 1920 * 100%);
}
.sec:nth-of-type(odd) .sec-detail {
	background : linear-gradient(90deg, rgba(144, 111, 82, 1) 0%, rgba(202, 163, 95, 1) 64.53%, rgba(202, 163, 95, 1) 100%);
}
.sec:nth-of-type(even) .sec-detail {
	background : linear-gradient(-90deg, rgba(172, 180, 135, 1) 0%, rgba(172, 180, 135, 1) 35.47%, rgba(121, 127, 108, 1) 100%);
}
.sec-detail__inner {
	width: calc(880 / 960 * 100%);
	height: 100%;
	border: solid 1px #fff;
	margin-inline: auto;
}
.sec-detail__box {
	width: min(calc(720 / 878 * 100%),720px);
	margin-inline: auto;
	padding-block: 14.5rem 12.0rem;
}
.sec-detail__ttl {
	width: calc(476 / 720 * 100%);
	margin: 0 auto 7.0rem;
}
.sec-detail__heading {
	font-size: 5.0rem;
	line-height: 1.6;
	letter-spacing: .2em;
	color: #fff;
	text-align: center;
}
.sec-detail__desc {
	width: 100%;
}
.sec-detail__desc__txt {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .2em;
	color: #fff;
	text-align: justify;
}
.sec-detail__desc__txt + .sec-detail__desc__txt {
	margin-top: 3.2rem;
}
.sec-photo {
	display: grid;
  	grid-template-rows: 1fr 1fr;
	width: 50%;
	gap: .4rem;
}
.sec-photo__item {
	width: 100%;
}
.sec-photo__item-flex {
	gap: .4rem;
}
.sec-photo__item__photo {
	width: 100%;
	height: 100%;
}
.sec-photo__item__photo img {
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
.sec-photo__item-flex .sec-photo__item-flex__photo {
	width: calc((100% - .4rem) / 2);
}
@media screen and (max-width: 768px){
	.sec + .sec {
		margin-top: 6.0rem;
	}
	.sec-detail {
		width: 100%;
		padding-block: calc(20 / 380 * 100%);
	}
	.sec-detail__inner {
		width: calc(340 / 380 * 100%);
		height: auto;
	}
	.sec-detail__box {
		width: calc(280 / 338 * 100%);
		padding-block: 5.0rem 4.0rem;
	}
	.sec-detail__ttl {
		width: calc(240 / 280 * 100%);
		margin: 0 auto 3.0rem;
	}
	.sec-detail__heading {
		font-size: 2.4rem;
		line-height: 1.833333333333333;
	}
	.sec-detail__desc__txt {
		font-size: 1.4rem;
		letter-spacing: .15em;
	}
	.sec-detail__desc__txt + .sec-detail__desc__txt {
		margin-top: 2.5rem;
	}
	.sec-photo {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		gap: .2rem;
	}
	.sec-photo__item {
		width: 100%;
	}
	.sec-photo__item-flex {
		gap: .2rem;
	}
	.sec-photo__item-flex .sec-photo__item-flex__photo {
		width: calc((100% - .2rem) / 2);
	}
}




/*  l-ranking1
--------------------------------------------------*/
.ranking1-min {
	width: 100%;
	margin-block: 6.5rem 7.5rem;
}
@media screen and (max-width: 768px){
	.ranking1-min {
		margin-block: 3.5rem 3.2rem;
	}
}



/*  l-ranking1
--------------------------------------------------*/
.ranking2-arrange {
	width: 100%;
	margin-top: 6.0rem;
}
.ranking2-arrange__desc {
	width: calc(340 / 720 * 100%);
}
.ranking2-arrange__photo {
	width: calc(340 / 720 * 100%);
}
@media screen and (max-width: 768px){
	.ranking2-arrange {
		margin-top: 2.5rem;
	}
	.ranking2-arrange__desc {
		width: 100%;
		margin-bottom: 3.0rem;
	}
	.ranking2-arrange__photo {
		width: 100%;
	}
}




/*  l-ranking3
--------------------------------------------------*/
.ranking3-detail__desc {
	margin-top: 6.0rem;
}
@media screen and (max-width: 768px){
	.ranking3-detail__desc {
		margin-top: 2.5rem;
	}
}




/*  l-ranking4
--------------------------------------------------*/
.ranking4-detail__photo {
	margin-top: 6.0rem;
}
@media screen and (max-width: 768px){
	.ranking4-detail__photo {
		margin-top: 3.0rem;
	}
}




/*  l-ranking5
--------------------------------------------------*/
.ranking5-detail__desc {
	margin-top: 6.0rem;
}
@media screen and (max-width: 768px){
	.ranking5-detail__desc {
        margin-top: 2.5rem;
	}
}




/*  l-interview
--------------------------------------------------*/
.l-interview {
	padding-top: 10.0rem;
	background : linear-gradient(-90deg, rgba(181, 165, 75, 1) 0%, rgba(217, 207, 72, 1) 64.52%, rgba(217, 207, 72, 1) 100%);
}
.interview-wrapper {
	padding-block: 16.0rem 15.0rem;
	background : linear-gradient(270deg, rgba(217, 207, 72, 1) 0%, rgba(217, 207, 72, 1) 35.48%, rgba(181, 165, 75, 1) 100%);
	clip-path: polygon(50% 0%, 100% 16.5rem, 100% 100%, 0 100%, 0 16.5rem);
}
.interview-ttl {
	width: min(100%,1140px);
	margin: 0 auto 8.0rem;
}
.interview-contents {
	padding-bottom: 7.5rem;
	background: #fff;
}
.interview-heading {
	font-size: 3.0rem;
	line-height: 1.6;
	letter-spacing: .2em;
	text-align: center;
	padding-block: 2.6rem 2.4rem;
	background: #f4efb3;
	margin-bottom: 8.5rem;
}
.interview-box {
	width: calc(1200 / 1360 * 100%);
	margin-inline: auto;
}
.interview-box__intro {
	margin-bottom: 7.5rem;
}
.interview-box__intro__desc {
	width: calc(550 / 1200 * 100%);
}
.interview-box__intro__desc__txt {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .2em;
	text-align: justify;
}
.interview-box__intro__desc__txt + .interview-box__intro__desc__txt {
	margin-top: 3.5rem;
}
.interview-box__intro__photo {
	width: calc(600 / 1200 * 100%);
}
.interview-box__intro__photo__cap {
	font-size: 1.4rem;
	letter-spacing: .2em;
	line-height: 1.4;
	text-align: right;
	margin-top: 1.0rem;
}
.interview-box__question {
	width: 100%;
}
.interview-box__question__heading {
	font-size: 2.4rem;
	line-height: 1.555555555555556;
	letter-spacing: .2em;
	text-align: center;
	padding-block: 1.2rem 1.0rem;
	background: #f4efb3;
	margin-bottom: 4.3rem;
}
.interview-box__question__desc {
	font-size: 1.6rem;
	line-height: 2;
	letter-spacing: .2em;
	text-align: justify;
}
@media screen and (max-width: 768px){
	.l-interview {
		padding-top: 3.0rem;
	}
	.interview-wrapper {
		padding-block: 7.0rem 6.0rem;
		clip-path: polygon(50% 0%, 100% 6.0rem, 100% 100%, 0 100%, 0 6.0rem);
	}
	.interview-ttl {
		margin: 0 auto 4.0rem;
	}
	.interview-contents {
		padding-bottom: 3.5rem;
	}
	.interview-heading {
		font-size: 2.0rem;
		padding-block: 1.6rem 1.5rem;
		margin-bottom: 2.5rem;
	}
	.interview-box {
		width: calc(280 / 320 * 100%);
	}
	.interview-box__intro {
		margin-bottom: 4.5rem;
	}
	.interview-box__intro__desc {
		width: 100%;
	}
	.interview-box__intro__desc__txt {
		font-size: 1.4rem;
	}
	.interview-box__intro__desc__txt + .interview-box__intro__desc__txt {
		margin-top: 2.5rem;
	}
	.interview-box__intro__photo {
		width: 100%;
		margin-bottom: 3.0rem;
	}
	.interview-box__intro__photo__cap {
		font-size: 1.2rem;
		text-align: center;
	}
	.interview-box__question {
		width: 100%;
	}
	.interview-box__question__heading {
		font-size: 1.8rem;
		padding-block: 1.6rem 1.4rem;
		margin-bottom: 2.5rem;
	}
	.interview-box__question__desc {
		font-size: 1.4rem;
	}
}



.bnr-suumo {
	padding-block: 10.0rem;
}
.bnr-suumo__inner {
	max-width: 1080px;
}
@media screen and (max-width: 768px){
	.bnr-suumo {
		padding-block: 4.0rem;
	}
}