@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/

/*共通ここから*/
h2{font-size: 14px;}
.back_palegreen{background: #EDEFEC;}
.TOP_CONTENTS {	width: 1000px;margin: 0 auto;margin-bottom: 100px;}
.TYTLES {text-align: center;margin-bottom: 40px;}
.TYTLES div {font-size: 12px;width: 500px;margin: 0 auto;}

.TOP_IMG small {position: absolute;color: white;top: 54vw;letter-spacing: 1px;position: absolute;color: white;top: 53.5vw;letter-spacing: 1px;width: 99vw;text-align: right;font-size: 0.9rem;margin-right: 1vw;}
.NEW_BUTTON{margin-top: 15px;}
a.NEW_B{display: block;	width: 240px;	height: 50px;	line-height: 50px;	font-size: 16px;	text-align: center;	letter-spacing: .2em;	text-indent: .2em;	text-decoration: none;border-radius: 50px;border: 1px solid;}
a.NEW_B:hover{opacity: 0.7;}

/*トップここから*/
.MAIN_COPY {position: absolute;right: 8vw;text-align: center;top: 23vw;width: 21vw;margin: 0 auto;}
.scrolldown1 {position: absolute;left: 50%;bottom: 18vh;height: 50px;z-index: 100;}
.scrolldown1 span {position: absolute;left: -27px;top: -15px;color: #fff;font-size: 0.7rem;letter-spacing: 0.15em;font-weight: 600;}
.scrolldown1::after {content: "";position: absolute;top: 0;width: 1px;height: 30px;background: #eee;animation: pathmove 1.4s ease-in-out infinite;opacity: 0;}
.top_tytle_logo {width: 320px;margin: 0 auto;margin-bottom: 20px;height: 40px;}
.top_tytle1 {letter-spacing: 4px;margin-top: 50px;}
.top_tytle2 {font-size: 29px;letter-spacing: 5px;margin-top: 30px;font-weight: bold;}
.top_tytles {position: absolute;color: white;z-index: 1;text-align: center;bottom: 25vh;width: 42vw;left: 8vw;width: 35vw;left: 14vw;}
.point {width: 22vw;margin: 0 auto;margin-top: 25px;}
.TOP_IMG{height: 0;}
.TOP_ENG {position: absolute;top: 17vh;right: 2vw;right: 5vw;width: 32vw;}
@keyframes pathmove {
	0% {height: 0;top: 0;opacity: 0;}
	30% {height: 30px;opacity: 1;}
	100% {height: 0;top: 50px;opacity: 0;}}
.TOP_BANNER img{background: #6B7858;}

/*ボタン*/
.BUTTONS {display: flex;margin-bottom: 70px;width: 960px;flex-wrap: wrap;margin: 0 auto;justify-content: center;margin-bottom: 80px;margin-top: 40px;flex-direction: column;}
.BUTTON{display: flex;justify-content: center;}
.btn{position: relative;overflow: hidden;text-decoration: none;display: inline-block;border: 2px solid #6B7858;text-align: centeroutline: nonetransition: ease .2s;width: 270px;text-align: center;margin: 10px;padding: 15px 0;box-shadow: 2px 2px 4px #ccc;}
.btn span {position: relative;z-index: 3;color:#6B7858;font-size: 17px;letter-spacing: 2px;}
.btn:hover span{color:#fff;}
.bgskew::before {content: '';position: absolute;top: 0;left: -130%;background:#6B7858;width:120%;height: 100%;transform: skewX(-25deg);}
.bgskew:hover::before {animation: skewanime .5s forwards;}
@keyframes skewanime {100% {left:-10%;}}
.BUTTONS small{font-size: 13px;letter-spacing: 1px;}

/*コンセプトここから*/
.TOP_CONCEPT_BACK{padding-bottom: 30px;background: linear-gradient(180deg, #EDEFEC 0%, #EDEFEC 85%, #fff 85%, #fff 100%);}
.TOP_CONCEPT{display: flex;width: 1000px;margin: 0 auto;flex-direction: row;margin-top: 150px;justify-content: space-between;margin-bottom: 520px;}
.CONCEPT_TYTLE{text-align: center;font-size: 22px;letter-spacing: 5px;margin-bottom: 20px;color: #161616;font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;line-height: 41px;}
.TOP_CONCEPT_RIGHT{font-size: 14px;letter-spacing: 3px;line-height: 37px;position: relative;}
.TOP_CONCEPT_LEFT{width: 270px;position: relative;}
.TYTLES div.CON_TYTLE{width: 270px;}
.CONCEPT_PHOTO1{width: 265px;position: absolute;left: -3vw;top: 300px;}
.CONCEPT_PHOTO2{width: 240px;position: absolute;top: 600px;right: -2vw;}
.CONCEPT_PHOTO3{width: 685px;position: absolute;top: 750px;}
.CONCEPT_PHOTO4{width: 330px;position: absolute;top: 930px;left: -21vw;}
.TOP_CONCEPT_CHUI{text-align: right;padding-top: 10px;padding-right: 20px;font-size: 16px;}




/*ランドプランここから*/
.TOP_LANDPLAN{padding-top: 50px;padding-bottom: 80px;margin: 0 auto;}
.LANDPLAN_WRAP{display: flex;flex-direction: row;margin: 0 auto;justify-content: space-between;margin-top: 40px;align-items: center;width: 860px;}
.LANDPLAN_TEXT{width: 860px;line-height: 30px;letter-spacing: 1px;text-align: justify;margin-bottom: 60px;}
.LANDPLAN_TEXT small{line-height: 18px;display: inline-block;text-align: justify;margin-top: 20px;}
.LANDPLAN_KUKAKU{width: 860px;background: white;margin: 0 auto;}
.LANDPLAN_KUKAKU1{margin-bottom: 100px;}
.LANDPLAN_IMG{width: 450px;}
.LANDPLAN_LINK{width: 860px;margin: 0 auto;}
.LANDPLAN_LINK .btnarrow4{margin: 0 0 0 auto;margin-top: 20px;margin-right: 112px;}

/*コンテンツここから*/
.CONTENTS_WRAP{width: 860px;margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.CONTENTS{width: 400px;margin-bottom: 80px;}
.CONTENTS_TEXT_TYTLES{display: flex;align-items: center;flex-direction: row;}
.CONTENTS_TEXT_TYTLE{font-size: 25px;letter-spacing: 2px;margin: 15px 0 10px 0;}
.CONTENTS_TEXT_TYTLE_J{margin: 15px 0 10px 10px;}
.TOP_CON{padding: 80px 0 60px 0;}
.CONTENTS_WHOLE{width: 90vw;margin: 0 auto;}
.CONTENTS_PHOTO {cursor: pointer;max-width: 500px;overflow: hidden;width: 100%;}
.CONTENTS_PHOTO img {height: auto;transition: transform .6s ease;/* ゆっくり変化させる */width: 100%;}
.CONTENTS_PHOTO:hover img {transform: scale(1.1);/* 拡大 */  }
.CONTENTS_TEXT_DES{letter-spacing: 1px;line-height: 27px;}

/*ギャラリーここから*/
.TOP_GA_TEXTS{width: 1000px;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 60px;}
.GA_TYTLES{width: 270px;margin-bottom: 0px;}
.TYTLES div.GA_TYTLE{width: 270px;}
.TOP_GA_TEXT{width: 650px;letter-spacing: 1px;line-height: 27px;}
.TOP_GA_TEXT .btnarrow4{margin: 0 0 0 auto;margin-top: 10px;margin-right: 105px;}
.TOP_GA{padding-top: 60px;padding-bottom: 100px;}
.NEW_BUTTON_GA{display: flex;justify-content: end;}

/*view more*/
.btnarrow4{position: relative;padding: 0 20px;color: #333;text-decoration: none;outline: none;margin-top: 20px;display: block;width: 150px;padding: 0;font-size: 16px;letter-spacing: 2px;}
.btnarrow4:hover{opacity: 0.5}
.btnarrow4::before{content: '';position: absolute;bottom:7px;left:77%;width: 85%;height: 1px;background:#333;transition: all .3s;}
.btnarrow4::after{content: '';position: absolute;bottom:11px;right:-63%;width: 15px;height:1px;background:#333;transform: rotate(35deg);transition: all .3s;}
.btnarrow4:hover::before{left:90%;}
.btnarrow4:hover::after{right:-75%;}

/*ニュースここから*/
.TOP_NEWS {	padding: 70px 0;margin-bottom: 100px;}
.TOP_NEWS a{display: initial;text-decoration: underline;}
.TOP_NEWS a:hover{opacity: 0.5;}
table {width: 800px;margin: 0 auto;}
tr {border-bottom: 1px solid #ccc;display: block;width: 800px;padding: 0 20px;padding-bottom: 5px;display: flex;padding: 12px 20px;}
th {font-weight: initial;letter-spacing: 2px;margin-right: 40px;display: inline-block;line-height: 24px;}
td {font-size: 15px;letter-spacing: 2px;}
.YOUTUBE_TEXT{width: 860px;margin: 0 auto;font-size: 16px;margin-bottom: 30px;letter-spacing: .06em;}
.movie{width: 860px;height: 483px; margin: 30px auto 30px;  position: relative;}
.movie:hover{cursor: pointer;opacity: 0.8;}
.movie-inner{display: block;width: 100%;z-index: 1;position: absolute;top: 0;left: 0;}
.thumb{ width: 100%;  max-width: 100%;}
.movie-player{position: relative;z-index: 10;}



/* fadeUp */
.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity:0;}
@keyframes fadeUpAnime{from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translateY(0);}}
.fadeUpTrigger{opacity: 0;}/* スクロールをしたら出現する要素にはじめに透過0を指定　*/


/*PC・SP*/
.pc {display: block;}
.sp {display: none;}






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

	/*共通ここから*/
	.TYTLES div{width: 90vw;}
	.TYTLES {margin-bottom: 0px;width: 90vw;margin: 0 auto;}

	/*トップここから*/
	.MAIN_COPY {top: 56vw;right: 0;left: 0;margin: 0 auto;top: 28vw;width: 67vw;}
	.TOP_IMG small {top: 54vw;letter-spacing: 1px;color: white;top: 158.5vw;letter-spacing: 1px;width: 99vw;text-align: left;font-size: 0.8rem;margin-left: 1vw;font-weight: bold;font-weight: initial;}
	.scrolldown1 {top: 151vw;}
	.top_tytles {width: 75vw;margin: 0 auto;left: 0;top: 27vw;right: 0;}
	.top_tytle_logo {width: 50vw;height: 30px;}
	.top_tytle2 {font-size: 26px;letter-spacing: 5px;margin-top: 10px;font-weight: bold;text-align: center;	margin-left: 4vw;}
	.point {width: 67vw;margin: 0 auto;margin-top: 40px;}
	.TOP_ENG {position: absolute;top: 118vw;right: 2vw;right: 5vw;width: 75vw;}
	.TOP_IMG {height: auto;}
	.SLIDE_IMG img{border-radius: 0 0 0 0px;}

	.top_tytle_logo {	width: 65vw;	height: 30px;	text-align: left;	margin: 0 auto;	}
	.top_tytle1 {letter-spacing: 2px;font-size: 16px;margin-top: 35px;text-align: center;font-weight: bold;}

	/*ボタン*/
	.BUTTONS {width: 100vw;margin: 0;padding-bottom: 80px;padding-top: 40px;}
	.btn{background: white;margin: 10px auto;margin-top: 25px;}
	.BUTTONS .TYTLES{margin-bottom: 20px;width: 100vw;}
	.BUTTON{flex-direction: column;width: 100vw;}

	/*コンセプトここから*/
	.CONCEPT_TYTLES{margin-top: 0px;}
	.CONCEPT_TYTLE{margin-top: 25px;font-size: 19px;width: 90vw;margin: 0 auto;margin-top: 26px;letter-spacing: 3px;}
	.CONCEPT_TEXT{width: 90vw;margin: 0 auto;text-align: justify;font-size: 15px;line-height: 30px;}
	.CONCEPT_IMG{width: 90vw;}
	.TOP_CONCEPT{flex-direction: column;width: 90vw;margin-bottom: 20px;margin-top: 30px;}
	.TOP_CONCEPT_LEFT{width: 90vw;}
	.TOP_CONCEPT_RIGHT{text-align: justify;margin-top: 20px;}
	.CONCEPT_PHOTO1 {width: 52vw;position: absolute;left: 0vw;top: -14vw;z-index: 1;display: none;}
	.CONCEPT_PHOTO2 {width: 67vw;position: absolute;top: 9vw;right: -4vw;z-index: 1;display: none;}
	.CONCEPT_PHOTO3 {width: 60vw;position: initial;margin-top: 50px;}
	.CONCEPT_PHOTO4{width: 50vw;right: 0vw;position: initial;margin-top: -20px;margin: 0 0 0 auto;margin-top: -20px;}
	.CONCEPT_PHOTO1 img{border-radius: 10px;}
	.CONCEPT_PHOTO2 img{border-radius: 10px;}
	.CONCEPT_PHOTO3 img{border-radius: 10px;}
	.CONCEPT_PHOTO4 img{border-radius: 10px;}
	.TYTLES div.CON_TYTLE{width: auto;}
	.TOP_CONCEPT_BACK{background: linear-gradient(180deg, #EDEFEC 0%, #EDEFEC 95%, #fff 95%, #fff 100%);padding-top: 230px;padding-top: 10px;}
	.TOP_CONCEPT_CHUI{text-align: left;font-size: 14px;width: 90vw;margin: 0 auto;padding-right: 0;padding-bottom: 25px;}

    /*ランドプランここから*/
	.TOP_LANDPLAN{padding-bottom: 70px;}
	.LANDPLAN_WRAP{flex-direction: column;width: 90vw;margin-top: 0px;}
	.LANDPLAN_TEXT{width: 90vw;}
	.LANDPLAN_IMG{width: 90vw;margin: 0 auto;margin-top: 30px;}
	.LANDPLAN_KUKAKU{width: 100vw;padding: 0;margin-top: 0px;background: none;}
	.LANDPLAN_LINK{width: 90vw;}
	.LANDPLAN_KUKAKU1 {margin-bottom: 40px;}
	.CONCEPT_TYTLE1{margin-bottom: 20px;}

	/*コンテンツ*/
	.CONTENTS_WRAP{margin-top: 40px;width: 90vw;margin-top: 60px;}
	.CONTENTS{width: 90vw;height: 410px;height: auto;margin-bottom: 70px;display: flex;flex-direction: column;}
	.CONTENTS_TEXT {width: 90VW;top: 120px;position: initial;text-align: justify;}
	.TOP_CON{padding-bottom: 0px;}
    .CONTENTS_PHOTO{width: 90vw;}

	/*ギャラリー*/
	.TOP_GA_TEXTS{width: 90vw;flex-direction: column;}
	.TOP_GA_TEXT{width: 90vw;margin-top: 20px;}
	.TOP_GA ul{width: 100vw;}
	.TYTLES div.GA_TYTLE{width: auto;}
	.TOP_GA_TEXT .btnarrow4 {margin-top: 25px;margin-right: 105px;}
	.NEW_BUTTON_GA {justify-content: center;}

	/*ニュースここから*/
	.TOP_NEWS {padding: 35px 0 40px 0;margin-bottom: 50px;}
	table {width: 95vw;}
	tr {padding: 12px 0px;width: 95vw;flex-direction: column;text-align: left;}
	.YOUTUBE_TEXT {width: 90vw;font-size: 16px;margin-bottom: 30px;margin-top: 23px;line-height: 30px;}
	.movie{width: 100%;height: 200px;}



	/*PC・SP*/
	.pc {display: none;}
	.sp {display: block;}
	#footer span.pc {display: none;}
	#footer span.sp {display: block;}
	#footer strong a {display: flex;justify-content: center;align-items: center;	}
	#footer strong a img {height: 24px;}
	.TOP_CONTENTS .TYTLES {margin-bottom: 30px;	}



}