@charset "UTF-8";

/*===================================
共通
===================================*/
.flex {
display: -webkit-flex;
display: -ms-flex;
display: flex;
}

.inner {
max-width: 1200px;
width: 94%;
margin: 0 auto;
}

.inner_1000 {
max-width: 1000px;
width: 94%;
margin: 0 auto;
}

.cap_Txt {
position: absolute;
font-size: 10px;
bottom: 10px;
font-family: 'Shippori Mincho', serif;
font-feature-settings: "palt";
letter-spacing: 0;
}

.cap_R {
right: 5px;
}

.cap_L {
left: 5px;
}

.cap_W {
color: #fff;
}

.cap_B {
color: #333;
}
.cap_gr {
color: #989898;
}

.cap_ShW {
text-shadow: 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;
}

.cap_ShB {
text-shadow: 2px 0 2px #000, -2px 0 2px #000, 0 2px 2px #000, 0 -2px 2px #000;
}

.pc {
display: block;
}

.sp {
display: none;
}

figure {
line-height: 0;
}

img {
width: 100%;
}


.garamond{
font-family: 'Cormorant Garamond', serif;
}
.f-70 {
font-size: 70%;
}
.f-80 {
font-size: 80%;
}
.f-90 {
font-size: 90%;
}
.f-120 {
font-size: 120%;
}
.f-125 {
font-size: 125%;
}
.f-130 {
font-size: 130%;
}
.f-140 {
font-size: 140%;
}

.head_h1 {
position: absolute;
top: 20px;
left: 30px;
width: 400px;
}

/*　ハンバーガーボタン　*/
.hamburger {
display : block;
position: fixed;
z-index : 3;
right: 20px;
top: 12px;
width : 34px;
height: 42px;
cursor: pointer;
text-align: center;
z-index: 4;
}

.hamburger span {
display : block;
position: absolute;
width   : 34px;
height  : 2px ;
left    : 0px;
background : #fff;
-webkit-transition: 0.5s ease-in-out;
-moz-transition   : 0.5s ease-in-out;
transition        : 0.5s ease-in-out;
}
.hamburger span:nth-child(1) {
top: 0;
}
.hamburger span:nth-child(2) {
top: 10px;
}
.hamburger span:nth-child(3) {
top: 20px;
}
.hamburger > div {
position: relative;
top: 20px;
}
.hamburger > div::before {
content: "MENU";
color: #fff;
font-size: 10px;
top: 0;
left: 0;
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
top : 12px;
left: 0px;
background : #fff;
-webkit-transform: rotate(315deg);
-moz-transform   : rotate(315deg);
transform        : rotate(315deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
top: 12px;
background : #fff;
-webkit-transform: rotate(-315deg);
-moz-transform   : rotate(-315deg);
transform        : rotate(-315deg);
}
.hamburger.active > div::before {
content: "CLOSE";
color: #fff;
font-size: 10px;
top: 0;
left: 0;
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

nav.globalMenuSp {
display: none;
position: fixed;
z-index : 2;
top  : 0;
left : 0;
color: #fff;
background: rgba(0,0,0,0.8);
text-align: center;
width: 100%;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
}

nav.globalMenuSp ul {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0 auto;
padding: 0;
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}

nav.globalMenuSp ul li {
list-style-type: none;
padding: 0;
width: 50%;
transition: .4s all;
}
nav.globalMenuSp ul li:last-child {
padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
background :rgba(98, 98, 98, 0.7);
}


nav.globalMenuSp ul li a {
display: block;
color: #f9d297;
font-size: 1.6vw;
letter-spacing: 0.08em;
padding: 1.1em 0;
font-family: 'EB Garamond', serif;
text-decoration :none;
}
@media screen and (min-width: 1401px) {
nav.globalMenuSp ul li a {
font-size: 23px;
}
}
@media screen and (max-width: 1099px) {
nav.globalMenuSp ul li a {
font-size: 19px;
}
}



@media screen and (max-height: 800px) {
nav.globalMenuSp ul {
top: 45%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
nav.globalMenuSp ul li{
width: 50%;
}
/*リスト偶数*/
nav.globalMenuSp.active ul li::after {
    content: "";
    display: block;
    width: 96%;
    height: 1px;
    background: #fff;
    margin: 0 auto;
}
nav.globalMenuSp ul li a {
display: block;
letter-spacing: 0.08em;
padding: 1.4em 0;
}
}




/*クローズ・close*/
/*
nav.globalMenuSp ul li:nth-child(7) a{
pointer-events: none;
opacity: 0.3;
}
*/

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
position: fixed;
display: block;
opacity: 100;
transition: .4s all;
height: 100vh;
z-index: 3;
}
nav.globalMenuSp.active ul li::after {
content: "";
display: block;
width: 90%;
height: 1px;
background: #fff;
margin: 0 auto;
}
/*
nav.globalMenuSp.active ul li:not(:last-child)::after {
content: "";
display: block;
width: 90%;
height: 1px;
background: #fff;
margin: 0 auto;
}
*/
/*===================================
footer
===================================*/
footer {
width: 100%;
}

#page_top {
position: relative;
text-align: center;
background: #5b5b5b;
transition: 0.3s;
}

#page_top::before {
position: absolute;
content: '';
width: 10px;
height: 10px;
border-top: solid 1px #ffffff;
border-right: solid 1px #ffffff;
transform: rotate(-45deg) translate(-50%, 0);
top: 25%;
left: 50%;
transition: 0.3s;
}

