@charset "UTF-8";
html,body{
width:100%;
max-width:100%;
height:100%;
}

body{
position:relative;
background:rgb(245 244 240 / 1);
font-size:1.1em;
font-weight:400;
font-family:'Noto Serif JP', serif;
/*font-family:'Noto Sans JP', sans-serif;
font-family:'Roboto', sans-serif;*/
color:rgb(100 100 100 / 1);
line-height:1.8;
text-align:center;
letter-spacing:.02em;
-webkit-text-size-adjust:100%;
word-wrap:break-word;
}
body#sub-body{
	background: rgb(255 255 255 / 1);
}

a,
a:link{
color:rgb(51 51 51 / 1);
text-decoration:none;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
-ms-transition:All 1s ease;
transition:All 1s ease;
}

a:visited{
color:rgb(51 51 51 / 1);
}

a:hover,
a:active{
color:rgb(118 157 45 / 1);
}

img{
max-width:100%;
height:auto;
flex-shrink:0;
vertical-align:bottom;
}

h2,
h3,
h4,
h5,
h6{
font-weight:500;
}

/* オープニング */

/* Loading背景画面設定　*/
#opening{
position:fixed;
width:100%;
height:100vh;
z-index:9999;
background: rgb(118 157 45 / 1);
background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
text-align:center;
}
/* Loading画像中央配置　*/
#opening_logo{
position:absolute;
top:45%;
left:50%;
transform:translate(-50%, -50%);
}
/* Loading アイコンの大きさ設定　*/
#opening_logo img{
width:200px;
}
/* fadeUpをするアイコンの動き */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
from{
opacity:0;
transform:translateY(100px);
}

to{
opacity:1;
transform:translateY(0);
}
}
.animate{
opacity:0;
transform:translateY(30px);
transition:all 1.0s;
}
.animate_reverse{
opacity:0;
transform:translateY(-30px);
transition:all 1.0s;
}
.animate.show,
.animate_reverse.show{
opacity:1;
transform:translateY(0);
}
body{
animation:fade 3s;
}
@keyframes fade{
0%{opacity:0;
}
100%{opacity:1;
}
}

/*----------------------------------------
ハンバーガーメニューボタン
----------------------------------------*/
.hamburger {
 display: block;
 position: fixed;
 z-index: 777;
 right: 0;
 top: 0;
 width: 50px;
 height: 50px;
 background: rgb(118 157 45 / 1);
 background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
 cursor: pointer;
 text-align: center;
}

body#sub-body .hamburger {
 display: block;
 position: fixed;
 z-index: 777;
 right: 0;
 top: 0;
 width: 50px;
 height: 50px;
 background:rgb(51 51 51 / 1);
 cursor: pointer;
 text-align: center;
}

.hamburger span {
 display: block;
 position: absolute;
 width: 30px;
 height: 2px;
 left: 10px;
 background: rgb(255 255 255 / .5);
 transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
 top: 12px;
}

.hamburger span:nth-child(2) {
 top: 19px;
}

.hamburger span:nth-child(3) {
 top: 26px;
}

.hamburger span:nth-child(4) {
 top: 33px;
}

.hamburger span:nth-child(4) {
 width: 40px;
 height: 1.35em;
 background: none;
 left: 5px;
 font-family: 'Roboto', sans-serif;
 font-size: 0.7em;
 font-weight: 700;
 color: rgb(255, 255, 255);
 letter-spacing: 0.2em;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
 top: 19px;
 left: 10px;
 background: rgb(255 255 255 / .5);
 transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
 top: 19px;
 background: rgb(255 255 255 / .5);
 transform: rotate(45deg);
}

/* メニュー背景 */
nav.globalMenuSp{
 position: fixed;
 z-index: 555;
 top: 0;
 left: 0;
 color: rgb(255, 255, 255);
 background: rgb(51, 51, 51);
 text-align: center;
 width: 100%;
 min-height: 100%;
 transform: translateY(-100%);
 transition: all 0.6s;
}

nav.globalMenuSp.active {
 transform: translateY(0);
}

nav.globalMenuSp ul{
 margin:10% auto 0;
 padding:0;
 width:80%;
 display:grid;
 grid-template-columns:1fr 1fr 1fr;
 gap:0;
}
nav.globalMenuSp ul li {
transition: 0.4s all;
list-style-type: none;
font-size: 1.25em;
line-height: 1.55em;
letter-spacing: 0.2em;
}
nav.globalMenuSp ul li a span {
display: block;
font-size: .6em;
letter-spacing: 0.35em;
}
nav.globalMenuSp ul li a {
display: block;
color: rgb(255, 255, 255);
padding: 13px;
}
nav.globalMenuSp ul li a:hover,
nav.globalMenuSp ul li a.current {
background: rgb(255 255 255 / .15);
}

nav.globalMenuSp ul li:last-child {
 padding-bottom: 0;
}

/* ページ未解説リンク */
a.linkno{
pointer-events:none;
opacity:.5;
}

/*----------------------------------------
 header
----------------------------------------*/
body#top-body header{
height:auto;
background:url(../images/top_mv_002.png) no-repeat 50% top;
background-size:100% auto;
margin-bottom:75px;
padding:15px;
aspect-ratio:1 / 0.638541666666667;
/*clip-path:path('M0,0v1143.722c227.657,49.372,573.8,81.849,960,81.849c386.201,0,729.6-33.079,960-82.45V142.27V0H0z');*/
color:rgb(255 255 255 / 1);
}
body#sub-body header{
height:auto;
background: rgb(118 157 45 / 1);
background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
margin-bottom:0;
padding:15px;
color:rgb(255 255 255 / 1);
/*clip-path:path('M0,0v1143.722c227.657,49.372,573.8,81.849,960,81.849c386.201,0,729.6-33.079,960-82.45V142.27V0H0z');*/
}
#header_inner{
display:grid;
grid-template-columns:1fr 1fr;
justify-content:space-between;
margin-top:12px;
}
div#header_inner_left{
text-align:left;
}
div#header_inner_right{
padding-right:60px;
text-align:right;
}
/* 以下#header_inner左 */
h1{
font-size:10px;
font-weight:normal;
text-align:left;
}
header h2.logo{
width:280px;
height:auto;
}
header h2.logo a img{
width:100%;
height:auto;
}

/* 以下#header_inner右 */
/*-- sub_nav -*/
ul.sub_nav{
}
ul.sub_nav li{
display:inline-block;
}

/* 以下資料と来場予約ボタン共通 */
a.btn{
display:inline-block;
width:150px;
padding:.35em;
border-right:1px solid rgb(255 255 255 / .3);
font-size:1.05em;
font-weight:700;
letter-spacing:.15em;
text-align:center;
}
a.btn:link,
a.btn:visited{
background: rgb(118 157 45 / 1);
background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
color:rgb(255 255 255 / 1);
}
a.btn:hover,
a.btn:active{
background:rgb(70 70 70);
background:linear-gradient(45deg, rgb(70 70 70 / 1) 0%, rgb(20 20 20 / 1) 100%);
color:rgb(255 255 255 / 1);
}
body#sub-body a.btn:link,
body#sub-body a.btn:visited{
background:rgb(70 70 70 / .8);
background:linear-gradient(45deg, rgb(70 70 70 / .8) 0%, rgb(20 20 20 / .8) 100%);
color:rgb(255 255 255 / 1);
}
body#sub-body a.btn:hover,
body#sub-body a.btn:active{
background:rgb(70 70 70);
background:linear-gradient(45deg, rgb(70 70 70 / 1) 0%, rgb(20 20 20 / 1) 100%);
color:rgb(255 255 255 / 1);
}

/* グローバルメニュー */
div.globalMenuSp_btn a.btn:link,
div.globalMenuSp_btn a.btn:visited,
body#sub-body div.globalMenuSp_btn a.btn:link,
body#sub-body div.globalMenuSp_btn a.btn:visited{
width:100%;
background: rgb(118 157 45 / 1);
background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
color:rgb(255 255 255 / 1);
}
div.globalMenuSp_btn a.btn:hover,
div.globalMenuSp_btn a.btn:active,
body#sub-body div.globalMenuSp_btn a.btn:hover,
body#sub-body div.globalMenuSp_btn a.btn:active{
width:100%;
background: rgb(118 157 45 / 1);
background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
color:rgb(255 255 255 / 1);
}
/* グローバルメニュー */

a.btn span{
padding:.6em;
padding-left:18px;
}
a.btn.btn_rec span{
background:url(../images/icon_file.svg) no-repeat 0 50%;
background-size:11px auto;
}
a.btn.btn_rsv span{
background:url(../images/icon_calendar.svg) no-repeat 0 50%;
background-size:11px auto;
}
div.information_btn,
div.company_btn{
margin:25px auto;
}
div.globalMenuSp_btn{
width:80%;
margin:25px auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:5px;
}
div.globalMenuSp_btn a.btn{
box-sizing:border-box;
display:block;
width:100% !important;
padding:21px;
border:1px solid rgb(51 51 51 / 1);
}
@media screen and (max-width:896px) {
a.btn{
display:block;
width:250px;
margin:5px auto;
padding:.5em;
font-size:1.25em;
text-align:center;
}	
div.information_btn{/* インフォメーション欄 */
margin:15px auto;
grid-template-columns:1fr;
justify-content:center;/*左右センター*/
align-items:center;/*天地中央*/
border-right:none;
border-bottom:1px solid rgb(255 255 255 / .3);
}
div.company_btn{/* 会社概要部分 */
margin:0 auto 20px;
}
div.globalMenuSp_btn{/*グローバルメニュー*/
width:100%;
margin:0 auto;
gap:0;
position:relative;
top:-4px;
}
}

/*----------------------------------------
 main
------------------------------------------*/
main{
margin-bottom:50px;
}

/*----------------------------------------
 section
----------------------------------------*/
section {
width:100%;
}

