@charset "utf-8";

/* --------------
 reset
-------------- */
input,
select,
textarea {
  max-width: 95% !important;
}
h1,
h2,
h3,
h4 {
  font-size: 100%;
}

/* ------title */
.ttl--h2 {
  font-size: 2rem;
}

.ttl--h2 span {
  font-size: 1.6rem;
}
.ttl--h2::before {
  width: 58px;
  height: 48px;
}
.ttl--h3 {
  font-size: 1.6rem;
}

/* --------------
base
-------------- */
html {
  -webkit-text-size-adjust: none;
}
body {
  font-size: 1.4rem;
}

.ifpc {
  display: none !important;
}

@media screen and (max-width: 320px) {
  /*以下の時*/
}
@media screen and (min-width: 321px) {
  /*以上の時*/
}
.aNoneSP {
  pointer-events: none;
}
/* --------------
 modules css
-------------- */
/* ---------- font size */
.fs01 {
  font-size: 0.83em;
}
.fs02 {
  font-size: 0.84em;
}
.fs03 {
  font-size: 0.86em;
}
.fs04 {
  font-size: 0.88em;
}
.fs05 {
  font-size: 0.9em;
}
.fs06 {
  font-size: 0.92em;
}
.fs07 {
  font-size: 0.94em;
}
.fs08 {
  font-size: 0.96em;
}
.fs09 {
  font-size: 0.98em;
}
.fs10 {
  font-size: 1em;
}
.fs11 {
  font-size: 1.02em;
}
.fs12 {
  font-size: 1.04em;
}
.fs13 {
  font-size: 1.06em;
}
.fs14 {
  font-size: 1.08em;
}
.fs15 {
  font-size: 1.1em;
}
.fs16 {
  font-size: 1.12em;
}
.fs17 {
  font-size: 1.14em;
}
.fs18 {
  font-size: 1.16em;
}
.fs19 {
  font-size: 1.18em;
}
.fs20 {
  font-size: 1.2em;
}
.fs21 {
  font-size: 1.22em;
}
.fs22 {
  font-size: 1.24em;
}
.fs23 {
  font-size: 1.26em;
}
.fs24 {
  font-size: 1.28em;
}
.fs25 {
  font-size: 1.3em;
}
.fs30 {
  font-size: 1.4em;
}

/* ---------- margin,padding */
/*.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 35px !important;}
.mb45 {	margin-bottom: 35px !important;}
.mb50 {	margin-bottom: 40px !important;}
.mb55 {	margin-bottom: 40px !important;}
.mb60 {	margin-bottom: 40px !important;}
.mb70 {	margin-bottom: 45px !important;}
.mb80 {	margin-bottom: 45px !important;}
.mb90 {	margin-bottom: 45px !important;}
.mb100 {margin-bottom: 50px !important;}*/

/* ----- base width */
.in {
  width: 98%;
  margin: auto;
}
@media only screen and (orientation: landscape) {
  /*横向きの際に適用*/
  .in {
    width: 500px;
    margin: 0 auto;
  }
}
/* ---------- align */
.alcSP {
  text-align: center !important;
}
.alrSP {
  text-align: right !important;
}
.allSP {
  text-align: left !important;
}

