/* CSS Document */

#wrapper{
	@media (min-width: 992px) {
		#header,
		#main{
			grid-column: 1;
		}
		#header{
			grid-row: 1;
			transition: opacity 0.2s ease-out;
		}
	}
}

#pagePath{
	display: none;
	}

#main{
	position: relative;
	overflow: hidden;
	@media (min-width: 992px) {
		display: grid;
		#hero{
			grid-column: 1;
			grid-row: 1;
		}
	}
}

#hero{
	display: grid;
	& dl{
		display: grid;
		grid-template-rows: auto auto;
		&:nth-child(n+2){
			display: none;
		}
	}
	& dt{
		position: absolute;
		bottom: 0;
		right: 0;
		margin-left: 24px;
		padding: 8px 16px;
		background: #fff;
		font-size: clamp(14px, calc(16 / 1200 * 100vw), 16px);
		font-weight: 700;
		letter-spacing: 0.025em;
		border-top-left-radius: 16px;
		pointer-events: none;
		z-index: 1;
		&:empty{
			display: none;
		}
	}
	& dd{
		display: contents;
		&>*{
			grid-column: 1;
			grid-row: 1 / 3;
		}
		& a{
			font-size: 0;
			z-index: 1;
		}
		& img{
			border-top-right-radius: 20px;
			border-bottom-right-radius: 20px;
			object-fit: cover;
			@media (max-width: 575.98px) {
				aspect-ratio: 356  / 430;
			}
			@media (min-width: 576px) and (max-width: 991.98px) {
				aspect-ratio: 3 / 2;
			}
			@media (min-width: 992px) {
				height: 720px;
				border-top-right-radius: 45px;
				border-bottom-right-radius: 45px;
			}
		}
	}
}

#heroCopy{
	grid-column: 1;
	grid-row: 1;
	display: grid;
	align-self: flex-start;
	padding: 16px 24px;
	z-index: 1;
	& p{
		font-size: clamp(20px, calc(32 / 576 * 100vw), 32px);
		font-weight: 700;
		letter-spacing: 0.14em;
		color: #fff;
	}
}

#heroSlide{
	grid-column: 1;
	grid-row: 1;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	z-index: 0;
	&.slick-slider{
		&:before{
			content: "";
			grid-column: 1 / 3;
			grid-row: 1;
		}
		@media (max-width: 575.98px) {
			&:before{
				aspect-ratio: 356  / 430;
			}
		}
		@media (min-width: 992px) {
			grid-template-columns: auto 120px;
			grid-template-rows: auto 48px auto 48px 24px;
			grid-row-gap: 16px;
			&:before{
				content: unset;
			}
			.slick-list{
				grid-column: 1;
				grid-row: 1 / 6;
			}
			.slick-arrow{
				justify-self: center;
				margin: 8px;
				grid-column: 2;
				transform: rotate(90deg)
			}
			.slick-prev{
				grid-row: 2;
			}
			.slick-next{
				grid-row: 4;
			}
			.slick-dots{
				grid-column: 2;
				grid-row: 3;
				padding: 0;
			}
		}
	}
	.slick-list{
		grid-column: 1 / 3;
		grid-row: 1;
	}
	.slick-track{
		display: grid;
	}
	.slick-slide{
		grid-row: 1;
		display: grid;
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		grid-row: 1;
		align-self: center;
		position: relative;
		aspect-ratio: 1;
		width: 36px;
		color: #fff;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			aspect-ratio: 1;
			background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
			background-size: 24px;
			border-radius: 100%;
		}
		
	}
	.slick-prev{
		grid-column: 1 / 4;
		grid-row: 2;
		margin-left: var(--wrap-space);
		&:before{
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		grid-column: 1 / 4;
		grid-row: 2;
		justify-self: end;
		margin-right: var(--wrap-space);
	}
	.slick-dots{
		grid-column: 1 / 4;
		grid-row: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		grid-gap: 8px clamp(16px, calc(24 / 1200 * 100vw), 24px);
		padding: 24px 72px;
		@media (min-width: 992px) {
			justify-self: center;
			grid-gap: 8px;
			padding: 0 32px;
			width: 6px;
		}
		& li{
			aspect-ratio: 1;
			width: 6px;
			background: #e3e3e3;
			border-radius: 100%;
			overflow: hidden;
			@media (min-width: 992px) {
				width: 8px;
			}
			&.slick-active{
				background: var(--color-theme);
			}
		}
		& button{ 
			visibility: hidden;
		}
	}
}

:where(#pickup, #ranking, #blog, #access, #news) h2 {
    display: grid;
    grid-template-rows: 80px auto;
    justify-content: center;
	justify-items: center;
    align-items: center;
	font-size: clamp(16px, calc(20 / 1200 * 100vw), 20px);
	font-weight: 700;
	letter-spacing: 0.05em;
	@media (min-width: 992px) {
/*		grid-template-columns: 56px auto 56px;
		padding-bottom: 16px;*/
	}
	&:before {
		content: "";
		aspect-ratio: 170 / 75;
		padding-bottom: 8px;
		height: 80px;
		background: #7EC6C6;
		background: linear-gradient(300deg,rgba(126, 198, 198, 1) 0%, rgba(100, 159, 225, 1) 100%);
	}
}

