@charset "UTF-8";
/* CSS Document */

body main { overflow: visible; }

/* mainvisual ==================== */
.page_mvWrap {background: linear-gradient(rgba(32,54,13,0.2),rgba(32,54,13,0.2)),
	url("../img/design/design_mv.jpg") no-repeat center center; background-size: cover;}

.sptabOnly_design_mv {opacity: 0;display: none;}
/* */
@media screen and (max-width: 850px){
	.sptabOnly_design_mv {display: block;margin-bottom: 3vh;}
	.page_mv__txt {margin-top: 3vh;}
	.scroll_contents .copy {padding: 0 40px;}
}
@media screen and (max-width: 375px){
	.page_mv__subTtl {font-size: 18px;}
	.page_mv__txt {font-size: 13px;}
}

/* 個別ページ内　共通スタイル ==================== */
.inner { max-width: 1680px; }
/* 個別ページ内　共通スタイル ==================== */



/* block-concept-01 ==================== */
.block-concept-01 {padding: clamp(50px, 6vw, 100px) 0;text-align: center;}
.block-concept-01 p {font-size: clamp(15px, 2vw, 25px);line-height: 2;}
/* */
@media screen and (max-width: 767px) {
	.block-concept-01 {text-align: left;}
}

/* exteriorDesign ==================== */
#exteriorDesign { position: relative; }
#exteriorDesign .cap { font-size: 11px; color: #fff; position: absolute; bottom: 0; right: 0; padding: 0 5px; z-index: 2; }
#exteriorDesign .contentsWrap { position: relative; /*height: 100vh;*/ overflow: hidden; }
.exteriorDesignl_Img { position: relative; }
.exteriorDesignl_curtain { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.exteriorDesignl_curtain:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 0; }
.exteriorDesign_contents { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.exteriorDesign_contents .copy { color: #fff; position: absolute; bottom: 15vw; width: 100%; z-index: 1; padding-left: 12vw; }
.exteriorDesign__ttl { opacity: 0; font-size: clamp(15px, 2vw, 30px); font-weight: normal; line-height: 2; }
.exteriorDesign__txt { opacity: 0; font-size: clamp(13px, 1.7vw, 25px); margin-top: 5vh; line-height: 2; }
/* */
@media screen and (max-width: 850px) { 
	.exteriorDesignl_curtain { display: none; }
  .exteriorDesign_contents, .exteriorDesign_contents .copy { position: relative; color: #000; }
  .exteriorDesign_contents .copy { bottom: inherit; padding: 30px 15px; }
  .exteriorDesign__ttl { opacity: 1; }
  .exteriorDesign__txt { opacity: 1; margin-top: 15px; } 

}
/* design_landplan ==================== */
.design_landplan { padding-bottom: 140px; }
.landplan_con01 { justify-content: space-between; align-items: center; padding-top: 90px; }
.landplan_con01 .left { width: 50%; }
.landplan_con01 .right { width: 48%; }
.landplan_con01 h3 { font-size: clamp(15px, 2vw, 26px); font-weight: normal; margin-bottom: clamp(15px, 2vw, 20px); }
.landplan_con01 .txt { font-size: clamp(13px, 1.3vw, 20px); }
.landplan_con01 .right ul {margin-top: 15px;}
.landplan_con01 .right ul li {width: calc((100% / 5 ) - 20px);margin: 15px 10px 0;}
/* */
@media screen and (max-width: 850px) { 
	.design_landplan { padding-bottom: 70px; }
  .landplan_con01 { display: block; padding-top: 20px; }
  .landplan_con01 .left { width: 100%; }
  .landplan_con01 .right { width: 100%; margin-top: 30px;}
	.landplan_con01 .right ul li {width: calc((100% / 4 ) - 10px);margin: 15px 5px 0;}
}

/* design_landplan ==================== */
.design_pickup { padding: 0 0 clamp(50px, 6vw, 100px);}

/* pickup_con01 */
.pickup_con01 { justify-content: space-between; }
.pickup_con01 .pickup_item { width: 48%; margin-top: 60px; }
.pickup_con01 .pickup_item figure { margin-bottom: clamp(25px, 3vw, 40px); }
.pickup_con01 .pickup_item h4 { margin-bottom: clamp(15px, 3vw, 40px); font-size: 20px; font-size: clamp(15px, 1.1vw, 20px); font-weight: normal; }
.pickup_con01 .pickup_item .txt { font-size: 20px; font-size: clamp(13px, 1.1vw, 20px); }

/* pickup_con02 */
.pickup_con02 { justify-content: space-between; align-items: center; padding-top: 60px; }
.pickup_con02.flex .pickup_item { width: 48%; }
.pickup_con02 .pickup_item h3 { margin-bottom: clamp(15px, 3vw, 40px); font-size: clamp(15px, 2vw, 30px); font-weight: normal; }
.pickup_con02 .pickup_item .txt { font-size: clamp(12px, 1.3vw, 22px); line-height: 2.7; }
.full-bleed {margin-left: calc(50% - 50vw);margin-right: calc(50.4% - 50vw);}
.full-bleed figure {margin-bottom: clamp(15px, 3vw, 40px);}
/* */
.pickup_con02.flex .material_con {justify-content: space-between; align-items: center; width: 48%;}
.pickup_con02.flex .material_item:nth-child(1) { width: 29%;}
.pickup_con02.flex .material_item:nth-child(2) { width: 67%;}
.pickup_con02.flex .material_item h3 { margin-bottom: clamp(13px, 1.7vw, 25px); font-size: clamp(13px, 1.7vw, 25px); font-weight: normal; }
.pickup_con02.flex .material_item .txt { font-size: clamp(12px, 1.3vw, 22px); line-height: 2.7; }
@media screen and (max-width: 850px) {
	.pickup_con01 { display: block; }
  .pickup_con01 .pickup_item figure { margin-left: -15px; margin-right: -15px; }
  .pickup_con01 .pickup_item { width: 100%; }
  .pickup_con02.flex .pickup_item { width: 100%; margin-top: 30px; order: 2;}
  .pickup_con02 .pickup_item + .pickup_item { margin-top: 0; order: 1;} 
	.full-bleed {margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);}
	.pickup_con02.flex .material_con { width: 100%;}
	.pickup_con02.flex .material_con + .material_con { margin-top: 50px;}
}



/* Designer ==================== */
.Designer {padding: clamp(50px, 6vw, 100px) 0;background: #817263;background: linear-gradient(135deg,rgba(112, 102, 90, 1) 0%, rgba(135, 121, 104, 1) 50%, rgba(112, 102, 90, 1) 100%); color: #f7f7f7;}
.Designer .leadTtl {font-size: clamp(15px, 2vw, 30px);line-height: 1.7;margin-bottom: 15px;}
.designer_contents {justify-content: space-between;}
.designer_left {width: 36%; justify-content: space-between;border-right: 1px solid #9d9084;}
.designer_right {width: 64%;padding: 0 3%;border-right: 1px solid #9d9084;}
.designer_left .profile_photo {width: 34%;}
.designer_left .profile_text {width: 66%;padding-left: 8%;}
.designer_left .profile_text h4 {margin-bottom: 30px;}
.designer_left .profile_text h4 span {font-size: 30px;display: block;letter-spacing: 0.3em;}
.designer_left .profile_text p span {font-size: 40px;display: block;line-height: 1;margin: 20px 0;}
.designer_left .profile_career {padding-right: 20px;}
/* awards */
.designer_right * + .awards {margin-top: 30px;}
.designer_right .awards_photo {justify-content: space-between;}
.designer_right .awards_photo li {width: 32%;margin-top: 30px;}
.designer_right .awards_photo.planting li { width: 24%; margin-top: 0;}
/* material */
.designer_material {max-width: 1000px;margin: clamp(30px, 5vw, 80px) auto 0;}
.material_photo {width: 35%;}
.material_text {width: 65%;padding-left: 3%;}
/* */
@media screen and (max-width: 960px){
	.designer_left {width: 100%;border-right: none;border-bottom: 1px solid #9d9084;padding-bottom: 20px;}
	.designer_right {width: 100%;padding: 0;margin-top: 20px;border-right: none;border-bottom: 1px solid #9d9084;padding-bottom: 30px;}
	.designer_left .profile_text h4 {font-size: 12px;margin-bottom: 20px;}
	.designer_left .profile_text h4 span {font-size: 20px;line-height: 1;}
	.designer_left .profile_text p {font-size: 12px;}
	.designer_left .profile_text p span {font-size: 22px;margin: 10px 0;}
	.designer_left .profile_career {margin-top: 20px; padding-right: 0;}
	/* awards */
	.designer_right .awards p {font-size: 12px;}
	.designer_right .awards_photo li {width: 100%;}
	.designer_right .awards_photo.planting li { width: 49%;}
	.designer_right .awards_photo.planting li:nth-child(n+3) { margin-top: 10px;}
	/* material */
	.material_photo {width: 100%;}
	.material_text {width: 100%;margin-top: 20px;}
	.material_text p {font-size: 12px;}
}










@media only screen and (min-width: 768px) and (max-width: 1300px) {}
@media only screen and (min-width: 768px) {}
@media only screen and (max-width: 767px) {}