#page_top a {
display: block;
color: #fff;
font-size: 14px;
font-family: 'Shippori Mincho', serif;
letter-spacing: 0.06em;
padding: 30px 0 12px;
transition: 0.3s;
}

#page_top:hover {
background: #5b5b5b;
transition: 0.3s;
}

#page_top:hover::before {
transform: rotate(-45deg) translate(-50%, 0);
top: 15%;
left: 50%;
transition: 0.3s;
}

#page_top a:hover {
padding: 30px 0 12px;
transition: 0.3s;
}

#corporate_Area {
width: 100%;
padding: 50px 0 60px;
margin: 0 auto;
background: #000;
text-align: center;
}

#corporate_Area .foot01 {
margin-bottom: 50px;
}

#corporate_Area .foot02 {
padding: 40px 0 0;
}

#corporate_Area .flex {
justify-content: center;
align-items: flex-start;
width: 94%;
margin: 0 auto;
}

#corporate_Area .foot_calltxt {
color: #fff;
margin-bottom: 10px;
font-family: 'Shippori Mincho', serif;
text-align: center;
}

#corporate_Area .foot_corpotate_Logo a {
display: block;
max-width: 170px;
margin: 0;
}

#corporate_Area p {
font-size: 14px;
transform: rotate(.028deg);
line-height: 1.5;
letter-spacing: 0.1em;
color: #fff;
}

#corporate_Area .foot_Tel a {
display: block;
pointer-events: none;
cursor: default;
}

#corporate_Area .foot_Tel a p {
color: #fff;
font-size: 50px;
font-family: 'Shippori Mincho', serif;
line-height: 1;
}

#corporate_Area .business_hours {
padding-top: 1em;
color: #fff;
font-size: 13px;
}

#corporate_Area p.postscript {
font-size: 15px;
text-align: center;
/*margin: 0 auto 12px;*/
margin: 0 auto 40px;
}

#corporate_Area p.postscript span {
display: inline-block;
line-height: 2.6;
transform: scale(0.5, 1.8);
}
#corporate_Area .ftr_nav {
margin: 0 auto;
border-top: 1px solid #555;
}
#corporate_Area .ftr_nav ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
max-width: 1400px;
color: #fff;
font-size: 13.2px;
letter-spacing: 0.02em;
line-height: 1;
margin: 0 auto;
font-family: "游明朝 Medium", YuMincho Medium , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#corporate_Area .ftr_nav ul li a{
display: block;
padding: 10px 10px;
transition: 0.3s;
}
#corporate_Area .ftr_nav ul li a:hover{
opacity: 0.4;
}
/*クローズ・close*/
/*
#corporate_Area .ftr_nav ul li:nth-child(7) a{
pointer-events: none;
opacity: 0.4;
}
*/



.ftr_logo {
padding-top: 50px;
margin: 0 auto;
color: #fff;
border-top: 1px solid #555;
}

/*
.ftr_logo ul li:nth-child(1){
margin-right: 60px;
}
*/
.ftr_logo ul li:nth-child(2){
/* margin-right: 30px; */
}

.ftr_logo ul li:nth-child(1) {
display: block;
width: 28.6%;
max-width: 286px;
}

.ftr_logo ul li:nth-child(2) {
width: 29.0%;
max-width: 290px;
display: none;
}
.ftr_logo ul li:nth-child(2) a.saibugus {
display: block;
width: 100%;
max-width: 307px;
margin-top: 10px;
}
/* .ftr_logo ul li:nth-child(3) {
width: 27.6%;
max-width: 276px;
}
.ftr_logo ul li:nth-child(3) img {
margin-top: 34px;
} */

