:root, :host {
  --fontsize-medium: 16px;
  --lineheight-medium: 180%;
  --fontsize-small: 13px;
  --lineheight-small: 180%;
  --fontsize-copy: 16px;
  --lineheight-copy: 160%;
}

@media screen and (max-width: 767px) {
  :root, :host {
    --fontsize-small: 10px;
    --lineheight-small: 140%;
    --fontsize-medium: 14px;
  }
}
/*  common  */
body {
  font-family: var(--fontfamily-roboto);
  font-weight: 300;
  font-style: normal;
  font-size: var(--fontsize-medium);
  line-height: var(--lineheight-medium);
}

#container h1.h1simple {
  line-height: 120%;
}
#container h2.h2main {
  margin-bottom: 36px;
}
#container h2.h2main span {
  font-size: 20px;
}
#container #feature .featureFacilityMap ul li {
  margin-right: 12px;
}
#container .infoModule .infoCopy h3 {
  white-space: inherit !important;
}

#container {
  font-weight: 500;
  letter-spacing: 0.02rem;
  font-family: "Roboto", sans-serif;
}

header .headLeft a span,
header .headRight nav#navMenuMain a.menu p,
header .headRight nav#navMenuMain a.lang,
header .headRight nav#navMenuMain .gnav .gnavInner .gnavLogo span,
header .headRight nav#navMenuMain .gnav .gnavInner ul li a,
#navMenu,
.infoModule .infoMain h1,
#container h2.h2main,
#container h3.h3main,
#container h3.h3belt,
#info .infoCopy h3,
#container h4.h4main,
#container .featureService li .cardHead h5,
#access .accessInfo .accessInfoBody h3,
#concept .inner ul li a p,
#plan .tabBody .tabBodyConts .planBody .planOption .planOptionCase .arrowB,
#container .acd label::before, #container .acd .acd-content::before {
  font-family: "Gabarito", sans-serif !important;
}

#container h2.h2main {
  font-weight: 400;
}

#container .spot .scrollBody li a .cardBody h4,
#container .acd label::before, #container .acd .acd-content::before {
  font-weight: 500;
}

#concept h3,
#about .aboutTeam .aboutTeamInfo p {
  font-weight: 500 !important;
}

#floor .innerFloor ul li .cardTitle h4 {
  font-family: "Gabarito", sans-serif !important;
  font-size: 19.5px;
  font-weight: 700;
}

#floor .innerFloor ul li .cardTitle span {
  font-family: "Gabarito", sans-serif !important;
  font-size: 19.5px;
  letter-spacing: 0.05rem;
}

#about .aboutTeam .aboutTeamInfo p {
  font-weight: 500;
}

#access .accessAddress {
  font-weight: 500;
}

#access .accessInfo .accessInfoBody a {
  font-weight: 500;
}

#navMenu ul li a {
  font-size: 18px !important;
}

#navMenu .navMenuContact a::after {
  right: 12px !important;
}

.infoModule .infoMain .infoAddress h2 span {
  display: inline-block;
  white-space: nowrap;
}

.infoModule .infoMain .infoAddress .infoAccess p {
  white-space: inherit !important;
}

@media screen and (min-width: 768px) {
  body.coworking #feature .galleryModule ul li .cardBody h4 {
    min-height: 142px;
  }
  body.shareoffice #plan .tabBody .tabBodyConts .planBodyTop .planBodyL h3 {
    font-size: 27px !important;
  }
  #plan .tabBody .tabBodyConts .planBody ul.price li:nth-child(1) {
    font-size: 20px !important;
  }
  #plan .tabBody .tabBodyConts .planBody ul.price li:nth-child(2) {
    font-size: 40px !important;
  }
  #plan .tabBody .tabBodyConts .planBody ul.price li:nth-child(2) span {
    font-size: 34px !important;
    margin: 0 2px 0 4px;
  }
  #plan .tabBody .tabBodyConts .planBody ul.price li:nth-child(3) {
    font-size: 14px !important;
  }
  #plan .tabBody .tabBodyConts .planOption .planOptionCase .arrowB h5 {
    font-size: 18px !important;
  }
  #plan .tabBody .tabBodyConts .planOption .planOptionCase .arrowB h5 span {
    font-size: 11px !important;
    margin-left: 2px !important;
  }
  #plan .tabBody .tabBodyConts .planOption .planOptionCase .arrowB h6 {
    font-size: 15px !important;
  }
  #plan .tabBody .tabBodyConts .planBody time {
    font-size: 28px !important;
  }
}
@media screen and (min-width: 1121px) {
  #navMenu ul li a {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 980px) {
  #feature .featureInfoCase .featureInfo a {
    font-size: 17px !important;
  }
}
@media screen and (max-width: 767px) {
  body.coworking #feature .galleryModule ul li .cardBody h4 {
    min-height: 94px;
  }
  body.shareoffice #feature .galleryModule ul li .cardBody h4 {
    min-height: 68px;
  }
  #container h2.h2main span {
    font-size: 14px;
  }
  #concept .inner ul li a p {
    font-size: 12px !important;
  }
  #container .acd label, #container .acd .acd-content {
    padding-left: 40px;
  }
  #container .acd label:has(input[type=checkbox]:checked) + .acd-content {
    padding: 5px 40px 15px;
  }
  #container .spot .scrollBody li a .cardBody h4 {
    font-size: 13px;
  }
  #info .inner .infoGrid ul li h5 {
    font-size: 18px !important;
  }
  #plan .tabBody .tabBodyConts .planBody ul.price li:nth-child(2) {
    font-size: 30px !important;
  }
  #plan .tabBody .tabBodyConts .planBody ul.price li:nth-child(2) span {
    font-size: 26px !important;
    margin: 0 4px 0 10px;
  }
  #plan .tabBody .tabBodyConts .planBody ul.price li:nth-child(3) {
    line-height: 130% !important;
    transform: translateY(0) !important;
  }
  #plan .tabBody .tabBodyConts .planOption .planOptionCase .arrowB h5 {
    font-size: 20px !important;
  }
  #plan .tabBody .tabBodyConts .planOption .planOptionCase .arrowB h6, #plan .tabBody .tabBodyConts .planOption .planOptionCase .arrowB h5 span {
    font-size: 14px !important;
  }
}/*# sourceMappingURL=common_en.css.map */