/* ----- button */
.dtlBtn a {
  margin: auto;
  /* display: block; */
}
.dtlBtn2 {
  display: block;
  padding-left: 5px;
  text-align: center;
  margin-bottom: 10px;
}
.btnBox2 .dtlBtn {
  margin-top: 20px;
}
/* ----- img */
.imgL_pc,
.imgR_pc {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.imgL_sp {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
.imgR_sp {
  float: right;
  margin-left: 5px;
  margin-bottom: 5px;
}
.imgBox {
  text-align: center;
}

/* ----- table */
.dtlTbl {
  width: 100%;
}
.dtlTbl tr {
  border: 1px solid #ccc;
}
.dtlTbl th {
  border-bottom: 1px solid #ccc;
}
.dtlTbl th,
.dtlTbl td {
  display: block;
}
.scrollTbl {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
/* --------------
 common
-------------- */
.h1Eng {
  margin-bottom: 15px;
}
.h1Eng small:before,
.h1Eng small:after {
  width: 30px;
}
.h1Eng small:before {
  left: -40px;
}
.h1Eng small:after {
  right: -40px;
}
.HL2 {
  padding-bottom: 3px;
}
.HL2 .areaTag {
  display: inline-block;
  padding: 0 5px;
}
.HL2 small {
  margin-right: 10px;
}
/* =header
-------------------------------------------------------------- **/

/* =siteHeader
---------------------------------------------------- */
#siteHeader h1 {
  padding-top: 4px;
  padding-right: 50px;
  min-height: 55px;
}
/* =menu
---------------------------------------------------- */
.menu_btn {
  background: #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 5px;
  position: fixed;
  top: 3px;
  right: 3px;
  z-index: 99;
}
.menu_btn p {
  font-size: 0.6em;
  line-height: 0.6;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 33px;
  height: 23px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #222;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 41%;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(315deg);
  transform: translateY(-9px) rotate(315deg);
}
/*.bgX {
	position: relative;
}
.bgX #fadeLayer {
	position: absolute;
  top: 0px;
  left: 0px;

  width: 100%;
  height: 100%;

  background-color: #000;
  opacity: 0.5;
  z-index: 1;
}*/
/* =globalNav
---------------------------------------------------- */
#globalNav {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 98;
}
#globalNav .in {
  width: 100%;
}
#globalNav #mainNav .dropBox {
  background: #fff;
  border-bottom: 1px solid #222;
}
#globalNav #mainNav .dropBox:last-child {
  border-bottom: 3px solid #080874;
}
#globalNav #mainNav .dropBox a {
  display: block;
  padding: 10px 20px 10px 0;
  text-align: center;
}
#globalNav #mainNav .dropBox a:hover {
  text-decoration: none;
}
#globalNav #mainNav .dropBox a.aNoneSP {
  position: relative;
}
#globalNav #mainNav .dropBox.open a.aNoneSP {
  background: #080874;
}
#globalNav #mainNav .dropBox a.aNoneSP:after {
  position: absolute;
  top: 50%;
  right: 50px;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  -webkit-transform: translate(32px, -5px) rotate(135deg);
  -ms-transform: translate(32px, -5px) rotate(135deg);
  transform: translate(32px, -5px) rotate(135deg);
  transition:
    border-color 0.3s ease,
    -webkit-transform 0.6s ease;
  transition:
    border-color 0.3s ease,
    transform 0.6s ease;
}
#globalNav #mainNav .dropBox.open a.aNoneSP:after {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-transform: translate(32px, -2px) rotate(-45deg);
  -ms-transform: translate(32px, -2px) rotate(-45deg);
  transform: translate(32px, -2px) rotate(-45deg);
}
#globalNav ul .dropBox.open a .navMainTtl,
#globalNav ul .dropBox.open a .navSubTtl {
  color: #fff;
}
ul.child li {
  border-bottom: 1px solid #ccc;
}
ul.child li:last-child {
  border-bottom: none;
}
ul.child li a,
#globalNav #mainNav .dropBox:hover ul.child li a {
  background: #f7f9f8;
  color: #222;
}
ul.child li a {
  position: relative;
}
ul.child li a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #002063;
  border-width: 5px 0 5px 7px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
#globalNav #mainNav .dropBox:hover ul.child li a {
  padding: 15px 20px 15px 0;
}

/* ----------------------------------2024 renew */
.mainNav li.has-child > a {
  position: relative;
}

.globalNav_wp {
  background: rgba(0, 0, 0, 0.5);
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  z-index: 98;
}
.globalNav_wp .dropBox {
  background: #fff;
  /* border-bottom: 1px solid #222; */
}

.globalNav_wp .dropBox a {
  justify-content: flex-start;
  padding: 1em 0.6em;
  height: auto;
  flex-direction: row;
}

