@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 860px */
@media screen and (max-width:860px) {
	.l-mv-feature .feature_list,.l-mv-feature .feature_list.col_2{
		grid-template-columns: 1fr;
	}
	.l-mv-feature .feature_list{
		gap: 30px;
	}
	.l-mv-feature .feature_list+.feature_list{
		position: relative;
		margin-top: 20px;
		padding-top: 0;
		border-top: none;
	}
	.l-mv-feature .feature_item+.feature_item::before,.l-mv-feature .feature_list+.feature_list::before{
		position: absolute;
		top: -15px;
        left: 50%;
		transform: translate(-50%, -50%);
        width: 100%;
        height: 1px;
		background: #4E3D31;
		content: '';
	}
	.l-mv-feature .feature_item{
		font-size: 14px;
	}
	.l-mv-feature .feature_list.col_2 .mt{
		display: inline-block;
		margin-top: .2em;
	}
	.l-mv-feature .feature_list.col_2 .mb{
		display: inline-block;
		margin-bottom: .2em;
	}
	.br_sp{
		display: initial;
	}
}


@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: 20px auto;
		padding: 15px;
	}

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

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

	.l-mv-feature {
		padding: 30px 20px;
	}

	.l-mv-point {
		padding: 30px 60px;
	}

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

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

	}

	.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 {
		width: 100%;
		margin: 10px 0 0;
	}

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


	.l-top_section .l-top_section_figure {
		width: 100%;
		padding-right: 0;
	}

	.l-top_section .l-top_section__text_area {
		width: 100%;
	}

	.l-top_section .l-section_subtitle {
		font-size: 5rem;
		padding-bottom: 20px;
		padding-top: 20px;
		text-align: center;
	}

	.l-top_section .l-section_text {
		font-size: 1.4rem;
		line-height: 1.6;
		letter-spacing: 0.1rem;
		text-align: center;
	}

	.l-top_section .l-section_subtitle__min {
		font-size: 2.2rem;
		padding-bottom: 10px;
		letter-spacing: 0;
		text-align: center;
	}

	.l-top_section .l-top_section_link {
		display: block;
		margin: 30px auto 0 auto;
		text-align: center;
		width: 60%;
		padding: 15px;
	}

	.l-home_section_logo img {
		width: 65%;
	}

	.l-top_section-02 .l-top_section__text_area {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		padding-left: 0;
		padding-right: 0;
	}

	.l-top_section-02 .l-top_section_figure {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding-left: 0;
	}

	.l-banner_area {
		padding: 20px;
	}

	.l-slide__banner {
		width: 100%;
		margin: 0 auto;
		padding: 0px;
	}

	.l-slide__banner .slick-prev {
		margin-left: 0;
	}

	.l-slide__banner .slick-arrow {
		/*margin: 0 10px;*/
	}


	.l-top_map {
		height: 400px;
	}


	.l-action {
		font-size: 2.2rem;
	}

	.l-action_button {
		width: 100%;
		font-size: 1.8rem;
	}

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

	.l-top_map_area {
		padding: 40px 20px;
	}

	.l-top_map_area h4 span {
		font-size: 1.8rem;
		padding: 5px 20px;
	}

	.l-top_map_area h4:after {
		width: 100%;
		left: 0;
	}
/*
	#l-copy_animation {
		width: 330px;
		height: auto;
	}
*/

	.l-top_content_title {
		font-size: 2.4rem;
	}

	.l-top_content_text {
		font-size: 1.6rem;
	}

	.l-top_content_items {
		margin-right: 0;
		margin-top: 40px;
	}

	.l-top_content_item {
		width: 100%;
		padding-right: 0;
		margin-bottom: 40px;
	}

	.l-top_content_item:last-child {
		margin-bottom: 0;
	}


	.l-top_content_title__min {
		height: auto;
		font-size: 1.8rem;
		margin-bottom: 15px;
		padding: 20px;
	}

	.l-top_concept_text {
		font-size: 1.8rem;
		line-height: 2;
	}

	.l-top_text_block {
		padding-top: 15px;
		padding-bottom: 25px;

	}

	.l-top_concept_text__min {
		font-size: 1.4rem;
		padding-bottom: 15px;
	}

	.l-top_content_container {
		background: url(../../img/home/l-bg.webp) repeat center / 100% auto;
		padding: 50px 20px;
	}

	.l-top_caption {
		padding-top: 0;
	}


}

/* END RESPONSIVE 767px */

@media screen and (orientation: landscape) {}

/* END RESPONSIVE landscape */

@media print {}

/* END PRINT */