.ftr_logo ul li h6 {
color: #fff;
font-size: 11px;
font-feature-settings: "palt";
padding-bottom: 10px;
font-family: 'Shippori Mincho', serif;
/*text-align: left;*/
text-align: center;
}

.ftr_logo a {
transition: 0.3s;
}

.ftr_logo a:hover {
transition: 0.3s;
opacity: 0.7;
}

.under_btn {
background: #000;
border-top: 1px solid #747474;
}

.under_btn > .flex {
/*justify-content: space-between;*/
align-items: center;
}

.under_list {
justify-content: flex-start;
width: 27%;
max-width: 800px;
}

.under_list li {
padding: 20px 0;
}

.under_list li a {
color: #fff;
font-size: 14px;
transition: 0.3s;
}

.under_list li:not(:last-child) {
margin-right: 10%;
}

.under_list li a:hover {
transition: 0.3s;
opacity: 0.7;
}

.copyright {
padding: 20px 0;
color: #fff;
font-size: 10px;
text-align: center;
}





/* 物件概要・予告広告 */
.outline_Area {
padding: 0;
color: #fff;
font-size: 13.6px;
font-family: 'Shippori Mincho', serif;
}

.yokoku {
justify-content: flex-start;
align-items: center;
}

.yokoku dt {
width: 13%;
padding: 10px 10px;
margin-right: 20px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
text-align: center;
box-sizing: border-box;
}

.yokoku dd {
width: 70%;
margin-right: 20px;
text-align: left;
}

.yokoku a {
color: #fff;
text-decoration: underline;
transition: 0.3s;
}
.yokoku a:hover {
opacity: 0.5;
}

#corporate_Area .outline_Btn {
display: inline-block;
width: 17%;
/* margin-top: 20px; */
font-size: 10px;
text-align: left;
transition: all .5s;
}

#corporate_Area .outline_Btn:hover {
opacity: 0.7;
}

#corporate_Area .outline_Btn p {
font-size: 12px;
}


/* 注釈 */
.att_Area {
padding: 150px 0 50px;
font-size: 12px;
font-family: 'Shippori Mincho', serif;
}

.att_Area li {
text-indent: -1em;
padding-left: 1em;
color: #fff;
text-align: left;
line-height: 1.4;
}
.att_Area li.no_indent {
text-indent: 0em;
padding-left: 0em;
}
.att_Area li.btm_space {
margin-bottom: 1em;
}

@media screen and (min-width: 768px) and (max-width: 1080px) {
#corporate_Area .entry_Btn p {
  line-height: 1.3;
}
}
/*============
tab
============*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
.sp {
display: none;
}

.under_list li a {
font-size: 11px;
}
.ftr_logo ul li:nth-child(1), .ftr_logo ul li:nth-child(2) {
    margin-right: 30px;
}
.copyright {
padding: 20px 10px 20px 30px;
}
}

/*============
sp
============*/
@media screen and (max-width: 767px) {

.pc {
display: none;
}

.sp {
display: block;
}

/* contents */
.notes {
font-size: 10px;
color: #000;
margin: 0 auto;
text-indent: -1em;
padding: 50px 0 50px 1em;
}

/* footer */
#page_top a {
padding: 22px 0 12px;
font-size: 13px;
}

#page_top::before {
border-top: solid 1px #fff;
border-right: solid 1px #fff;
top: 15%;
left: 50%;
transform: rotate(-45deg) translate(-50%, 0);
}

#corporate_Area {
padding: 30px 0 40px;
}

#corporate_Area .foot01 {
flex-wrap: wrap;
margin-bottom: 30px;
}

#corporate_Area .foot_Tel {
width: 100%;
margin: 0 auto;
}

#corporate_Area .foot_Tel a {
padding: 0;
pointer-events: unset;
cursor: pointer;
width: 100%;
margin: 0 auto;
}

#corporate_Area .foot_Tel a p {
font-size: 34px;
text-align: center;
}

#corporate_Area .foot_Tel img {
width: 100%;
}

#corporate_Area .business_hours {
text-align: center;
}


#corporate_Area .foot_calltxt {
margin-bottom: 10px;
}

#corporate_Area p {

letter-spacing: 0.08em;
}

.ftr_logo ul {
flex-direction: column;
}

