.pre-inc #header{margin:0 auto;width:100%;height:80px;background:#fff;position:fixed;top:0;left:0;z-index:10;display:none;justify-content:center;align-items:center;color:#fff}@media screen and (min-width: 769px),print{.pre-inc #header{display:flex}}.pre-inc #header .inner{margin:0 auto;width:calc(100% - 26px);height:100%;position:relative;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.pre-inc #header #logo{height:54px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pre-inc #header #logo .image{width:auto;height:100%;display:block;font-size:0}.pre-inc #header .sub{margin:0;display:none}.pre-inc #header .sub .sub-item{margin-left:1em}.pre-inc #header .sub .sub-item .sub-l{color:#000;font-size:min(2.4vw,12px);font-weight:600;line-height:1}@media screen and (min-width: 769px),print{.pre-inc #header .sub{display:flex;justify-content:flex-start;align-items:center}}.pre-inc #header .link{display:none}@media screen and (min-width: 769px),print{.pre-inc #header .link{margin-right:60px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1em}}.pre-inc #header .link .link-item{width:140px;position:relative}.pre-inc #header .link .link-item:first-child{margin-left:1em}.pre-inc #header .link .link-item.req::after{content:"";background:linear-gradient(90deg, rgba(200, 143, 51, 0.2509803922), rgba(131, 61, 33, 0.2509803922));position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(4px, 4px);z-index:-1}.pre-inc #header .link .link-item.req .link-l{background:linear-gradient(90deg, #C88F33, #833D21)}.pre-inc #header .link .link-item.res::after{content:"";background:linear-gradient(90deg, rgba(0, 120, 202, 0.2509803922), rgba(0, 50, 136, 0.2509803922));position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(4px, 4px);z-index:-1}.pre-inc #header .link .link-item.res .link-l{background:linear-gradient(90deg, #0078CA, #003288)}.pre-inc #header .link .link-item.login{width:160px}.pre-inc #header .link .link-item.login::after{content:"";background:linear-gradient(90deg, rgba(228, 212, 178, 0.2509803922), rgba(255, 255, 255, 0.2509803922), rgba(228, 212, 178, 0.2509803922));position:absolute;top:0;left:0;right:0;bottom:0;transform:translate(4px, 4px);z-index:-1}.pre-inc #header .link .link-item.login .link-l{padding:4px 0;background:linear-gradient(90deg, #E4D4B2, #FFF, #E4D4B2);border:2px #947f28 solid;color:#5f4608;line-height:1.1}.pre-inc #header .link .link-item .link-l{margin:0;padding:1em 0;box-sizing:border-box;display:block;text-align:center;color:#fff;font-size:min(2.8vw,14px);font-weight:500;line-height:1}.pre-inc #header #menu{display:block;position:absolute;top:50%;right:0;transform:translateY(-50%)}.pre-inc #header #menu .menu{display:block}.pre-inc #header #menu .close{display:none}.pre-inc #header #menu.active .menu{display:none}.pre-inc #header #menu.active .close{display:block}.pre-inc #header #menu .menu-btn{width:46px}.pre-inc #header #menu .menu-btn .image{width:100%;height:auto;display:block;font-size:0;line-height:0}.pre-inc .nav-wrap{width:100%;background:hsla(0,0%,100%,.8784313725)}.pre-inc .nav-wrap .nav-list{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;padding:.4em 1em}.pre-inc .nav-wrap .nav-list .nav-item{background:#555;border:1px hsla(0,0%,100%,.5019607843) solid;box-sizing:border-box}.pre-inc .nav-wrap .nav-list .nav-item.map,.pre-inc .nav-wrap .nav-list .nav-item.outline,.pre-inc .nav-wrap .nav-list .nav-item.kara{display:flex}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap .nav-list .nav-item.map,.pre-inc .nav-wrap .nav-list .nav-item.outline,.pre-inc .nav-wrap .nav-list .nav-item.kara{display:none}}.pre-inc .nav-wrap .nav-list .nav-item.limited{background:linear-gradient(90deg, #E4D4B2, #FFF, #E4D4B2);border:2px #947f28 solid;box-sizing:border-box}.pre-inc .nav-wrap .nav-list .nav-item .nav-link{display:block;text-align:center;color:#000;padding:.4em 0;font-size:min(2.8vw,14px);line-height:1.2}.pre-inc .nav-wrap .nav-list .nav-item .nav-link .en{color:#e0cd7f}.pre-inc .nav-wrap.top{display:none}.pre-inc .nav-wrap.top.active{display:block;position:fixed;left:0;bottom:60px;width:100%;height:calc(100% - 60px);z-index:101}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap.top.active{top:80px;bottom:0;height:calc(100% - 80px);display:flex;justify-content:center;align-items:center}}.pre-inc .nav-wrap.top.active .nav-list{margin:0;width:100%;height:100%;border:1px solid #fff;box-sizing:border-box;padding:0}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap.top.active .nav-list{padding-bottom:5%;border:none;max-width:1000px;height:auto;gap:1em}}.pre-inc .nav-wrap.top.active .nav-list .nav-item{position:relative;z-index:2;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;width:50%;height:14.6666666667%}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap.top.active .nav-list .nav-item{width:calc((95% - 3em)/4);height:7em}}.pre-inc .nav-wrap.top.active .nav-list .nav-item.pen{opacity:.5}.pre-inc .nav-wrap.top.active .nav-list .nav-item.new::after{content:"NEW";width:3.5em;height:1.5em;background:#fff;position:absolute;top:1px;left:1px;display:flex;justify-content:center;align-items:center;color:#ac0000;font-size:min(2vw,10px);font-weight:600;line-height:1}.pre-inc .nav-wrap.top.active .nav-list .nav-item.req::after{content:"物件エントリーいただくとご覧いただけます";width:calc(100% - 2px);height:1.5em;background:#fff;position:absolute;top:1px;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;color:#ac0000;font-size:min(2vw,10px);font-weight:600;line-height:1}.pre-inc .nav-wrap.top.active .nav-list .nav-item.limited{width:100%;height:12%}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap.top.active .nav-list .nav-item.limited{display:none}}.pre-inc .nav-wrap.top.active .nav-list .nav-item.limited.new::after{background:#ac0000;color:#fff}.pre-inc .nav-wrap.top.active .nav-list .nav-item.limited a{color:#5f4608}.pre-inc .nav-wrap.top.active .nav-list .nav-item.limited a .en{color:#5f4608}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap.top.active .nav-list .nav-item.kara{display:none}}.pre-inc .nav-wrap.top.active .nav-list .nav-item .nav-link{padding:2em 0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5em;color:#fff}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap.top.active .nav-list .nav-item .nav-link{margin:0;width:100%}}.pre-inc .nav-wrap.top.active .nav-list .nav-item .nav-link .ja{font-size:min(3.2vw,16px)}.pre-inc .nav-wrap.top.active .nav-list .nav-item .nav-link .en{font-family:"EB Garamond",serif;font-size:min(4.2vw,24px);line-height:1}.pre-inc .nav-wrap.btm ul{justify-content:center !important;padding:1.5em 0}.pre-inc .nav-wrap.btm ul li{width:50%}@media screen and (min-width: 769px),print{.pre-inc .nav-wrap.btm ul li{width:auto;flex-grow:0;border-left:1px solid #707070}.pre-inc .nav-wrap.btm ul li:last-child{border-right:1px solid #707070}}.pre-inc .nav-wrap.btm ul li a{padding:.5em 1em}.pre-inc .footnav{display:none;font-size:13px}@media screen and (max-width: 768px){.pre-inc .footnav{width:100%;height:60px;background:url(../images/common/bg01.webp) repeat-y;background-size:cover;position:fixed;bottom:0;z-index:10;display:flex}.pre-inc .footnav .nav-item{width:20%;border-right:1px #555 solid}.pre-inc .footnav .nav-item:last-child{border:none}.pre-inc .footnav .nav-item.nolink{background:#aaa}.pre-inc .footnav .nav-item.req-btn{background:linear-gradient(90deg, #C88F33, #833D21)}.pre-inc .footnav .nav-item.res-btn{background:linear-gradient(90deg, #0078CA, #003288)}.pre-inc .footnav .nav-item .nav-link{padding:10px 0 0;display:flex;flex-direction:column;text-align:center;color:#fff;font-size:min(2.4vw,12px)}.pre-inc .footnav .nav-item .nav-link .photo{display:flex;justify-content:center}.pre-inc .footnav .nav-item .nav-link .photo .image{display:block;margin-bottom:5px;width:auto;max-height:28px}.pre-inc .footnav .nav-item .nav-link .text{line-height:1.5}.pre-inc .footnav .nav-item#menu2 .menu{display:block}.pre-inc .footnav .nav-item#menu2 .close{display:none}.pre-inc .footnav .nav-item#menu2.active .menu{display:none}.pre-inc .footnav .nav-item#menu2.active .close{display:block}.pre-inc .footnav .nav-item#menu2 .menu-btn{margin:0 auto;width:32px}.pre-inc .footnav .nav-item#menu2 .menu-btn .image{width:100%;height:auto;display:block;font-size:0;line-height:0}}/*# sourceMappingURL=header.css.map */