#alert{
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	padding-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	overflow: hidden;
	&>*{
		grid-column: 2;
	}
	& h2{
		display: none;
	}
	& h2+div{
		grid-column: 1 / 4;
		padding: 24px;
		background: var(--color-theme-bg);
		@media (min-width: 992px) {
			grid-column: 2;
		}
	}
	& ul{
		display: grid;
		grid-gap: 16px;
		margin: auto;
		@media (min-width: 992px) {
			justify-content: center;
		}
	}
	& li{
		display: grid;
		grid-template-columns: 4em 1fr;
   		align-items: center;
		grid-gap: 16px;
		position: relative;
		&:before{
			content: "注目";
            display: grid;
            align-content: center;
			height: 20px;
			font-size: 14px;
			text-align: center;
			background: #ff3300;
			color: #fff;
			border-radius: 50px;
		}
	}
}

#pickup{
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	padding-top: 72px;
	background: #fff;
	overflow: hidden;
	@media (min-width: 576px) {
		padding-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	}
	&:before{
		grid-column: 2;
		grid-row: 1;
		content: "";
		aspect-ratio: 300 / 215;
		margin: -32px 0 0 -16px;
		width: 100px;
		background: #000;
		background: url("../images/pic-01.webp") no-repeat center / contain;
		@media (min-width: 576px) {
			margin: 16px 0 0 0;
			width: 127px;
		}
	}
	&>*{
		grid-column: 2;
	}
	& h2{
		grid-column: 2;
		grid-row: 1;
		&:before {
			-webkit-mask: var(--pickup-title) center center no-repeat;
		}
	}
	& h2+div{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		margin-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	}
	& section{
		position: relative;
		display: grid;
		overflow: hidden;
		&:not(:has(figure)):before{
			content: "";
			order: -1;
			aspect-ratio: 1 / 0.667;
			border-radius: 20px;
			background: var(--dummy);
		}
		& h3{
			margin-top: 16px;
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
		& figure{
			order: -1;
			& img{
				aspect-ratio: 1 / 0.667;
				object-fit: cover;
				border-radius: 20px;
			}
		}
	}
}

#pickupSlide{
	display: grid;
	&.slick-slider{
		grid-column: 1 / 4;
		justify-self: center;
		grid-template-columns: auto minmax(0, 1fr) auto;
		column-gap: 32px;
		align-items: center;
		width: min(calc(100% - 16px), 1200px);
		@media (max-width: 575.98px) {
			grid-row-gap: 16px;
		}
		@media (min-width: 992px) {
			grid-template-columns: 1fr auto 1fr;
		}
		&:before {
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 1 / 0.667;
			@media (max-width: 991.98px) {
				grid-column: 1 / 4;
				width: calc(50% - 32px);
			}
			@media (max-width: 575.98px) {
				grid-column: 1 / 4;
				margin: 0;
				width: calc(100% - 32px);
				justify-self: center;
				align-self: flex-start;
			}
			@media (min-width: 992px) {
				width: calc(33.33% - 20px);
			}
		}
	}
	.slick-list{
        grid-column: 2;
        grid-row: 1 / 3;
        margin: 0 -16px;
		&:only-child{
			.slick-track{
				transform: unset !important;
				margin: 0 auto !important;
			}
		}
		@media (max-width: 768px) {
			grid-column: 1 / 4;
			margin: 0;
		}
		@media (max-width: 575.98px) {
      	  grid-row: 1;
		}
		@media (max-width: 1199.98px) {
/*			overflow: visible;*/
		}
	}
	.slick-slide{
		margin: 0 16px;
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		position: relative;
		aspect-ratio: 1;
		width: 40px;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			aspect-ratio: 1;
			background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
			background-size: 24px;
			border-radius: 100%;
		}
	}
	.slick-prev{
		grid-column: 1;
		grid-row: 1;
		justify-self: end;
		@media (max-width: 575.98px) {
			grid-row: 2;
		}
		&:before{
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		grid-column: 3;
		grid-row: 1;
		@media (max-width: 575.98px) {
			grid-row: 2;
		}
	}
	.slick-dots{
		grid-column: 2;
		grid-row: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		grid-gap: 8px clamp(16px, calc(24 / 1200 * 100vw), 24px);
		z-index: 1;
		& li{
			aspect-ratio: 1;
			width: 6px;
			background: #e3e3e3;
			border-radius: 100%;
			overflow: hidden;
			&.slick-active{
				background: var(--color-theme);
			}
		}
		& button{ 
			visibility: hidden;
		}
	}
}

#ranking{
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-row-gap: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	margin-top: 56px;
	padding-top: clamp(56px, calc(64 / 1200 * 100vw), 64px);
	padding-bottom: clamp(64px, calc(72 / 1200 * 100vw), 72px);
	background: 
		url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 27"><path d="M0,0h405.23c-134.46.81-134.14,18.62-268.13,22.88C76.78,25.39,36.09,25.31,0,14.23v12.77h0V0ZM405.23,0c134.46.71,134.16,18.52,268.15,22.67,54.57,2.22,93.06,5.26,126.62-5.46V0h-394.77Z" style="fill:white;"/></svg>') no-repeat center top / 100% auto,