/*----------------------------------------
 pankuzu
----------------------------------------*/
.pankuzu {
width:90%;
text-align:left;
margin:30px 5% 30px 5%;
}
body.quality-body .pankuzu {
width:90%;
text-align:left;
margin:-20px 5% 30px 5%;
}
.pankuzu ul {
width:100%;
list-style:none;
}
.pankuzu li {
display:inline-block;
margin:0 2px;
padding:0 0;
font-size:1em;
}
.pankuzu li a::after {
content:" ＞";
color:#333;
}
section#modelroom_back .pankuzu li a::after {
content:" ＞";
color:#fff;
}
.pankuzu li a:link,
.pankuzu li a:visited{
color:#333;
}
.pankuzu li a:hover,
.pankuzu li a:active{
color:#2393b3;
}

/*----------------------------------------
 フッター共通
----------------------------------------*/
#footer_cap{
	width: 80%;
	margin: 50px auto 30px;
	text-align: center;
}
div.contact{
margin-bottom:50px;
}
div.company_info{
margin-bottom:50px;
}
div.footer_tel{
width: 25%;
margin: 0 auto;
margin-bottom:50px;
}
div.contact h2,
div.company_info h2{
display: inline-block;
margin-bottom:20px;
padding-left:.75em;
padding-right:.75em;
padding-bottom:4px;
border-bottom:2px double rgb(118 157 45 / .5);
font-size:1.45em;
font-weight:400;
color:rgb(118 157 45 / 1);
letter-spacing:.3em;
}
.top_info_company{
font-size:1.2em;
line-height:2.35em;
text-align:center;
margin-bottom:35px;
padding-bottom:25px;
border-bottom:2px solid rgb(118 157 45 / .2);
}
.top_info_company strong{
	display: block;
	font-weight: normal;
}
.top_info_company span{
font-size:1.85em;
display:block;
margin-bottom:20px;
}

/*----------------------------------------
 footer
----------------------------------------*/
section#footer_menu_simple{
margin:0 auto 55px;
/*border-top:1px solid #ccc;
border-bottom:1px solid #ccc;*/
width:100%;
}
section#footer_menu_simple ul{
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
gap:0;
}
section#footer_menu_simple ul li{
list-style:none;
display:inline-block;
font-size:.6em;
text-align:center;
line-height:1.9em;
letter-spacing:.35em;
}
section#footer_menu_simple ul li:last-child a{
border-right:none;
}
section#footer_menu_simple ul li a{
display: inline-block;
width:100%;
background: rgb(118 157 45 / 1);
background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
border-right:1px solid rgb(255 255 255 / .5);
padding-top:8px;
padding-bottom:8px;
}
section#footer_menu_simple ul li a.linkno{
background:rgb(122 136 65 / .75);
opacity:1;
}
section#footer_menu_simple ul li a span{
font-size:1.15em;
display:block;
}
section#footer_menu_simple ul li a:link,
section#footer_menu_simple ul li a:visited{
color:rgb(255 255 255 / 1);
}
section#footer_menu_simple ul li a.current,
section#footer_menu_simple ul li a:hover,
section#footer_menu_simple ul li a:active{
background:rgb(70 70 70);
background:linear-gradient(45deg, rgb(70 70 70 / 1) 0%, rgb(20 20 20 / 1) 100%);
color:rgb(255 255 255 / 1);
}
section#footer_menu_simple ul li a.linkno:link,
section#footer_menu_simple ul li a.linkno:visited,
section#footer_menu_simple ul li a.linkno:hover,
section#footer_menu_simple ul li a.linkno:active{
}

section.osusume{
margin-top:50px;
margin-bottom:0;
padding-top:35px;
padding-bottom:20px;
background:#ececec;
width:100%;
overflow:hidden;
}
section.osusume h2.sec-title-b{
margin-bottom:20px !important;
}
/*20240905*/
section.osusume section.footer-NEW-ESTATE{
	padding: 0 !important;
}
div.sagasu a{
text-align:center;
font-size:1.25em;
display:inline-block;
margin:0 auto;
padding-top:5px;
padding-bottom:7px;
padding-left:25px;
padding-right:22px;
border-radius:1px;
}
div.sagasu a i img{
height:18px;
width:auto;
position:relative;
top:-2px;
}
div.sagasu a:link,
div.sagasu a:visited{
background:#ffffff;
color:#777777;
border:1px solid #ccc;
}
div.sagasu a:hover,
div.sagasu a:active{
background:#eeeeee;
color:#777777;
border:1px solid #ccc;
}

.footer_info{
display:grid;
grid-template-columns:1fr 1fr;
justify-content:center;/*左右センター*/
align-items:center;/*天地中央*/
width:50%;
margin:0 auto;
}
.footer_nav{
margin:0 auto;
display:flex;
align-items:center;
justify-content:center;
flex-wrap:wrap;
text-align:left;
}
.footer_nav ul li:before{
content:'▶ ';
font-size:.6em;
color:rgb(118 157 45 / 1);
position:relative;
top:-1px;
}
.footer_nav ul li:hover:before{
content:'▼ ';
font-size:.6em;
color:rgb(118 157 45 / 1);
}
.footer_nav ul{
width:100%;
list-style:none;
font-size:10px;
}
.footer_nav ul li{
margin:0 5px;
padding:0 0;
display:inline-block;
}
.footer_nav ul li a{
font-size:1.2rem;
color:#000;
}
div.footer_right img{
width:200px;
height:auto;
}
div#footer_bottom{
width:100%;
margin:35px auto 0;
padding-top:50px;
padding-bottom:50px;
background: rgb(118 157 45 / 1);
background: linear-gradient(180deg, rgb(118 157 45 / 1) 0%, rgb(74 99 42 / 1) 100%);
color:rgb(255 255 255 /1);
}
div#footer_bottom a{
color:rgb(255 255 255 /1);
}
.to-top{
position:fixed;
right:0;
bottom:0;
width:40px;
height:40px;
cursor:pointer;
z-index:20;
}
.to-top img{
width:100%;
height:auto;
}
.to-top:hover{
}

/*----------------------------------------
 下層ページ共通
----------------------------------------*/
section#subcontent h2{
	font-size: 2.5em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h3{
	font-size: 1.75em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h4{
	font-size: 1.45em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h5{
	font-size: 1.25em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h6{
	font-size: 1.1em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent p{
	font-size: /*1.1em*/13px !important;
	font-weight: 300;
	line-height: 2em;
	letter-spacing: .05em;
}

/* subpage menu */
div.subpage_menu.grid2{
	width: 70%;
	margin: 60px auto;
}
div.subpage_menu.grid2 a{
	display: block;
	background: rgb(133 143 80 / .75);
	padding: .85em;
	border: 1px solid rgb(255 255 255 / .6);
	font-size: 1.05em;
	color: white;
	letter-spacing: .2em;
}
div.subpage_menu.grid2 a:hover{
	background: rgb(133 143 80 / 1);
}
div.subpage_menu.grid2 a:first-child{
	border-radius: 15px 0 0 0;
}
div.subpage_menu.grid2 a:last-child{
	border-radius: 0 0 15px 0;
}
div.subpage_menu.grid2 a#subpage_menu_title{
	background: rgb(0 0 0 / 0);
	pointer-events: none;
	cursor: default;
	font-family:'Roboto', sans-serif;
	color: rgb(255 255 255 / 0);
	letter-spacing: .5em;
}
div.subpage_menu.grid2 a#subpage_menu_title:hover{
	pointer-events: none;
	background: rgb(0 0 0 / .5);
}
div.subpage_menu.grid2 a#subpage_menu_title span{
	position: relative;
	top: 2px;
}


div.cap_footer{
	width: 90%;
	margin: 0 auto;

}
div.cap_footer p{
	font-size: 9px;
	line-height: 1.65em;
	text-align: left;
	text-indent: -1em;
}

/*----------------------------------------
 キャプション
----------------------------------------*/
p.cap{
	margin-left: 1em;
	text-indent: -1em;
	font-size: 9px !important;
	text-align: left;
}
p.cap_noindent{
	margin-top: -10px;
	font-size: 9px !important;
	text-align: left;
	line-height: 1.3em;
}
p.cap_outer_left{
	margin-top: 5px;
	font-size: 9px !important;
	text-align: left !important;
}
p.cap_outer_right{
	font-size: 9px !important;
	text-align: right !important;
}
p.cap_outer_right_white{
	font-size: 9px !important;
	text-align: right !important;
	color: white;
}
p.cap_outer_center{
	font-size: 9px !important;
	font-weight: 600;
	text-align: center!important;
}
p.cap_inner_right{
	padding-right:1em;
	position: relative;
	top: -25px;
	z-index: 888;
	font-size: 9px !important;
	text-align: right !important;
}
p.cap_inner_right_white{
	padding-right: 0;
	position: relative;
	top: -25px;
	right: 9px;
	z-index: 888;
	color: white;
	font-size: 9px !important;
	text-align: right !important;
}
p.cap_inner_left_white{
	position: relative;
	padding-left: 0;
	top: -25px;
	left: 9px;
	z-index: 888;
	color: white;
	font-size: 9px !important;
	text-align: left!important;
}
p.cap_inner_toppage_left{
	margin-bottom: -20px;
	padding: 0 1em;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	text-align: left;
}
p.cap_inner_toppage_right{
	margin-bottom: -20px;
	padding: 0 1em;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	text-align: right;
}
p.cap_inner_toppage_left_white{
	margin-bottom: -20px;
	padding: 0 1em;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	color: white;
	text-align: left;
}
p.cap_inner_toppage_right_white{
	margin-bottom: -20px;
	padding: 0 1em;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	color: white;
	text-align: right;
}

/*----------------------------------------
 下層ページmain_title
----------------------------------------*/
.main_title{
box-sizing:boder-box;
width:100%;
display:flex;
justify-content:center;
align-items:center;
background-repeat:no-repeat;
background-position:50% 50%;
background-size:100% auto;
}
.main_title_access{
background-image:url(../images/header_access.jpg);
}
.main_title_location{
background-image:url(../images/header_location.jpg);
}
.main_title_plan{
background-image:url(../images/header_plan.jpg);
}
.main_title_safety{
background-image:url(../images/header_safety.jpg);
}
.main_title.main_title_quality{
background-image:url(../images/header_quality.jpg)
}
.main_title_design{
background-image:url(../images/header_design.jpg);
}
.main_title.main_title_map{
background-image:url(../images/header_map.jpg);
}
.main_title_outline{
background-image:url(../images/header_outline.jpg);
}
.main_title_inner{
text-align:center;
margin:45px auto;
}
.main_title_inner p{
box-sizing: border-box;
padding:15px;
padding-left:26px;
background:rgb(0 0 0 / .3);
font-family:'Noto Serif JP', serif;
font-size:1.75em;
color:#ffffff;
line-height:1.45em;
letter-spacing:.8em;
text-align:center;
}
.main_title_inner span{
font-size:.6em;
font-weight:300;
letter-spacing:.35em;
display:block;
position:relative;
left:-1em;
}

/*----------------------------------------
 top
----------------------------------------*/
/* 行動提起 */
body#top-body .lead{
margin:0 auto;
z-index:33;
}
body#top-body .lead_inner{
width:90%;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr 1fr;
grid-template-rows:1fr;
gap:0;
place-items:center;
z-index:46;
}
body#top-body .lead_inner div{
width:100%;
height:100%;
display:flex;
justify-content:center;/*左右センター*/
align-items:center;/*天地中央*/
border-right:1px solid rgb(51 51 51 / .25);
}
body#top-body .lead_inner div:last-of-type{
border-right:none;
}
body#top-body .lead_inner h2{
font-size:1.45em;
text-align:center;
line-height:1.5em;
letter-spacing:.25em;
}
body#top-body .lead_inner h2 span.expansion{
font-size:1.75em;
font-weight:500;
}
body#top-body .lead_inner h2 span.expansion_max{
position:relative;
bottom:-.15em;
font-size:2.2em;
font-weight:500;
}
body#top-body .lead_inner h2 a:link,
body#top-body .lead_inner h2 a:visited,
body#top-body .lead_inner h2 a:hover,
body#top-body .lead_inner h2 a:active{
color:rgb(51 51 51 / 1);
}
/* 行動提起 */