.menu__child__list a img {
  width: 11%;
}
.globalNav_wp .dropBox a:hover {
  text-decoration: none;
}
.globalNav_wp .dropBox.open a.aNoneSP {
  background: #08087499;
}
.has-child > a:after {
  position: absolute;
  top: 50%;
  right: 50px;
  content: "";
  width: 6px;
  height: 6px;
  border-right: 3px solid #000;
  border-top: 3px solid #000;
  -webkit-transform: translate(32px, -5px) rotate(135deg);
  -ms-transform: translate(32px, -5px) rotate(135deg);
  transform: translate(32px, -5px) rotate(135deg);
  transition:
    border-color 0.3s ease,
    -webkit-transform 0.6s ease;
  transition:
    border-color 0.3s ease,
    transform 0.6s ease;
}
.globalNav_wp .dropBox.open a.aNoneSP:after {
  border-right: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-transform: translate(32px, -2px) rotate(-45deg);
  -ms-transform: translate(32px, -2px) rotate(-45deg);
  transform: translate(32px, -2px) rotate(-45deg);
}
.globalNav_wp ul .dropBox.open a .navMainTtl,
.globalNav_wp .dropBox.open a .navSubTtl {
  color: #fff;
}
.menu__child__list li:last-child {
  border-bottom: none;
}
.menu__child__list li a {
  background: rgba(0, 0, 0, 0.75);
}
.menu__child__list li a {
  position: relative;
}
.menu__child__list li a:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 5px 0 5px 7px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}

.nav__side {
  display: flex;
  flex-wrap: wrap-reverse;
}

/* =container
-------------------------------------------------------------- */
/* .contents {
  padding: 30px 0;
} */
.contentsS {
  padding: 15px 0;
}
/* =breadcrumb
---------------------------------------------------- */

/* =headline / titles
---------------------------------------------------- */

/* =sidebar
---------------------------------------------------- */
/* =aside
------------------------------------------ */

/* =footer
-------------------------------------------------------------- **/

/* =siteFooter
---------------------------------------------------- */
#siteFooter {
  display: none;
}
/* =copyright
---------------------------------------------------- */

/* =pageTop
-------------------------------------------------------------- **/
#pageTop {
  right: 5px;
  bottom: 26px;
}

#pageTop a {
  width: 30px;
  height: 30px;
}
#pageTop a:after {
  width: 5px;
  height: 5px;
  border: 3px solid;
}

.contact__button {
  position: relative;
  top: auto;
}
.contact__button a {
  justify-content: flex-start;
  writing-mode: initial;
  border-radius: 0;
  width: 100%;
}

/* --------------
 home contents
-------------- */
.contCap {
  margin-bottom: 15px;
}
/* =visual
---------------------------------------------------- */
#visual .mvSlideCont {
  width: 100%;
  height: 0;
  padding-top: 15% !important;
  position: relative;
}
#visual .mvSlideCont img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#header #visual .visualIn {
  max-width: 90%;
  top: 15%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
#header #visual .visualIn .play img {
  width: 20%;
  max-width: 83px !important;
}

/* =pickupNews
-------------- */
#pickupNews {
  font-size: 0.8em;
  line-height: 1.2;
  padding: 10px 5px;
}
/*#pickupNews p {
	padding-left: 63px;
	text-indent: -63px;
}
#pickupNews time {
	font-size: 0.8em;
	width: 63px;
	display: inline-block;
	text-indent: 0;
}*/
/* =#homeBuil
---------------------------------------------------- */
#homeBuil {
  background: none;
}
#homeBuil .in {
  width: 100%;
}
#homeBuil .buildingBox {
  width: 49.5%;
  margin: 0 0.25% 2px;
}
#homeBuil .buildingBox .buildBg {
  height: 0;
  padding-top: 90%;
  position: relative;
}
#homeBuil .buildingBox h2 {
  font-size: 1em;
  padding: 0 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
