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

/*共通ここから*/
body{font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
h2{font-size: 14px;font-size: 26px;}
.back_gray{background: #EBEBEB;}
.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;}
header{border-bottom:none;}
header a{color: white;}

/* ボタン */
.original-button {display: flex;align-items: center;justify-content: center;line-height: 1;text-decoration: none;color: #161616;font-size: 14px;border-radius: 20px;width: 270px;height: 40px;border: 1px solid #333333;transition: 0.3s;padding: 20px 0;letter-spacing: .05em;}
.original-button:hover {opacity: .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_IMG{position: relative;}
.TOP_TEXTS{position: absolute;color: white;top: 13vw;left: 7vw;}
.TOP_TEXT1{letter-spacing: .1em;font-size: 1.2vw;}
.TOP_TEXT2 {letter-spacing: .15em;margin-top: 1.3vw;line-height: 25px;font-size: 0.9vw;}
h1{padding: 11px 4px;color: #124586;line-height: 1.7;background: white;display: inline;-webit-box-decoration-break: clone;box-decoration-break: clone;font-size: 3.5vw;font-weight: initial;letter-spacing: .1em;}
.TOP_ENG {position: absolute;top: 8vw;left: 37vw;width: 12vw;}
.TOP_KAKAKU {width: 25vw;margin-top: 4.5vw;}
.TOP_BANNER{background: #161616;}
.TOP_CONCEPT_RIGHT em{text-combine-upright: all;font-style: normal;}

@keyframes pathmove {
	0% {height: 0;top: 0;opacity: 0;}
	30% {height: 30px;opacity: 1;}
	100% {height: 0;top: 50px;opacity: 0;}}


/*コンセプトここから*/
.TOP_CONCEPT_BACK{}
.TOP_CONCEPT{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;margin: 0 auto;margin-top: 80px;margin-bottom: 20px;width: auto;position: relative;
  height: 400px;width: 100%;}
.TOP_CONCEPT_WRAP{position: absolute;  height: 400px;  right: 0;  left: 0;  margin: 0 auto;  width: 1038px;}
.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;text-align: left;}
.TOP_CONCEPT_RIGHT{font-size: 14px;letter-spacing: 3px;line-height: 37px;position: relative;}
.TOP_CONCEPT_LEFT{position: relative;}
.TOP_CONCEPT_LEFT h2{margin-left: 60px;line-height: 45px;}
.TYTLES div.CON_TYTLE{width: 270px;}
.VIEW {background-image: url(https://www.will-produce.com/tsuchihara/top/img/view.jpg);background-repeat:no-repeat;background-attachment: fixed;background-position: right bottom;height: 350px;background-size: cover;}



/*ランドプランここから*/
.TOP_LAND_WRAP{width: 1030px;margin: 0 auto;display: flex;padding: 70px 0;justify-content: space-between;}
.LAND_LEFT_TYTLE small{letter-spacing: 2px;margin-bottom: 10px;display: inline-block;font-size: 15px;}
.LAND_LEFT_CON{display: flex;align-items: center;margin-bottom: 15px;}
.LAND_LEFT_CON_WRAP{margin-top: 35px;}
.LAND_LEFT_CON_IMG{width: 175px;}
.LAND_LEFT_CON_TEXTS{margin-left: 25px;width: 255px;}
.LAND_LEFT_CON_TEXTS_TY{font-size: 19px;margin-bottom: 13px;letter-spacing: .1em;}
.LAND_RIGHT{width: 515px;}


/*プランここから*/
.TOP_PLAN{width: 1030px;margin: 0 auto;padding-top: 50px;padding-bottom: 80px;margin: 0 auto;}
.PLAN_WRAP{display: flex;flex-direction: row;margin: 0 auto;justify-content: space-between;margin-top: 40px;align-items: center;align-items: baseline;}
.PLAN_WRAP a{width: 370px;}
.PLAN_TEXT{width: 620px;line-height: 35px;letter-spacing: 1px;text-align: justify;margin-bottom: 20px;}
.PLAN_TEXT small{line-height: 18px;display: inline-block;text-align: justify;margin-top: 20px;}
.PLAN_LINK{width: 860px;margin: 0 auto;}
.PLAN_LINK .btnarrow4{margin: 0 0 0 auto;margin-top: 20px;margin-right: 112px;}
.PLAN_TEXT .original-button{width: 370px;}
.PLAN_TYTLES small{letter-spacing: 2px;margin-bottom: 10px;display: inline-block;font-size: 15px;}


/*ギャラリーここから*/
.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;}


/*コンテンツここから*/
.CONTENTS_WRAP{width: 1030px;margin: 0 auto;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;}
.TYTLES{text-align: left;}
.TYTLES small{letter-spacing: 2px;margin-bottom: 10px;display: inline-block;font-size: 15px;}
.CONTENTS{width: 315px;margin-bottom: 80px;}
.CONTENTS_TEXT_TYTLE{display: flex;align-items: center;}
.CONTENTS_TEXT_TYTLE_E {font-size: 25px;letter-spacing: 4px;margin: 15px 0 10px 0;}
.CONTENTS_TEXT_TYTLE_J{margin-top: 5px;margin-left: 12px;letter-spacing: 2px;}
.TOP_CON{padding: 80px 0 60px 0;}
.CONTENTS_WHOLE{width: 1030px;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{margin-bottom: 30px;}
.CONTENTS_TEXT_DES{letter-spacing: 1px;line-height: 27px;}


/*ニュースここから*/
.TOP_NEWS {	padding: 70px 0;margin-bottom: 30px;text-align: center;}
.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;}
.NEWS_TYTLES{margin-bottom: 20px;}
.NEWS_TYTLES small{font-size: 16px;letter-spacing: .2em;display: inline-block;margin-bottom: 5px;}

/* 環境・物件概要ここから */
.TOP_LO_WRAP{width: 1030px;margin: 0 auto;padding: 70px 0;}
.TOP_LO_CON{display: flex;flex-direction: row;align-items: center;justify-content: space-between;}
.TOP_LO_CON_R{flex-direction: row-reverse;margin-top: 60px;}
.TOP_LO_IMG{width: 590px;}
.TOP_LO_TEXTS{width: 380px;}
.LO_TYTLES small{letter-spacing: 2px;margin-bottom: 10px;display: inline-block;font-size: 15px;}
.LO_TEXT{margin-top: 20px;letter-spacing: .2em;line-height: 26px;margin-bottom: 20px;}


/* 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;}

	/* ボタンここから */
	.PLAN_WRAP a {width: 90vw;}

	/* ハンバーガーメニュー */
	.menu-btn i {color: white;}
	header{border-bottom:1px solid #fff;}


	/*トップここから*/
	.MAIN_COPY {top: 56vw;right: 0;left: 0;margin: 0 auto;top: 28vw;width: 67vw;}
	.TOP_IMG {height: auto;}
	.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;}
	h1 {font-size: 33px;margin-bottom: 13px;color: white;background: none;line-height: 1.5;}
	.TOP_TEXTS {top: 25vw;right: 0;left: 0;margin: 0 auto;width:fit-content;}
		.TOP_TEXT1{font-size: 14px;}
	.TOP_TEXT2{font-size: 13px;margin-top: 17px;width: 82vw;text-align: justify;}
	.TOP_ENG {position: absolute;top:64vw;left: 8vw;right: 5vw;width: 83vw;}
	.scrolldown1 {top: 151vw;}
	.TOP_KAKAKU{width: 81vw;margin-top: 3vw;}

	/*コンセプトここから*/
	.TOP_CONCEPT_LEFT h2{margin-left: 0;font-size: 25px;letter-spacing: .1em;}
	.TOP_CONCEPT{writing-mode: initial;flex-direction: column;width: 90vw;margin-bottom: 20px;margin-top: 50px;height: initial;}
	.TOP_CONCEPT_WRAP{width: auto;position: initial;height: initial;}
	.TOP_CONCEPT_LEFT{width: 90vw;}
	.TOP_CONCEPT_RIGHT{text-align: justify;margin-top: 20px;font-size: 14px;line-height: 30px;}
	.VIEW {background-image: none;height: auto;}


  /*ランドプランここから*/
	.TOP_LAND{padding-bottom: 0px;}
	.TOP_LAND_WRAP{width: 90vw;flex-direction: column;}
	.LAND_LEFT_TYTLE h2{font-size: 22px;letter-spacing: .15em;}
	.LAND_LEFT_CON{margin-bottom: 25px;}
	.LAND_LEFT_CON_WRAP{width: 90vw;}
	.LAND_LEFT_CON_TEXTS_TY{font-size: 18px;margin-bottom: 10px;}
	.LAND_LEFT_CON_TEXTS_TE{font-size: 13px;}
	.LAND_RIGHT{width: 90vw;}


	/*プランここから*/
	.TOP_PLAN{width: 90vw;}
	.PLAN_WRAP{flex-direction: column;}
	.PLAN_TEXT{width: 90vw;margin-top: 20px;}
	.PLAN_TYTLES h2{font-size: 25px;}


	/*ギャラリー*/
	.TOP_GA{padding-top: 0px;}
	.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;}


	/*コンテンツ*/
	.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;}
	.CONTENTS_WHOLE{width: 90vw;}


	/* 環境・物件概要 */
	.TOP_LO_WRAP{width: 90vw;}
	.TOP_LO_CON{flex-direction: column;width: 90vw;}
	.TOP_LO_IMG{width: 90vw;}
	.TOP_LO_TEXTS{width: 90vw;}
	.LO_TYTLES h2{font-size: 24px;}


	/*ニュースここから*/
	.TOP_NEWS {padding: 35px 0 40px 0;margin-bottom: 50px;}
	.NEWS_TYTLES{width: 1000px;margin: 0 auto;text-align: center;width: 100vw;}
	.NEWS_TYTLES small{letter-spacing: 2px;margin-bottom: 10px;display: inline-block;font-size: 15px;}
	table {width: 95vw;}
	tr {padding: 12px 0px;width: 95vw;flex-direction: column;text-align: left;}

	/*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;	}



}