/*----------------------------------------
 Information
----------------------------------------*/
section#information{
width:80%;
margin:0 auto 55px;
}
section#information h2{
font-size:.7em;
letter-spacing:.75em;
margin-bottom:15px;
}
div#information_content{
background:rgb(255 255 255 / 1);
border:1px solid rgb(122 136 65 / .5);
padding:20px;
padding-bottom:5px;
}
div#information_php{
font-size:1.25em;
}
div#information_php h1{
text-align:center;
}

/*----------------------------------------
 top content
----------------------------------------*/
section#top_access,
section#top_location,
section#top_design,
section#top_plan,
section#top_quality,
section#top_safety,
section#top_modelroom{
position:relative;
margin-bottom:80px;
}

div.top_content{
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
z-index:1;
background:rgb(255 255 255 / 1);
}
div.top_content div.top_content_photo.top_content_right{
clip-path:polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}
div.top_content div.top_content_photo.top_content_left{
clip-path:polygon(0% 0%, 90% 0%, 100% 100%, 0% 100%);
}

div.top_content_text{
display:flex;
justify-content:center;/*左右センター*/
align-items:center;/*天地中央*/
padding:1em;
padding-left:1.5em;
padding-right:1.5em;
}
div.top_content_text_aj{
}
div.top_content_text h3{
margin-bottom:15px;
font-size:2.45em;
font-weight:300;
color:rgb(118 157 45 / 1);
line-height:2.2em;
letter-spacing:.25em
}
div.top_content_text h3 strong{
font-size:1.75em;
font-weight:300;
}
h2.top_content_text_title{
margin-bottom:15px;
font-size:1.25em;
color:rgb(118 157 45 / 1);
letter-spacing:.75em;
}
p.top_content_cap{
padding-left:1.5em;
padding-right:1.5em;
font-size:/*1.15em*/ 13px;
line-height:2.25em;
}
.sub_position_left{
}
.sub_position_right{
}
div.top_content_sub_round{
display:grid;
grid-template-columns:1fr 1fr;
justify-content:flex-start;/*左寄せ*/
}
.top_content_sub,
div.top_content_sub_round{
width:50%;
position:relative;
z-index:5;
}
p.top_content_sub_access{/*アクセスサブ*/
width:20%;
height:auto;
/*top:-70px;
left:60%;*/
margin-top:-70px;
margin-left:60%;
}
p.top_content_sub_access img{/* アクセスサブ */
border-radius:5px;
}
p.top_content_sub_plan{/*プランサブ*/
width:19%;
height:auto;
margin-top:-275px;
margin-left:80px;
}
div.top_content_sub_round p.top_content_sub_001{/*ロケーションサブ*/
width:75%;
height:auto;
margin-top:-50px;
margin-left:15%;
}
div.top_content_sub_round p.top_content_sub_001 img{/*ロケーションサブ*/
border-radius:10px;
}
div.top_content_sub_round p.top_content_sub_002{/*ロケーションサブ*/
width:70%;
height:auto;
margin-top:-95px;
margin-left:-70px;
}
div.top_content_sub_round p.top_content_sub_002 img{/*ロケーションサブ*/
border-radius:25px;
}
section#top_quality div.top_content_sub_round{
margin-left:40%;
}
div.top_content_sub_round p.top_content_sub_004{/*クオリティサブ*/
width:85%;
height:auto;
margin-left:40px;
margin-top:-45px;
}
div.top_content_sub_round p.top_content_sub_004 img{/*クオリティサブ*/
border-radius:12px;
}
div.top_content_sub_round p.top_content_sub_003{/*クオリティサブ*/
width:80%;
height:auto;
margin-left:-25px;
margin-top:-35px;
}
div.top_content_sub_round p.top_content_sub_003 img{/*クオリティサブ*/
border-radius:1px;
}

/*----------------------------------------
 read moreボタン
----------------------------------------*/
a.btn_action_none,
a.btn_action_nolink{
pointer-events:none;
opacity:.5;
}
a.btn_action{
display:inline-block;
margin-top:25px;
padding-top:5px;
padding-bottom:5px;
padding-left:55px;
padding-right:55px;
box-sizing:border-box;
background:rgb(118 157 45 / 1);
position:relative;
z-index:1;
overflow:hidden;
border:none;
font-size:12px;
color:rgb(255 255 255 / 1);
letter-spacing:.2em;
}
a.btn_action:hover,
a.btn_action:active{
color:rgb(255 255 255 / 1);
}
a.btn_action:hover::before{
transform-origin:top right;
transform:skewX(0deg) translateX(0);
color:rgb(0 0 0 / 1);
}

a.active:hover::before{
transform-origin:top right;
transform:skewX(0deg) translateX(-100%);
color:rgb(0 0 0 / 1);
}

a.btn_action::before{
content:'';
width:100%;
height:100%;
background: rgb(0 0 0 / .7);
color:rgb(255 255 255 / 1);
position:absolute;
top:0;
left:0;
z-index:-1;
transform-origin:top left;
transform:skewX(0deg) translateX(-100%);
transition:inherit; 
}

/*----------------------------------------
 ACCESS
----------------------------------------*/
section#subcontent.access{
	width: 100%;
}

section#subcontent.access h4{
	font-size: 1.75em;
	font-weight: 300;
	letter-spacing: .15em;
	line-height: 1em;
	margin-bottom: 15px;
}
section#subcontent.access h4 strong{
	display: inline-block;
	margin: 0 6px;
	font-weight: inherit;
}
section#subcontent.access h4 strong.bigger{
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 2.5em;
	font-weight: 500;
	color: #A23E40;
}

div#access_rosen001{
	width: 90%;
	margin: 0 auto;
}

section#subcontent.access div#access_rosen001 h4{
	margin-bottom: 35px;
}
section#subcontent.access div#access_rosen001 img{
	width: 70%;
	height: auto;
}

div#access_time{
	width: 90%;
	margin: 0 auto;
}
div#access_time h4{
	text-align: left;
}
div#access_time h4 strong{
	display: inline-block;
	position: relative;
	top: -5px;
	font-size: 1.45em;
}

/*——　文字の右にライン　——*/
div#access_time h4,
div.bg_yellow h3,
div.bg_lightblue h3{
display: flex;
align-items: center;
}
div#access_time h4:after,
div.bg_yellow h3:after,
div.bg_lightblue h3:after{
border-top: 3px solid rgb(0 0 0 / .07);
content: "";
flex-grow: 1;
}
div#access_time h4:after,
div.bg_yellow h3:after,
div.bg_lightblue h3:after{
margin-left: 1rem;
}

div#access_time > div{
	margin-bottom: 20px;
	justify-content: space-around;
	text-align: left;
}
div#access_time > div h5{
	margin-bottom: 5px;
	font-size: 1.45em;
	font-weight: 300;
	letter-spacing: .15em;
}
div#access_time > div h5 strong{
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 2.75em;
	font-weight: inherit;
	color: #A23E40;
}
div#access_time > div h5 span{
	display: inline-block;
	margin: 0 .3em;
	padding: 0em .45em;
	position: relative;
	top: -.25em;
	background: rgb(0 0 0 / .5);
	font-size: .7em;
	font-weight: 600;
	color: white;
}
p.cap_access{
	font-size: .6em;
	line-height: 1.55em;
}

div.bg_yellow h3,
div.bg_lightblue h3{
	text-align: left;
}
div.bg_yellow img,
div.bg_lightblue img{
	width: 70%;
	height: auto;
}
div.bg_yellow{
	padding:50px 5%;
	background: #f9f7eb;
}
div.bg_lightblue{
	padding:50px 5%;
	background: #e4eff3;	
}

/*----------------------------------------
 LOCATION
----------------------------------------*/
section#subcontent.location{
	width: 100%;
}
section#subcontent.location h4{
	font-size: 1.45em;
	font-weight: 300;
	letter-spacing: .25em;
	line-height: 2.2em;
	margin-bottom: 15px;
}
section#subcontent.location h4 strong{
	display: block;
	margin: 25px 6px;
	font-size: 1.45em;
	font-weight: inherit;
}
section#subcontent.location h4 strong.bigger{
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 2.5em;
	font-weight: 500;
	color: #A23E40;
}
p.cap_photo{
	margin-top: 5px;
	margin-right: 5px;
	text-align: right;
}

div#location_shopping{
	background: #f5f2eb;
	padding: 50px 0;
}