#homeBuil .buildingBox img {
  width: 100%;
  height: 100%;
}
.buildBtn {
  display: none;
}
/* =#homeFeature
---------------------------------------------------- */
.featureCont .featureBox {
  margin-bottom: 10px;
}
.featureBox h3 {
  font-size: 0.9em;
}
.featureCont .featureBox .imgBox {
  width: 30%;
  float: left;
}
.featureCont .featureBox .txtBox {
  width: 67%;
  float: right;
}
/* =#homeCharm
---------------------------------------------------- */
#charmCont2 .h1Eng,
#charmCont3 .h1Eng {
  margin-bottom: 5px;
}
#charmCont2 .contCap,
#charmCont3 .contCap {
  font-size: 0.9em;
}
.charmCont .imgBox {
  width: 35%;
}
.charmCont .txtBox {
  width: 62%;
}
#charmCont2 .txtBox,
#charmCont3 .imgBox {
  float: right;
}
#charmCont3 .txtBox,
#charmCont2 .imgBox {
  float: left;
}
/* =#homeAccess
---------------------------------------------------- */
#homeAccess .imgBox {
  margin: 15px 0;
  border: 3px solid #080874;
}
/* =#homeNews
---------------------------------------------------- */
#homeNews .in {
  padding: 10px 5px;
}
#homeNews .newsHL span.flr {
  float: right;
  padding-left: 10px;
}
#homeNews .newsList span {
  display: block;
  margin-bottom: 5px;
}
#homeNews .newsList time {
  margin-right: 10px;
  color: #666;
  font-size: 0.9em;
}
/* =#homeLink
---------------------------------------------------- */
.linkCont:last-child {
  margin-bottom: 0;
}
.linkCont h2:after {
  top: 0;
  bottom: 0;
}
.linkCont .linkBox li {
  width: 49%;
  margin-bottom: 10px;
}
.linkCont .linkBox li:nth-child(odd) {
  margin-right: 2%;
}
/* --------------
 subpages contents
-------------- */
.subpageVisual {
  text-align: center;
  padding: 20px 0;
}
.subpageVisual h1 {
  font-size: 120%;
  margin-bottom: 5px;
}
.ceo span {
  font-size: 1.08em;
}

/* =building
---------------------------------------------------- */
.builLang.flr {
  float: right;
}
/* =building index-------- */
.HL2 .areaTag {
  margin: 4px 10px 4px 0;
}
#buildingConts .imgBox {
  margin-bottom: 10px;
}
.builTbl th,
.builTbl td {
  display: block;
  padding: 0 5px;
}
.builTbl th {
  padding-top: 6px;
}
.builContactBox {
  margin-bottom: 10px;
}
.roomTel,
.roomMail {
  margin-bottom: 30px;
}
.roomTel .fll,
.roomMail .fll {
  text-align: center;
}
.roomTel .fs20sp {
  font-size: 2em;
}
.roomMail .fs20sp {
  font-size: 1.2em;
}

/* =building detail-------- */

.b-nav__sp {
  margin-top: 2em;
  text-align: center;
}
.b-nav__sp a {
  background-color: #5578b4;
  color: #ffffff;
  padding: 1em 1.5em;
  margin-bottom: 0.3em;
}

/* 固定ボタン */
.b-nav {
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  gap: 0.5em;
  z-index: 10;
}

.b-nav a {
  writing-mode: initial;
  background-color: #5578b4e3;
  color: #ffffff;
  padding: 0.5em 1.5em;
  border-radius: 4px 4px 0 0;
  display: flex;
  justify-content: center;
  gap: 0.5em;
  align-items: center;
  margin-bottom: 0.3em;
}

.builMenuBox {
  width: 49%;
  margin: 0.5%;
}

#buildingDtl1 .imgBox,
.googleMap {
  margin-bottom: 10px;
}
.builPdfCont {
  display: flex;
  flex-wrap: wrap;
}
.builPdfBox {
  width: 49%;
  text-align: center;
  margin: 0 0.5% 15px;
}
#buildingDtl .builTbl th,
#buildingDtl .builTbl td {
  padding-left: 5px;
}

#buildingRoomList .imgBox a {
  display: block;
  width: 90px;
  height: 50px;
}

/* =building detail 2025add-------- */
.building-sub__title h2 {
  top: 1em;
  left: 1em;
  font-size: 2rem;
}

