@charset "utf-8";

/* --------------------------------------------


トップページ


---------------------------------------------- */



/* --------------------------------------------

m

---------------------------------------------- */
.aboutWrap {
 margin: auto;
}

.aboutWrap h2.ff-en {
 position: relative;
 white-space: nowrap;
 font-size: 18rem;
 font-weight: 600;
 line-height: 0.7;
 color: #fafafa;
 -webkit-text-stroke: 1px #000;
 z-index: 1;
}

.about_item {
 justify-content: space-between;
 margin: 48px 0;
}

.about_text {
 width: 40%;
 padding: 48px;
 font-size: 1.8rem;
}

.about_item figure {
 width: 60%;
 margin: -96px 0 96px;
}

.about_item h3 {
 margin: 0 0 48px;
 font-size: 4rem;
 font-weight: 600;
 line-height: 1.4;
}

.about_item h4 {
 margin: 48px 0;
 font-size: 2.2rem;
 font-weight: 600;
 line-height: 1.8;
}

@media only screen and (max-width:640px) {
 .aboutWrap {}

 .aboutWrap h2.ff-en {
  font-size: 10rem;
 }

 .aboutWrap h2.ff-en span {
  display: inline-block;
  font-size: 8rem;
 }

 .about_item {
  margin: 12px 0 64px;
 }

 .about_item figure {
  width: 100%;
  margin: 0px 0;
 }

 .about_text {
  width: 100%;
  padding: 24px 0;
  font-size: 1.6rem;
 }

 .about_text h3 {
  font-size: 3.6rem;
  margin: 0 0 24px;
 }

 .about_text h4 {
  margin: 24px 0;
  font-size: 1.8rem;
 }

}



/* --------------------------------------------

floormap

---------------------------------------------- */
.floormap {}

.floormap figure {
 width: 96%;
 margin: 96px 0 0 auto;
}

.floormap ol {
 justify-content: flex-start;
 margin: 64px 0 0;
}

.floormap ol p {
 width: 100%;
 margin: 24px 0;
 font-size: 2.4rem;
 font-weight: 600;
}

.floormap ol li {
 width: calc(100% / 3);
 margin: 4px 0;
 padding-left: 32px;
 font-size: 1.3rem;
 text-indent: -32px;
}

.floormap ol li span:not(.ff-en) {
 display: inline-block;
 margin-left: 8px;
 padding: 0 4px;
 font-size: 1.2rem; line-height: 20px;
 text-indent: 0px;
 color: #5d5d5d;
 border: 1px solid #5d5d5d;
}

.floormap ol li span.ff-en {
 display: inline-block;
 width: 22px;
 height: 22px;
 margin-right: 8px;
 text-align: center;
 font-size: 1.3rem;
 line-height: 22px;
 text-indent: 0px;
 color: #fff;
 background-color: #af811a;
 border-radius: 50%;
}


@media only screen and (max-width:640px) {
 .floormap {}

 .floormap figure {
  width: 112%;
  margin: 64px 0 0 -6%;
 }

 .floormap ol {
 }

 .floormap ol p {
 }

 .floormap ol li {
  width: 100%;
  margin: 6px 0;
  font-size: 1.4rem;
 }

 .floormap ol li span:nth-of-type(2) {

 }

 .floormap ol li span.ff-en {
  width: 28px;
  height: 28px;
  line-height: 28px;
 }
}



/* --------------------------------------------

m

---------------------------------------------- */
@media only screen and (max-width:640px) {}



/* --------------------------------------------

m

---------------------------------------------- */
@media only screen and (max-width:640px) {}



/* --------------------------------------------

m

---------------------------------------------- */
@media only screen and (max-width:640px) {}



/* --------------------------------------------

m

---------------------------------------------- */
@media only screen and (max-width:640px) {}



/* --------------------------------------------

m

---------------------------------------------- */
@media only screen and (max-width:640px) {}