div#location_shopping > h2{
	display: inline-block;
	background: linear-gradient(transparent 60%, rgb(118 157 45 / .15) 30%);
	margin-bottom: 75px;
}

h3.location_title_h3{
	display: inline-block;
	background: linear-gradient(transparent 60%, rgb(118 157 45 / .15) 30%);
	margin:35px auto 35px;
}

div#life_text p{
	text-align: left;
}

div#kinokuniya_text{
	padding: 0 50px 0 50px;
}
div#kinokuniya_photo img{
	border-radius: 60px 0 0 0;
}

div#life_text{
	padding: 0 5% 0 0;
	position: relative;
	left:-30%;
	text-align: left;
}

div#shopping3 p,
div#life_shopping3 p{
	padding-right: 1.5em;
}

#shopping_street{
	margin: 0 auto;
	padding: 0 10%;
}

#shopping_street p{
	text-align: center;
}

#shopping_street span{
	font-size: 1.25em;
	color: rgb(118 171 177 / 1 );
}

#shopping_street_list img{
	width: 70%;
	margin: 0 0 0 auto;
}

div#shopping_street_list_text{
	display: flex;
	align-items:center;/*天地中央*/
}

#shopping_street_list.grid2 > div ul li{
	margin-bottom: 10px;
	text-align: left;
	font-size: 1.15em;
}
#shopping_street_list.grid2 > div ul li:first-letter{
	display: inline-block;
	margin-right: .75em;
	font-size: 1.25em;
	color: #639a91;
}

div#shopping_culture .grid3{
	width: 90%;
	margin: 0 auto;
}

div#shopping_culture .grid3 > div{
	width: 90%;
}
div#shopping_culture .grid3 > div img{
	border-radius: 35px;
}

#location_parksports{
	padding: 0 0 50px;
	position: relative;
}

div#location_parksports_title{
	box-sizing: border-box;
	width: 100%;
	position: relative;
	z-index: 10;
	padding: 30px;
	margin: 0 auto 20px;
	background: rgb(151,141,72);
background: -webkit-linear-gradient(left, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
background: -o-linear-gradient(left, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
background: linear-gradient(to right, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
	color: white;
}
div.location_parksports_title_text{
	width: 90%;
	margin: 0 auto;
}
div.location_parksports_title_text p{
	text-align: left;
}

#location_parksports .grid1{
	width: 90%;
	margin: 0 auto 50px;
}

div#zenpuku{
	width: 70%;
	margin: 0 auto 35px;
}

div#zenpuku_round{
	width: 100%;
	margin: 0 auto;
}

div#zenpuku_round h5,
div#zenpuku_round p{
	padding: 0 20px;
	text-align: left;
}
div#zenpuku_round h5{
	margin-top: 12px;
}

div#park_and_sports{
	width: 90%;
	margin: 0 auto;
}
h3.park_sports_h3{
	width: 100%;
	margin: 0 auto 0;
	padding-bottom: .25em;
	border-bottom: 2px solid rgb(118 157 45 / .3);
	font-size: 1.75em !important;
	/*font-family:'Roboto', sans-serif; */
	font-family:'Noto Serif JP', serif;
	font-weight: 400 !important;
	letter-spacing: .5em;
}
div#park_shop{
	width: 90%;
	margin: 0 auto;
}
div#park_shop p{
	margin-top: 12px;
	line-height: 1.45em;
}

div#benri{
	margin: 0 auto 30px;
	padding: 50px 5%;
	background: #f5f2eb;
}

div#benri h5{
	margin-bottom: 0;
	padding-bottom: .25em;
	border-bottom: 2px solid rgb(118 157 45 / .3);
	/*font-family:'Roboto', sans-serif; */
	font-size: 1.75em !important;
	font-family:'Noto Serif JP', serif;
	font-weight: 400;
	letter-spacing: .5em;
}
div#info_last_round{
	margin-top: 100px;
}

div#location_residential{
	padding: 50px 5%;
}
div#location_residential .grid1,
div#location_residential .grid3{
	width: 70%;
	margin: 0 auto;
}
#redidential_map{
	width: 90%;
	margin: 0 auto;
}
#redidential_map_text h3{
	text-align: left;
}
#redidential_map_text p{
	text-align: left !important;
}
div#location_residential_cap{
	width: 90%;
	margin: 0 auto;
}
div#location_residential_cap.grid2 h4{
	padding: .25em;
	background: #f5f2eb;
}
div#location_residential_cap.grid2 p{
	margin-top: 15px;
	text-align: left;
}

div#location_grumet{
	padding: 25px 5%;
}
div#location_grumet_inner{
	padding: 7px;
	background: white;
}
div#location_grumet_inner_line{
	padding: 30px;
	border: 2px solid rgb(0 0 0 / .2);
}
div#location_grumet .grid3{
}
div#location_grumet img{
	margin-bottom: 10px;
	border-radius: 2px;
}
section#subcontent div#location_grumet h4{
	margin-bottom: 5px;
}
div#location_grumet p{
	text-align: left;
}
div#location_grumet p.grumet_time{
	background: #dae2e3;
	margin-bottom: 10px;
	padding: .05em;
	font-size: 1.05em;
	text-align: center;
}

div#location_ogikugo{
	padding: 0 0 0;
	background: #f8e3aa;
}
div#ogikubo_main.grid2{
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div#ogikubo_main.grid2 #ogikubo_title{
	padding-left: 10%;
}
div#ogikubo_lumine{
	background: rgb(255 255 255 / 0);
	border: 1px solid rgb(255 255 255 / 1);
	margin-top: 20px;
	padding: 15px;
}
div#ogikubo_main.grid2 #ogikubo_title h4,
div#ogikubo_main.grid2 #ogikubo_title h5{
	margin-bottom: 0;
}
div#ogikubo_main.grid2 #ogikubo_title p{
	margin-bottom: 0;
	text-align: left;
}
div#ogikubo_map{
	width: 50%;
	margin: 0 auto;
}
div#ogikubo_sub,
div#ogikubo_sub_002{
	width: 90%;
	margin: 35px auto 0;
	text-align: left;
}
div#ogikubo_sub_002{
	margin-bottom: 35px;
}
div#ogikubo_sub h6,
div#ogikubo_sub_002 h6{
	margin-bottom: 7px;
	
}
div#ogikubo_sub img,
div#ogikubo_sub_002 img{
	margin-bottom: 12px;
}
div#location_ogikugo span{
	color: rgb(237 116 105 / 1);
}
div#ogikubo_shoutengai{
	padding: 50px;
	background: white url("../images/location/location_ogikubo_shoutengai.png") no-repeat right top;
	background-size: 300px auto;
	text-align: left;
}

div#ogikubo_shoutengai_title{
	padding:0 300px 35px;
	text-align: center;
}
div#ogikubo_shoutengai img{
	border-radius: 12px;
	margin-bottom: 12px;
}

div#location_kichijoji{
	background: #d5e8cb;
}
div#location_kichijoji_head{
	background: url("../images/location/location_kichijoji_000.jpg") no-repeat 50% 50%;
	background-size: 100% auto;
	margin-bottom: 30px;
	padding: 100px 0;
	position: relative;
	color: white;
}
div#location_kichijoji_head_time{
	width: 100px;
	height: 100px;
	
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
	
	background: #009d8a;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.25em;
	font-weight: 300;
	color: white;
	line-height: 1.65em;
	text-align: center;
}
div#location_kichijoji_head_time span{
	display: block;
}
div#location_kichijoji_head_time strong{
	font-size: 1.5em;
	font-weight: 300;
}
div#kichijoji_map.grid2{
	width: 80%;
	margin: 0 auto;
}
div#kichijoji_map .grid2{
	margin-top: 15px;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div#kichijoji_map h4::first-letter{
	color: #f08200;
}
div#kichijoji_map.grid2 h4{
	margin-bottom: 0;
	text-align: left;
	
}
div#kichijoji_map.grid2 p{
	text-align: left;
}
div#kichijoji_shop_3.grid3{
	width: 90%;
	margin: 0 auto;
	
}
div#kichijoji_shop_3.grid3 h4,
div#kichijoji_shop_3.grid3 h5,
div#kichijoji_shop_3.grid3 p{
	margin-bottom: 3px;
	text-align: left;
}
div#kichijoji_shop_final.grid2{
	width: 95%;
	margin: 0 0 0 auto;
	justify-content: flex-end;/*右寄せ*/
}
div#kichijoji_shop_final.grid2 h4,
div#kichijoji_shop_final.grid2 h5,
div#kichijoji_shop_final.grid2 p{
	margin-bottom: 3px;
	text-align: left;
}
div#kichijoji_shop_3.grid3 h4::first-letter,
div#kichijoji_shop_final.grid2 h4::first-letter{
	color: #f08200;
}
div.kichijoji_shop_final_text{
	padding: 10px 75px 0;
}

div#location_info{
	margin-bottom: 50px;
	padding: 50px 0;
	background: rgb(151,141,72);
background: -webkit-linear-gradient(left, rgba(151,141,72,1) 0%, rgba(78,71,23,1) 100%);
background: -o-linear-gradient(left, rgba(151,141,72,1) 0%, rgba(78,71,23,1) 100%);
background: linear-gradient(to right, rgba(151,141,72,1) 0%, rgba(78,71,23,1) 100%);
	color: white;
}
div#location_info > h3{
	font-family:'Roboto', sans-serif;
	font-weight: 500;
}
div#map_photo img{
	width: 70%;
	height: auto;
	border: 3px solid rgb(0 0 0 / .05);
	box-shadow: 4px 4px 4px rgb(0 0 0 / .05);
}
div#location_info_image{
	width: 70%;
	margin: 0 auto 50px;
}
div#life_information_lists.grid3{
	width: 90%;
	margin: 0 auto 50px;
}
div#life_information_lists.grid3 h4{
	margin-bottom: 0;
	padding: .5em;
	background: rgb(0 0 0 / .4);
	border: 1px solid rgb(255 255 255 / .2);
	font-size: 1.05em;
	line-height: 1em;
}
div#life_information_lists.grid3 ul{
	margin-bottom: 30px;
	text-align: left;
}
div#life_information_lists.grid3 ul li{
	padding: 7px 0;
	border-bottom: 1px solid rgb(255 255 255 / .2);
	
	font-size: smaller;
	font-weight: normal !important;
	letter-spacing: 0;
	
	display: block; /* ブロック化 */
	clear: both; /* 回り込み解除 */
	text-align: right; /* テキストを右寄せ */
}
div#life_information_lists.grid3 ul li strong,
div#life_information_lists.grid3 ul li em{
font-style:normal;
text-decoration:none;
}
div#life_information_lists.grid3 ul li strong{
float: left; /* 回り込み指定 */
text-align:left;
}
div#life_information_lists.grid3 ul li em{
}
div#information_zenpukuji img{
	border-radius: 10px 0 0 10px;
}

