@charset "utf-8";

@media screen and (max-width: 1399px) {
	.l-pickup .swiper-slide {
		width: 280px;
	}
}

@media screen and (max-width: 1199px) {
	.g-container {
		overflow: hidden;
		transform: translateZ(0);
	}
	
	.l-kv .catch {
		width: calc(100% - 300px);
		left: 40px;
	}
	
	.l-kv .button {
		left: 40px;
	}
	
	.l-primary_items {
		overflow: visible;
		transform: none;
	}
	
	.l-about .image {
		margin: -70px 0 0;
		left: calc(414px - 40px);
	}
	
	.l-group .image {
		margin: -54px 0 0;
		right: calc(488px - 40px);
	}
	
	.l-group .section_title {
		
	}
	
	.l-secondary_items .u-title_grande:before {
		font-size: 3.8365vw;
	}
	
	.l-secondary_items .read {
		font-size: 22rem;
	}
	
}

@media screen and (max-width: 999px) {
	:root {
	}
	
	.g-container {
		margin-top: 0;
	}
	
	.l-kv {
		margin-top: var(--header_h);
	}
	
	.l-kv .catch {
		padding-right: 40px;
	}
	
	.l-kv .catch .primary {
		font-size: 35rem;
	}
	
	.l-kv .catch .secondary {
		font-size: 21rem;
	}
	
	.l-kv .scroll_button {
		right: 40px;
	}
	
	.l-pickup:after {
		width: calc(100% - 16px);
		margin-top: -45px;
	}
	
	.l-pickup .mark_7 {
		width: 64px;
		top: 10px;
		right: 45px;
	}
	
	.l-news_inner {
		flex-direction: column;
	}
	
	.l-news .title {
		width: 100%;
		padding: 0;
	}
	
	.l-news .u-news_list {
		width: 100%;
		margin-top: 30px;
	}
	
	.l-pickup .section_title {
		position: relative;
		top: auto;
		left: auto;
	}
	
	.l-pickup .l-pickup_slide {
		width: 100%;
		margin-top: 30px;
	}
	
	.l-pickup .swiper {
		padding-left: 15px;
	}
	
	.l-pickup .swiper-slide {
	}
	
	.l-pickup_control {
		margin-left: 0;
	}
	
	.l-primary_items .read {
		font-size: 26rem;
	}
	
	.l-about {
		margin-top: 0;
		display: flex;
		flex-direction: column;
		flex-direction: column-reverse;
	}
	
	.l-about .section_title {
		padding: 40px 0 0;
	}
	
	.l-about .image {
		width: 99.0666%;
		margin: -5.333% 0 0 calc(11.866% + 40px);
		position: relative;
		top: auto;
		left: auto;
	}
	
	.l-group {
		margin-top: 80px;
		display: flex;
		flex-direction: column;
		flex-direction: column-reverse;
	}
	
	.l-group .section_title {
		width: 100%;
		padding: 60px 0 0;
	}
	
	.l-group .image {
		width: 96.933%;
		margin: 0 0 0 calc(11.866% + 40px);
		position: relative;
		top: auto;
		right: auto;
	}
	
	.l-secondary_items {
		flex-direction: column;
	}
	
	.l-secondary_items:after {
		display: none;
	}
	
	.l-secondary_items > * {
		width: 100%;
		padding-top: 0;
	}
	
/*
	.l-secondary_items > *:nth-child(1) {
		border-bottom: 1px solid var(--white);
	}
*/
	
	.l-secondary_items > *:nth-child(2) {
		margin-top: -1px;
		margin-left: 0;
	}
	
	.l-secondary_items .section_title {
		margin-top: 0;
		padding-bottom: 60px;
		position: relative;
		top: auto;
		left: auto;
		translate: 0 0;
	}
	
	.l-secondary_items .u-title_grande {
		padding-top: 60px;
	}
	
	.l-secondary_items .u-title_grande:before {
		font-size: min(7.466vw, 40rem);
	}
	
	.l-secondary_items .read + .u-text {
		font-size: 15rem;
		width: 100%;
		min-height: 0;
	}
	
	.l-secondary_items .u-button {
		margin-top: 28px;
	}
}

@media screen and (max-width: 767px) {
	:root {
	}
	
	.g-container {
		padding-top: 40px;
	}
	
	.l-kv .catch {
		width: 100%;
		margin-bottom: 27.5%;
		left: 20px;
	}
	
	.l-kv .catch:before {
		font-size: 11vw;
		margin-bottom: .25em;
	}
	
	.l-kv .catch .primary {
		font-size: 8vw;
	}
	
	.l-kv .catch .secondary {
		font-size: 4.8vw;
	}
	
	.l-kv .button {
		margin-bottom: 12.5%;
		left: 20px;
		bottom: 0;
	}
	
	.l-kv .button > a > * {
		font-size: 4.266vw;
	}
	
	.l-kv .button .u-icon.-arrow:after {
		width: 9.066vw;
	}
	
	.l-kv_slide:before {
		width: 60%;
		translate: -40% 0;
	}
	
	.l-kv_slide:after {
		width: 32.5%;
		height: auto;
	}
	
	.l-kv_control {
		margin-right: 50px;
	}
	
	.l-kv .mark img {
		width: 14.4%;
	}
	
	.l-kv .mark img:nth-child(1) {
		margin-top: 19%;
		margin-left: 13.5%;
	}
	
	.l-kv .mark img:nth-child(2) {
		margin-top: auto;
		margin-bottom: 32%;
		margin-right: 3%;
		top: auto;
		bottom: 0;
	}
	
	.l-kv .swiper-slide img {
		height: auto;
	}
	
	.l-kv .scroll_button {
		right: 24px;
		transform-origin: bottom center;
		scale: .875;
	}
	
	@keyframes a-kv_slide {
		0% {
			filter: brightness(150%);
			transform: scale(1.1);
		}
		10% {
			filter: brightness(100%);
		}
		100% {
			transform: scale(1);
		}
	}
	
	.l-pickup .swiper-slide {
	}
	
	.l-news_inner {
		display: block;
	}
	
	.l-news .title {
		width: 100%;
		padding: 0;
	}
	
	.l-news .title .u-button > * {
		width: auto;
		max-width: 68.25%;
	}
	
	.l-news .u-news_list {
		width: 100%;
		margin-top: 30px;
	}
	
	
	.l-about .image {
		margin: -5.333% 0 0 calc(11.866% + 20px);
	}
	
	.l-group .image {
		margin: 0 0 0 calc(11.866% + 20px);
	}
	
	.l-secondary_items .section_title {
		padding-bottom: 14%;
	}
	
	.l-secondary_items .u-title_grande {
		padding-top: 16%;
	}
	
	.l-secondary_items .u-title_grande > * {
		font-size: 16rem;
	}
	
	.l-secondary_items .read + .u-text {
		padding-inline: 7.5%;
	}
	
}

@media screen and (max-width: 499px) {
	
	.l-primary_items .local_item {
		margin: 25px 0 0 0;
		display: block;
	}
	
}