/*		url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 24.02"><path d="M800,24.02H0v-2.87C33.56,10.83,72.05-1.69,126.62.45c133.99,4,133.69,21.13,268.15,21.81,134.46-.78,134.14-17.92,268.13-22.01,60.32-2.41,101.01,13.1,137.1,23.77Z" style="fill: white;"/></svg>') no-repeat center bottom -1px / 100% auto,*/
		linear-gradient(40deg, rgba(224, 236, 249, 1) 0%, rgba(212, 236, 236, 1) 100%);
	&:before{
		justify-self: center;
		content: "";
		position: absolute;
		top: -24px;
		aspect-ratio: 300 / 215;
		margin: auto;
		width: var(--wrap);	
		background: 
			url("../images/pic-02.webp") no-repeat right 0 top 0 / 90px auto,
			url("../images/pic-03.webp") no-repeat left 0 top 40px / 80px auto;
		@media (min-width: 576px) {
			background: 
				url("../images/pic-02.webp") no-repeat right 0 top 10px / 150px auto,
				url("../images/pic-03.webp") no-repeat left 0 top 90px / 175px auto;
		}
	}
	&>*{
		grid-column: 2;
		z-index: 1;
	}
	& h2{
		&:before {
			-webkit-mask: var(--ranking-title) center center no-repeat;
		}
	}
	& section{
		counter-increment: count;
		position: relative;
		display: grid;
		align-content: start;
		grid-row-gap: 16px;
		&:not(:has(figure)):before{
			content: "";
			order: -1;
			aspect-ratio: 1 / 0.667;
			border-radius: 20px;
			background: var(--dummy);
			filter: drop-shadow(4px 4px 0 var(--color-theme));
		}
		@media (max-width: 575.98px) {
			&:nth-child(1){
				padding-bottom: 24px;
			}
		}
		@media (min-width: 576px) {
			&:nth-child(1),
			&:nth-child(2){
				padding-bottom: 24px;
				& h3{
					font-size: 16px;
				}
			}
		}
		&:after {
			content: counter(count);
			position: absolute;
			top: -8px;
			left: -8px;
			display: grid;
			align-items: center;
			aspect-ratio: 1;
			width: 32px;
			background: var(--color-theme);
			color: #fff;
			font-size: 18px;
			text-align: center;
			line-height: 1;
		}
		&:nth-child(-n+3):after {
			right: 8px;
			aspect-ratio: 80 / 70;
			width: 56px;
			padding-top: 18px;
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80 70"><path d="M9.56,12.9c0,2.66-2.14,4.82-4.78,4.82-2.64,0-4.78-2.16-4.78-4.82s2.14-4.82,4.78-4.82,4.78,2.16,4.78,4.82ZM75.22,8.08c-2.64,0-4.78,2.16-4.78,4.82s2.14,4.82,4.78,4.82,4.78-2.16,4.78-4.82-2.14-4.82-4.78-4.82ZM40,0c-2.64,0-4.78,2.16-4.78,4.82s2.14,4.82,4.78,4.82,4.78-2.16,4.78-4.82-2.14-4.82-4.78-4.82ZM68.02,70l4.18-45.8-17.03,17.08-15.17-28.45-15.17,28.45L7.8,24.2l4.18,45.8h56.05Z"/></svg>') center no-repeat;
			-webkit-mask-size: contain;
			transform: translateY(-50%);
		}
		&:nth-child(1):after,
		&:nth-child(2):after{
			left: -16px;
			width: 60px;
			padding-top: 20px;
			font-size: 24px;
		}
		&:nth-child(1):after {
			background: #b09934;
		}
		&:nth-child(2):after {
			background: #808080;
		}
		&:nth-child(3):after {
			left: -16px;
			width: 60px;
			padding-top: 20px;
			background: #d28724;
		}
		&:nth-child(4):after,
		&:nth-child(5):after {
			border-radius: 50px;
		}
		& h3{
			margin: 0 8px;
			font-weight: 700;
			font-size: 14px;
		}
		& h3+div{
			display: contents;
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
		& figure{
			order: -1;
			& img{
				aspect-ratio: 1 / 0.667;
				object-fit: cover;
				border-radius: 20px;
				filter: drop-shadow(4px 4px 0 var(--color-theme));
			}
		}
	}
	[id^="rankingList"]{
		margin-top: 8px;
		@media (min-width: 576px) {
			margin-top: 24px;
		}
	}
}


[id^="rankingList"]{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 32px;
	& section{
		&:nth-child(1){
			grid-column: 1 / 3;
		}
	}
	@media (min-width: 768px) {
		grid-template-columns: repeat(3, 1fr);
		& section{
			&:nth-child(1),
			&:nth-child(2){
				grid-column: 1 / 4;
				grid-row: 1;
				width: calc(50% - 16px);
			}
			&:nth-child(1)){
			}
			&:nth-child(2){
				margin-left: calc(100% - (50% - 16px));
			}
			&:nth-child(3),
			&:nth-child(4),
			&:nth-child(5){
				grid-row: 2;
			}
		}
	}
}


