@charset "utf-8";

@media screen and (max-width:1024px) {

	/*information*/
	.l-information {
		padding-right: 60px;
		padding-left: 60px;
	}

	.l-banner-cp {
		padding-right: 60px;
		padding-left: 60px;
	}


	.l-Bottom-nav .u-inner {
		padding: 40px 20px;
	}

	/*mv*/
	.l-mv {
		height: auto;
	}

	.l-mv-stage {
		padding: 125% 0 0;
	}

	.l-mv-catch {
		width: 30%;
		height: auto;
		max-width: none;
		margin-top: 0;
		left: auto;
		top: 2%;
		right: 3%;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.l-mv-catch img {
		width: 100%;
		height: auto;
	}

	.l-mv-name {
		text-align: center;
		width: 70%;
		max-width: none;
		margin: 12% 0 0 0;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.l-mv-data {
		position: relative;
		bottom: auto;
		left: auto;
	}

	.l-mv-feature ul {
		padding: 1em 6em;
	}

	.l-mv-feature ul:after {
		display: none;
	}

	.l-mv-feature ul li {
		font-size: 2vw;
		letter-spacing: 0;
		width: calc(100% / 2);
	}

	.l-mv-feature ul li:not(:first-child):before {
		display: none;
	}

	.l-mv-feature ul li:nth-child(odd) {
		content: '';
		display: block;
	}

	.l-mv-feature ul li em {
		font-size: 2.6vw;
		letter-spacing: 0;
	}

	.l-mv-cta h2 {
		font-size: 3vw;
	}

	.l-mv-cta h2 small {
		font-size: 1.5rem;
	}

	.l-mv-image {
		width: 100%;
		height: auto;
		margin: 55% 0 0 5%;
		top: 0;
		bottom: auto;
		left: 0;
		-webkit-transform-origin: left top;
		-ms-transform-origin: left top;
		transform-origin: left top;
		-webkit-transform: scale(1.2);
		-ms-transform: scale(1.2);
		transform: scale(1.2);
	}

	.l-mv-image img {
		width: 80%;
		height: auto;
	}

	/*l-Bottom-banner*/
	.l-Bottom-banner ul {
		margin-right: 0;
		margin-left: 0;
	}

	.l-mv-action img {
		width: 100%;
	}

	.l-mv-copy img {
		width: 100%;
	}

	.l-top-copy_area {
		padding: 8% 20px;
	}


	.l-top-copy_area .l-top-catch {
		font-size: 2.8rem;
		line-height: 2;
		width: 100%;
		margin-top: 30px;
	}

	.l-top-copy_area .l-top-text {
		font-size: 1.4rem;
		line-height: 2;
		margin-top: 30px;
	}


}

/* END RESPONSIVE 979px */

@media screen and (max-width:767px) {

	/*mv*/
	.l-mv-stage {
		padding-top: 145%;
	}

	.l-mv-name {
		width: 100%;
		margin-top: 10%;
		padding-right: 1em;
		padding-left: 1em;
	}

	.l-mv-feature ul {
		padding: 1em;
	}

	.l-mv-feature ul li {
		font-size: 2.6vw;
	}

	.l-mv-feature ul li em {
		font-size: 3.2vw;
	}

	.l-mv-cta h2 {
		font-size: 5.2vw;
		line-height: 1.35;
		letter-spacing: .1em;
	}

	.l-mv-cta h2 small {
		font-size: 1rem;
	}

	.l-mv-image {
		width: 120%;
		margin: 65% 0 0 5%;
	}

	/*information*/
	.l-information {
		padding-right: 20px;
		padding-left: 20px;
	}

	.l-information .u-inner {
		margin-top: 60px;
		padding: 15px;
	}

	.l-banner-cp {
		padding-right: 20px;
		padding-left: 20px;
	}

	.l-mv-copy {
		font-size: 2.6rem;
		padding: 20px;
	}

	/*注釈*/
	.l-note {
		margin: -60px auto 40px;
		padding: 0 20px;
	}


	.c-copy_area {
		position: absolute;
		top: 5%;
		margin: 0 auto;
		text-align: center;
		left: 10%;
		right: 50%;
		width: 80%;
	}

	.c-text_left-SP {
		text-align: left;
	}

	.c-news-tumb {
		display: block;
	}

	.c-news-tumb > .c-news_data:nth-child(1) {
		width: 100%;
	}

	.c-news-tumb > .c-news_data:nth-child(2) {
		width: 100%;
	}

	.l-banner_media {
		display: none;
	}

	.is-home.fp-viewing-0 {
		background-color: #fff;
	}

	.is-home .g-container {
		padding: 0;
		position: relative;

	}

	.c-home .u-container {
		padding: 10px 10px;

	}


	.is-home .u-content {
		position: relative;
	}

	.is-home .l-btn_container {
		padding-top: 30px;
	}

	.l-btn a {
		padding: 20px 0;
		font-size: 1.6rem;
	}

	.l-btn:before {
		content: '';
		top: 37%;
	}

	.g-container {
		padding: 60px 0 0 0;
	}

	.g-footer-info-merchant-wrap {
		border-top: 2px solid #ddd;
		background: #fff;
	}

	.g-footer-info-merchant-item {
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	.g-footer-info-merchant-item .e-link {
		min-height: 0;
		padding: 10px 0;
	}

	.g-footer-info-merchant-item.is-hapia-link .e-link {
		padding: 15px 0;
	}

	.is-home .u-show__mobile .g-footer-info-merchant-wrap {
		display: block;
	}

	.l-Bottom-nav {
		display: none;
	}

	.u-note {
		padding-right: 10px;
		padding-left: 10px;
	}

	.u-note .u-inner {
		padding-top: 0;
	}

	.l-Bottom-banner .u-inner {
		padding: 0;
	}

	.l-Bottom-banner ul {
		padding: 10px 5px 30px;
	}

	.l-Bottom-banner ul li {
		margin: 0;
		padding: 5px;
		width: calc(100% / 2);
	}

	.l-zeh-badge {
		padding: 10px 0;
		position: relative;
		width: 100%;
		margin: 0 auto;
	}

	.l-top-concept {
		padding-top: 40px;
	}

	.l-top-concept_container {
		padding: 20px;
		padding-top: 40px;
	}

	.l-concept_coloums {
		margin-bottom: 80px;
	}

	.l-top-concept-menu_item {
		width: 100%;
		font-size: 1.4rem;
		line-height: 2;
		padding: 20px 40px;
	}

	.l-concept_coloum-item {
		width: 100%;
	}

	.l-concept_coloum-item.l-concept_text {
		border-left: none;
		border-top: 4px solid #519768;
		position: relative;
	}

	.l-concept_coloums:after {
		width: 100%;
		height: 100%;
		right: 0;
		left: 4%;
		bottom: -2%;
		z-index: -15;
	}

	.l-concept_02 .l-concept_text {
		border-left: none;
		border-right: 4px solid #419CC0;
		border-right: none;
		border-color: #419CC0;
	}

	.l-concept_02.l-concept_coloums:after {
		position: absolute;
		content: "";
		background: #419CC0;
		width: 100%;
		height: 100%;
		right: 3%;
		left: auto;
		bottom: -2%;
		z-index: -5;
	}

	.l-concept_03 .l-concept_coloum-item.l-concept_text {
		border-left: none;
		border-top: 4px solid #BC698F;
		position: relative;
	}


	/*outset*/
	.l-outset {
		/*
		padding-right: 80px;
		padding-left: 80px;
		*/
	}

	.l-outset-box--request .title {
		font-size: 3.8rem;
	}

	.l-outset {
		padding-right: 40px;
		padding-left: 40px;
	}

	.l-outset-box {
		padding: 20px;
	}

	.l-outset-box--request .title {
		font-size: 2rem;
		letter-spacing: 0;
		margin: 10px 0 -10px;
	}

	.l-outset-box .button a {
		height: 60px;
	}

	.l-outset-box .button a b {
		font-size: 1.6rem;
	}

	.l-outset-box--request .text {
		line-height: 1.5;
		letter-spacing: 0;
		text-align: left;
	}

	.l-outset-box--member .title {
		font-size: 1.4rem;
		letter-spacing: 0;
	}

	.l-outset-box--member .title b {
		font-size: 1.8rem;
	}

	l-outset-box--member .title {
		font-size: 1.4rem;
		letter-spacing: 0;
	}

	.l-outset-box--member .title b {
		font-size: 1.8rem;
	}

	.l-outset-box--member .text {
		font-size: 1.1rem;
	}

	.l-copy_bottan {
		font-size: 2rem;
		width: 90%;
	}

	.l-top_movie_warpper {
		padding-right: 20px;
		padding-left: 20px;
		margin: 20px auto 20px auto;
	}

	.l-top_movie {
		padding-bottom: 56.25%;
		margin: 10px auto;
		height: 0;
	}

	.l-top_movie_warpper h4 {
		margin-bottom: 20px;
	}

	.l-top_movie_warpper h4 span {
		font-size: 2.6rem;
	}

	.l-top_movie_warpper em {
		font-size: 1.6rem;
	}

	.l-mv_bagge_area {
		display: block;
	}

	.l-kv_banner_area {
		padding: 20px;
	}


	.l-top_point .l-top_point_inner .l-top_point_bnr{
		margin-top: -24px;
		margin-bottom: 0;
	}

	.l-top_point .l-top_point_inner .l-top_point_bnr img{
		transform: translateX(2%) scale(1.2);
	}

	.l-copy{
		padding: calc((var(--calc-vw-sp) * 1vw) * 3.6) 0;
	}

	.l-copy h2{
		font-size: calc((var(--calc-vw-sp) * 1vw) * 3.4);
		color: var(--color-gold);
	}


	.l-mv  .kv_01 .l-kv__item_copy{
		top: 12vw;
		left: 50%;
		width: 74%;
	}

	.l-mv  .kv_02 .copy_01{
		top: 72vw;
		left: 5%;
		width: 74%;
	}

	.l-mv  .kv_02 .copy_02{
		top: 72vw;
		right: 4%;
		width: 8%;
	}

	.l-maincont .u-inner{
		width: 88%;
		margin: 0 auto;
		padding: calc((var(--calc-vw-sp) * 1vw) * 4.2) 0;
	}

	.l-maincont .u-inner .maincopy{
		margin-bottom: calc((var(--calc-vw-sp) * 1vw) * 2.2);
		font-size: calc((var(--calc-vw-sp) * 1vw) * 2.0);
	}

	.l-maincont .u-inner .mainbody{
		font-size: calc((var(--calc-vw-sp) * 1vw) * 1.4);
	}

}

/* END RESPONSIVE 767px */

@media screen and (orientation: landscape) {}

/* END RESPONSIVE landscape */

@media print {}

/* END PRINT */