@charset "utf-8";

/* ----------------------------------------
pageKv
------------------------------------------- */
#pageKv {position: relative;}
.pageKv_scroll {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);padding-bottom: 130px; z-index: 1;}
.pageKv_scroll span {font-size: 21px;font-style: italic;letter-spacing: 0.2em;color: #fff;}
.pageKv_scroll span:after {
	content: '';position: absolute;bottom: 0;left: 50%;height: 120px;width: 1px;background: #fff;
}
/*  */
@media screen and (max-width: 960px){
	.pageKv_scroll {display: none;}
}

.bg_texture {
	background: linear-gradient(140deg, rgba(225, 229, 237, 1) 0%, rgba(255, 255, 255, 1) 5%, rgba(225, 229, 237, 1) 10%, rgba(255, 255, 255, 1) 20%, rgba(225, 229, 237, 1) 25%, rgba(255, 255, 255, 1) 35%, rgba(225, 229, 237, 1) 40%, rgba(255, 255, 255, 1) 50%, rgba(225, 229, 237, 1) 55%, rgba(255, 255, 255, 1) 65%, rgba(225, 229, 237, 1) 70%, rgba(255, 255, 255, 1) 80%, rgba(225, 229, 237, 1) 85%, rgba(255, 255, 255, 1) 95%, rgba(225, 229, 237, 1) 100%);

	padding-bottom: 90px;
}
@media screen and (max-width: 960px){
	.bg_texture {padding-bottom: 45px;}
}


/* ----------------------------------------
leadWrap
------------------------------------------- */
.leadWrap {padding-top: clamp(45px, 5vw, 90px);text-align: center;}
.leadWrap .leadEn {font-size: 42px;line-height: 1;letter-spacing: 0.1em;color: #9e8771;margin-bottom: clamp(20px, 4vw, 60px);}
.leadWrap .leadTtl {font-size: 30px;margin-bottom: clamp(20px, 2vw, 40px);}
.leadWrap .leadTxt {}
/*  */
@media screen and (max-width: 960px){
	.leadWrap .leadEn {font-size: 21px;}
	.leadWrap .leadTtl {font-size: 18px;}
	.leadWrap .leadTxt {font-size: 13px;text-align: left;}
}

.access_middleTtl {color: #9e8771;}
.mini {font-size: 15px;}
/*  */
@media screen and (max-width: 960px){
	.access_middleTtl {font-size: 16px;}
	.mini {font-size: 10px;}
}



/* ----------------------------------------
design_Concept
------------------------------------------- */
#design_Concept {background-size: 400%;}

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



/* ----------------------------------------
design_Facade
------------------------------------------- */
.design_Facade {margin-top: 60px;}



/* ----------------------------------------
design_Material
------------------------------------------- */
.design_Material {padding: clamp(45px, 5vw, 90px) 0;}
.design_Material .inner {max-width: 1260px;}
.material_contents {justify-content: space-between;}
.material_photo {width: 46%;}
.material_photo .ImgCap {text-align: left;}
.material_text {width: 50%;}
.material_text h3 {font-size: 30px;margin-bottom: 40px;}
.material_text h3 span {color: #9e8771;display: block;border-bottom: 1px solid #9e8771;padding-bottom: 15px;margin-bottom: 40px;letter-spacing: 0.1em;line-height: 1;}

@media screen and (max-width: 960px){
	.material_contents {flex-direction: column-reverse;}
	.material_photo {width: 100%;margin-top: 30px;}
	.material_text {width: 100%;}
	.material_text h3 {font-size: 18px;margin-bottom: 20px;}
	.material_text h3 span {font-size: 21px;margin-bottom: 20px;}
}



/* ----------------------------------------
design_CommonSpace
------------------------------------------- */
#design_CommonSpace {background-size: 400%;}
.bg_coler01 {background: #878e97;padding-bottom: clamp(45px, 5vw, 90px);}
.bg_coler01 > * ,
.bg_coler01 .leadEn {color: #fff;}



/* ----------------------------------------
design_Entrance
------------------------------------------- */
.design_Entrance {padding-top: clamp(45px, 5vw, 90px);}



/* ----------------------------------------
design_EntranceHall
------------------------------------------- */
.design_EntranceHall {padding-top: clamp(45px, 5vw, 90px);}



/* ----------------------------------------
design_Landscape
------------------------------------------- */
.design_Landscape {padding-bottom: clamp(45px, 5vw, 90px);}
.landscape_contents {justify-content: space-between;align-items: center;}
.landscape_left {width: 33%;}
.landscape_right {width: 64%;}
.landscape_left .leadWrap {padding-top: 0;margin-bottom: 50px;text-align: left;}
.landscape_left ul li {padding: 15px 0;color: #fff;background: #9e8771;margin-top: 15px;text-align: center;}

.landscape_con02 {}
.landscape_con02 .leadWrap {text-align: left;}
.landscape_con02 ul {margin-top: 60px;}
.landscape_con02 ul li {width: calc((100% / 6) - 17px);margin-left: 20px;margin-top: 20px;}
.landscape_con02 ul li:first-child {margin-left: 0;}
.landscape_con02 ul li:nth-child(1) {transition-delay: .1s;}
.landscape_con02 ul li:nth-child(2) {transition-delay: .2s;}
.landscape_con02 ul li:nth-child(3) {transition-delay: .3s;}
.landscape_con02 ul li:nth-child(4) {transition-delay: .4s;}
.landscape_con02 ul li:nth-child(5) {transition-delay: .5s;}
.landscape_con02 ul li:nth-child(6) {transition-delay: .6s;}
.landscape_con02 .ImgCap {text-align: left;}

@media screen and (max-width: 960px){
	.landscape_left {width: 100%;}
	.landscape_right {width: 100%;margin-top: 30px;}
	.landscape_left .leadWrap {margin-bottom: 20px;text-align: center;}
	.landscape_left ul li {margin-top: 10px;}
	
	.landscape_con02 .leadWrap {text-align: center;}
	.landscape_con02 ul {margin-top: 20px;justify-content: space-between;}
	.landscape_con02 ul li {width: 48%;margin-left: 0;margin-top: 10px;}
}



/* ----------------------------------------
Designer
------------------------------------------- */
#Designer {padding-top: clamp(45px, 5vw, 90px);}
.designer_contents {justify-content: space-between;}
.designer_left {width: 40%; justify-content: space-between;border-right: 1px solid #f5f5f5;}
.designer_right {width: 60%;padding: 0 4%;border-right: 1px solid #f5f5f5;}
.designer_right .leadWrap {padding-top: 0;text-align: left;}
.designer_left .profile_photo {width: 40%;}
.designer_left .profile_text {width: 60%;padding-left: 8%;}
.designer_left .profile_text h4 {margin-bottom: 50px;}
.designer_left .profile_text h4 span {font-size: 30px;display: block;letter-spacing: 0.3em;}
.designer_left .profile_text p span {font-size: 45px;display: block;line-height: 1;margin: 20px 0;}

@media screen and (max-width: 960px){
	.designer_left {width: 100%;}
	.designer_right {width: 100%;padding: 0;margin-top: 30px;border-right: none;}
	.designer_left .profile_text h4 {margin-bottom: 20px;}
	.designer_left .profile_text h4 span {font-size: 20px;line-height: 1;}
	.designer_left .profile_text p span {font-size: 22px;margin: 10px 0;}
}






@media screen and (max-width: 960px){
}
@media screen and (max-width: 640px){
}