#blog{
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-row-gap: clamp(32px, calc(48 / 1200 * 100vw), 48px);
	padding-top: clamp(56px, calc(64 / 1200 * 100vw), 64px);
	padding-bottom: clamp(56px, calc(64 / 1200 * 100vw), 64px);
	&:before{
		justify-self: center;
		content: "";
		position: absolute;
		top: -72px;
		aspect-ratio: 300 / 215;
		margin: auto;
		width: var(--wrap);	
		background: 
			url("../images/pic-05.webp") no-repeat right -10px top 72px / 95px auto,
			url("../images/pic-04.webp") no-repeat left 0 top 24px / 100px auto;
		@media (min-width: 576px) {
			top: -120px;
			background: 
				url("../images/pic-05.webp") no-repeat right -10px top 150px / 16% auto,
				url("../images/pic-04.webp") no-repeat left 0 top 0 / 18% auto;
		}
	}
	&>*{
		grid-column: 2;
		z-index: 1;
	}
	& h2{
		&:before {
			-webkit-mask: var(--blog-title) center center no-repeat;
		}
	}
	& section{
		position: relative;
		display: grid;
		align-content: start;
		grid-row-gap: 16px;
		&:not(:has(figure)):before{
			content: "";
			order: -1;
			aspect-ratio: 1 / 0.667;
			border-radius: 20px;
			background: var(--dummy);
		}
		& h3{
			margin: -16px 8px 0;
			font-weight: 700;
			font-size: 20px;
			color: var(--color-theme);
		}
		& > div{
			display: contents;
		}
		& time{
			grid-row: 2;
			justify-self: end;
			font-size: 14px;
			color: var(--color-theme);
		}
		& a{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
		& figure{
			order: -1;
			& img{
				aspect-ratio: 1 / 0.667;
				object-fit: cover;
				border-radius: 20px;
				border: clamp(8px, 1.2vw, 10px) solid #fff;
				filter: drop-shadow(4px 4px 6px #ccc);
			}
		}
	}
	[id^="rankingList"]{
		margin-top: 8px;
		@media (min-width: 576px) {
			margin-top: 24px;
		}
	}
}

#blogSlide{
	display: grid;
	&.slick-slider{
		grid-column: 2;
		justify-self: center;
		grid-template-columns: auto minmax(0, 1fr) auto;
		grid-gap: 32px;
		align-items: center;
		width: min(calc(100% - 16px), 1200px);
		@media (max-width: 575.98px) {
			grid-row-gap: 16px;
		}
		@media (min-width: 992px) {
			grid-column: 1 / 4;
			grid-template-columns: 1fr auto 1fr;
		}
		&:before {
			content: "";
			grid-column: 2;
			grid-row: 1;
			aspect-ratio: 1 / 0.667;
			@media (max-width: 991.98px) {
				grid-column: 1 / 4;
				width: calc(50% - 32px);
			}
			@media (max-width: 575.98px) {
				grid-column: 1 / 4;
				margin: 0;
				width: calc(100% - 32px);
				justify-self: center;
				align-self: flex-start;
			}
			@media (min-width: 992px) {
				width: calc(33.33% - 20px);
			}
		}
	}
	.slick-list{
        grid-column: 1 / 4;
        grid-row: 1;
        margin: 0 -16px;
/*		
		&:only-child{
			.slick-track{
				transform: unset !important;
				margin: 0 auto !important;
			}
		}
*/
		@media (max-width: 768px) {
			grid-column: 1 / 4;
			margin: 0;
			overflow: visible;
		}
		@media (max-width: 575.98px) {
      	  grid-row: 1;
		}
	}
	.slick-slide{
		margin: 0 16px;
	}
	.slick-arrow{
		all: unset;
		box-sizing: border-box;
		position: relative;
		aspect-ratio: 1;
		width: 40px;
		font-size: 0;
		cursor: pointer;
		z-index: 1;
		&:before{
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			aspect-ratio: 1;
			background: var(--color-theme) url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
			background-size: 24px;
			border-radius: 100%;
		}
	}
	.slick-prev{
		justify-self: end;
		@media (max-width: 575.98px) {
			grid-row: 2;
		}
		&:before{
			transform: scale(-1, 1);
		}
	}
	.slick-next{
		order: 1;
		@media (max-width: 575.98px) {
			grid-row: 2;
		}
	}
	.slick-dots{
		grid-column: 2;
		grid-row: 2;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		grid-gap: 8px 16px;
		z-index: 1;
		& li{
			aspect-ratio: 1;
			width: 6px;
			background: #e3e3e3;
			border-radius: 100%;
			overflow: hidden;
			&.slick-active{
				background: var(--color-theme);
			}
		}
		& button{ 
			visibility: hidden;
		}
	}
}

