@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

/* ベースとなるスタイル
--------------------------------------------------------- */
body {
  -webkit-text-size-adjust: 100%;
}
/* article
--------------------------------------------------------- */
article {
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  color: #464646;
  font-size: 62.5%;
  letter-spacing: 0.15rem;
  line-height: 1.8;
  text-align: justify;
  vertical-align: baseline;
  font-family: dnp-shuei-gothic-gin-std, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt";
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}
article img {
  display: block;
  height: auto;
  max-width: 100%;
}
article a {
  text-decoration: none;
}
figure img {
  text-align: center;
  margin: 0 auto;
  image-rendering: -webkit-optimize-contrast;
}
/* clearfix
--------------------------------------------------------- */
.clearfix:after {
  clear: both;
  content: "";
  display: block;
}
.clearfix {
  *zoom: 1;
}
/* 順番 
1.位置情報系＝position, top, right, z-index, display, float等
2.サイズ＝width, height, padding, margin
3.文字系＝font, line-height, letter-spacing, color- text-align等
4.背景＝background, border等
5.その他＝animation, transition等
*/


/*h2 各タイトル
--------------------------------------------------------- */
.section_title {
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 2.5rem;
	text-align: center;
	margin-block-end:6px;
}
.section_title span {
	position: relative;
	z-index: 2;
}
.section_title::before {
	content: attr(data-en);
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(114, 73, 56,0.5);
	font-size: 5.25rem;
	font-weight: 400;
    font-family: mina, serif;
    text-transform: capitalize;
}
.section_title::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 30px;
	background-color: rgba(108, 135, 78,1);
}
@media screen and (max-width: 767px) {
.section_title::before {
	font-size: 2.85rem;
}
}


/*h2 各タイトル 　背景が暗い時
--------------------------------------------------------- */
.section_title_01 {
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 2.5rem;
	text-align: center;
	margin-block-end:6px;
  color: #ECECE7;
}
.section_title_01 span {
	position: relative;
	z-index: 2;
}
.section_title_01::before {
	content: attr(data-en);
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	color: rgba(213, 216, 187,0.5);
	font-size: 5.25rem;
	font-weight: 400;
    font-family: mina, serif;
    text-transform: capitalize;
}
.section_title_01::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%) rotate(30deg);
	width: 1px;
	height: 30px;
	background-color: rgba(108, 135, 78,1);
}
@media screen and (max-width: 767px) {
.section_title_01::before {
	font-size: 2.85rem;
}
}



/* txet
--------------------------------------------------------- */
.txtarea {
  width: 100%;
  max-width: 660px;
  margin-inline-start: auto;
  margin-inline-end: auto;
  margin-block-start: 30px;
  margin-block-end: 30px;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1.75rem;
}
.txtarea .txt {
  margin-block-end: 10px;
  line-height: 1.6;
  letter-spacing: 0.175rem;
}
.openhouse_txt{
font-size: 2.25rem;
text-align: center;
  line-height: 1.6;
  margin-block-end: 8px;
}

.plan_txt{
  width: 100%;
  margin: 0 auto;
font-size: 1.65rem;
text-align: center;
}
h3.subtitle{
font-weight: 500;
font-size: 2.5rem;
padding-block-start:5px;
padding-block-end:20px;
letter-spacing: 0.4rem;
line-height: 1.6;
}
.innerWrap {
  max-width: 980px;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  margin-block-end: 120px;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;
}
.innerWrap_com {
  max-width: 980px;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  margin-block-end:-100px;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;
}
.innerWrap_ms {
  max-width: 980px;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;
}
.innerWrap_plan {
  max-width: 1100px;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  padding-block-end:40px;
  margin-block-end: 120px;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;
}
.innerWrap_reno {
  max-width: 1100px;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  padding-block-end:40px;
  margin-block-end: 60px;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;
}
.innerWrap_photos {
  max-width: 100%;
  margin: 0 auto;
  padding-inline-start: 10px;
  padding-inline-end: 10px;
  margin-block-end: 120px;
  font-size: 1.65rem;
  letter-spacing: 0.1rem;
   background-color: #724938;
}