/*----------------------------------------
 デザイン
----------------------------------------*/
section#subcontent.design h2{
	font-size: 2.2em;
}
div.design_title{
	width: 90%;
	margin: 0 auto;
}

div#exterior_001{
	
}
div#exterior_002{
	width: 70%;
	margin: 0 0 0 auto;
}
div#exterior_002 img{
	border-radius: 100px 0 0 10px;
}
div#exterior_002_sub{
	width: 65%;
	margin: 50px 0 0 25px;
}
div#exterior_002_sub img{
	border-radius: 10px;
	box-shadow: 20px 20px 20px rgb(0 0 0 / .2);
}
div#exterior_003{
	width: 100%;
	margin: 0 auto;
}
div#exterior_003 .design_photo{
	width: 70%;
}
div#design_material{
	box-shadow: 20px 20px 20px rgb(0 0 0 / .25);
	width: 40%;
	overflow: hidden;
	margin: 30px 50px 100px auto;
}
div#interior_001{
	
}
div#interior_002{
	width: 50%;
	margin: -100px auto 0 80px;
}
div#interior_002 img{
	box-shadow: 20px 20px 20px rgb(0 0 0 / .25);
}
div#interior_three{
	width: 70%;
	margin: 0 auto;
}
div#interior_three_001{
	margin-top: -25px;
}
div#interior_three_002{
	
}
div#interior_three_003{
	margin-top: 25px;
}

div#walldoor{
	width: 100%;
	margin: 50px auto 0;
	padding: 50px 0;
	background: rgb(0 0 0 / .85);
	color: white;
}
div#walldoor .grid2{
	width: 80%;
	margin: 0 auto;
}

div#interior_003{
	width: 60%;
	margin: 0 auto;
}
div#interior_strage{
	width: 70%;
	margin: 0 auto 100px;
}

/*----------------------------------------
 QUALITY（設備・仕様）
----------------------------------------*/
section#subcontent.quality{
	width: 100%;
	margin-bottom: 50px
}

section#subcontent.quality > h2{
	font-size: 1.45em;
}

/*--各セクションタイトル--*/
section#subcontent.quality div#quality_kitchen h2{
	background:  url("../images/quality/head_kitchen.jpg") no-repeat center center;
	background-size: 100% auto;
	margin-bottom: 0;
	padding: 40px 2em;
	font-size: 1.45em;
	text-align: left;
	letter-spacing: .55em;
}
section#subcontent.quality div#quality_bathroom h2{
	background:  url("../images/quality/head_bathroom.jpg") no-repeat center center;
	background-size: 100% auto;
	margin-bottom: 0;
	padding: 40px 2em;
	font-size: 1.45em;
	text-align: left;
	letter-spacing: .55em;
}
section#subcontent.quality div#quality_powderroom h2{
	background:  url("../images/quality/head_powderroom.jpg") no-repeat center center;
	background-size: 100% auto;
	margin-bottom: 0;
	padding: 40px 2em;
	font-size: 1.45em;
	text-align: left;
	letter-spacing: .55em;
}
section#subcontent.quality div#quality_restroom h2{
	background:  url("../images/quality/head_restroom.jpg") no-repeat center center;
	background-size: 100% auto;
	margin-bottom: 0;
	padding: 40px 2em;
	font-size: 1.45em;
	text-align: left;
	letter-spacing: .55em;
}

/*--クオリティ共通--*/
div#quality_kitchen > div,
div#quality_bathroom > div,
div#quality_powderroom > div,
div#quality_restroom > div{
	padding: 50px 50px 0;
}
section#subcontent.quality h5,
section#subcontent.quality div#quality_bathroom h5,
section#subcontent.quality div#quality_powderroom h6,
section#subcontent.quality div#quality_restroom h6{
	margin-bottom: 10px;
	padding: .35em;
	background: #f4f6eb;
	color: #858f50;
	line-height: 1.25em;
	letter-spacing: .05em;
}
section#subcontent.quality h5 span{
	font-size: .7em;
}
section#subcontent.quality p{
	margin-bottom: 10px;
	text-align: left;
}

section#subcontent.quality ul li{
	margin-bottom: 6px;
	padding: .15em;
	background: rgb(0 0 0 / .6);
	border-radius: 6px;
	color: white;
}

/*--kitchen--*/
section#subcontent.quality div#quality_kitchen{
}
section#subcontent.quality div#quality_kitchen h4{
	background: #858f50;
	margin: 0;
	padding: 7px 1.5em;
	font-size: .85em;
	text-align: center;
	color: white;
}
#alltype3 img{
	border-radius: 12px;
}

/*--bathroom--*/
section#subcontent.quality div#quality_bathroom h6{
	margin-bottom: 10px;
	padding: .1em;
	background: #858f50;
	color: white;
}

/*----------------------------------------
 MAP（案内図）
----------------------------------------*/
section.map{
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

p.map_add{
font-size:1.25em;
color:#ffffff;
line-height:1.3em;
background:#181311;
margin-top:20px;
padding-top:.7em;
padding-bottom:.7em;
text-align: center !important;
}

a.googlemap{
font-size:1.3em;
letter-spacing:.2em;
display:block;
padding-top:.5em;
padding-bottom:.5em;
margin-top:20px;
}
a.googlemap:link,
a.googlemap:visited{
color:#777777;
background:#ffffff;
border:3px solid #ddd;
}
a.googlemap:hover,
a.googlemap:active{
color:#ffffff;
background:#aaaaaa;
border:3px solid #aaa;
}

a.btn_print{
font-size:1.3em;
letter-spacing:.2em;
display:block;
padding-top:.5em;
padding-bottom:.5em;
margin-top:20px;
}
a.btn_print:link,
a.btn_print:visited{
color:#777777;
background:#ffffff;
border:3px solid #ddd;
}
a.btn_print:hover,
a.btn_print:active{
color:#ffffff;
background:#aaaaaa;
border:3px solid #aaa;
}
/* 20240905 */
.pc .map_img{
	width: 60%;
	margin: 0 auto;
}
.pc .map_img img{
	width: 100%;
}
section.map h3{
	margin-bottom: 10px;
	padding-bottom: .1em;
	border-bottom: 2px solid rgb(0 0 0 / .15);
	font-size: 2.25em;
}

/*----------------------------------------
 物件概要
----------------------------------------*/
body#sub-body section#subcontent.outline{
width:90% !important;
margin:0 auto;
}

body#sub-body section#subcontent div.outline-content{
margin-top:50px;
margin-bottom:60px;
}

body#sub-body section#subcontent div.outline-content h2{
margin-bottom:10px;
text-align:left;
}

body#sub-body section#subcontent div.outline-content h2:nth-of-type(2){
text-align:left;
font-size:16px;
letter-spacing:0;
border:none;
margin-bottom:5px;
}

body#sub-body section#subcontent div.outline-content h2:nth-of-type(1),
body#sub-body section#subcontent div.outline-content h2:nth-of-type(3),
body#sub-body section#subcontent div.outline-content h2:nth-of-type(4){
text-align:left;
font-size:16px!important;
border:none;
margin-top:35px;
margin-bottom:0;
}

/*----------------------------------------
 Safety
----------------------------------------*/
section#subcontent.safety{
	margin-bottom: 50px;
}
section#subcontent.safety > div{
	padding: 0 5%;
}

/*--セーフティ共通--*/
section#subcontent.safety h4{
	margin-bottom: 10px;
	padding: .25em;
	background: #858f50;
	font-size: 1.25em;
	color: white;
}
section#subcontent.safety h5{
	margin-bottom: 10px;
	padding: .25em;
	background: #f3f0e9;
	font-size: 1.25em;
	line-height: 1.35em;
	color: #858f50;
}
section#subcontent.safety h5 small{
}
section#subcontent.safety p{
	text-align: left;
}
div#safety_safety,
div#safety_multimedia,
div#safety_afterservice,
div#safety_amenity,
div#safety_structure{
	margin-bottom: 55px;
	padding: 35px 35px 35px 35px;
}
div#safety_safety h2,
div#safety_multimedia h2,
div#safety_afterservice h2,
div#safety_amenity h2,
div#safety_structure h2{
	margin-bottom: 15px;
	padding: .1em 1em;
	border-bottom: 1px solid #858f50;
	font-size: 1.75em;
	color: #858f50;
	text-align: left;
}

/*--safety--*/
div#safety_safety div#handsfree{
	background: #f3f0e9;
	margin-bottom: 30px;
	padding: 25px;
}
p.security_photo_small{
	width: 60%;
	margin: 0 auto;
}
section#subcontent.safety h6{
	margin-bottom: 10px;
	text-align: left;
}
section#subcontent.safety h6.num{
	position: relative;
	top:2px;
	
	width: 20px;
	height: 20px;
	background: #c88c0e;
	
	font-size:10px;
	font-weight: 500;
	text-align: center;
	color: white;
}
section#subcontent.safety h6 small{
	font-size: smaller;
}

.img_40{
	width: 40%;
	margin: 0 auto;
}

.img_60{
	width: 60%;
	margin: 0 auto;
}
.img_80{
	width: 80%;
	margin: 0 auto;
}

div#aujcom h5 small{
	display: block;
	padding-left: .7em;
	padding-right: .7em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: .5em;
}

/*----------------------------------------
 間取り plan
----------------------------------------*/
body#sub-body section#subcontent.plan{
width:90% !important;
margin:0 auto;
}

/*----------------------------------------
 印刷
----------------------------------------*/

