@charset "UTF-8";
/*! Writen  by SCSS */
/* ===================================================================
//CSS information

// file name  :  common.css
// style info :  スタイル指定
=================================================================== */
.abr {
  display: inline-block; }

@media only screen and (max-width: 767px) {
  .abr {
    display: inline; } }
body:not(#topPage):not(#locationPage) .bnrArea {
  display: none; }

.annotation {
  max-width: 1170px;
  margin: 0 auto;
  padding: 30px 15px; }

.annotation p {
  font-size: 0.7em;
  line-height: 1.4; }

/* container
--------------------------------------------------------------------------------*/
.container {
  position: relative;
  max-width: 1170px;
  margin: 0 auto;
  /* padding: 16px 10px; */
  box-sizing: content-box;
  /* margin: 0; */
  /* padding: 0; */ }

#topPage .container .info_bnr_voice {
  display: block !important;
  max-width: 400px;
  margin: 0 auto 40px; }

#topPage .container .info_bnr_voice img {
  width: 100%; }

.container .info_bnr_voice {
  display: none; }

.container .info_bnr_online_reserve {
  margin-bottom: 20px; }

.container .info_bnr_online_reserve a {
  pointer-events: none; }

@media only screen and (max-width: 767px) {
  .row {
    margin: 0; }

  .container .info_bnr_voice {
    display: block; } }
@media only screen and (max-width: 640px) {
  .container .info_bnr_online_reserve a {
    pointer-events: initial; } }
/* btns
--------------------------------------------------------------------------------*/
.linkHover {
  -webkit-transition: all .2s ease;
  transition: all .2s ease; }

.linkHover:hover {
  opacity: .7; }