.building-sub__title h2 span {
  font-size: 1.8rem;
}

.building-sub__txt {
  position: relative;
  bottom: 0;
  left: 0;
  background: linear-gradient(45deg, #46aab5, #235894);
  padding: 0.5em;
  max-width: 100%;
  border-radius: 0;
}

.building-sub__txt p {
  font-size: 1.4rem;
}

.credit__txt_pc {
  display: none;
}
.credit__txt_sp {
  display: block;
  font-size: 0.8em;
}

/* サムネイル列 */
.facility-intro__preview,
.facility-intro__preview--2 {
  bottom: -3em;
  left: 0;
}
.facility-intro__preview img,
.facility-intro__preview--2 img {
  width: 40px;
  height: 40px;
}

.b-overview__list--item img {
  width: 36%;
}
.facility-intro__slick {
  margin-bottom: 4em;
}
.b-detail__other figure {
  padding: 1.6em;
}

/* =roomVisual slick----------- */
#roomVisual .imgBox {
  width: 100%;
  height: 0;
  padding-top: 55% !important;
  position: relative;
}
#roomVisual img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.slick-dotted.slick-slider {
  margin-bottom: 30px !important;
}
#roomVisual,
#roomVisual img {
  width: 100%;
}
#roomVisual .slideCont .slideTxt {
  font-size: 0.9em;
}
.slick-dots {
  bottom: -20px !important;
}
#buildingRoomList .colorboxImg {
  width: 120px;
  height: 65px;
  display: block;
}
/* =building layout atrium-------- */
.photoImgCont .imgBox {
  width: 49.5%;
}
.photoImgCont .imgBox:nth-child(odd) {
  margin-right: 1%;
}
/* =building restaurant-------- */
.shopCont .shopBox {
  width: 49%;
  margin: 0 0 15px;
}
.shopCont .shopBox:nth-child(odd) {
  margin-right: 2%;
}
.shopCont .shopBox .imgBox {
  height: 0;
  padding-top: 60%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.shopCont .shopBox .imgBox img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.lunchShopBox:first-child {
  border-top: 1px solid #ccc;
}
#restaurantConts .builTbl #gnavi-logo {
  margin-right: 10px;
  vertical-align: baseline;
}
#restBnrBox .floatBox p {
  margin-bottom: 10px;
}
#restBnrBox .floatBox p:last-child {
  margin-bottom: 0;
}
/* =about
---------------------------------------------------- */
.viewBox {
  position: relative;
  padding-top: 56%;
  height: 0;
}
.viewBox:first-child {
  margin-bottom: 15px;
}
.viewBox iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.spaceBnr {
  height: 0;
  padding-top: 20%;
  position: relative;
}
.spaceBnr a {
  width: 100%;
  height: 100%;
  font-size: 4.5vw;
  letter-spacing: 0.2em;
  line-height: 1.2;
  padding-left: 8%;
  font-weight: bold;
  position: absolute;
  top: 0;
}

.about__intro {
  text-align: left;
  font-size: 1.6rem;
}
.about__Key--list .about__Key--item {
  width: 100%;
}

/* =compay -------- */
#companyConts .btnBox,
#csrConts .btnBox {
  display: flex;
  flex-wrap: wrap;
}
#companyConts .dtlBtn2,
#csrConts .dtlBtn2 {
  width: 49%;
}
#companyConts .dtlBtn2:nth-child(odd),
#csrConts .dtlBtn2:nth-child(odd) {
  margin-right: 2%;
  padding: 0;
}
/* =company Management -------- */
.manageList {
  width: 100%;
}
#tab.btnBox2 {
  display: flex;
  flex-wrap: wrap;
}
#tab.btnBox2 .dtlBtn {
  width: 49%;
  margin: 0 0 10px 0;
}
#tab.btnBox2 .dtlBtn:nth-child(odd) {
  margin-right: 2%;
}
/* =contact
---------------------------------------------------- */
.contactTbl th,
.contactTbl td {
  padding: 10px;
  display: block;
}
.contactTbl th {
  border-top: 1px solid #080874;
  border-bottom: 1px solid #080874;
}
#formCont input[type="text"],
#formCont input[type="email"],
#formCont input[type="tel"],
#formCont select,
#formCont textarea {
  width: 100%;
}
.contctType label {
  display: inline-block;
  margin-top: 10px;
}
.contctType label:last-child {
  margin-bottom: 10px;
}
#contact .contactTbl {
  table-layout: fixed;
}
/* =rent
---------------------------------------------------- */
.rentTabCont #tab li {
  font-size: 0.8em;
  padding: 5px;
}
#tabConts {
  padding: 5px;
}
#tabConts li {
  width: 100%;
}
#tabConts li a {
  padding: 5px;
}

