@charset "UTF-8";

/*======*/
.h2{width:100%;text-align: left;}
.h2 h2{width:100%;display: -ms-flexbox;display: flex;-ms-flex-pack: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.h2 h2 div:nth-of-type(1){display:inline-block;width:auto;font-size:45px;letter-spacing:2px;line-height:100%;margin:0px;}
h3{width:100%;font-size:28px;letter-spacing:1px;line-height:160%;white-space: normal;}
p.txt{width:100%;font-size:14px;line-height:160%;white-space: normal;}
h4{width:100%;font-size:10px;letter-spacing:1px;line-height:160%;white-space: normal;color:#b9b9b9;padding-top:45px;text-align:left;}
	@media all and (max-width: 1024px) {
		.h2 h2 div:nth-of-type(1){font-size:36px;}
	}
	@media all and (max-width: 932px) {
		.h2 h2 div:nth-of-type(1){font-size:32px;}
	}
	@media all and (max-width: 776px) {
		.h2 h2 div:nth-of-type(1){font-size:29px;}
		p.txt{font-size:12px;}
		h3 br{display:none;}
		p.txt br{display:none;}
	}
	@media all and (max-width: 667px) {
		.h2 h2 div:nth-of-type(1){font-size:27px;letter-spacing:1px;}
		.h2 h2 div:nth-of-type(2){font-size:10px;letter-spacing:1px;}
		h3{font-size:22px;}
	}


/*======*/
div.concept{max-width:1200px;width:100%;padding-bottom:130px;}
div.concept dl{width:100%;display: -ms-flexbox;display: flex;-ms-flex-pack: center;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	flex-direction: row-reverse;}
div.concept dt{width:50%;margin-left:5%;}
div.concept dd{width:45%;padding:20px 0px;}
div.concept dd h3{text-align:left;}
div.concept dd p.txt{text-align:left;padding-top:35px;}
div.concept div.more div{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
	@media all and (max-width: 1180px) {
	}
	@media all and (max-width: 776px) {
		div.concept dd{padding:10px 0px;}
		div.concept dt{width:64%;margin-right:3%;}
		div.concept dd{width:43%;}
	}
	@media all and (max-width: 667px) {
		div.concept dl{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		div.concept dt{width:100%;height:auto;margin:0px;}
		div.concept dd{width:100%;margin:0px;padding:35px 0px 0px 0px;}
	}

/*======*/
div.concept dl dt ul li p.image_a ,
div.concept dl dt ul li p.image_b ,
div.concept dl dt ul li p.business_image_a
	{overflow:hidden;position:relative;}

	@media all and (min-width: 668px) {
		div.concept dl dt ul{width:100%;height:100%;position:relative;}
		div.concept dl dt ul li:nth-of-type(1){width:70%;height:auto;position:absolute;top:0px;right:0px;}
		div.concept dl dt ul li:nth-of-type(2){width:46%;height:auto;position:absolute;bottom:50px;left:0px;}
		div.concept dl dt ul li:nth-of-type(3){width:30%;height:auto;position:absolute;bottom:0px;right:20px;}
	}
	@media all and (max-width: 1180px) {
		div.concept dl dt ul li:nth-of-type(3){width:35%;height:auto;position:absolute;bottom:0px;right:20px;}
	}
	@media all and (max-width: 1024px) {
		div.concept dl dt ul li:nth-of-type(1){width:80%;height:auto;position:absolute;top:0px;right:0px;}
		div.concept dl dt ul li:nth-of-type(2){width:56%;height:auto;position:absolute;bottom:70px;left:0px;}
		div.concept dl dt ul li:nth-of-type(3){width:40%;height:auto;position:absolute;bottom:0px;right:10px;}
	}
	@media all and (max-width: 820px) {
		div.concept dl dt ul li:nth-of-type(1){width:90%;height:auto;position:absolute;top:0px;right:0px;}
		div.concept dl dt ul li:nth-of-type(2){width:66%;height:auto;position:absolute;bottom:200px;left:0px;}
		div.concept dl dt ul li:nth-of-type(3){width:60%;height:auto;position:absolute;bottom:0px;right:10px;}
	}
	@media all and (max-width: 667px) {
		div.concept dl dt ul{width:100%;height:auto;position:relative;}
		div.concept dl dt ul li:nth-of-type(1){width:100%;height:auto;position:relative;padding-bottom:25px;text-align:right;}
		div.concept dl dt ul li:nth-of-type(1) img{width:70%;height:auto;}
		div.concept dl dt ul li:nth-of-type(2){width:46%;height:auto;position:absolute;bottom:0px;left:0px;}
	}
	@media all and (max-width: 590px) {
		div.concept dl dt ul li:nth-of-type(3){display:none;}
	}

/*======*/
div.concept_b{max-width:1200px;width:100%;padding-bottom:130px;}
div.concept_b dl{width:100%;display: -ms-flexbox;display: flex;-ms-flex-pack: center;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
div.concept_b dt{width:50%;}
div.concept_b dd{width:45%;margin-left:5%;padding:20px 0px;}
div.concept_b dd .h2{text-align:right;}
div.concept_b dd .h2 h2{text-align:right;margin-right:0px;
	-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
div.concept_b dd h3{text-align:right;}
div.concept_b dd h4{text-align:right;}
div.concept_b dd p.txt{text-align:right;padding-top:35px;}
div.concept_b div.more div{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
	@media all and (max-width: 1180px) {
	}
	@media all and (max-width: 776px) {
		div.concept_b dd{padding:10px 0px;}
		div.concept_b dt{width:64%;margin-right:3%;}
		div.concept_b dd{width:43%;}
	}
	@media all and (max-width: 667px) {
		div.concept_b dl{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		div.concept_b dt{width:100%;height:200px;margin:0px;}
		div.concept_b dd{width:100%;margin:0px;padding:35px 0px 0px 0px;}
	}

/*======*/
div.concept_b dl dt ul{width:100%;height:100%;position:relative;}
div.concept_b dl dt ul li:nth-of-type(1){width:100%;height:auto;}
div.concept_b dl dt ul li p.image_c , 
div.concept_b dl dt ul li p.business_image_b
	{overflow:hidden;position:relative;}

	@media all and (min-width: 1180px) {
		div.concept_b dl dt ul li:nth-of-type(1){width:75%;height:auto;position:absolute;top:0px;right:0px;}
		div.concept_b dl dt ul li:nth-of-type(2){width:75%;height:auto;position:absolute;bottom:0px;left:0px;}
	}
	@media all and (max-width: 1024px) {
		div.concept_b dl dt ul li:nth-of-type(1){width:90%;height:auto;position:absolute;top:0px;right:0px;}
		div.concept_b dl dt ul li:nth-of-type(2){width:90%;height:auto;position:absolute;bottom:0px;left:0px;}
	}
	@media all and (max-width: 820px) {
		div.concept_b dl dt ul li:nth-of-type(1){width:100%;height:auto;position:absolute;top:0px;right:0px;}
		div.concept_b dl dt ul li:nth-of-type(2){width:100%;height:auto;position:absolute;bottom:0px;left:0px;}
	}
	@media all and (max-width: 668px) {
		div.concept_b dl dt ul li:nth-of-type(1){width:70%;height:auto;position:absolute;top:0px;right:0px;}
		div.concept_b dl dt ul li:nth-of-type(2){width:70%;height:auto;position:absolute;bottom:0px;left:0px;}
	}



/*======*/
div.concept_c{max-width:1200px;width:100%;padding:0px;}
div.concept_c dl{width:100%;display: -ms-flexbox;display: flex;-ms-flex-pack: center;
	-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
	flex-direction: row-reverse;}
div.concept_c dt{width:40%;margin-left:5%;}
div.concept_c dd{width:55%;padding:20px 0px;}
div.concept_c dd h3{text-align:left;}
div.concept_c dd p.txt{text-align:left;padding-top:35px;}
div.concept_c div.more div{-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
	@media all and (max-width: 1180px) {
	}
	@media all and (max-width: 776px) {
		div.concept_c dd{padding:10px 0px;}
		div.concept_c dt{width:64%;margin-right:3%;}
		div.concept_c dd{width:43%;}
	}
	@media all and (max-width: 667px) {
		div.concept_c dl{-webkit-flex-wrap: wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
		div.concept_c dt{width:100%;height:auto;margin:0px;}
		div.concept_c dd{width:100%;margin:0px;padding:35px 0px 0px 0px;}
	}

/*======*/
div.concept_c dl dt ul{width:100%;height:auto;
	display: -ms-flexbox;display: flex;-ms-flex-pack: center;}
div.concept_c dl dt ul li:nth-of-type(1){width:47%;height:auto;}
div.concept_c dl dt ul li:nth-of-type(2){width:47%;height:auto;margin-left:6%;}
div.concept_c dl dt ul li p.image_d , 
div.concept_c dl dt ul li p.image_e
	{overflow:hidden;position:relative;}
div.concept_c dl dt ul{width:100%;height:100%;position:relative;}
	@media all and (min-width: 821px) {
		div.concept_c dl dt ul li:nth-of-type(1){width:53%;height:auto;position:absolute;top:0px;left:0px;}
		div.concept_c dl dt ul li:nth-of-type(2){width:53%;height:auto;position:absolute;bottom:0px;right:0px;}
	}
	@media all and (max-width: 820px) {
		div.concept_c dl dt ul li:nth-of-type(1){width:73%;height:auto;position:absolute;top:0px;left:0px;}
		div.concept_c dl dt ul li:nth-of-type(2){width:73%;height:auto;position:absolute;bottom:0px;right:0px;}
	}
	@media all and (max-width: 768px) {
		div.concept_c dl dt ul li:nth-of-type(1){width:65%;height:auto;position:absolute;top:0px;left:0px;}
		div.concept_c dl dt ul li:nth-of-type(2){width:65%;height:auto;position:absolute;bottom:0px;right:0px;}
	}
	@media all and (max-width: 590px) {
		div.concept_c dl dt ul{width:100%;height:auto;display: -ms-flexbox;display: flex;-ms-flex-pack: center;}
		div.concept_c dl dt ul li:nth-of-type(1){width:50%;height:auto;position:unset;margin:0px;}
		div.concept_c dl dt ul li:nth-of-type(2){width:50%;height:auto;position:unset;margin:0px;}
	}


/*===カーテン===*/
p.image_a:after , 
p.image_b:after , 
p.image_d:after , 
p.image_e:after , 
p.image_f:after , 
p.image_g:after , 
p.image_h:after , 
p.image_i:after , 
p.image_j:after , 
p.image_k:after , 
p.business_image_a:after , 
p.business_image_b:after
	{content: "";background-color: #ffffff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;
	z-index: 50;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}
p.image_a.effect:after , 
p.image_b.effect:after , 
p.image_d.effect:after , 
p.image_e.effect:after , 
p.image_f.effect:after , 
p.image_g.effect:after , 
p.image_h.effect:after , 
p.image_i.effect:after , 
p.image_j.effect:after , 
p.image_k.effect:after , 
p.business_image_a.effect:after , 
p.business_image_b.effect:after
	{-webkit-transform: translateX(100%);transform: translateX(100%);}


/*===カーテン===*/
p.image_c:after
	{content: "";background-color: #ffffff;width: 100%;height: 100%;position: absolute;left: 0;top: 0;
	z-index: 50;
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
	transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;
}
p.image_c.effect:after
	{-webkit-transform: translateX(-100%);transform: translateX(-100%);}