.res-btn,
.req-btn {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  color: #fff; }
  .res-btn::after,
  .req-btn::after {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    inset: 0; }
  .res-btn::before,
  .req-btn::before {
    content: "";
    display: block;
    z-index: -2;
    position: absolute; }
  .res-btn .text,
  .req-btn .text {
    font-size: 1em;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    letter-spacing: 0; }

.res-btn::after {
  background: #8c5937; }
.res-btn::before {
  background: linear-gradient(90deg, #ad8970 0%, #ceb9aa 50%, #ad8970 100%); }

.req-btn::after {
  background: #650f17; }
.req-btn::before {
  background: linear-gradient(90deg, #982c33 0%, #b86d72 50%, #982c33 100%); }

.map-btn.linkBtn::after {
  content: "現地案内図";
  position: absolute;
  top: 33%;
  left: -7%;
  width: 100%;
  z-index: 500;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5), 0 1px 14px rgba(0, 0, 0, 0.5); }

.outline-btn.linkBtn::after {
  content: "物件概要";
  position: absolute;
  top: 33%;
  left: -7%;
  width: 100%;
  z-index: 500;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5), 0 1px 14px rgba(0, 0, 0, 0.5); }

.scrollDown-btn {
  display: block;
  margin: 0 auto 20px;
  background: #797979;
  background: -moz-linear-gradient(top, #797979 0%, #4d4342 100%);
  background: -webkit-linear-gradient(top, #797979 0%, #4d4342 100%);
  background: linear-gradient(to bottom, #797979 0%, #4d4342 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797979', endColorstr='#4d4342',GradientType=0 );
  /*padding: 24px 0px 23px;*/ }

.scrollDown-btn::before {
  content: "";
  /* display: block; */
  /* position: absolute; */
  top: 34%;
  left: 8%;
  /* right: 30px; */
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  border-bottom: none;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  /* z-index: 400; */ }

.map-btn,
.outline-btn {
  background: #2b080e; }

.hdrBtns .req-btn.briefing div {
  position: relative; }

.hdrBtns .req-btn.briefing div:before {
  content: "NEW";
  position: absolute;
  top: -16px;
  left: -33px;
  z-index: 2;
  color: #fff;
  background: #bc121a;
  font-size: 10px;
  padding: 2px 5px; }

.more-btn {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 280px;
  margin: 0 20px;
  padding: 20px 0px;
  font-size: 1.6em;
  color: #fff !important;
  line-height: 1;
  letter-spacing: .2em;
  border-radius: 30px; }

.more-btn2 {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 280px;
  margin: 0 20px;
  padding: 20px 0px;
  font-size: 1.6em;
  color: #fff !important;
  line-height: 1;
  letter-spacing: .2em;
  border-radius: 30px; }

.more-btn2 {
  transition: all 1s; }

@media only screen and (max-width: 767px) {
  .more-btn,
  .more-btn2 {
    /*max-width: 300px;*/
    margin: 0 0 15px;
    padding: 18px 0 18px;
    font-size: 16px;
    font-size: 1.15em;
    text-align: center !important; }

  .hdrBtns .linkBtn.open_spNav span {
    padding: 0; }

  .more-btn,
  .more-btn2 {
    padding: 18px 18px 18px;
    letter-spacing: 0.01em; } }
/* pattern
--------------------------------------------------------------------------------*/
.pattern-s img {
  max-width: 150px;
  margin-bottom: 50px; }

/* page-common
--------------------------------------------------------------------------------*/
.conts-ttl {
  margin: 120px 0 40px; }

.conts-ttl p {
  font-size: 1.7em;
  line-height: 1.8;
  margin: 0;
  color: #787953;
  text-align: center; }

.conts-text {
  text-align: center;
  margin-bottom: 90px; }

.section-bg {
  background-color: #F3F3F3;
  padding: 100px 0; }

.section-bg2 {
  background-color: #93181D;
  padding: 140px 0; }

.container .row + .row {
  margin-top: 60px; }

@media only screen and (max-width: 767px) {
  .conts-ttl {
    margin: 60px 0 40px; }

  .conts-ttl p {
    font-size: 1.4em; }

  .section-bg {
    padding: 80px 0; }

  .section-bg2 {
    background-color: #93181D;
    padding: 110px 0; } }
/* informationWrap
--------------------------------------------------------------------------------*/
.informationWrap {
  text-align: center;
  padding: 80px 0 20px; }

.informationWrap .linkBtn span {
  font-size: .7rem;
  font-size: .6em; }

.infoWrap {
  margin-bottom: 60px; }

.infoWrap h2 {
  color: #333333;
  /*font-size: 1.3rem;*/
  font-size: 1.3em;
  position: relative; }

.infoWrap h2::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  width: 50px;
  height: 2px;
  background-color: #888;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }

.infoWrap h3 {
  /*font-size: 3rem;*/
  font-size: 48px;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 10px;
  color: #333; }

.infoWrap h4 {
  font-size: 32px;
  color: #333;
  margin-bottom: 10px; }

.infoWrap p {
  font-size: 1.1em;
  font-size: 18px;
  margin-bottom: 30px; }

.infoWrap p.onrei {
  font-size: 48px;
  background: #b62024;
  color: #fff;
  max-width: 500px;
  margin: 30px auto 0;
  box-shadow: 0 2px 3px #a9a0a0;
  line-height: 1;
  padding: 15px 0; }

.infoWrap p.onrei span {
  font-size: 25px; }

.infoWrap p.provisional-text {
  /*font-size: 1em;*/
  font-size: 15px; }

.infoWrap p.provisional-text b {
  font-size: 18px; }

.infoWrap.red_info {
  padding: 30px;
  background: #e4caca;
  margin: 30px 0 60px; }

.infoWrap.red_info p.provisional-text {
  font-family: YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600; }

.infoWrap.red_info p.provisional-text b {
  font-weight: 600;
  font-size: 20px; }

.infoBoxOutside {
  position: relative;
  background: #fff;
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
  padding: 10px;
  text-align: left;
  max-width: 960px;
  margin: 0 auto 70px; }

.infoBoxOutside .onImg {
  position: absolute;
  top: 0;
  left: inherit;
  right: -60%;
  bottom: inherit;
  width: 100%;
  z-index: 2; }

.infoWrapArea:after {
  content: "";
  display: block;
  clear: both; }

.infoWrapArea .infoLeftBox {
  float: left;
  width: 48%;
  text-align: center; }

.infoWrapArea .infoRightBox {
  float: right;
  width: 48%;
  text-align: center; }

.infoWrapArea.link_1 .infoLeftBox {
  float: none;
  width: 48%;
  margin: 20px auto 0; }

.infoWrapArea a.req-btn {
  font-size: 1.1em;
  position: relative;
  display: inline-block;
  width: 100%;
  /*max-width: 330px;*/
  margin: 0 0 20px;
  color: #fff;
  border: 1px solid #fff;
  text-align: center;
  text-shadow: 0 1px 14px rgba(0, 0, 0, 0.5), 0 1px 14px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.6);
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  display: block;
  padding: 24px 0px 23px;
  background: #590012;
  background: -moz-linear-gradient(top, #63252f 1%, #2b080e 100%);
  background: -webkit-linear-gradient(top, #63252f 1%, #2b080e 100%);
  background: linear-gradient(to bottom, #63252f 1%, #2b080e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63252f', endColorstr='#2b080e',GradientType=0 ); }
  @media only screen and (max-width: 991px) {
    .infoWrapArea a.req-btn {
      font-weight: bold;
      font-size: 1.3em; } }
  .infoWrapArea a.req-btn.attendance {
    background: #497740;
    background: -moz-linear-gradient(top, #497740 1%, #2f5e18 100%);
    background: -webkit-linear-gradient(top, #497740 1%, #2f5e18 100%);
    background: linear-gradient(to bottom, #497740 1%, #2f5e18 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#497740', endColorstr='#2f5e18',GradientType=0 );
    font-weight: normal; }
  .infoWrapArea a.req-btn::before {
    content: "";
    position: absolute;
    top: 44%;
    left: 10%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 0 0 -5px;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 6px solid #fff;
    z-index: 500; }
  .infoWrapArea a.req-btn::after {
    content: none; }
.infoWrapArea a.req-btn span {
  padding: 0;
  display: inline-block; }

.infoWrapArea .infoRightBox .document {
  position: relative; }

.infoWrapArea .infoRightBox .document:after {
  content: "";
  background: url(../../../img/elements/header/book2.png) no-repeat;
  display: block;
  width: 100px;
  height: 100px;
  position: absolute;
  left: auto;
  top: -28px;
  z-index: 10;
  background-size: contain;
  right: -27px; }

.infoWrapArea2 {
  text-align: center;
  margin-top: 20px; }
  .infoWrapArea2 .phoneNumberArea {
    position: relative; }
  body.fontSize_large .infoWrapArea2 .phoneNumberArea {
    float: none;
    width: 100%; }
  .infoWrapArea2 .view_timer {
    position: absolute;
    bottom: 10px;
    left: 0;
    background: #464646;
    color: #fff;
    padding: 7px 0;
    font-size: 0.8em;
    width: 100%;
    text-align: center; }
  .infoWrapArea2 .contactWrap div:nth-of-type(2) {
    line-height: 1.5; }
  .infoWrapArea2 .phoneNumber {
    /*font-size: 3rem;*/
    color: #6A631F;
    font-size: 4em; }
  .infoWrapArea2 .phoneNumber img {
    vertical-align: baseline; }
  .infoWrapArea2 .phoneNumberArea {
    position: relative; }
  body.fontSize_large .infoWrapArea2 .phoneNumberArea {
    float: none;
    width: 100%; }

body.fontSize_large .infoBoxOutside .onImg {
  right: -70%; }

.infoBox {
  border: 2px solid #8c8861;
  width: 100%;
  margin: 0 auto;
  padding: 3%;
  position: relative;
  z-index: 1; }

.infoBox h3 {
  text-align: left; }

.infoBox .phone {
  margin-left: 9%; }

.infoBox .phoneNumber {
  /*font-size: 3rem;*/
  font-size: 4em; }

.infoBox .phoneNumberArea {
  position: relative; }

body.fontSize_large .infoBox .phoneNumberArea {
  float: none;
  width: 100%; }

.infoBox .view_timer {
  position: absolute;
  bottom: 10px;
  left: 0;
  background: #464646;
  color: #fff;
  padding: 7px 0;
  font-size: 0.8em;
  width: 100%;
  text-align: center; }

.infoBox .contactWrap div:nth-of-type(2) {
  line-height: 1.5; }

body.fontSize_large .infoBox .contactWrap div:nth-of-type(2) {
  float: none;
  width: 100%; }

.bnrArea {
  margin-bottom: 30px;
  align-items: center; }

.infoBox .contactWrap .toCall {
  display: none; }

@media only screen and (max-width: 991px) {
  .infoBoxOutside {
    text-align: center; }

  .infoBoxOutside .infoBox h3 {
    text-align: center;
    /*font-size: 1.5rem;*/
    font-size: 1.5em; }

  .infoBoxOutside .onImg {
    display: none; }

  .infoBox {
    padding: 8%; }

  .infoWrapArea p {
    font-size: 0.7rem; }

  .infoBox {
    padding: 5% 2%; }

  a.req-btn {
    padding: 20px 5px; }

  .infoWrapArea .infoRightBox .document {
    padding: 20px 5px; }

  .infoWrapArea .infoRightBox .document:after {
    left: inherit;
    width: 80px;
    height: 80px;
    top: -12px;
    right: -52px; } }
@media only screen and (max-width: 767px) {
  .infoWrap h3 {
    font-size: 35px; }

  .infoWrap p {
    /*font-size: 2.1rem;*/
    /*font-size: 38px;*/ }

  .infoBox {
    padding: 10%;
    padding: 10% 5%; }

  body.fontSize_large .infoBox {
    padding: 5%; }

  body.fontSize_large .infoBox .contactWrap div:nth-of-type(2) {
    font-size: 0.8em; }

  a.req-btn {
    line-height: 1.4; }

  .infoWrapArea .infoLeftBox {
    float: none;
    width: 100%;
    margin-bottom: 20px; }

  .infoWrapArea .infoRightBox {
    float: none;
    width: 100%; }

  .infoWrapArea p {
    font-size: 1rem; }

  .infoWrapArea .infoRightBox .document:after {
    right: -15px; }

  .infoWrapArea.link_1 .infoLeftBox {
    width: 100%; }

  .infoWrap p.onrei {
    font-size: 38px; } }
@media only screen and (max-width: 500px) {
  .infoBox .phoneNumber {
    font-size: 1.8rem;
    font-size: 1.8em; }

  .infoBox .phoneNumber img {
    width: 14%; }

  .infoWrap h2 {
    font-size: 1.3em; }

  .infoBox .view_timer {
    font-size: 0.7em;
    bottom: 0; }

  /*.infoBox p br{display: none;}*/
  .infoWrapArea .infoRightBox .document:after {
    width: 60px;
    height: 60px;
    width: 50px;
    height: 50px;
    top: -7px;
    right: -20px; }

  .infoWrapArea2 p,
  .infoWrapArea p {
    text-align: left; } }
@media only screen and (max-width: 480px) {
  .infoBox .contactWrap .toCall {
    display: block;
    margin: 20px 0; }

  .infoBox .contactWrap .toCall a {
    display: block;
    color: #fff;
    padding: 15px;
    box-shadow: 0 1px 14px rgba(0, 0, 0, 0.3), 0 1px 14px rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
    background: #9e9468;
    background: -moz-linear-gradient(top, #9e9468 0%, #6a631f 100%);
    background: -webkit-linear-gradient(top, #9e9468 0%, #6a631f 100%);
    background: linear-gradient(to bottom, #9e9468 0%, #6a631f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9468', endColorstr='#6a631f',GradientType=0 ); }

  .infoWrap p.onrei span {
    font-size: 20px; } }
@media only screen and (max-width: 320px) {
  .infoBox p {
    font-size: .79rem; } }
/* menu
--------------------------------------------------------------------------------*/
.menuWrap {
  position: relative;
  margin: 0; }

.menuWrap li {
  position: relative; }

.menuWrap .menu-textBox {
  position: absolute;
  /* z-index:  500; */
  position: absolute;
  top: 50%;
  left: 9%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: 1s all ease 0s;
  z-index: 5; }

.menu-textBox h3 {
  font-size: 1.5em;
  margin-bottom: 10px;
  margin-left: -10px; }

.menu-textBox p {
  /*font-size: 1.3rem;*/
  font-size: 1.3em;
  line-height: 1.8; }

.menuWrap .cs {
  position: relative; }

.menuWrap .cs a {
  pointer-events: none; }

.menuWrap .cs::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: rgba(255, 255, 255, 0.75); }

.menuWrap .cs::after {
  content: "近日公開";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  font-size: 2rem;
  /* font-family: "Times New Roman", Times, "serif"; */
  transform: translate(-50%, -50%); }

@media only screen and (max-width: 991px) {
  .menuWrap li:nth-of-type(1) .menu-textBox h2 {
    /*font-size: 2rem;*/
    font-size: 2em;
    margin-bottom: 20px; }

  .menu-textBox p {
    /*font-size: 1rem;*/
    font-size: 1em; } }
@media only screen and (max-width: 767px) {
  .merit .meritBox02 li {
    padding: 15px 0 15px 0; }

  .merit .meritBox02 li:not(:last-child)::after {
    content: none; }

  .menuWrap li:nth-of-type(1) .menu-textBox p {
    font-size: 1.1em; }

  .menuWrap .menu-textBox {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    padding: 20px; }

  .menuWrap li:nth-of-type(even) .menu-textBox {
    left: 50%; } }
/* triangle-new
--------------------------------------------------------------------------------*/
.triangle-new {
  position: relative; }

.triangle-new::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 4em solid transparent;
  border-left: 4em solid #ca1e3b;
  position: absolute;
  z-index: 100; }

.triangle-new::after {
  content: "NEW";
  display: block;
  top: 18px;
  transform: rotate(-45deg);
  color: #fff;
  left: 0;
  position: absolute;
  z-index: 101; }

/* swipeIcon
--------------------------------------------------------------------------------*/
.swipeIcon {
  display: none; }

@media only screen and (max-width: 767px) {
  .sl-30 {
    margin-bottom: 30px; }

  .slideWrap {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    z-index: 300; }

  .slideWrap > img,
  .slideWrap > figure > img {
    max-width: none;
    width: 650px !important; }

  .contents-property .slideWrap > figure figcaption {
    right: inherit !important;
    left: 0;
    bottom: 0;
    color: #111; }

  .swipeIcon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 301;
    width: 110px;
    animation: horizontal 1s ease-in-out infinite alternate; } }
@keyframes horizontal {
  0% {
    transform: translate(-30%, -50%); }
  100% {
    transform: translate(-70%, -50%); } }
/* slide-fade-in
--------------------------------------------------------------------------------*/
.slide-fade-in > * {
  opacity: 0;
  transition: all 1s; }

.slide-fade-in > *:nth-of-type(odd) {
  transform: translateX(-50px); }

.slide-fade-in > *:nth-of-type(even) {
  transform: translateX(50px); }

.slide-fade-in > *.start-slide-fade-in:nth-of-type(odd),
.slide-fade-in > *.start-slide-fade-in:nth-of-type(even) {
  opacity: 1;
  transform: translateX(0px); }

/* fadeOpacity
--------------------------------------------------------------------------------*/
@keyframes fadeOpacity {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/*--------------------------------------------------------------------------------
   base
--------------------------------------------------------------------------------*/
/*main >.js-section { height: calc(100vh - 115px)!important; }
p { line-height: 2;}
.caption { font-size:10px; font-weight:400; color:#666; letter-spacing:0; line-height:2; text-align:left;}
.caption img { vertical-align: middle;}

a { outline:none; -webkit-transition: all .5s ease; transition: all .5s ease;}
a:link,

a:visited { text-decoration: none;}
a:active,
a:hover { text-decoration: none;}

sup { vertical-align:super; font-size: .5em;}

hr { border: none; height: 1px; margin: 0;}
img { max-width: 100%; width: auto; height: auto; vertical-align: top;}


#canvas-container canvas { position: absolute; bottom: 0; left: 0; right: 0; vertical-align: bottom; z-index: 1000; opacity: .6;}


#kv { height: 100vh; position: relative;}
#kv::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.4); z-index: 1; opacity: 0; -webkit-transition: all 2s .5s; transition: all 2s .5s;}
#kv .inner { position: absolute; bottom: 10%; left: 0; right: 0; text-align: center; color: #fff; z-index: 10; letter-spacing: .2em; opacity: 0; -webkit-transition: all 1s 1.5s; transition: all 1s 1.5s;}
#kv .inner h2 { font-size: 36px; margin-bottom: 30px;}

body.loaded #kv::after { opacity: 1;}
body.loaded #kv .inner { bottom: 12%; opacity: 1;}


.body-copy { text-align: center; margin: 60px 15px; line-height: 2.4; font-size: 120%;}
*/
/* cv-btn */
/*.req-btn { display: inline-block; color: #fff; background: #53b3d3; width: 220px; height: 48px; position: relative;}
.req-btn .inner { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.req-btn .inner::before { content: ''; position: absolute; left: -25px; top: 49%; width: 10px; height: 1px; background: #d2c2a4;}
*/
/*.ftrLinks { background: #e8e8e8; padding: 0 40px; text-align: center;}
.ftrLinks li { display: inline-block;}
.ftrLinks a { display: block; color: #333; font-size: 12px; height: 45px; line-height: 45px; padding: 0 1em;}
.ftrName { display: block; text-align: center; background: #333; padding: 15px 40px;}*/
/*--------------------------------------------------------------------------------
   header
--------------------------------------------------------------------------------*/
/*@media only screen and (max-width: 1199px) {
.header-L { display: none!important;}
}
.header-S { display: none!important;}
@media only screen and (max-width: 1199px) {
.header-S { display: inline-block!important;}	
}

header { position: fixed; top: 0; left: 0; right: 0; z-index: 10000; background: #fff; padding: 18px 40px 0;}

header .hdrBtns { float: right;}
header .hdrBtns li { display: inline-block; vertical-align: middle;}
header .hdrBtns li+li { margin-left: 50px;}
header .hdrBtns li:last-child { margin-left: 20px;}
header .hdrBtns li a { display: block; color: #333; font-size: 12px; letter-spacing: .01em; position: relative;}
header .hdrBtns li.home a { font-size: 13px;}
header .hdrBtns li a.req-btn { color: #fff; width: 184px;}
header .hdrBtns li a:not(.req-btn)::before { content: ''; position: absolute; left: -20px; top: 49%; width: 10px; height: 1px; background: #d2c2a4;}

header nav { font-size: 14px; text-align: center; clear: both;}
header nav li { position: relative; display: inline-block; width: 14.28571428571429%;}
header nav li::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; z-index: 10; width: 1px;
background: -moz-linear-gradient(top, rgba(191,191,191,0) 0%, rgba(191,191,191,0) 1%, rgba(191,191,191,1) 50%, rgba(191,191,191,0) 100%);
background: -webkit-linear-gradient(top, rgba(191,191,191,0) 0%,rgba(191,191,191,0) 1%,rgba(191,191,191,1) 50%,rgba(191,191,191,0) 100%);
background: linear-gradient(to bottom, rgba(191,191,191,0) 0%,rgba(191,191,191,0) 1%,rgba(191,191,191,1) 50%,rgba(191,191,191,0) 100%);
}
header nav li:nth-of-type(1)::before { display: none;}
header nav li a { display: block; color: #333 !important; height: 45px; line-height: 45px; font-size: 13px;}

@media only screen and (max-width: 1279px) {
header .hdrBtns li+li { margin-left: 40px;}
}
@media only screen and (max-width: 1199px) {
header { padding: 0;}
header .hdrBtns { display: none;}
	
header nav { position: fixed; top: 0; left: 100%; margin-right: -100%; right: 0; bottom: 0; background: #fff; -webkit-transition: all .5s; transition: all .5s;}
header nav.active { left: 0; margin-right: 0;}
header nav ul { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; text-align: left;}
header nav ul li { display: inline-block; width: 50%; border-left: none; text-align: center;}
header nav ul li.foreign-language a { display: inline-block; margin: 0 10px; padding: 15px 0;}
header nav ul li:nth-child(odd)::before { content: none;}
header nav ul li.req-btn { display: block!important; width: 90%; border-left: none; text-align: center; margin: 0 auto;}
header nav ul li.req-btn a { color: #fff!important;}
}*/
/* iconWrap
------------------------------*/
/*.mobileNavi { position: absolute; top: 64px; left: 0; right: 0;}
.mobileNavi li { display: inline-block; width: 25%; background: #fff;}
.mobileNavi li a { display: block; color: #000; font-size: 14px; padding: 13px 0; text-align: center; position: relative;}
.mobileNavi li:nth-child(3) a { color: #fff; background: #000!important;}
.mobileNavi li:nth-child(4) a { color: #fff; background: #53b3d3!important;}	
.mobileNavi li.current a,
.mobileNavi li:hover a { background: #efefef;}

@media only screen and (max-width: 1199px) {
.iconWrap  { text-align: right; padding-right: 80px;}
.iconWrap h1 { position: absolute; top: 50%; transform: translateY(-50%); left: 18px;}

.iconWrap .mobile-map,
.iconWrap .mobile-tel,
.iconWrap .mobile-menu { display: inline-block!important; width: 80px; height: 64px; position: relative;}
.iconWrap .mobile-menu { position: fixed; top: 0; right: 0; z-index: 1000; cursor: pointer;}
	
.iconWrap .mobile-top figure,
.iconWrap .mobile-map figure,
.iconWrap .mobile-tel figure,
.iconWrap .mobile-menu figure { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; width: 34px; margin: 0 auto; text-align: center;}
.iconWrap .mobile-menu figure { width: 39px;}
.iconWrap .mobile-top figcaption,
.iconWrap .mobile-map figcaption,
.iconWrap .mobile-tel figcaption,
.iconWrap .mobile-menu figcaption { color: #000; font-size: 12px; margin-top: 5px;}

.iconWrap .mobile-tel figure img { max-width: 28.5px;}

.iconWrap .mobile-menu span { display: block; height: 3px; background: #000; margin-bottom: 5px; -webkit-transition: all .5s; transition: all .5s;}
.iconWrap .mobile-menu.active span:first-child { transform: rotate(45deg) translate(6px,7px);}
.iconWrap .mobile-menu.active span:first-child+* { opacity: 0;}
.iconWrap .mobile-menu.active span:first-child+*+* { transform: rotate(-45deg) translate(5px,-5px);}


.iconWrap .mobile-tel { display: none;}
}*/
/* smartphone
------------------------------ */
/*@media only screen and (max-width: 767px) {
.iconWrap  { padding-right: 50px;}
.iconWrap h1 { left: 12px;}
.iconWrap h1 a { padding: 12px 0; max-width: 119px;}
.iconWrap h1 .pcOnly { display: none;}
.iconWrap h1 .mobile { display: block;}

.iconWrap .mobile-top,
.iconWrap .mobile-map,
.iconWrap .mobile-tel,
.iconWrap .mobile-menu { width: 50px;}
.iconWrap .mobile-tel { display: inline-block;}

.mobile-top { display: none!important;}
}
@media only screen and (max-width: 479px) {
.mobileNavi li a { font-size: 12px;}
}


@keyframes flashing {
0% { opacity: 0;}
100% { opacity: 1}
}*/
/*--------------------------------------------------------------------------------
   footer
--------------------------------------------------------------------------------*/
/*footer { position: relative; z-index: 10; background: #fff; text-align: center;}

.infoContactWrap { padding-top: 60px; padding-bottom: 60px;}
.infoContactWrap p { text-align: left;}
.infoContactWrap p.vacation { color: #7c2e2e;}
.infoContactWrap .infoWrap { margin-bottom: 30px;}
.infoContactWrap .infoWrap p:nth-of-type(1) { font-size: 12px; padding-bottom: 5px; margin-bottom: 10px; border-bottom: #ccc dotted 1px;}
.textWrap { overflow-y: scroll; height: 120px; line-height: 1.8;}
.infoContactWrap .reqBtn { -js-display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; color: #fff; height: 80px; margin-bottom: 20px; background: #53b3d3;}

.infoContactWrap .reqBtn span { display:inline-block; width: 50%; padding: 15px;}
.infoContactWrap .reqBtn span:nth-of-type(1) { font-size: 14px;}
.infoContactWrap .reqBtn span:nth-of-type(2) { font-size: 11px; line-height: 1.6; text-align: left;}
.infoContactWrap .contactHdd,
.infoContactWrap .contactData { font-size: 12px;}
.infoContactWrap .contactNum { font-size: 36px; line-height: 1; padding: 5px 0;}
.infoContactWrap .contactNum a { display: inline-block; color: #000; pointer-events: none;}
.sp .infoContactWrap .contactNum a { pointer-events: auto;}
.infoContactWrap .contactNum span { display: inline-block; margin-right: 10px;}
.infoContactWrap .contactNum span img { vertical-align: baseline;}

footer > div:nth-of-type(2) { padding: 30px 0;}
footer > div:nth-of-type(3) { background: #efefef; padding: 30px 0; border-bottom: #fff solid 1px;}
footer > div:nth-of-type(3) { padding: 0;}
footer > div:nth-of-type(3) nav { font-size: 12px;}
footer > div:nth-of-type(3) nav li { display: inline-block; height: 40px; line-height: 40px;}
footer > div:nth-of-type(3) nav li a { display: block; padding: 0 10px; color: #333;}
footer > div:nth-of-type(4) { padding: 40px 0 20px;}
footer > div:nth-of-type(5) { padding: 15px 0; background:#151515; }

footer .branzWrap { margin-bottom: 20px;}
footer .branzWrap a { display: block; text-align: center; border: #ccc solid 1px; margin-bottom: 20px;}
footer .branzWrap a img { margin: auto;}
footer .branzWrap a img.visible-xs { height: 60px; width: auto;}
footer .branzHdd { text-align: left; margin-bottom: 15px;}

footer .brand-wrap >div { display: inline-block;}

footer .logoText { font-size: 10px;}
footer .logoText + p { margin-bottom: 20px;}

footer address { color: #fff; font-size: 10px;}
footer address span { display: inline-block; margin-right: 10px;}

@media only screen and (max-width: 1100px) {
footer > div:nth-of-type(3) nav li { width: 16.666666%;}
footer > div:nth-of-type(3) nav li a { padding: 0;}
}
@media only screen and (max-width: 991px) {
.infoContactWrap .reqBtn { height: auto;}
.infoContactWrap .reqBtn span { width: 100%;}
.infoContactWrap .reqBtn span:nth-of-type(1) { padding-bottom: 0;}
}
@media only screen and (max-width: 767px) {
footer > div:nth-of-type(3) nav li { width: 50%;}
footer .branzWrap a { padding: 10px 0; margin-bottom: 10px;}
}*/
/*--------------------------------------------------------------------------------
   pageTopBtn
--------------------------------------------------------------------------------*/
/*#pageTopBtn { opacity: 0; visibility: hidden; display: block; position: fixed; bottom: 65px; right: 15px; z-index: 200; font-size: 14px; text-align: center; line-height: 76px; color: #fff; height: 80px; width: 80px; background: #000; border: #fff solid 1px; -webkit-transition: all .5s ease; transition: all .5s ease;}
html.is_scroll #pageTopBtn { opacity: 1; visibility: visible;}
*/
body#conceptPage .kvWrap .tb_only,
body#planPage .kvWrap .tb_only,
body#publicspacePage .kvWrap .tb_only,
body#seniorPage .kvWrap .tb_only,
body#voicePage .kvWrap .tb_only {
  display: none; }

@media only screen and (max-width: 768px) {
  body#conceptPage .kvWrap .hidden-xs,
  body#planPage .kvWrap .hidden-xs,
  body#publicspacePage .kvWrap .hidden-xs,
  body#seniorPage .kvWrap .hidden-xs,
  body#voicePage .kvWrap .hidden-xs {
    display: none; }

  body#conceptPage .kvWrap .tb_only,
  body#planPage .kvWrap .tb_only,
  body#publicspacePage .kvWrap .tb_only,
  body#seniorPage .kvWrap .tb_only,
  body#voicePage .kvWrap .tb_only {
    display: block; } }
@media only screen and (max-width: 767px) {
  body#conceptPage .kvWrap .tb_only,
  body#planPage .kvWrap .tb_only,
  body#publicspacePage .kvWrap .tb_only,
  body#seniorPage .kvWrap .tb_only,
  body#voicePage .kvWrap .tb_only {
    display: none; } }
.HolidayInfo_Area {
  margin: 20px auto 0;
  text-align: center; }

.HolidayInfo_Area p {
  margin-bottom: 0;
  color: #93181d; }

.HolidayInfo_text {
  line-height: 1.7; }

@media only screen and (max-width: 767px) {
  .HolidayInfo_text {
    text-align: left; } }

/*# sourceMappingURL=common.css.map */