.stepCont {
  margin-bottom: 30px;
}
.stepBox {
  margin: 10px auto !important;
}
.stepBox a {
  padding: 30px 5px 5px 5%;
  display: flex;
  align-items: center;
}
.stepBox .stepMark {
  padding: 0 10px;
  top: 0;
  left: 0;
}
.stepBox .imgBox {
  margin-right: 20px;
}
.tri:after {
  border-top: 25px solid #080874;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  bottom: -20px;
  left: 0;
  right: 0;
}
/* =parking
---------------------------------------------------- */
.parkingLinkBox #tab {
  width: 100%;
}
.dtlBtnBox.flexBox {
  margin-top: 15px;
}
.dtlBtnBox.flexBox .dtlBtn {
  width: 50%;
  margin-top: 0;
}
/*パーキング用*/
.parkingBtn a {
  width: 98%;
  padding: 10px 15px 10px 5px;
  margin: auto;
  display: block;
}
.parkingBtnBox.flexBox {
  margin-top: 15px;
}
.parkingBtnBox.flexBox .parkingBtn {
  width: 50%;
  margin-top: 0;
}
/* =agency
---------------------------------------------------- */
.building_wrapp table {
  font-size: 75%;
}
.informTxt {
  text-align: center;
  margin-top: 40px;
}
.telRed a {
  color: #9b002c;
  font-size: 1.6em;
}
.ttlAgency {
  text-align: center;
  font-size: 24px;
  color: #080874;
  margin: 40px 0 20px;
}

.promotionCont {
  text-align: center;
  margin: 0 5px;
}
.promotionCont h4 {
  background: #080874;
  color: #fff;
  padding: 30px;
  line-height: 1.5;
}
.promotionCont h4:hover {
  background: #fff;
  border: 1px solid #080874;
  color: #080874;
  transition: all 0.2s ease;
}
.promotionCont a:hover {
  text-decoration: none;
}
.agencyBtn {
  text-align: center;
}
.agencyBtn a {
  display: inline-block;
  padding: 10px 40px;
}
.agencyBtn a {
  background: #f2f2f8;
  border: 1px solid #080874;
  color: #080874;
  transition: all 0.2s ease;
  position: relative;
  /* width: 350px; */
}
.agencyBtn a:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 2px solid;
  border-color: #080874 #080874 transparent transparent;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.agencyBtn a:hover {
  background: #8585b8;
  color: #fff;
  text-decoration: none;
}
.agencyPdf {
  font-size: 18px;
}
.building_wrapp {
  overflow-x: scroll;
}
.building_wrapp table {
  width: 790px;
}
.building_name img {
  width: 140px;
}
.area_ttl span {
  writing-mode: vertical-rl;
  white-space: pre;
  display: inline-block;
  text-align: center;
}
.building_name {
  text-align: center;
  padding: 8px 0;
}
.recruitment_dtl {
  height: 30px;
  text-align: center;
}
.recruitment_dtl td:nth-child(1),
.recruitment_dtl td:nth-child(2),
.recruitment_dtl td:nth-child(3) {
  width: 85px;
  height: 40px;
}
.recruitment_dtl td:nth-child(6) {
  width: 60px;
}
.fa-file-pdf {
  font-size: 20px;
}
.scale_box {
  width: 70px;
  text-align: center;
}

/* =contact index -------- */
/* =contact room -------- */