#access{
	display: grid;
	grid-template-columns: 1fr min(var(--wrap-fit), 1280px) 1fr;
	padding-top: clamp(56px, calc(64 / 1200 * 100vw), 64px);
	background: #dceaf8;
	@media (min-width: 992px) {
		grid-template-columns: 1fr 380px calc(var(--wrap-max) - 380px) 1fr;
		grid-template-rows: auto auto 1fr;
		align-items: self-start;
		padding-top: 0;
	}
	&>*{
		grid-column: 2; 
		@media (min-width: 992px) {
			&:not(figure){
				grid-column: 2; 
				z-index: 1;
			}
		}
	}
	& h2{
		display: grid;
		justify-content: normal;
		justify-items: normal;
		grid-template-columns: 1fr;
		font-size: 24px;
		@media (min-width: 992px) {
			grid-row: 1;
			grid-row-gap: 24px;
			padding-top: clamp(56px, calc(64 / 1200 * 100vw), 64px);
		}
		&:before {
			justify-self: center;
			margin-bottom: clamp(32px, calc(48 / 1200 * 100vw), 48px);
			-webkit-mask: var(--location-title) center center no-repeat;
			@media (min-width: 992px) {
				justify-self: unset;
				margin-bottom: 0;
			}
		}
	}
	& h2+div{
		justify-self: center;
		display: grid;
		justify-content: center;
		width: min(var(--wrap-max), 100%);
		@media (min-width: 992px) {
			grid-row: 2;
			justify-content: unset;
		}
		& > *{
			margin-top: 16px;
			@media (min-width: 992px) {
				margin-top: 24px;
			}
		}
		& p{
			font-size: 18px;
		}
	}
	& h2+div+div{
		@media (max-width: 991.98px) {
			grid-column: 1 / 4;
			padding-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
		}
		@media (min-width: 992px) {
			grid-row: 3;
			padding-top: clamp(32px, calc(48 / 1200 * 100vw), 48px);
			& a{
				margin: 0;
			}
		}
	}
	& dl{
		display: none;
		background: #fff;
		border-radius: 6px;
		& dt{
			display: grid;
			grid-template-columns: 20px 1fr;
			align-items: center;
			grid-gap: 8px;
			padding: 0px 8px;
			height: 27px;
			color: #fff;
			background: #333;
			border-top-left-radius: 6px;
			border-top-right-radius: 6px;
		}
		& dt:before{
			content: "";
			aspect-ratio: 1;
			background: #fff;
		}
		&:nth-of-type(1) dt:before{
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M17.46,5.47h-.2v-1.21c0-.45-.13-.9-.36-1.27,0,0-.01-.02-.02-.02-.03-.05-.06-.09-.1-.14,0,0,0,0,0,0-.06-.08-.13-.16-.2-.24-.05-.06-.1-.11-.15-.17,0,0-.01-.02-.02-.02-.05-.05-.11-.11-.16-.16-.07-.07-.14-.13-.22-.19-.05-.04-.1-.09-.16-.12-.07-.05-.13-.1-.2-.15-.03-.02-.05-.03-.08-.05-.06-.04-.12-.08-.19-.12-.06-.03-.12-.07-.18-.1-.09-.05-.18-.09-.27-.13-.07-.03-.14-.06-.21-.08-.09-.03-.17-.06-.26-.09-.08-.02-.15-.04-.23-.06-.14-.03-.29-.06-.44-.08-.04,0-.07-.01-.11-.02h0c-.07,0-.14-.01-.21-.02-.09,0-.17,0-.26,0h-6.47c-.08,0-.17,0-.26,0-.07,0-.14,0-.21.02h0s-.07,0-.11.02c-.15.02-.3.05-.44.08-.08.02-.15.04-.23.06-.09.03-.18.06-.26.09-.07.03-.14.06-.21.09-.09.04-.19.08-.27.13-.06.03-.12.06-.18.1-.06.04-.13.07-.19.12-.03.02-.05.03-.08.05-.07.05-.14.1-.2.15-.05.04-.1.08-.16.12-.08.06-.15.13-.22.19-.05.05-.11.11-.16.16,0,0-.01.02-.02.02-.05.05-.1.11-.15.17-.07.08-.14.16-.2.25-.31.4-.47.91-.47,1.43v1.21h-.2c-.4,0-.72.35-.72.78v2.31c0,.43.33.79.72.79h.2v5.56h0s14.52,0,14.52,0v-5.57h.2c.4,0,.72-.35.72-.78v-2.31c0-.43-.32-.79-.72-.79ZM5.81,3.21c0-.22.18-.41.41-.41h7.57c.22,0,.41.18.41.41v.87H5.81v-.87ZM6.17,13.56c-.6,0-1.09-.49-1.09-1.09s.49-1.09,1.09-1.09,1.09.49,1.09,1.09-.49,1.09-1.09,1.09ZM13.83,13.56c-.6,0-1.09-.49-1.09-1.09s.49-1.09,1.09-1.09,1.09.49,1.09,1.09-.49,1.09-1.09,1.09ZM15.3,10.19h0s-10.6.01-10.6.01v-5.13h10.6v5.12ZM16.77,15.48h0s0,0,0,0l-.02.19-.19,1.61h-1.08v.99c0,.4-.32.72-.72.72h-.83c-.39,0-.72-.32-.72-.72v-.99h-6.41v.99c0,.4-.32.72-.72.72h-.83c-.39,0-.72-.32-.72-.72v-.99h-1.08l-.22-1.81h0s.14,0,.14,0h13.39Z"/></svg>');
		}
		&:nth-of-type(2) dt:before{
			-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.82,15.22h2.07v1.24c0,.3-.24.54-.54.54h-.99c-.3,0-.54-.24-.54-.54v-1.24ZM15.36,16.46c0,.3.24.54.54.54h.99c.3,0,.54-.24.54-.54v-1.24h-2.07v1.24ZM18.83,6.17v.59c0,.5-.41.9-.9.9h-.45l.17.31.36.62s.22.26.22.51v4.08h0l-.25,1.2c0,.23-.19.41-.42.41H2.45c-.23,0-.42-.18-.42-.41l-.25-1.2v-4.08c0-.25.22-.51.22-.51l.53-.92h-.15s-.3,0-.3,0c-.5,0-.9-.41-.9-.9v-.59c0-.18.14-.32.32-.32h2.09l.35-.6c.63-1.37,2.01-2.25,3.52-2.25h5.09c1.51,0,2.89.88,3.52,2.25l.35.6h2.09c.18,0,.32.14.32.32ZM4.45,7.39c0,.06,0,.12,0,.17,0,0,0,.02,0,.02,0,.06.02.11.04.16,0,.01,0,.02.01.03.02.05.05.1.08.14,0,0,.01.02.02.03.03.04.07.08.12.12,0,0,.01.01.02.02.04.03.09.06.15.09.01,0,.02,0,.03.01.05.02.11.04.16.05.01,0,.02,0,.04,0,.03,0,.06,0,.09,0h9.57s.06,0,.09,0c.01,0,.02,0,.04,0,.06,0,.11-.02.16-.05.01,0,.02,0,.03-.01.05-.02.1-.05.15-.09,0,0,.01,0,.02-.02.04-.04.08-.08.12-.12,0,0,.01-.02.02-.03.03-.04.06-.09.08-.14,0-.01,0-.02.01-.03.02-.05.04-.11.04-.16,0,0,0-.02,0-.03,0-.06,0-.11,0-.17,0-.01,0-.02,0-.03,0-.05-.02-.11-.04-.16,0-.01,0-.02-.01-.03-.01-.03-.02-.05-.04-.08l-.67-1.16-.03-.06c-.4-.86-1.26-1.41-2.21-1.41h-5.1c-.95,0-1.81.55-2.2,1.41l-.03.06-.67,1.16s-.03.05-.04.08c0,.01,0,.02-.01.03-.02.05-.04.11-.04.17,0,.01,0,.02,0,.03ZM6.66,11.39s0-.01,0-.02c0-.02,0-.04,0-.06l-.26-.99c-.04-.14-.2-.25-.39-.25h-2.12c-.22,0-.39.13-.4.29,0,0,0,.01,0,.02,0,.02,0,.04,0,.06l.26.99c.04.14.2.25.39.25h2.12c.22,0,.39-.13.4-.29ZM12.03,14.1v-1.3c0-.1-.08-.17-.17-.17h-3.72c-.09,0-.17.08-.17.17v1.3h4.06ZM16.25,10.37c0-.16-.18-.29-.4-.29h-2.12c-.19,0-.35.1-.39.25l-.26.99s0,.04,0,.06c0,0,0,.01,0,.02,0,.16.18.29.4.29h2.12c.19,0,.35-.1.39-.25l.26-.99s0-.04,0-.06c0,0,0-.01,0-.02Z"/></svg>');
		}
		& dd{
			padding: 8px;
		}
		& dl+dl{
			margin-top: 16px;
		}
	}
	& figure{
		grid-column: 1 / 5;
		overflow-y: auto;
		@media (min-width: 992px) {
			grid-row: 1 / 4;
		}
		& img{
			width: auto;
			@media (max-width: 991.98px) {
				&:nth-child(1){
					display: none;
				}
			}
			@media (min-width: 992px) {
				aspect-ratio: 1366 / 981.7; 
				object-fit: cover;
				&:nth-child(2){
					display: none;
				}
			}
		}
	}
}