#corporate_Area .flex {
flex-wrap: wrap;
justify-content: center;
align-items: center;
max-width: 354px;
margin: 0 auto;
}

/*
.ftr_logo ul li:nth-child(1),
.ftr_logo ul li:nth-child(2){
margin-right: 0;
}
*/

.ftr_logo ul li:nth-child(1) {
display: block;
width: 100%;
max-width: calc(286px * 0.9);
margin:0 auto 20px;
}

.ftr_logo ul li:nth-child(2) {
width: 100%;
max-width: calc(290px * 0.9);
margin:0 auto 10px;
}
.ftr_logo ul li:nth-child(3) {
width: 100%;
max-width: calc(276px * 0.9);
}
.ftr_logo ul li:nth-child(3) img {
    margin-top: 0;
}


.under_list {
width: 94%;
justify-content: space-around;
flex-wrap: wrap;
}

.under_list li {
width: 48%;
text-align: center;
}

.under_list li:not(:nth-last-child(-n+2)) {
margin-bottom: 20px;
}

.under_list li a {
font-size: 12px;
}


.under_btn > .flex {
flex-direction: column;
}

.under_list {
justify-content: flex-start;
max-width: 100%;
width: 100%;

}

.under_list li {
width: 50%;
}

.under_list li a {
font-size: 12px;
}

.under_list li:not(:last-child) {
margin-right: 0;
}

.copyright {
line-height: 1.5;
padding: 10px 0 20px;
}

/* 物件概要・予告広告 */
.flex.yokoku {
max-width: 100%;
width: 100%;
flex-wrap: wrap;
margin: 0 auto 0;
}

.yokoku dt {
width: 100%;
border-right: none;
border-left: none;
border: 1px solid #fff;
margin: 0 0 10px 0;
}

.yokoku dd {
width: 100%;
margin-right: 0;
text-align: left;
}

.outline_Btn {
display: block;
width: 100%;
margin-top: 15px;
}

.outline_Btn p {
text-align: center;
}
.att_Area {
padding: 80px 0 50px;
}
}



#corporate_Area .entry_Btn {
display: block;
max-width: 350px;
width: 90%;
padding: 16px 0;
margin: 0 auto 50px;
color: #fff;
background-color: #b1934b;
border-radius: 2px;
font-family: 'Shippori Mincho', serif;
font-size: 18px;
text-align: center;
transition: .3s;
display: none;
}

#corporate_Area .entry_Btn p {
font-size: 18px;
letter-spacing: 0.2em;
}

#corporate_Area .entry_Btn span {
display: block;
font-size: 15px;
text-align: center;
letter-spacing: 0.10em;
}

#corporate_Area .entry_Btn:hover {
opacity: .6;
}


/*資料請求・物件エントリー*/
.fade_btn {
position: fixed;
bottom: 0;
right: 440px;
display: block;
/* z-index: 1; */
z-index: 10;
max-width: 220px;
width: 100%;
}
.fade_btn.reserve {
position: fixed;
bottom: 0;
right: 220px;
display: block;
/* z-index: 1; */
z-index: 10;
max-width: 220px;
width: 100%;
}
.fade_btn.online {
position: fixed;
bottom: 0;
right: 0;
display: block;
/* z-index: 1; */
z-index: 10;
max-width: 220px;
width: 100%;
}

.entry_fadein {
display: block;
width: 100%;
padding: 21.5px 0;
margin: 0 auto;
color: #fff;
background-color: #b1934b;
border-radius: 2px;
font-family: 'Shippori Mincho', serif;
text-align: center;
transition: 0.3s;
}
.entry_fadein.reserve {
padding: 21.5px 0;
background-color: #501515;
}
.entry_fadein.online {
padding: 21.5px 0;
background-color: #1a305e;
}


.entry_fadein p {
font-size: 18px;
letter-spacing: 0.2em;
}
.entry_fadein p span{
font-size: 70%;
letter-spacing: 0.08em;
}
.entry_fadein span {
display: block;
font-size: 14px;
text-align: center;
}
.entry_fadein.online p {
letter-spacing: 0.1em;
}