/* ------------------------------------2024 top renew */
.moreBtn {
  padding: 0.8em 1.5em;
}
.sp-grid--2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5em;
}
.sp-grid--3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5em;
}

.sp-column--1 {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

.sp-column--2 {
  display: flex;
  flex-direction: column;
  gap: 2em;
}

/* pickupNews */
.top-pickupNews__item {
  width: 100%;
  padding: 0.5em;
}

/* top-introduction */
.top-introduction__buil--item {
  width: 96%;
  margin: 0 auto;
}
.top-introduction__imgbox img {
  aspect-ratio: 16 / 10;
}
.top-introduction__imgbox img {
  object-position: 50% 15%;
}
.top-introduction__buil {
  grid-template-columns: 1fr;
}

/* top-setUp-office */
.top-setUp-office__img {
  margin: 1em;
}
.top-setUp-office__img a {
  display: flex;
  justify-content: center;
}

.top-setUp-office__img a img {
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.08);
}

/* ------------------------introduction */

/* --------------------------voice */
.top-voice::before {
  width: 14px;
  height: 85px;
}

.top-voice__box {
  display: grid;
  grid-template-columns: 0.8fr 2fr;
  column-gap: 0.5em;
  align-items: center;
}

.top-voice__box {
  width: 100%;
  margin: 0.5em;
}

.top-voice__img img {
  width: auto;
}

.top-voice__txt {
  padding: 8px;
}

/* -----------------------access */
.top-access__icon a img {
  width: 46px;
}
.top-access__icon a:nth-child(1) {
  left: 34%;
  bottom: 0;
}

.top-access__icon a:nth-child(2) {
  left: 5%;
  bottom: 6%;
}

.top-access__icon a:nth-child(3) {
  top: 34%;
  left: 32%;
}

.top-access__icon a:nth-child(4) {
  right: 3%;
  bottom: 13%;
}

.top-access__icon a:nth-child(5) {
  top: 4%;
  right: 28%;
}

.top-access__icon a:nth-child(6) {
  top: -2%;
  right: 15%;
}

/* -----------------------attraction */
.top-attraction__item {
  padding: 1.5em 1em;
  width: 100%;
}

.top-attraction__item img {
  object-fit: contain;
  max-height: 8em;
}
.button--arrow {
  width: 26px;
  height: 26px;
  bottom: 0px;
  right: 10px;
}
.button--arrow::after {
  width: 6px;
  height: 6px;
}
/* ----------------------------contact */
.top-contact__box h3 {
  font-size: 14px;
  min-height: auto;
}
.top-contact__dtl {
  min-height: auto;
}
.button--contact {
  padding: 0.8em;
}

/* -------------------------------news */
.top-news__dtl {
  display: block;
}

/* banner */
.top-banner__wp .top-banner__box {
  margin: 8px 0;
}

/* -----------------------building button*/
.button__building img {
  max-height: 40px;
}
.button__building p {
  font-size: 1.2rem;
}

/* 会議室　固定ボタン----------------- */
.btn__rentConference {
  position: fixed;
  bottom: 0;
  z-index: 10;
}
.btn__rentConference__item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  font-size: 1.4rem;
  column-gap: 0.5em;
  text-align: center;
}
.btn__rentConference__item li a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background-color: #5578b4e3;
  color: #fff;
  padding: 4px;
  height: 56px;
  border-radius: 4px 4px 0 0;
}
.btn__rentConference__item li span {
  display: inline-block;
}

/* ビル add*/
.south-deck {
  margin-top: 0.5em;
}

/* 768〜824px： */
@media screen and (min-width: 768px) and (max-width: 824px) {
  /* top building */

  .top-introduction__img h3 {
    position: relative;
    bottom: 0;
  }
  .top-introduction__builTxt {
    padding: 1em;
  }

  /* top map */
  .top-access__icon a img {
    width: 72px;
  }
  .top-access__icon a:nth-child(3) {
    top: 11.5em;
  }
  .top-access__icon a:nth-child(4) {
    bottom: 4.8em;
  }
  /* top Features */
  .top-attraction__item {
    width: 47%;
  }
}