#news{
	position: relative;
	display: grid;
	margin: clamp(56px, calc(72 / 1200 * 100vw), 72px) auto 0 auto;
	padding-bottom: clamp(8px, calc(48 / 1200 * 100vw), 48px);
	width: var(--wrap);
	overflow: hidden;
	&:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: linear-gradient(to right, #649fe1, #7ec6c6);
		border-radius: 16px;
		z-index: -2;
	}
	&:after {
		content: "";
		position: absolute;
		width: calc(100% - 6px);
		height: calc(100% - 6px);
		top: 3px;
		left: 3px;
		z-index: -1;
		border-radius: 14px;
		background: #fff;
    }
	@media (min-width: 992px) {
		grid-template-rows: auto 1fr;
		padding: 48px 24px;
		& h2{
			grid-column: 1;
		}
		& h2+div{
			grid-column: 1;
			align-self: start;
		}
		& h2+div+div{
			grid-row: 1 / 3;
			margin: 0 0 0 clamp(64px, calc(72 / 1200 * 100vw), 72px);
		}
	}
	&>*{
		grid-column: 2;
		padding: 16px;
		z-index: 1;
	}
	& h2{
		&:before {
			-webkit-mask: var(--news-title) center center no-repeat;
		}
	}
	& h2+div{
		order: 1;
		display: flex;
		justify-content: center;
	}
	& section{
		position: relative;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		grid-gap: 16px;
		padding: 24px 0; 
		border-bottom: 1px solid var(--color-border);
		&:first-child{
			padding-top: 0;
		}
		& h3{
			order: 1;
			width: 100%;
			letter-spacing: 0.1em;
		}
		& h3+div{
			display: contents;
		}
		& time{
			color: #3b3b3b;
			font-size: 12px;
		}
		& ul{
			display: flex;
			flex-wrap: wrap;
			grid-gap: 8px;
		}
		& li{
			display: grid;
			align-items: center;
			font-size: 10px;
			letter-spacing: 0.1em;
			min-height: 20px;
			padding: 0 16px;
			background: #fff;
			border-radius: 4px;
			color: #333;
			font-weight: 700;
			text-transform: uppercase;
			&:not([class]) {
				border: 1px solid #999;
			}
			&[class] {
				color: #fff;
			}
			&.tagCheck{
				background: #4681b3;
			}
			&.tagNew{
				background: #ce1c24;
			}
		}
		& a {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			font-size: 0;
		}
	}
}

#newsList{
	padding-top: 0;
}