.entry_fadein:hover {
opacity: .6;
}
.bg_pc {
display: block;
}
.bg_sp {
display: none;
}
@media screen and (max-width: 767px) {
.bg_pc {
display: none;
}
.bg_sp {
position: fixed;
display: block;
width: 100%;
height: 82px;
background: #000;
z-index: 999;
}
.bg_sp .head_h1{
width: 75%;
max-width: 320px;
position: absolute;
top: 50%;
left: 10px;
transform: translate(0, -50%);
z-index: 4;
}
.hamburger {
display: block;
z-index: 3;
right: 20px;
top: 20px;
width: 34px;
height: 42px;
z-index: 4;
}
nav.globalMenuSp ul {
top: 45%;
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
nav.globalMenuSp ul li{
width: 50%;
}
/*リスト偶数*/
nav.globalMenuSp.active ul li::after {
    content: "";
    display: block;
    width: 96%;
    height: 1px;
    background: #fff;
    margin: 0 auto;
}
nav.globalMenuSp ul li a {
display: block;
font-size: 16px;
letter-spacing: 0.08em;
padding: 1.4em 0;
}

#all_Wrap {
padding-top: 82px;
}

footer {
width: 100%;
padding: 0 0 58px;
}
#corporate_Area .entry_Btn span {
font-size: 14.6px;
}


.fade_btn {
top: unset;
bottom: 0;
max-width: 100%;
}
.fade_btn p span{
font-size: 70%;
}
.entry_fadein {
max-width: 100%;
}
.entry_fadein p {
font-size: 18px;
letter-spacing: 0.2em;
}

#corporate_Area p.postscript span {
display: inline-block;
line-height: 2.6;
transform: scale(0.5, 1.8);
}
#corporate_Area .ftr_nav {

}
#corporate_Area .ftr_nav ul {
font-size: 13px;
}
#corporate_Area .ftr_nav ul li{
width: 50%;
text-align: center;
border-bottom: 1px solid #555;
}
#corporate_Area .ftr_nav ul li a{
padding: 18px 0;
}
#corporate_Area .ftr_nav ul li:nth-child(odd){
border-right: 1px solid #555;
}
#corporate_Area .ftr_nav ul li:last-child{
width: 100%;
border-right: none;
border-bottom: none;
}

/*SP下部固定ナビ*/
.ftr_fixed {
width: 100%;
position: fixed;
bottom: 0;
background: #333;
height: 60px;
font-size: 10px;
text-align: center;
border-top: 1px solid #000;
z-index: 101;
}
.ftr_fixed li {
position: relative;
width: calc((100% - 0.01%) / 5);
background: #fff;
}
/*
.ftr_fixed li.nav_reserve {
display: none;
}
*/

.ftr_fixed li:not(:last-of-type) {
border-right: 1px solid #000;
}
.ftr_fixed li a {
display: block;
width: 100%;
height: 100%;
color: #000;
}

/*TEL・番号等非表示*/
.ftr_fixed .nav_tel{

}
.ftr_fixed li span {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: 'Shippori Mincho', serif;
}
.ftr_fixed li:nth-child(1) span{
transform: translate(-50%, -50%);
font-feature-settings: "palt";
}
.ftr_fixed li span::before {
content: "";
display: block;
width: 22px;
height: 22px;
margin: 0 auto 7px;
}
.ftr_fixed .nav_outline span::before {
background: url(../images/icon_outline.png) no-repeat;
background-size: contain;
width: 21px;
height: 28px;
}
.ftr_fixed .nav_tel span::before {
background: url(../images/icon_tel.svg) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
}
.ftr_fixed .nav_map span::before {
background: url(../images/icon_map.svg) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
}
.ftr_fixed .nav_request span::before {
background: url(../images/icon_request.svg) no-repeat;
background-size: contain;
width: 26px;
height: 26px;
}
.ftr_fixed .nav_reserve span::before {
background: url(../images/icon_reserve.svg) no-repeat;
background-size: contain;
width: 26px;
height: 26px;
}
.ftr_fixed .nav_online span::before {
background: url(../images/icon_online.svg) no-repeat;
background-size: contain;
width: 24px;
height: 24px;
margin: 0 auto 2px;
}

.ftr_fixed li.nav_request{
background: #b1934b;
}
.ftr_fixed li.nav_request span {
color: #fff;
}
.ftr_fixed li.nav_reserve{
background: #501515;
}
.ftr_fixed li.nav_reserve span {
color: #fff;
}
.ftr_fixed li.nav_online{
background: #1a305e;
}
.ftr_fixed li.nav_online span {
color: #fff;
line-height: 1.3;
}
}

#corporate_Area p.foot_horiday {
font-size: 15px;
margin-bottom: 40px;
line-height: 1.6;
font-family: 'Shippori Mincho', serif;
}
#corporate_Area p.foot_horiday span {
font-size: 120%;
}