@media print{
html,body{
height:auto !important;
}	

header {
height:100px;
display:none;
}
	
.hamburger,
.globalMenuSp{
display:none;
}

div.main_title{
display:none;
}

main {
padding-top:0;
}

.nav{
display:none;
}

.print_no,
.to-top{
display:none;
}

.main_title{
display:none;
}

.pankuzu{
display:none;
}

.map_img{
width:80%;
margin:0 10% 10px 10%;
}

#contact{
display:none;
}

section#company{
display:none;
}

footer{
display:none;
}

}

@media screen and (max-width:896px) {
/*----------------------------------------
ハンバーガーメニューボタン
----------------------------------------*/
.hamburger {
 width: 50px;
 height: 50px;
 cursor: pointer;
 text-align: center;
}

.hamburger span {
 display: block;
 position: absolute;
 width: 30px;
 height: 2px;
 left: 10px;
 background: rgb(255 255 255 / .5);
 transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
 top: 12px;
}

.hamburger span:nth-child(2) {
 top: 19px;
}

.hamburger span:nth-child(3) {
 top: 26px;
}

.hamburger span:nth-child(4) {
 top: 33px;
}

.hamburger span:nth-child(4) {
 width: 40px;
 height: 1.35em;
 background: none;
 left: 5px;
 font-family: 'Roboto', sans-serif;
 font-size: 0.7em;
 font-weight: 700;
 color: rgb(255, 255, 255);
 letter-spacing: 0.2em;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
 top: 19px;
 left: 10px;
 background: rgb(255 255 255 / .5);
 transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
 top: 19px;
 background: rgb(255 255 255 / .5);
 transform: rotate(45deg);
}

/* メニュー背景 */
nav.globalMenuSp {
 color: rgb(255 255 255 / 1);
 text-align: center;
 width: 100%;
 min-height: 100%;
 transform: translateY(-100%);
 transition: all 0.6s;
}

nav.globalMenuSp.active {
 transform: translateY(0);
}

nav.globalMenuSp ul {
margin:15% auto auto;
padding:0;
width:100%;
display:grid;
grid-template-columns:1fr 1fr;
gap:0;
}
nav.globalMenuSp ul li {
max-width:100%;
transition: 0.4s all;
list-style-type: none;
font-size: 1.25em;
line-height: 1.55em;
letter-spacing: 0.2em;
}
nav.globalMenuSp ul li a span {
display: block;
font-size: .6em;
letter-spacing: 0.35em;
}
nav.globalMenuSp ul li a {
display: block;
padding: 13px;
color:rgb(255 255 255 / 1);
}
nav.globalMenuSp ul li a:hover,
nav.globalMenuSp ul li a.current {
background: rgb(255 255 255 / .15);
}

nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
}

/* ページ未解説リンク */
a.linkno{
pointer-events:none;
opacity:.5;
}
	
/*----------------------------------------
 キャプション
----------------------------------------*/
p.cap{
	margin-left: 1em;
	text-indent: -1em;
	font-size: 9px !important;
	text-align: left;
}
p.cap_noindent{
	margin-top: -10px;
	font-size: 9px !important;
	text-align: left;
	line-height: 1.3em;
}
p.cap_outer_left{
	margin-top: 5px;
	font-size: 9px !important;
	text-align: left !important;
}
p.cap_outer_right{
	font-size: 9px !important;
	text-align: right !important;
}
p.cap_outer_right_white{
	font-size: 9px !important;
	text-align: right !important;
	color: white;
}
p.cap_outer_center{
	font-size: 9px !important;
	font-weight: 600;
	text-align: center!important;
}
p.cap_inner_right{
	padding-right: 1em;
	position: relative;
	top: -25px;
	z-index: 888;
	font-size: 9px !important;
	text-align: right !important;
}
p.cap_inner_right_white{
	padding-right: 0;
	position: relative;
	top: -25px;
	right: 9px;
	z-index: 888;
	color: white;
	font-size: 9px !important;
	text-align: right !important;
}
p.cap_inner_left_white{
	position: relative;
	padding-left: 0;
	top: -25px;
	left: 9px;
	z-index: 888;
	color: white;
	font-size: 9px !important;
	text-align: left!important;
}
p.cap_inner_toppage_left{
	margin-bottom: -20px;
	padding: 0 0;
	padding-left: 5px;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	text-align: left;
}
p.cap_inner_toppage_right{
	margin-bottom: -20px;
	padding: 0 0;
	padding-right: 5px;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	text-align: right;
}
p.cap_inner_toppage_left_white{
	margin-bottom: -20px;
	padding: 0 0;
	padding-left: 5px;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	color: white;
	text-align: left;
}
p.cap_inner_toppage_right_white{
	margin-bottom: -20px;
	padding: 0 0;
	padding-right: 5px;
	position: relative;
	top: -20px;
	font-size: 9px !important;
	color: white;
	text-align: right;
}
	

/*----------------------------------------
 header
----------------------------------------*/
body#top-body header{
margin-bottom:0;
background-image:url(../images/top_mv_002_sp.png);
aspect-ratio:1 / 1.3333333;
}
#header_inner{
display:grid;
grid-template-columns:1fr;
justify-content:space-between;
margin-top:0;
}
header h2.logo{
width:200px;
height:auto;
}

/* pankuzu */
.pankuzu {
display:none;
}

/*----------------------------------------
 footer
----------------------------------------*/
.footer_info{
display:grid;
grid-template-columns:1fr;
width:90%;
margin:0 auto;
}
div.footer_right.box_20 img{
width:200px;
}
div#footer_bottom{
width:100%;
margin:35px auto 0;
padding-top:25px;
padding-bottom:90px;
}
	
/*----------------------------------------
 下層ページ共通
----------------------------------------*/
	
section#subcontent{
	font-size: 1.05em;
}
section#subcontent h2{
	margin-bottom: 15px;
	font-size: 2.25em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h3{
	margin-bottom: 15px;
	font-size: 1.55em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h4{
	margin-bottom: 15px;
	font-size: 1.35em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h5{
	margin-bottom: 15px;
	font-size: 1.15em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent h6{
	margin-bottom: 15px;
	font-size: 1.05em;
	font-weight: 300;
	letter-spacing: .25em;
}
section#subcontent p{
	margin-bottom: 15px;
	font-size: /*1.1em*/13px !important;
	font-weight: 300;
	text-align: left;
	letter-spacing: .05em;
}
section#subcontent li{
	font-size: 1.1em;
}
	
/* subpage menu */
div.subpage_menu.grid2{
	width: 90%;
	margin: 40px auto;
}
	
/*----------------------------------------
 top
----------------------------------------*/
/* 行動提起 */
body#top-body .lead{
margin:0 auto 50px;
z-index:33;
}
body#top-body .lead_inner{
width:90%;
margin:0 auto;
display:grid;
grid-template-columns:1fr;
grid-template-rows:1fr 1fr 1fr;
place-items:center;
}
body#top-body .lead_inner div{
border-right:none;
border-top:1px solid rgb(0 0 0 / .3);
}
body#top-body .lead_inner div:first-of-type{
border:none;
}
body#top-body .lead_inner h2{
width:100%;
padding:.5em;
padding-left:1.5em;
padding-right:1.5em;
font-size:1.55em;
text-align:center;
line-height:1.95em;
letter-spacing:.25em;
}
body#top-body .lead_inner h2 span.expansion{
font-size:1.75em;
}
body#top-body .lead_inner h2 span.expansion_max{
font-size:2.4em;
}
body#top-body .lead_inner h2 a:link,
body#top-body .lead_inner h2 a:visited,
body#top-body .lead_inner h2 a:hover,
body#top-body .lead_inner h2 a:active{
color:rgb(51 51 51 / 1);
}
/* 行動提起 */
/*----------------------------------------
 Information
----------------------------------------*/
section#information{
width:90%;
margin:0 auto 55px;
}
section#information h2{
font-size:1em;
letter-spacing:.5em;
margin-bottom:5px;
}
div#information_content{
background:rgb(255 255 255 / 1);
border:1px solid rgb(122 136 65 / .5);
padding:15px;
padding-bottom:0;
}
/*----------------------------------------
 top content
----------------------------------------*/
section#top_access,
section#top_location,
section#top_design,
section#top_plan,
section#top_quality,
section#top_safety,
section#top_modelroom{
margin-bottom:170px;
}

div.top_content{
display:grid;
grid-template-columns:1fr;
grid-template-rows:1fr;
gap:0;
z-index:1;
position:relative;
background:none;
}
div.top_content div.top_content_photo.top_content_right{
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
div.top_content div.top_content_photo.top_content_left{
clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

div.top_content_text{
display:flex;
justify-content:center;/*左右センター*/
align-items:center;/*天地中央*/
margin-bottom: 30px;
padding:1em;
padding-left:1.5em;
padding-right:1.5em;
}
div.top_content_text_aj{
}
div.top_content_text h3{
margin-bottom:10px;
font-size:2em;
line-height:2em;
letter-spacing:.2em
}
div.top_content_text h3 strong{
font-size:1.75em;
font-weight:500;
}
h2.top_content_text_title{
margin-bottom:10px;
font-size:1.45em;
letter-spacing:.75em;
}
p.top_content_cap{
margin-bottom: 10px;
padding-left:.5em;
padding-right:.5em;
font-size:1.3em;
line-height:2em;
}
div.top_content_sub_round{
display:grid;
grid-template-columns:1fr 1fr;
justify-content:flex-start;/*左寄せ*/
}
.top_content_sub,
div.top_content_sub_round{
width:50%;
position:relative;
z-index:5;
}
section#top_access .top_content{/*アクセスメイン*/
margin-bottom:15px;
}
p.top_content_sub_access{/*アクセスサブ*/
width:45%;
height:auto;
/*top:-70px;
left:60%;*/
margin-top:-55px;
margin-left:45%;
}
p.top_content_sub_access img{/* アクセスサブ */
border-radius:5px;
}
p.top_content_sub_plan{/*プランサブ*/
width:35%;
height:auto;
margin-top:-10px;
margin-left:33%;
}
div.top_content_sub_round p.top_content_sub_002{/*ロケーションサブ002*/
width:120%;
height:auto;
margin-top:5px;
margin-left:-15px;
}
div.top_content_sub_round p.top_content_sub_002 img{/*ロケーションサブ002*/
border-radius:15px;
}
div.top_content_sub_round p.top_content_sub_001{/*ロケーションサブ001*/
width:100%;
height:auto;
margin-top:60px;
margin-left:150px;
}
div.top_content_sub_round p.top_content_sub_001 img{/*ロケーションサブ001*/
border-radius:5px;
}
section#top_quality div.top_content_sub_round{
margin-left:40%;
}
div.top_content_sub_round p.top_content_sub_004{/*クオリティサブ*/
width:150%;
height:auto;
margin-left:20px;
margin-top:-70px;
}
div.top_content_sub_round p.top_content_sub_004 img{/*クオリティサブ*/
border-radius:12px;
}
div.top_content_sub_round p.top_content_sub_003{/*クオリティサブ*/
width:130%;
height:auto;
margin-left:-10px;
margin-top:-10px;
}
div.top_content_sub_round p.top_content_sub_003 img{/*クオリティサブ*/
border-radius:1px;
}

