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

body {
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
}
/* ---------------------------
contents
------------------------------ */
#contesntsWrapper {}
div#contents {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}
/* ---------------------------
article
------------------------------ */
article {
	margin: 0;
	padding: 0;
	border: 0;
	color: #505050;
	font-size:62.5%;
	line-height: 2;
	text-align: justify;
	vertical-align: baseline;
	font-family: "Noto Sans JP";
	font-weight: 200;
	font-style: normal;
	font-feature-settings: "palt";
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	letter-spacing: 0.12em;
}
/* clearfix */
.clearfix:after {
	clear: both;
	content: "";
	display: block;
}
.clearfix {
	*zoom: 1;
} /*for IE6,IE7*/
/* 順番 
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等
-----------------------------------------------------------------*/
/*h3 各タイトル*/
article h3 {
font-family: 'Montserrat', sans-serif;
	font-size: 2.75rem;
	font-weight: 300;
	font-style: italic; /*追加*/
	text-transform: capitalize;
	text-align: center;
}
/* 地図・間取・物件概要　txt
-----------------------------------------------------------------*/
.main01 {
	width: 100%;
	max-width: 540px;
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-block-start: 30px;
	margin-block-end: 50px;
	text-align: justify;
	text-justify: inter-ideograph;
	font-size: 1.65rem;
	padding-inline-start:5px;
	padding-inline-end:5px;
}
.main01 .text{
	margin-block-end: 10px;
	font-size: 1.65rem;
}
article img {
	display: block;
	height: auto;
	max-width: 100%;
	margin-inline-start: auto;
	margin-inline-end: auto;
}
section#top h1{
	margin-block-start:4%;
	margin-block-end:4%;
}

/*  #area_photo　地域写真
-----------------------------------------------------------------*/
section#area_photo{
    width: 92%;
    margin: 0 auto;
    margin-inline-start: auto;
    margin-inline-end: auto;
    margin-block-end: 50px;
}
section#area_photo ul.list_area {
    display: flex;
    text-decoration: none;
    justify-content: center;
}
section#area_photo ul.list_area li.list_area_wrap {
    display: block;
    list-style: none;
    margin: 30px;
}
figure.area img{
    width: 100%;
}
.area_txt{
    font-size: 1.35rem;
    line-height: 1.6;
}
@media screen and (max-width: 768px) {
section#area_photo{
    width: 100%;
}
    ul.list_area {
    flex-direction: column;
  }
}

/* map 地図
-----------------------------------------------------------------*/
section#map {
	width: 100%;
	margin: 0 auto;
	margin-block-end: 180px;
	text-align: center;
}
section#map h3{
	margin-block-start:120px;
	margin-block-end:40px;
}

/* plan 間取図
-----------------------------------------------------------------*/
section#plan {
	width: 100%;
	margin: 0 auto;
	margin-block-end: 180px;
	text-align: center;
}

/*  #photo　物件写真
-----------------------------------------------------------------*/
section#photo {
	width: 100%;
	max-width: 1080px;
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-block-end: 150px;
	text-align: center;
}
section#photo h3{
	margin-block-end:30px;
}
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 400ms;
	padding-block-end:50px;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}

/* inquiry 問い合わせ */
section#inquiry {
	width: 100%;
	max-width: 950px;
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-block-end: 150px;
	text-align: center;
	cursor: pointer;
}

/* details 物件概要 */
section#details {
	width: 100%;
	max-width: 1000px;
	margin-inline-start: auto;
	margin-inline-end: auto;
	margin-block-end: 80px;
}
article table {
	box-sizing: border-box;
	border-collapse: collapse;
	margin: 0 auto;
	width: 100%;
	font-size: 1.65rem;
}
article table th, article table td {
	border-block-end: 1px solid #999;
	padding-inline-start: 8px;
	margin-block-start: 5px;
	vertical-align: middle;
	letter-spacing: 0.1em;
	font-style: normal;
	height: 2.8em;
	text-align: left;
}
article table th {
	width: 16%;
	font-weight: bold;
}
@media (max-width: 768px) {
	article table {
		width: 100%;
	}
	article table th, article table td {
		display: block;
		height: auto;
		border-block-end: 0px;
	}
	article table th {
		width: 100%;
		background-color: #eee;
		font-weight: bold;
	}
}
/* Google Map グーグルマップ */
section#gmap {
	position: relative;
	width: 100%;
	height: 800px;
	margin: 0 auto;
	margin-block-end: 50px;
}
#gmap iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* pagetop ページトップへ
-----------------------------------------------------------------*/
.pagetop {
    position:fixed;
	bottom:100px;
    display: none;
	right: 50px;
	z-index: 150;
	cursor:pointer;
}