@charset "utf-8";




.l-mv {
	margin-top: 65px;
}

.u-inner{
	background: transparent;
}

.l-read .l-read--container{
	padding: min(136px, 10vw) 0 min(150px, 11vw);
	letter-spacing: .05em;
	text-align: center;
}

.l-read .l-read--ttl{
	margin-bottom: .5em;
	font-size: min(44px, 2.9vw);
	color: #9D8551;
}

.l-read .l-read--note{
	line-height: 2;
	font-size: min(20px, 1.3vw);
}

.l-section--title{
	position: relative;
	z-index: 1;
	margin-bottom: min(136px, 10vw);
	text-align: center;
	letter-spacing: .08em;
	color: #fff;
	text-shadow: 0 0 8px rgba(47, 24, 18, .5);
}

.l-section--title--wrap{
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.l-section--title .l-section--title--en{
	margin-bottom: .25em;
	font-size: min(104px, 6.95vw);
}

.l-section--title .l-section--title--jp{
	font-size: min(35px, 2.34vw);
}

.position-container{
	padding-bottom: min(150px, 11vw);
	background: #F1EDE6;
}

.position-wrap + .position-wrap{
	margin-top: min(150px, 11vw);
}

.position-read{
	display: grid;
	grid-template-columns: 52% 1fr;
	gap: min(56px, 3.6%);
	align-items: center;
	margin-bottom: min(130px, 10vw);
}

.position-read .position-read--body{
	width: fit-content;
}

.position-read .position-read--body .ttl{
	margin-bottom: 2em;
	text-align: center;
}

.position-read .position-read--body .note{
	line-height: 2;
}

.position-box{
	position: relative;
	z-index: 1;
	padding: min(60px, 4.2vw) min(70px, 5.2vw);
	background: #fff;
}

.position-box + .position-box{
	margin-top: min(100px, 7.5vw);
}

.position-box--ttl{
	margin-bottom: min(50px, 3.7vw);
	text-align: center;
}

.position-box--ttl .img{
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateY(-50%);
}

.position-box--ttl .note{
	letter-spacing: .08em;
	font-size: min(28px, 2.1vw);
}

.position-box .position-box--img{
	margin-bottom: min(40px, 2.8vw);
}

.position-box .position-box--note{
	letter-spacing: .05em;
	line-height: 2;
}

.position-box .position-box--attent{
	text-align: right;
}

.culture{
	padding-bottom: min(200px, 13vw);
	background: #F1EDE6;
}

.culture .u-inner{
	width: min(1180px, 96%);
	max-width: 100%;
}

.culture .culture--read{
	width: min(1000px, 92%);
	margin: 0 auto min(100px, 7.5vw);
}

.culture .culture--read .ttl{
	margin-bottom: 1.0em;
	text-align: center;
	letter-spacing: .08em;
	font-size: min(32px, 2.3vw);
}

.culture .culture--read .note{
	line-height: 2;
	letter-spacing: .05em;
}

.culture-merritt{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: min(40px, 2.8vw);
	margin-bottom: min(70px, 5.2vw);
	padding-bottom: min(70px, 5.2vw);
	border-bottom: 1px solid #050F1E;
}

.culture-merritt .item .img{
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
}

.culture-merritt .item .img::after{
	box-sizing: border-box;
	content: 'image photo';
	position: absolute;
	z-index: 1;
	bottom: .5em;
	left: 0;
	width: 100%;
	padding: 0 .5em;
	text-align: right;
	font-size: .9em;
}

.culture-merritt .item:nth-child(2) .img::after,
.culture-merritt .item:nth-child(3) .img::after,
.culture-merritt .item:nth-child(4) .img::after,
.culture-merritt .item:nth-child(5) .img::after,
.culture-merritt .item:nth-child(8) .img::after{
	color: #fff;
	text-shadow: 0 0 3px rgba(0, 0, 0, 1);
}

.culture-merritt .item .ttl{
	margin-bottom: .5em;
	text-align: center;
	letter-spacing: .08em;
	line-height: 1.44;
	font-size: min(18px, 1.3vw);
}

.culture-merritt .item .note{
	letter-spacing: .05em;
	line-height: 2;
	font-size: min(13px, .94vw);
}

.culture-place{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: min(40px, 2.8vw);
	margin-bottom: min(110px, 8.5vw);
}

.culture-place .item .ttl{
	margin-bottom: 1em;
	letter-spacing: .08em;
	text-align: center;
	line-height: 1.44;
	font-size: min(24px, 1.6vw);
}

.culture-place .item .note{
	margin-bottom: 2.5em;
	letter-spacing: .05em;
	line-height: 2;
	font-size: min(16px, 1.1vw);
}

.culture-place .item .images{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3.5%;
}

.culture-place .item .images .cap{
	margin-top: 1em;
	text-align: right;
	line-height: 1.44;
	font-size: .8em;
}

.culture-reason {
	width: min(880px, 100%);
	margin: 0 auto;
}

.culture-reason .culture-reason--ttl{
	margin-bottom: 2.4em;
	line-height: 1.78;
	letter-spacing: .08em;
	text-align: center;
	font-size: min(28px, 2.1vw);
}

.culture-reason .culture-reason--ttl .kome{
	position: relative;
	z-index: 1;
}

.culture-reason .culture-reason--ttl .kome::after{
	content: '※1';
	position: absolute;
	top: 0;
	right: 0;
	font-size: .36em;
	line-height: 1;
	transform: translate(50%, -100%);
}

.culture-reason .culture-reason--note{
	margin-bottom: 1.5em;
	letter-spacing: .08em;
	text-align: center;
	font-size: min(24px, 1.6vw);
}

.culture-reason .culture-reason--img{
	margin-bottom: 3em;
}

.culture-reason .culture-reason--attent{
	letter-spacing: .05em;
	line-height: 1.6;
	font-size: 10px;
}