@charset "utf-8";




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * Responsive
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 999px) {
	
	
	
	
	.c-Keyvisual {
		margin: 0;
		overflow: visible;
	}
	
	.c-Keyvisual__image {
		max-height: 768px;
	}
	
	.c-Keyvisual .u-Title__page {
		width: 15.5%;
		min-width: 0;
		top: 80px;
		right: 60px;
		transform: none;
	}
	
	.c-Keyvisual__scroll-button {
		width: 70px;
		height: 150px;
		top: auto;
		bottom: 0;
		transform: translateY(50%);
	}
	
	.c-Keyvisual__scroll-button em {
		font-size: 1.2rem;
		letter-spacing: .25em;
		bottom: 70px;
	}
	
	.c-Keyvisual__scroll-button a {
		height: 100%;
		max-height: none;
	}
	
	.c-Keyvisual__scroll-button .u-Basic-Arrow__line {
		height: 50px;
		top: calc(100% - 60px);
	}
	
	
	
	.c-home-corner {
		padding: 60px 0;
	}
	
	.c-home-corner__image {
		width: calc(100% + 60px);
		min-width: 0;
		margin: 0 -60px 27.5% 0;
	}
	
	.c-home-corner .u-Title__page {
		width: 25%;
		margin-top: 47.5%;
		top: auto;
		left: auto;
		right: 10%;
		z-index: 20;
	}
	
	.c-home-corner__inner {
		text-align: left !important;
	}
	
	.c-home-corner .c-home-corner__inner a {
		width: calc(100% - 120px);
		margin: 0 60px;
		display: inline-block;
	}
	
	.c-home-corner__text {
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 40px 30px;
	}
	
	
	
	
	
	
	
	
	
	
	.is-Title__right .u-Title__page {
		right: auto;
		left: 10%;
	}
	
	.is-Title__right .c-home-corner__image {
		margin: 0 0 27.5% -60px;
	}
	
	
	
	
	
	.c-home-corner__know {
		background-position: left 0 top 50%;
	}
	
	.c-home-corner__feel {
		background-position: right 0 top 50%;
	}
	
	.c-home-corner__experience {
		background-position: left 0 top 50%;
	}
	
	.c-home-corner__experience .c-home-corner__text {
		color: #fff;
		background: #afa673;
	}
	
	.is-Bg__white a .c-home-corner__text {
		color: #fff;
		background: #afa673;
	}
	
	.is-Bg__white .c-home-corner__more-button .u-Basic-Arrow__line {
		border-color: #fff;
	}
	
	.is-Bg__white .u-Basic-Arrow__line:before {
		border-color: transparent transparent transparent #fff;
	}
	
	.c-Nanzen-shot a {
		padding: 40px 0;
	}
	
	.c-Nanzen-shot__title {
		width: 40%;
		margin: 0 auto 70px;
	}
	
	
	.c-banner__items {
		margin: 0 -10px;
	}
	
	.c-banner__item {
		padding: 0 10px;
	}
	
	
	
	
	
	
	.c-home-corner__song-slide-item {
		padding: 0 20px;
	}
	
	.c-home-corner__song-slide-iframe:after {
		font-size: 1.1rem;
	}
	
	.c-home-corner__song .slick-arrow {
		width: 20px;
		height: 20px;
	}
	
	.c-home-corner__song .slick-prev {
		margin: 0;
		left: 35px;
	}
	
	.c-home-corner__song .slick-next {
		margin: 0;
		right: 35px;
	}
	
	.c-home-corner__song-button {
		position: absolute;
		bottom: 50px;
		right: 60px;
	}
	
	
	
	
	
} /* END Responsive 999px */




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * Responsive
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 767px) {
	
	
	
	
	.c-Keyvisual__image {
		max-height: 520px;
		background-position: left 35% top 50%;
	}
	
	.c-Keyvisual .u-Title__page {
		width: 21.35%;
		top: 60px;
		right: 40px;
	}
	
	.c-Keyvisual__scroll-button {
		width: 40px;
		height: 130px;
		transform: translateY(60%);
	}
	
	.c-Keyvisual__scroll-button em {
		letter-spacing: .15em;
	}
	
	
	
	
	
	
	.c-home-corner {
		padding: 40px 0;
	}
	
	.c-home-corner .c-home-corner__inner a {
		width: calc(100% - 40px);
		margin: 0 20px;
	}
	
	.c-home-corner__image {
		width: calc(100% + 20px);
		min-width: 0;
		margin: 0 -20px 42.5% 0;
	}
	
	.c-home-corner .u-Title__page {
		width: 37.25%;
		right: 30px;
	}
	
	.c-home-corner__text {
		padding: 30px 20px;
	}
	
	
	
	
	.c-home-corner__know {
		background-position: left 0 top 30%;
		background-size: 60% auto;
	}
	
	.c-home-corner__feel {
		background-position: right 0 top 45%;
		background-size: 75% auto;
	}
	
	.c-home-corner__experience {
	background-position: left 0 top 35%;
	background-size: 55% auto;
	}
	
	.is-Title__right .c-home-corner__image {
		margin: 0 0 42.5% -20px;
	}
	
	.c-home-corner__song {
		padding: 40px 0 60px;
	}
	
	.c-home-corner__song-title {
		margin: 0;
	}
	
	.c-home-corner__song-title:before,
	.c-home-corner__song-title:after {
		display: none;
	}
	
	.c-home-corner__song-title strong {
		font-size: 2.8rem;
	}
	
	.c-home-corner__song-slide-item {
		padding: 0 15px;
	}
	
	.c-home-corner__song-slide-iframe {
		margin: 0 0 30px;
	}
	
	.c-home-corner__song-slide-item time {
		margin: 0 0 .5em;
	}
	
	.c-home-corner__song-button {
		right: 50px;
		bottom: 40px;
	}
	
	.c-home-corner__song-button em {
		font-size: 1.5rem;
	}
	
	.c-home-corner__song .slick-arrow {
		width: 14px;
		height: 14px;
		top: 25.5%;
	}
	
	.c-home-corner__song .slick-prev {
		left: 23px;
	}
	
	.c-home-corner__song .slick-next {
		right: 23px;
	}
	
	
	
	
	.c-Nanzen-shot {
		padding: 0;
	}
	
	.c-Nanzen-shot__title {
		width: 72.5%;
		margin: 0 auto 80px;
	}
	
	.c-Nanzen-shot__image {
		margin: 0;
		align-items: flex-start;
	}
	
	.c-Nanzen-shot__image img {
		width: calc(100% / 4);
	}
	
	.c-banner {
		padding: 45px 0 10px;
	}
	
	.c-banner__items {
		margin: 0;
		padding: 0 20px;
		display: block;
	}
	
	.c-banner__item {
		width: 100%;
		padding: 15px 0;
	}
	
	.c-banner__item figcaption {
		font-size: 1.6rem;
		padding: .75em 0 0;
	}
	
	
	
	
} /* END Responsive 767px */




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * Responsive
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (max-width: 374px) {
	
	
	
	
} /* END Responsive 374px */




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * Responsive
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media screen and (orientation: landscape) {
	
	
	
	
} /* END Responsive landscape */




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 * Print Setting
 * ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media print {
	
	
	
	
} /* END Print Setting */


/* 20210413�lj� YouTube�p */
.overlay, #yt_player {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
}
 
.overlay{
    z-index: -1;
}
 
#yt_player{
    z-index: -2;
}