/*----------------------------------------
 下層ページ共通
----------------------------------------*/

/*----------------------------------------
 main_title
----------------------------------------*/
.main_title{
background-size:150% auto;
}

/*----------------------------------------
 ACCESS
----------------------------------------*/
section#subcontent.access{
	width: 100%;
}
div#access_title{
	width: 90%;
	margin: 0 auto;
}
section#subcontent.access h4{
	font-size: 1.75em;
	font-weight: 300;
	letter-spacing: .15em;
	line-height: 1.75em;
	margin-bottom: 15px;
}
section#subcontent.access h4 strong{
	display: inline-block;
	margin: 0 6px;
	font-weight: inherit;
}
section#subcontent.access h4 strong.bigger{
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 2.5em;
	font-weight: 500;
	color: #A23E40;
}

section#subcontent.access div#access_rosen001 h4{
	margin-bottom: 35px;
}
section#subcontent.access div#access_rosen001 img{
	width: 100%;
	height: auto;
}

div#access_time{
	margin: 0 5%;
	width: 90%;
}
div#access_time h4{
	text-align: center;
	line-height: 2.25em !important;
}
div#access_time h4 strong{
	display: inline-block;
	position: relative;
	top: -5px;
	font-size: 1.45em;
}
div#access_time h4 span{
	display: block;
}

/*——　文字の右にラインを消す　——*/
div#access_time h4,
div.bg_yellow h3,
div.bg_lightblue h3{
display: inherit;
align-items: center;
}


div#access_time > div{
	margin-bottom: 0;
	justify-content: space-around;
	text-align: left;
}	
div#access_time > div　> div{
	padding-bottom: 15px;/*  sp */
}
div#access_time > div h5{
	margin-bottom: 0;
	padding-top: 0;
	border-top: 2px solid rgb(0 0 0 / .1);
	font-size: 1.45em;
	font-weight: 300;
	text-align: center;
	letter-spacing: .15em;
}
div#access_time > div h5 strong{
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 2.75em;
	font-weight: inherit;
	color: #A23E40;
}
div#access_time > div h5 span{
	display: inline-block;
	margin: 0 .3em;
	padding: 0em .45em;
	position: relative;
	top: -.25em;
	background: rgb(0 0 0 / .5);
	font-size: .7em;
	font-weight: 600;
	color: white;
}
p.cap_access{
	font-size: .6em;
	line-height: 1.8em;
}
div#access_time > div p.cap_access{
	text-align: center;
}

div.bg_yellow h3,
div.bg_lightblue h3{
	text-align: left;
	line-height: 1.35em;
}
div.bg_yellow img,
div.bg_lightblue img{
	width: 100%;
	height: auto;
}
div.bg_yellow{
	padding:50px 5%;
	background: #f9f7eb;
}
div.bg_lightblue{
	padding:50px 5%;
	background: #e4eff3;	
}

/*----------------------------------------
 LOCATION
----------------------------------------*/
section#subcontent.location{
	width: 100%;
}
	
div#location_title{
	width: 90%;
	margin: 0 auto;
}
div#location_shopping > h2{
	margin-bottom: 30px;
	font-size: 2em;
}
section#subcontent.location h3{
	margin-bottom: 0;
}	

section#subcontent.location h4{
	font-size: 1.45em;
	font-weight: 300;
	letter-spacing: .25em;
	line-height: 2.2em;
	margin-bottom: 5px;
}
section#subcontent.location h4 strong{
	display: block;
	margin: 25px 6px;
	font-size: 1.45em;
	font-weight: inherit;
}
section#subcontent.location h4 strong.bigger{
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 2.5em;
	font-weight: 500;
	color: #A23E40;
}
p.cap_photo{
	margin-top: 5px;
	margin-right: 5px;
	text-align: right;
}

div#location_shopping{
	background: #f5f2eb;
	padding: 50px 0;
}

div#life_text p{
	text-align: left;
}

div#kinokuniya_text{
	padding: 0 50px 0 50px;
}
div#kinokuniya_photo img{
	width: 80%;
	margin: 10px auto 0;
	border-radius: 60px 0 0 0;
}
	
div#shopping3.grid3{
	width: 80%;
	margin: 20px auto;
}
div#shopping3.grid3 p{
	text-align: right;
}

div#life_text{
	padding: 0 5% 0 5%;
	position: relative;
	left:0;
	text-align: center;
}

#shopping_street{
	background:;
	margin: 0 auto;
	padding: 0 5%;
}
	
#shopping_street  span{
		color: rgb(118 171 177 / 1 );
}

#shopping_street_list img{
	width: 90%;
	margin: 10px auto;
}

div#shopping_street_list_text{
	display: flex;
	align-items:center;/*天地中央*/
	margin: 0 auto;
 	text-align: center;
}

#shopping_street_list.grid2 > div ul li{
	margin-bottom: 4px;
	text-align: left;
	font-size: 1.15em;
}
#shopping_street_list.grid2 > div ul li:first-letter{
	display: inline-block;
	margin-right: .75em;
	font-size: 1.25em;
	color: #639a91;
}
	
div#shopping_convenience{
	width: 80%;
	margin: 0 auto;
}
div#shopping_convenience p{
	text-align: center;
}
	
div#shopping_culture{
	width: 90%;
	margin: 35px auto 0;
}	
div#shopping_culture .grid3{
	width: 90%;
	margin: 0 auto;
}

div#shopping_culture .grid3 > div{
	width: 100%;
	margin: 0 auto;
}
div#shopping_culture .grid3 > div img{
	border-radius: 35px;
}
div#shopping_culture p{
	text-align: center;
}	
div#shopping_culture .grid4 p{
	text-align: right;
}	
	
div#shopping_street .grid4{
	width: 80%;
	margin: 0 auto;
}	
div#shopping_street .grid4 p{
	text-align: center;
}	

#location_parksports{
	padding: 50px 0;
	position: relative;
}

div#location_parksports_title{
	width: 100%;
	position: relative;
	z-index: 10;
	padding: 30px;
	margin: 0 auto 20px;
	background: rgb(151,141,72);
background: -webkit-linear-gradient(left, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
background: -o-linear-gradient(left, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
background: linear-gradient(to right, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
	color: white;
}
div#location_parksports_title_text{
	width: 95%;
}

#location_parksports .grid1{
	width: 100%;
	margin: 0 auto;
}

div#zenpuku{
	width: 90%;
	margin-bottom: 0;
}
div#zenpuku .grid2{
	width: 100%;
	margin: 0 auto;
}

div#zenpuku_round{
	width: 90%;
	margin: 0 auto;
}

div#zenpuku_round h5,
div#zenpuku_round p{
	padding: 0;
}
div#zenpuku_round h5{
	margin-top: 12px;
}
	
div#zenpuku_round .grid2 img{
	margin-bottom: 50px;
}
div#zenpuku_round p.cap_photo{
		text-align: right;
}
div#zenpuku p.cap_outer_right{
	top: 0px !important;
}	
	
h3.location_title_h3{
	margin-bottom: 30px !important;
}	

div#park_shop{
		width: 80%;
		margin: 0 auto;
}
div#park_shop p{
	text-align: right;
}
	
div#benri{
	width: 80%;
	margin: 0 auto 0;
	padding: 50px 10%;
	background: rgb(151,141,72);
background: -webkit-linear-gradient(left, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
background: -o-linear-gradient(left, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
background: linear-gradient(to right, rgb(151 141 72 / .8) 0%, rgb(78 71 23 / .9) 100%);
	color: white;
}	
div#benri h4{
	margin-bottom: 25px !important;
	line-height: 1.65em !important;
}	
div#benri h5{
	font-size: 1.75em;
	/*font-family:'Roboto', sans-serif; */
	font-family:'Noto Serif JP', serif;
	font-weight: 500;
	letter-spacing: .5em;
}
div#benri p{
	text-align: right;
}	
div#info_last_round{
	margin-top: 30px;
}

div#location_residential{
	padding: 50px 5%;
}
div#location_residential h3{
	margin-bottom: 25px !important;
}	
div#location_residential .grid1,
div#location_residential .grid3{
	width: 70%;
	margin: 0 auto;
}
div#location_residential p{
	text-align: right;
}	
#redidential_map{
	width: 90%;
	margin: 0 auto;
}
#redidential_map_text p{
	text-align: left !important;
}
div#location_residential_cap{
	width: 90%;
	margin: 0 auto;
}
div#location_residential_cap.grid2 h4{
	padding: .25em;
	background: #f5f2eb;
}
div#location_residential_cap.grid2 p{
	margin-top: 15px;
	text-align: center;
}

div#location_grumet{
	padding: 25px 5%;
}
div#location_grumet_inner{
	padding: 7px;
	background: white;
}
div#location_grumet_inner_line{
	padding: 30px;
	border: 2px solid rgb(0 0 0 / .2);
}
div#location_grumet h3{
	margin-bottom: 20px !important;
}	
div#location_grumet .grid3{
}
div#location_grumet img{
	margin-bottom: 10px;
	border-radius: 2px;
}
section#subcontent div#location_grumet h4{
	margin-bottom: 5px;
}
div#location_grumet p{
	text-align: left;
}
div#location_grumet p.grumet_time{
	background: #dae2e3;
	padding: .05em;
	font-size: 1.05em;
	text-align: center;
}