#sns{
	display: flex;
	justify-content: center;
	padding-top: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	&>*{
		grid-column: 2;
	}
	& h3{
		display: none;
	}
	& h3+div{
		justify-self: center;
		display: grid;
		grid-gap: clamp(32px, calc(56 / 1200 * 100vw), 56px);
	}
	& ul {
		display: flex;
		grid-gap: 16px;
		}
	& li {
		border-radius: 100%;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
		overflow: hidden;
		&:has(a[href*="tiktok.com"]) {
			background: #ccc;
			}
		}
	& a {
		display: grid;
		aspect-ratio: 1;
		width: 48px;
		background: currentColor;
		font-size: 0;
		-webkit-mask-position: center;
		-webkit-mask-repeat: no-repeat;
		&[href*="instagram.com"] {
			position: relative;
			background: -webkit-linear-gradient(-65deg, #7638fa 25%, #ff0069 50%) no-repeat;
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M14,2.52c3.74,0,4.18.01,5.66.08,1.37.06,2.11.29,2.6.48.65.25,1.12.56,1.61,1.05.49.49.79.96,1.05,1.61.19.49.42,1.23.48,2.6.07,1.48.08,1.92.08,5.66s-.01,4.18-.08,5.66c-.06,1.37-.29,2.11-.48,2.6-.25.65-.56,1.12-1.05,1.61-.49.49-.96.79-1.61,1.05-.49.19-1.23.42-2.6.48-1.48.07-1.92.08-5.66.08s-4.18-.01-5.66-.08c-1.37-.06-2.11-.29-2.6-.48-.65-.25-1.12-.56-1.61-1.05-.49-.49-.79-.96-1.05-1.61-.19-.49-.42-1.23-.48-2.6-.07-1.48-.08-1.92-.08-5.66s.01-4.18.08-5.66c.06-1.37.29-2.11.48-2.6.25-.65.56-1.12,1.05-1.61.49-.49.96-.79,1.61-1.05.49-.19,1.23-.42,2.6-.48,1.48-.07,1.92-.08,5.66-.08ZM14,0c-3.8,0-4.28.02-5.77.08-1.49.07-2.51.3-3.4.65-.92.36-1.7.84-2.48,1.61-.78.78-1.26,1.56-1.61,2.48-.35.89-.58,1.91-.65,3.4-.07,1.49-.08,1.97-.08,5.77s.02,4.28.08,5.77c.07,1.49.3,2.51.65,3.4.36.92.84,1.7,1.61,2.48.78.78,1.56,1.26,2.48,1.61.89.35,1.91.58,3.4.65,1.49.07,1.97.08,5.77.08s4.28-.02,5.77-.08c1.49-.07,2.51-.3,3.4-.65.92-.36,1.7-.84,2.48-1.61.78-.78,1.26-1.56,1.61-2.48.35-.89.58-1.91.65-3.4.07-1.49.08-1.97.08-5.77s-.02-4.28-.08-5.77c-.07-1.49-.3-2.51-.65-3.4-.36-.92-.84-1.7-1.61-2.48-.78-.78-1.56-1.26-2.48-1.61-.89-.35-1.91-.58-3.4-.65-1.49-.07-1.97-.08-5.77-.08ZM14,6.81c-3.97,0-7.19,3.22-7.19,7.19s3.22,7.19,7.19,7.19,7.19-3.22,7.19-7.19-3.22-7.19-7.19-7.19ZM14,18.67c-2.58,0-4.67-2.09-4.67-4.67s2.09-4.67,4.67-4.67,4.67,2.09,4.67,4.67-2.09,4.67-4.67,4.67ZM21.47,4.85c-.93,0-1.68.75-1.68,1.68s.75,1.68,1.68,1.68,1.68-.75,1.68-1.68-.75-1.68-1.68-1.68Z"/></svg>');
			-webkit-mask-size: 28px;
			&:before ,
			&:after {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
			&:before {
				background: -webkit-linear-gradient(45deg, transparent 50%, #d300c5) no-repeat;
			}
			&:after {
				background: -webkit-linear-gradient(-135deg, transparent 55%, #ff7a00 65%, #ffd600) no-repeat;
			}
		}
		&[href*="facebook.com"] {
			background: #3b5996;
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M16.24,28v-9.81c.94,0,3.3-.07,3.3-.07l.53-3.97h-3.82s.03-2.12.03-3.24c.09-.93.68-1.41,1.57-1.5.68-.06,2.29-.16,2.29-.16v-3.61s-3.63-.39-5.32.3c-2.02.82-2.86,2.49-2.97,4.58-.05,1.01,0,2.02-.02,3.04v.58c-1.01,0-2.9,0-2.9,0h-.66l.02,4.08h3.53v9.79C6.64,27.47.27,22.49,0,14.48-.24,6.93,5.77.37,13.26.02c7.94-.38,14.18,5.7,14.7,12.94.61,8.68-5.89,14.29-11.72,15.04Z"/></svg>');
		}
		&[href*="x.com"] {
			background: #000;
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M16.23,12.16L24.98,2h-2.07l-7.59,8.82L9.25,2H2.26l9.17,13.34L2.26,26h2.07l8.02-9.32,6.4,9.32h6.99l-9.51-13.84h0ZM13.4,15.46l-.93-1.33L5.08,3.56h3.18l5.96,8.53.93,1.33,7.75,11.09h-3.18l-6.33-9.05h0Z"/></svg>');
			-webkit-mask-size: 28px;
		}
		&[href*="youtube.com"] {
			background: #ff0000;
			-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M27.41,7.22c-.32-1.21-1.27-2.17-2.48-2.49-2.18-.59-10.94-.59-10.94-.59,0,0-8.76,0-10.94.59-1.2.32-2.15,1.28-2.48,2.49-.59,2.2-.59,6.78-.59,6.78,0,0,0,4.59.59,6.78.32,1.21,1.27,2.17,2.48,2.49,2.18.59,10.94.59,10.94.59,0,0,8.76,0,10.94-.59,1.2-.32,2.15-1.28,2.48-2.49.59-2.2.59-6.78.59-6.78,0,0,0-4.59-.59-6.78ZM11.14,18.16v-8.33l7.32,4.16-7.32,4.16Z"/></svg>');
			-webkit-mask-size: 28px;
		}
		&[href*="tiktok.com"] {
			position: relative;
			background: #000 url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28" fill="white"><path d="M23.45,8.38v-.88c-1.1,0-2.13-.33-3-.89-.84-.97-1.35-2.23-1.35-3.61h-1.06c-.06-.33-.09-.66-.09-1h-3.95v15.84c-.07,1.77-1.53,3.2-3.32,3.2-.56,0-1.08-.14-1.54-.38-.39-.55-.63-1.21-.63-1.94,0-1.83,1.49-3.32,3.32-3.32.34,0,.67.06.98.15v-4.04c-.32-.04-.65-.07-.98-.07-.06,0-.11,0-.17,0v-.94c-.32-.04-.65-.07-.98-.07-4.01,0-7.28,3.26-7.28,7.28,0,2.46,1.23,4.64,3.11,5.96,1.33,1.43,3.22,2.32,5.32,2.32,4.01,0,7.28-3.26,7.28-7.28v-8.03c1.55,1.11,3.45,1.77,5.5,1.77v-3.95c-.4,0-.78-.04-1.15-.12Z"/></svg>') no-repeat center;
			background-size: 32px;
			&:before,
			&:after {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: 1;
			}
			&:before {
				background: #25f4ee;
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M11.65,11.47v-.96c-.32-.04-.65-.07-.98-.07-4.01,0-7.28,3.26-7.28,7.28,0,2.46,1.23,4.64,3.11,5.96-1.21-1.3-1.93-3.04-1.93-4.95,0-3.95,3.15-7.16,7.08-7.25Z"/><path d="M11.83,22.07c1.79,0,3.27-1.44,3.34-3.22l.02-15.82h2.87s0-.02,0-.02c-.06-.33-.09-.66-.09-1h-3.95v15.84c-.07,1.77-1.53,3.2-3.32,3.2-.56,0-1.08-.14-1.54-.38.6.84,1.59,1.41,2.69,1.41Z"/><path d="M23.45,8.43v-.93c-1.1,0-2.13-.33-3-.89.77.88,1.81,1.57,3,1.82Z"/></svg>');
				-webkit-mask-size: 32px;
				-webkit-mask-position: center;
				-webkit-mask-repeat: no-repeat;
			}
			&:after {
				background: #fe2c55;
				-webkit-mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 28"><path d="M20.46,6.61c-.84-.97-1.35-2.23-1.35-3.61h-1.08c.28,1.51,1.19,2.8,2.43,3.61Z"/><path d="M10.67,14.37c-1.83,0-3.35,1.52-3.35,3.35,0,1.28.75,2.38,1.8,2.94-.39-.55-.63-1.21-.63-1.94,0-1.83,1.49-3.32,3.32-3.32.34,0,.67.06.98.15v-4.04c-.32-.04-.65-.07-.98-.07-.06,0-.11,0-.17,0h-.02s-.01,3.06-.01,3.06c-.31-.1-.61-.14-.95-.14Z"/><path d="M23.45,8.38h-.02s0,3.05,0,3.05c-2.05,0-3.95-.67-5.51-1.79v8.08c0,4.01-3.24,7.26-7.25,7.26-1.55,0-2.99-.47-4.17-1.3,1.33,1.43,3.22,2.32,5.32,2.32,4.01,0,7.28-3.26,7.28-7.28v-8.03c1.55,1.11,3.45,1.77,5.5,1.77v-3.95c-.4,0-.78-.04-1.15-.12Z"/></svg>');
				-webkit-mask-size: 32px;
				-webkit-mask-position: center;
				-webkit-mask-repeat: no-repeat;
			}
		}
	}
}

#sekiterrace{
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	grid-row-gap: 16px;
	justify-content: center;
	padding-top: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	padding-bottom: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	z-index: 1;
	&>* {
		grid-column: 2;
	}
	& > div {
		display: grid;
		padding: 16px;
		background: #fff;
		border-radius: 8px;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
		@media (min-width: 768px) {
			grid-row: 1;
			justify-self: end;
			margin-top: 48px;
			padding: 48px 48px 48px 88px;
			width: 50%;
		}
		& h2 {
			margin-bottom: 12px;
			font-size: 20px;
			font-weight: 700;
		}
		& p {
			font-size: 14px;
		}
		& figure {
			order: -1;
			padding: 24px clamp(56px, calc(88 / 1200 * 100vw), 88px);
		}
	}
	& > figure {
		grid-column: 1 / 3;
		grid-row: 1;
		border-radius: 40px;
		@media (min-width: 768px) {
			grid-column: 2;
			grid-row: 1;
			width: calc(50% + 48px);
		}
		& img {
			border-top-right-radius: 40px;
			border-bottom-right-radius: 40px;
			box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
		}
	}
	& a {
		margin-top: 16px;
	}
}

#pr{
	position: relative;
	display: grid;
	grid-template-columns: 1fr var(--wrap) 1fr;
	margin-top: -310px;
	padding-top: 310px;
	padding-bottom: clamp(48px, calc(56 / 1200 * 100vw), 56px);
	background: var(--bg-texture);
	& h3 {
		display: none;
	}
	& h3+div {
		grid-column: 2;
		& ul {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 16px;
			@media (min-width: 768px) {
				grid-template-columns: repeat(4, 1fr);
			}
		}
		& li {
		}
	}
}

.more {
	display: grid;
	grid-template-columns: 1fr 20px;
	align-items: center;
	grid-gap: 16px;
	width: min(100%, 320px);
	min-height: 56px;
	margin: auto;
	padding: 8px 24px;
	border: 1px solid var(--color-theme);
	border-radius: 12px;
	background: #fff;
	color: var(--color-theme);
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	&:after {
		content: "";
		aspect-ratio: 1;
		background: currentColor;
		-webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="white" d="M17.94,9.8s-.01-.02-.02-.03c-.05-.08-.12-.13-.21-.16l-8.93-4.4c-.06-.03-.12-.04-.19-.04-.08,0-.15.02-.22.06-.12.08-.2.21-.2.36v3.94s0,.04.01.05H2.42c-.23,0-.42.19-.42.42,0,.23.19.42.42.42h13.36s-6.77,3.32-6.77,3.32v-1.91c0-.23-.19-.42-.42-.42s-.42.19-.42.42v2.59c0,.15.08.28.2.36.12.08.28.08.41.02l8.98-4.41c.1-.05.16-.13.2-.22,0,0,0,0,0,0,.02-.05.03-.1.03-.15,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0-.01,0-.02,0-.04,0-.07-.02-.11,0-.03-.02-.05-.03-.07ZM9.02,9.52v-3.26s6.73,3.32,6.73,3.32h-6.74s.01-.04.01-.05Z"/></svg>') center no-repeat;
		-webkit-mask-size: contain;
		transition: transform 0.2s ease-out;
	}
}