@charset "utf-8";

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

	.mv img{
		width: 100%;
	}

	/*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*/
	.mv{
		position: relative;
		z-index: 2;
	}
	.action{
		margin-top: -7.7vw;
	}
	.action .action-list{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 3rem
	}
	.action-list .list-item{
		width: calc((100% - 3rem) / 2);
		padding: 3rem 4rem;
	}
	.action-list .list-item::before{
		background: url("../../img/home/action-item-bg.svg") center / cover no-repeat;
	}
	/* .action-list .title-num{
		font-size: 2.7rem;
	}
	.action-list .title-txt{
		font-size: 2.7rem;
	}
	.action-list .item-txt{
		font-size: 1.8rem;
	} */

}

/* END RESPONSIVE 979px */

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

	.br_sp{
		display: inherit;
	}
	/*mv*/
	.mv{
		position: relative;
		z-index: 2;
	}
	.action{
		margin-top: -7.7vw;
		padding: 10.25vw 0 3rem;
	}
	.action .inner{
		width: 83.33%;
	}
	.action::before{
		background: url("../../img/home/action-bg@mobile.jpg") center/ cover no-repeat;
	}
	.action .action-logo{
		width: 8rem;
	}
	.action .action-ttl{
		font-size: 1.6rem;
	}
	.action .action-list{
		display: grid;
		grid-template-columns: 1fr;
		gap: 1.5rem;
		margin-top: 1.5rem;
	}
	.action-list .list-item{
		display: grid;
		place-content: center;
		width: 100%;
		padding: 2.5rem 3.5rem;
		aspect-ratio: 325/225;
	}
	.action-list .title-txt{
		font-size: 1.6rem;
	}
	.action-list .item-txt{
		font-size: 1.5rem;
	}
	.action-list .list-item::before{
		background: url("../../img/home/action-item-bg-sp.svg") center / cover no-repeat;
	}
	.action-contact .contact-ttl{
		margin-top: 4.5rem;
		font-size: 1.6rem;
	}
	.action-contact .contact-ttl::before, 
	.action-contact .contact-ttl::after{
		width: 4rem;
	}
	.action-contact .contact-btn{
		grid-template-columns: 1fr;
		height: calc(2.875em * 2);
		font-size: 1.6rem;
		line-height: 2.875em;
	}
	.action-contact .contact-btn .btn-gld .arrow{
		width: 2rem;
		line-height: 0;
		margin-bottom: .5rem;
	}
	.point{
		margin: 4rem 0 3rem;
	}
	.point .point-logo{
		width: 18rem;
	}
	.point .point-ttl{
		margin-top: 1.2rem;
		font-size: 1.6rem;
	}
	.point .point-list{
		margin-top: 2rem;
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
	.point-list .list-item{
		padding: 8rem 12% 4rem;
	}
	.point-list .list-item::before{
		background: url("../../img/home/point-bg@mobile.svg") center / cover no-repeat;
	}
	.point-list .list-item .item-copy{
		font-size: 1.6rem;
	}
	.point-list .list-item .item-ttl{
		margin-top: 1.2rem;
		font-size: 3.6rem;
	}
	.point-list .list-item .item-txt{
		padding-top: 2rem;
		margin-top: 1rem;
		font-size: 1.8rem;
	}
	.point .point-link{
		margin-top: 3.5rem;
		grid-template-columns: 1fr;
		gap: 2.5rem;
	}
	.point .point-link .item-btn{
		margin-top: 1rem;
		font-size: 1.3rem;
	}
	.u-request .request-ttl{
		font-size: 2rem;
	}
	.u-request .request-btn{
		max-width: 325px;
		font-size: 2.3rem;
	}
	.u-request .request-txt{
		margin-top: 2.5rem;
		font-size: 1.6rem;
		line-height: 1.56;
	}


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

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


	/*注釈*/
	.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;
	}

}

/* END RESPONSIVE 767px */

@media screen and (orientation: landscape) {}

/* END RESPONSIVE landscape */

@media print {}

/* END PRINT */