div#location_ogikugo{
	padding: 30px 0 50px;
	background: #f8e3aa;
}
div#location_ogikugo h3{
	margin-bottom: 20px !important;
}
div#ogikubo_main.grid2{
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div#ogikubo_main.grid2 #ogikubo_title{
	padding: 15px 10%;
}
div#ogikubo_lumine{
	background: rgb(255 255 255 / 0);
	margin-top: 20px;
	padding: 15px;
}
div#ogikubo_main.grid2 #ogikubo_title h4,
div#ogikubo_main.grid2 #ogikubo_title h5{
	margin-bottom: 0;
}
div#ogikubo_main.grid2 #ogikubo_title p{
	margin-bottom: 0;
	text-align: left;
}
div#ogikubo_map{
	width: 80%;
	margin-top: 35px;
}	
div#ogikubo_sub.grid2{
	width: 80%;
	margin: 35px auto 0;
}
div#ogikubo_sub h6,
div#ogikubo_sub p{
	text-align: left !important;
}
div#ogikubo_sub .grid2 h6 span{
	display: inline-block;
}
	
	
div#ogikubo_shoutengai{
	padding: 50px;
	background: white url("../images/location/location_ogikubo_shoutengai.png") no-repeat center 30px;
	background-size: 300px auto;
	text-align: center;
}

div#ogikubo_shoutengai_title{
	padding:100px 0 10px;
	text-align: center;
}
div#ogikubo_shoutengai h6{
	margin-bottom: 0;
}
div#ogikubo_shoutengai p{
	text-align: center;
}

div#location_kichijoji{
	background: #d5e8cb;
}
div#location_kichijoji_head{
	background: url("../images/location/location_kichijoji_000.jpg") no-repeat 50% 50%;
	background-size: 150% auto;
	margin-bottom: 20px;
	padding: 60px 5% 30px;
	position: relative;
	color: white;
}
div#location_kichijoji_head h3{
	margin-bottom: 20px !important;
}
div#location_kichijoji_head_time{
	width: 70px;
	height: 70px;
	
	display:flex;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
	
	background: #009d8a;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1em;
	font-weight: 300;
	color: white;
	line-height: 1.65em;
	text-align: center;
}
div#location_kichijoji_head_time span{
	display: block;
}
div#location_kichijoji_head_time strong{
	font-size: 1.5em;
	font-weight: 300;
}
div#kichijoji_map.grid2{
	width: 80%;
	margin: 0 auto;
}
div#kichijoji_map .grid2{
	margin-top: 15px;
	justify-content:center;/*左右センター*/
	align-items:center;/*天地中央*/
}
div#kichijoji_map h4::first-letter{
	color: #f08200;
}
div#kichijoji_map.grid2 h4{
	margin-right: 0;
	text-align: center;
	
}
div#kichijoji_map.grid2 p{
	border-left: none;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center;
}
div#kichijoji_shop_3.grid3{
	width: 80%;
	margin: 0 auto;
	
}
div#kichijoji_shop_3.grid3 h4,
div#kichijoji_shop_3.grid3 h5,
div#kichijoji_shop_3.grid3 p{
	margin-bottom: 3px;
	text-align: center;
}
div#kichijoji_shop_3.grid3 h4{
	margin-top: 25px;
}
div#kichijoji_shop_3.grid3 p{
	margin-bottom: 25px;
	text-align: left;
}
div#kichijoji_shop_final.grid2{
	width: 90%;
	margin: 0 0 0 auto;
	justify-content: center;/*右寄せ*/
}
div#kichijoji_shop_final.grid2 h4,
div#kichijoji_shop_final.grid2 h5,
div#kichijoji_shop_final.grid2 p{
	margin-bottom: 3px;
	padding-right: 5%;
	text-align: left;
}
div#kichijoji_shop_final.grid2 h4{
	margin-top: 25px;
}
div#kichijoji_shop_3.grid3 h4::first-letter,
div#kichijoji_shop_final.grid2 h4::first-letter{
	color: #f08200;
}
div.kichijoji_shop_final_text{
	padding: 0 0 0;
}

div#location_info{
	margin-bottom: 50px;
	padding: 50px 0;
	background: rgb(151,141,72);
background: linear-gradient(90deg, rgba(151,141,72,1) 0%, rgba(78,71,23,1) 100%);
	color: white;
}
div#location_info > h3{
	margin-bottom: 25px !important;
	font-family:'Roboto', sans-serif;
	font-weight: 500;
}
div#map_photo img{
	width: 90%;
	height: auto;
	border: 3px solid rgb(0 0 0 / .05);
	box-shadow: 4px 4px 4px rgb(0 0 0 / .05);
}
div#location_info_image{
	display: none;
}
div#life_information_lists.grid3{
	width: 90%;
	margin: 0 auto 50px;
}
div#life_information_lists.grid3 h4{
	margin-bottom: 0;
	padding: .75em;
	background: rgb(0 0 0 / .4);
	border: 1px solid rgb(255 255 255 / .2);
	font-size: 1.05em;
	line-height: 1em;
}
div#life_information_lists.grid3 ul{
	margin-bottom: 25px;
	text-align: left;
}
div#life_information_lists.grid3 ul li{
	padding: 13px 0;
	border-bottom: 1px solid rgb(255 255 255 / .2);
	
	font-size: 9px;
	font-weight:300;
	letter-spacing: 0;
	
	display: block; /* ブロック化 */
	clear: both; /* 回り込み解除 */
	text-align: right; /* テキストを右寄せ */
}
div#life_information_lists.grid3 ul li strong,
div#life_information_lists.grid3 ul li em{
font-style:normal;
text-decoration:none;
}
div#life_information_lists.grid3 ul li strong{
float: left; /* 回り込み指定 */
text-align:left;
}
div#life_information_lists.grid3 ul li em{
}
div#shopping_culture p.cap_outer_left{
	margin: 10px auto;
	text-align: center !important;
}
div#shopping_culture div{
	padding-bottom: 20px;
}
div#information_zenpukuji{
	width: 80%;
	margin: 0 auto;
}
div#information_zenpukuji img{
	border-radius: 0;
}

/*----------------------------------------
 デザイン
----------------------------------------*/
section#subcontent.design h2{
	font-size: 2.2em;
}
div.design_title{
	width: 90%;
	margin: 0 auto;
}

div#exterior_001{
	
}
div#exterior_002{
	width: 90%;
	margin: 0 0 0 auto;
}
div#exterior_002 img{
	border-radius: 100px 0 0 30px;
}
div#exterior_002_sub{
	width: 70%;
	margin: 20px 0 0 0;
}
div#exterior_002_sub img{
	border-radius: 0;
}	
div#exterior_003{
	width: 100%;
}
div#exterior_003 .design_photo{
	width: 100%;
}
div#design_material{
	width: 75%;
	margin: 20px 55px 60px auto;
}
div#interior_001{
	
}
div#interior_002{
	width: 50%;
	margin: -70px auto 50px 35px;
}
div#interior_three{
	width: 60%;
	margin: 0 auto;
}
div#interior_three_001{
	margin-top: 0;
}
div#interior_three_002{
	
}
div#interior_three_003{
	margin-top: 0;
}

div#walldoor{
	width: 100%;
	margin: 50px auto 0;
	padding: 50px 0;
	background: rgb(0 0 0 / .85);
	color: white;
}
div#walldoor .grid2{
	width: 80%;
	margin: 0 auto;
}

div#interior_003{
	width: 90%;
	margin: 0 auto;
}
div#interior_strage{
	width: 90%;
	margin: 0 auto 60px;
}
div#interior_strage .grid3{
	width: 70%;
	margin: 0 auto;
}

/*----------------------------------------
 QUALITY（設備・仕様）
----------------------------------------*/
#alltype3{
	margin-bottom: 50px !important;/* sp */
}	
	
/*----------------------------------------
 物件概要
----------------------------------------*/

/*----------------------------------------
 Safety
----------------------------------------*/
section#subcontent.safety{
	margin-bottom: 50px;
}
section#subcontent.safety > div{
	padding: 0 5%;
}

/*--セーフティ共通--*/
section#subcontent.safety h4{
	margin-bottom: 10px;
	padding: .25em;
	background: #858f50;
	font-size: 1.25em;
	color: white;
}
section#subcontent.safety h5{
	margin-bottom: 10px;
	padding: 15px .75em;
	background: #f3f0e9;
	font-size: 1.25em;
	line-height: 1.2em;
	color: #858f50;
}
section#subcontent.safety p{
	text-align: left;
}
div#safety_safety,
div#safety_multimedia,
div#safety_afterservice,
div#safety_amenity,
div#safety_structure{
	margin-bottom: 55px;
	padding: 35px 35px 35px 35px;
}
div#safety_safety h2,
div#safety_multimedia h2,
div#safety_afterservice h2,
div#safety_amenity h2,
div#safety_structure h2{
	text-align: center;/* sp */
}

/*--safety--*/
div#safety_safety div#handsfree{
	background: #f3f0e9;
	margin-bottom: 30px;
	padding: 25px;
}
p.security_photo_small{
	width: 45%;
	margin: 0 auto;
}
div#security_door.grid2 > div > div{
	margin-bottom: 0 !important;
}	
div#security_door.grid2 div div,
div#security_door.grid2 div div p {
	margin-bottom: 5px;
}	
div#security_door.grid2 .grid2 img{
	display: block;
	width: 50%;
	margin: -10px 3px 0 auto;
	text-align: right;
}
.img_60{
	width: 60%;
	margin: 0 auto;
}
.img_80{
	width: 80%;
	margin: 0 auto;
}

div#aujcom h5 small{
	display: block;
	padding-left: .7em;
	padding-right: .7em;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 1em;
	letter-spacing: .01em;
	line-height: 1.45em;
}
	
/*----------------------------------------
 間取り plan
----------------------------------------*/
body#sub-body section#subcontent.plan div#plan_content{
margin-bottom:35px;
}


/*----------------------------------------
 map
----------------------------------------*/
/* 20240905 */
.sp div.map_img{
	width: 100%;
	margin: 0 auto;
}
.sp .map_img img{
	width: 100%;
}
	
	
}