@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;
		min-height: 100%;
	}

	.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 {
		padding: 20px;
	}

	.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% / 1);
	}

	.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: 4.2vw;
		letter-spacing: 0;
	}

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

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

	.l-mv-cta h2 span {
		font-size: 1.8rem;
		padding-bottom: 1rem;
		line-height: 1.4;
	}

	.l-mv-cta h2 .l-btn_mv {
		font-size: 2rem;
	}





	.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-copy {
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
	}

	.l-copy b {
		font-size: 3.2rem;
		padding: 10px 0;
	}

	/* ==================================================
		メリットボックス
	================================================== */
	.l-read{
		font-size: 2.0em;
	}
	
	.merit_box .merit_box-item{
		padding: 2.0rem 0;
		font-size: 1.1em;
	}


}

/* END RESPONSIVE 979px */

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

	.g-wrap {
		position: relative;
		padding-top: 0;
	}

	/*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 div {
		min-height: 70px;
		padding: 10px 0;
	}

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

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

	.l-mv-cta h2 {
		font-size: 6vw;
		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-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-top_concept {
		padding: 10px 0;
	}

	.l-top_concept h4 {
		font-size: 1.8rem;
		line-height: 1.6;
		margin-bottom: 20px;
	}

	.l-top_concept p {

		font-size: 1.4rem;
		line-height: 2;
		margin-bottom: 20px;
	}


	.l-zeh-badge {
		padding: 0 15%;
	}


	.l-mv-feature ul li:after {
		position: absolute;
		content: "";
		width: 100%;
		height: 2px;
		background: rgb(255, 255, 255);
		background: rgb(255, 255, 255);
		background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 1)), color-stop(50%, rgba(181, 154, 91, 1)), to(rgba(255, 255, 255, 1)));
		background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(181, 154, 91, 1) 50%, rgba(255, 255, 255, 1) 100%);
		top: auto;
		bottom: 0;
		right: 0;
	}

	.l-mv-feature ul li:last-child:after {
		content: none;
	}

	.l-banner_bagge {
		top: -15px;
		left: -5px;
		z-index: 5;
		width: 31%;
	}

	.l-banner_bagge img {
		width: 100%;
	}

	.l-cta_link_list {
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.l-cta_link_list li {
		width: 100%;
		padding: 0 10px;
	}

	/* ==================================================
		メリットボックス
	================================================== */
	.l-mv-cta{
		padding: 28px 20px 36px;
	}

	.l-mv-cta .u-inner{
		display: contents;
	}

	.l-read{
		margin-bottom: 2.0rem;
		font-size: 1.4em;
	}

	.merit_box{
		grid-template-columns: 1fr;
		gap: 1.2rem;
	}

	.merit_box .merit_box-item{
		padding: 1.8rem 0;
		font-size: 1.0em;
	}

	.merit_box .merit_box-item .main{
		font-size: 1.46em;
	}
}

/* END RESPONSIVE 767px */

@media screen and (orientation: landscape) {}

/* END RESPONSIVE landscape */

@media print {}

/* END PRINT */
