@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap");
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

li {
  list-style: none;
}

input[type=submit], input[type=button] {
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration, input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]:focus, input[type=button]:focus {
  outline-offset: -2px;
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

input[type=submit]:focus, input[type=password]:focus, input[type=button]:focus {
  outline: 0;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input, button, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox], input[type=radio] {
  display: none;
}

input[type=submit], input[type=button], label, button, select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

html {
  font-size: 10px;
}

@media screen and (max-width: 1400px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media screen and (max-width: 750px) {
  html {
    font-size: 1.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  ._sp {
    display: none !important;
  }
}
@media screen and (max-width: 750px) {
  ._pc {
    display: none !important;
  }
}
* {
  -webkit-transition: all 0s ease;
  transition: all 0s ease;
  margin: 0;
  padding: 0;
}

html {
  overflow: auto;
}

body {
  -webkit-text-size-adjust: 100%;
}

main {
  display: block;
  position: relative;
  overflow: hidden;
  background: #fff;
  padding: 7rem 0 0;
}

@media screen and (max-width: 750px) {
  main {
    width: 100%;
    padding: 50px 0 0;
  }
}
section {
  position: relative;
  overflow: hidden;
}

img,
svg,
video {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

body {
  font-family: dnp-shuei-mincho-pr6, serif;
  font-weight: 100;
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #000000;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
body a,
body button {
  color: inherit;
}

.f-en {
  font-family: eurostile-extended, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.f-en .ja {
  font-family: dnp-shuei-mincho-pr6, serif;
}

header.header {
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  width: 100%;
  height: 7rem;
  background-color: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 9999;
}
header.header .header-wrap {
  max-width: 1400px;
  padding: 1.8rem 2rem 0 2.5rem;
  margin: 0 auto;
}
header.header .header-wrap .top-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.header .header-wrap .top-area .logo-box {
  width: 32rem;
  display: block;
  position: relative;
}
header.header .header-wrap .top-area .logo-box .img {
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
}
header.header .header-wrap .top-area .logo-box .img.on {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
header.header .header-wrap .top-area .btn_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.header .header-wrap .top-area .btn_area .btn-box {
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 3rem 0 0;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
header.header .header-wrap .top-area .btn_area .btn-box .btn {
  -webkit-transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
}
header.header .header-wrap .top-area .btn_area .btn-box .txt {
  -webkit-transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  font-size: 1.3rem;
  text-align: center;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 {
  gap: 0 2rem;
  margin: 0 3.7rem 0 0;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 div .btn + .btn {
  margin-top: 1rem;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 0.7rem;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 .arrow {
  position: relative;
  display: inline-block;
  width: 0.6rem;
  height: 0.8rem;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 .arrow::before,
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 0.6rem;
  height: 1px;
  border-radius: 9999px;
  background-color: rgba(0, 0, 0, 0.7098039216);
  -webkit-transform-origin: calc(100% - 0.5px) 50%;
          transform-origin: calc(100% - 0.5px) 50%;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 .arrow::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 .arrow::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-1 .txt:hover {
  opacity: 0.7;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 {
  gap: 0 1rem;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 17rem;
  height: 3.5rem;
  background: #474747;
  border: 1px solid #474747;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .txt {
  color: #fff;
  font-size: 1.2rem;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .ja {
  font-size: 1rem;
  display: block;
  margin: 0.2rem 0 0;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .btn.reserve {
  background: #6e0029;
  border: 1px solid #6e0029;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .btn.request {
  background: #8d8868;
  border: 1px solid #8d8868;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .btn:hover {
  background: #fff;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .btn:hover .txt {
  color: #474747;
}
header.header .header-wrap .top-area .btn_area .btn-box .flex-inner-2 .btn.request:hover .txt {
  color: #8d8868;
}

#pageLimitedEbook header.header,
#pageLimitedDesign header.header,
#pageLimited header.header,
#pageLimitedPlan header.header {
  background-color: #00211e;
}
#pageLimitedEbook header.header .header-wrap .top-area .logo-box .img.off,
#pageLimitedDesign header.header .header-wrap .top-area .logo-box .img.off,
#pageLimited header.header .header-wrap .top-area .logo-box .img.off,
#pageLimitedPlan header.header .header-wrap .top-area .logo-box .img.off {
  opacity: 0;
}
#pageLimitedEbook header.header .header-wrap .top-area .logo-box .img.on,
#pageLimitedDesign header.header .header-wrap .top-area .logo-box .img.on,
#pageLimited header.header .header-wrap .top-area .logo-box .img.on,
#pageLimitedPlan header.header .header-wrap .top-area .logo-box .img.on {
  opacity: 1;
}
#pageLimitedEbook header.header .header-wrap .top-area .btn-box .btn,
#pageLimitedDesign header.header .header-wrap .top-area .btn-box .btn,
#pageLimited header.header .header-wrap .top-area .btn-box .btn,
#pageLimitedPlan header.header .header-wrap .top-area .btn-box .btn {
  color: #fff;
}
#pageLimitedEbook .nav-btn-outer span,
#pageLimitedDesign .nav-btn-outer span,
#pageLimited .nav-btn-outer span,
#pageLimitedPlan .nav-btn-outer span {
  background-color: #fff;
}
#pageLimitedEbook .nav-btn-outer p,
#pageLimitedDesign .nav-btn-outer p,
#pageLimited .nav-btn-outer p,
#pageLimitedPlan .nav-btn-outer p {
  color: #fff;
}

#pageLimitedEbook .btn_area,
#pageLimitedDesign .btn_area,
#pageLimitedPlan .btn_area,
#pageLimited .btn_area {
  display: none;
}

header.header.none {
  background-color: unset;
}
header.header.none .header-wrap .top-area .logo-box .img.on {
  opacity: 1;
}
header.header.none .header-wrap .top-area .logo-box .img.off {
  opacity: 0;
}
header.header.none .header-wrap .top-area .btn_area .btn-box {
  opacity: 0;
}

@media screen and (max-width: 750px) {
  header.header {
    height: 50px;
  }
  header.header .header-wrap {
    max-width: none;
    padding: 13px 9px 0 13px;
  }
  header.header .header-wrap .top-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header.header .header-wrap .top-area .logo-box {
    width: auto;
    height: 25px;
  }
  header.header .header-wrap .top-area .logo-box .img {
    width: auto;
    height: 100%;
  }
  header.header .header-wrap .top-area .logo-box img {
    width: auto;
    height: 100%;
  }
  header.header .header-wrap .top-area .btn_area {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .float-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    height: 45px;
    background: #9b8d7d;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
  }
  .float-nav .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 33.3333333333%;
    height: 100%;
    text-align: center;
    position: relative;
  }
  .float-nav .list .inner {
    width: 100%;
  }
  .float-nav .list .icon {
    width: auto;
    height: 18px;
    display: block;
  }
  .float-nav .list .icon img {
    width: auto;
    height: 100%;
  }
  .float-nav .list .txt {
    width: 100%;
    font-size: 10px;
    letter-spacing: 0.2rem;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    display: block;
    margin: 3px auto 0;
  }
  .float-nav .list.res {
    background: #6e0029;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(130, 46, 72)), to(rgb(109, 12, 43)));
    background: linear-gradient(180deg, rgb(130, 46, 72) 0%, rgb(109, 12, 43) 100%);
  }
  .float-nav .list.req {
    background: #8d8868;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(148, 136, 113)), to(rgb(141, 136, 104)));
    background: linear-gradient(180deg, rgb(148, 136, 113) 0%, rgb(141, 136, 104) 100%);
  }
  .float-nav .list.tel {
    background: #575757;
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(87, 87, 87)), to(rgb(43, 43, 43)));
    background: linear-gradient(180deg, rgb(87, 87, 87) 0%, rgb(43, 43, 43) 100%);
  }
  #pageLimited .float-nav {
    display: none;
  }
}
footer.footer .navigate_wrap {
  background: #555555;
  padding: 1.25rem 0;
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap {
    padding: 2.5rem 0;
  }
}
footer.footer .navigate_wrap .com-content {
  width: 64rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap .com-content {
    width: 75rem;
  }
}
footer.footer .navigate_wrap a {
  display: block;
  padding: 1rem 0;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
footer.footer .navigate_wrap a.dis {
  pointer-events: none;
}
footer.footer .navigate_wrap a.dis .p2 {
  color: #757575;
}
@media (hover: hover) and (pointer: fine) {
  footer.footer .navigate_wrap a:hover {
    opacity: 0.7;
  }
}
footer.footer .navigate_wrap a::before {
  content: "";
  position: absolute;
  width: 1.6rem;
  height: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap a::before {
    width: 2rem;
    height: 1.6rem;
  }
}
footer.footer .navigate_wrap a p {
  text-align: center;
}
footer.footer .navigate_wrap a .p1 {
  font-size: 1.7rem;
  color: #757575;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap a .p1 {
    font-size: 3.2rem;
  }
}
footer.footer .navigate_wrap a .p2 {
  color: #fff;
  font-size: 1.1rem;
  margin-top: 5px;
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap a .p2 {
    font-size: 2rem;
  }
}
footer.footer .navigate_wrap .prev {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding-left: 2rem;
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap .prev {
    border-left: none;
  }
}
footer.footer .navigate_wrap .prev::before {
  background: url(../img/common/arrow_prev.svg) center/cover no-repeat;
  left: 2rem;
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap .prev::before {
    left: 0;
  }
}
footer.footer .navigate_wrap .next {
  border-right: 1px solid #fff;
  padding-right: 2rem;
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap .next {
    border-right: none;
  }
}
footer.footer .navigate_wrap .next::before {
  background: url(../img/common/arrow_next.svg) center/cover no-repeat;
  right: 2rem;
}
@media screen and (max-width: 750px) {
  footer.footer .navigate_wrap .next::before {
    right: 0;
  }
}
footer.footer .top_wrap {
  padding-bottom: 4rem;
}
@media screen and (max-width: 750px) {
  footer.footer .top_wrap {
    padding-bottom: 8rem;
  }
}
footer.footer .top_wrap .com-content {
  width: 125rem;
}
@media screen and (max-width: 750px) {
  footer.footer .top_wrap .com-content {
    width: 75rem;
  }
}
footer.footer .bottom_wrap {
  background: #fff;
  padding: 3.5rem 0 6rem;
}
footer.footer .bottom_wrap .page_top {
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  width: 7rem;
  cursor: pointer;
  margin: 6rem auto 0;
}
footer.footer .bottom_wrap .page_top:hover {
  opacity: 0.6;
}
footer.footer .bottom_wrap .logo_area {
  padding: 5rem 0 0;
}
footer.footer .bottom_wrap .logo_area .logo_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 4.5rem;
}
footer.footer .bottom_wrap .logo_area .logo_box .logo_txt {
  font-size: 1rem;
}
footer.footer .bottom_wrap .logo_area .logo_box .logo_img {
  margin: 2rem 0 0;
}
footer.footer .bottom_wrap .logo_area .logo_box .logo.ke .logo_img {
  width: 26.8rem;
}
footer.footer .bottom_wrap .logo_area .logo_box .logo.hu .logo_img {
  width: 26.2rem;
}
footer.footer .bottom_wrap .logo_area .logo_box .logo.hc .logo_img {
  width: 32.4rem;
}
footer.footer .bottom_wrap .com-cr-area {
  color: #000;
  text-align: center;
  padding: 0 2rem;
  margin: 4.5rem 0 1.5rem;
}
footer.footer .bottom_wrap .com-cr-area .disclaimer {
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.05em;
}
footer.footer .bottom_wrap .com-cr-area .copy {
  display: block;
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  margin: 1rem 0 0;
}

#pageLimitedLogin footer.footer .navigate_wrap {
  display: none;
}
#pageLimitedLogin footer.footer .com-entry_wrap {
  background: unset;
}

#pageLimitedEbook footer.footer .navigate_wrap,
#pageLimitedPlan footer.footer .navigate_wrap, #pageLimitedDesign footer.footer .navigate_wrap,
#pageLimited footer.footer .navigate_wrap {
  background: #000;
}
#pageLimitedEbook footer.footer .navigate_wrap .p1,
#pageLimitedPlan footer.footer .navigate_wrap .p1, #pageLimitedDesign footer.footer .navigate_wrap .p1,
#pageLimited footer.footer .navigate_wrap .p1 {
  color: #fff;
}
#pageLimitedEbook footer.footer .com-entry_wrap,
#pageLimitedPlan footer.footer .com-entry_wrap, #pageLimitedDesign footer.footer .com-entry_wrap,
#pageLimited footer.footer .com-entry_wrap {
  padding-top: 4rem;
  background: #4b4b4b;
}
#pageLimitedEbook footer.footer .com-entry_wrap .com-cap,
#pageLimitedPlan footer.footer .com-entry_wrap .com-cap, #pageLimitedDesign footer.footer .com-entry_wrap .com-cap,
#pageLimited footer.footer .com-entry_wrap .com-cap {
  display: none;
}
#pageLimitedEbook footer.footer .com-entry_wrap .com-entry_tbox,
#pageLimitedEbook footer.footer .com-entry_wrap .com-entry_nav,
#pageLimitedPlan footer.footer .com-entry_wrap .com-entry_tbox,
#pageLimitedPlan footer.footer .com-entry_wrap .com-entry_nav, #pageLimitedDesign footer.footer .com-entry_wrap .com-entry_tbox,
#pageLimitedDesign footer.footer .com-entry_wrap .com-entry_nav,
#pageLimited footer.footer .com-entry_wrap .com-entry_tbox,
#pageLimited footer.footer .com-entry_wrap .com-entry_nav {
  display: none;
}

@media screen and (max-width: 750px) {
  footer.footer .bottom_wrap {
    padding: 5rem 0 16rem;
  }
  footer.footer .bottom_wrap .page_top {
    width: 14rem;
    margin: 9rem auto 0;
  }
  footer.footer .bottom_wrap .page_top:hover {
    opacity: 1;
  }
  footer.footer .bottom_wrap .logo_area {
    padding: 9rem 0 0;
  }
  footer.footer .bottom_wrap .logo_area .logo_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 6rem 0;
  }
  footer.footer .bottom_wrap .logo_area .logo_box .logo_txt {
    font-size: 2rem;
  }
  footer.footer .bottom_wrap .logo_area .logo_box .logo_img {
    margin: 2.4rem 0 0;
  }
  footer.footer .bottom_wrap .logo_area .logo_box .logo.ke .logo_img {
    width: 50.2rem;
  }
  footer.footer .bottom_wrap .logo_area .logo_box .logo.hu .logo_img {
    width: 49.2rem;
  }
  footer.footer .bottom_wrap .logo_area .logo_box .logo.hc .logo_img {
    width: 60.7rem;
  }
  footer.footer .bottom_wrap .com-cr-area {
    margin: 9rem 0 18rem;
  }
  footer.footer .bottom_wrap .com-cr-area .disclaimer {
    letter-spacing: 0.05em;
  }
  footer.footer .bottom_wrap .com-cr-area .copy {
    letter-spacing: 0.05em;
    margin: 1rem 0 0;
  }
}
nav.nav-h {
  -webkit-transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  position: fixed;
  width: 100%;
  height: 100dvh;
  top: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 8000;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url("../../build/img/common/nav_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: cover;
  background-repeat: repeat-y;
}
@media screen and (max-width: 750px) {
  nav.nav-h {
    background-image: url("../../build/img/common/nav_bg-sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
}
nav.nav-h .nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
nav.nav-h .nav_ttl {
  font-size: 2.8rem;
  color: #fff;
  text-align: center;
}
nav.nav-h .nav_ttl span {
  font-size: 3.4rem;
}
nav.nav-h.active {
  opacity: 1;
  pointer-events: auto;
}
nav.nav-h.active .nav-img,
nav.nav-h.active .nav-list {
  opacity: 1;
  top: 0;
}

@media screen and (max-width: 750px) {
  nav.nav-h {
    height: calc(100dvh - 45px);
    background-size: cover;
  }
  nav.nav-h .nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: auto;
    width: 100%;
    height: calc(100dvh - 45px - 15rem);
    overflow-y: scroll;
  }
  nav.nav-h .nav-list-inner {
    padding: 0 0 6vh;
  }
  nav.nav-h .nav_ttl {
    font-size: 3.8rem;
  }
  nav.nav-h .nav_ttl span {
    font-size: 4.4rem;
  }
  nav.nav-h.active {
    opacity: 1;
    pointer-events: auto;
  }
}
nav.nav-h .nav-ul-outer {
  position: relative;
}
nav.nav-h .nav-ul-outer::before, nav.nav-h .nav-ul-outer::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #59876B;
  background: -webkit-gradient(linear, left top, right top, from(rgb(89, 135, 107)), color-stop(33%, rgb(89, 135, 107)), color-stop(33%, rgb(113, 165, 195)), color-stop(67%, rgb(113, 165, 195)), color-stop(67%, rgb(199, 135, 11)), to(rgb(199, 135, 11)));
  background: linear-gradient(90deg, rgb(89, 135, 107) 0%, rgb(89, 135, 107) 33%, rgb(113, 165, 195) 33%, rgb(113, 165, 195) 67%, rgb(199, 135, 11) 67%, rgb(199, 135, 11) 100%);
  z-index: 11;
}
nav.nav-h .nav-ul-outer::before {
  position: absolute;
  top: 0;
  left: 0;
}
nav.nav-h .nav-ul-outer::after {
  position: absolute;
  bottom: 0;
  left: 0;
}
nav.nav-h .nav-ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 3rem 0 0;
  position: relative;
  z-index: 10;
  row-gap: 2rem;
  padding-bottom: 1rem;
}
nav.nav-h .nav-ul::before {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.6901960784);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 11;
}
nav.nav-h .nav-ul li {
  width: 15rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.8rem 0 0;
}
nav.nav-h .nav-ul li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(140, 136, 107, 0.6901960784)), color-stop(110%, rgba(116, 112, 85, 0.2901960784)));
  background: linear-gradient(90deg, rgba(140, 136, 107, 0.6901960784) 0%, rgba(116, 112, 85, 0.2901960784) 110%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}
nav.nav-h .nav-ul li p,
nav.nav-h .nav-ul li a {
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  display: block;
  letter-spacing: 0.1em;
  color: #fff;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  text-align: center;
  padding: 0.8rem 0 1.3rem;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
nav.nav-h .nav-ul li p span,
nav.nav-h .nav-ul li a span {
  display: block;
  position: relative;
}
nav.nav-h .nav-ul li p span:nth-of-type(1),
nav.nav-h .nav-ul li a span:nth-of-type(1) {
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.05em;
  margin-bottom: 0.6rem;
}
nav.nav-h .nav-ul li p span:nth-of-type(2),
nav.nav-h .nav-ul li a span:nth-of-type(2) {
  font-size: 1.1rem;
}
nav.nav-h .nav-ul li p::before,
nav.nav-h .nav-ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.6901960784);
}
nav.nav-h .nav-ul li .arrow {
  width: 0.8rem;
  height: 1.1rem;
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 1.1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
nav.nav-h .nav-ul li .arrow::before,
nav.nav-h .nav-ul li .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 0.8rem;
  height: 1px;
  border-radius: 9999px;
  background-color: #fff;
  -webkit-transform-origin: calc(100% - 0.5px) 50%;
          transform-origin: calc(100% - 0.5px) 50%;
}
nav.nav-h .nav-ul li .arrow::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
nav.nav-h .nav-ul li .arrow::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
nav.nav-h .nav-ul li.dis {
  pointer-events: none;
}
nav.nav-h .nav-ul li.dis a span {
  opacity: 0.4;
}
nav.nav-h .nav-ul li.dis .arrow {
  opacity: 0;
}
nav.nav-h .nav-ul li.new {
  position: relative;
}
nav.nav-h .nav-ul li.new::after {
  position: absolute;
  font-size: 1rem;
  font-family: eurostile-extended, sans-serif;
  content: "NEW";
  color: #fff;
  background: #6e0029;
  border-radius: 0.7rem;
  white-space: nowrap;
  top: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.2em 0.7em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  nav.nav-h .nav-ul li.new::after {
    border-radius: 50%;
    width: 5.7rem;
    height: 5.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.4rem;
    padding-bottom: 0.25rem;
    text-align: center;
    left: 1rem;
    -webkit-transform: unset;
            transform: unset;
    top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  nav.nav-h .nav-ul li.new.brand2::after {
    left: -2rem;
  }
}
nav.nav-h .nav-ul li.update {
  position: relative;
}
nav.nav-h .nav-ul li.update::after {
  position: absolute;
  font-size: 1rem;
  font-family: eurostile-extended, sans-serif;
  content: "UPDATE";
  color: #fff;
  background: #b86322;
  border-radius: 0.7rem;
  white-space: nowrap;
  top: 0.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.2em 0.7em;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  nav.nav-h .nav-ul li.update::after {
    content: "UP\a DATE";
    white-space: pre-wrap;
    border-radius: 50%;
    width: 5.7rem;
    height: 5.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.4rem;
    padding-bottom: 0.25rem;
    text-align: center;
    left: 1rem;
    -webkit-transform: unset;
            transform: unset;
    top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  nav.nav-h .nav-ul li.update.brand2::after {
    left: -2rem;
  }
}
nav.nav-h .nav-ul li.mansion .f-en {
  margin-bottom: 0;
}
nav.nav-h .nav-ul li.mansion ._pc {
  display: inline-block;
  font-size: 0.5rem;
}
nav.nav-h .nav-ul li.top {
  margin-left: 5rem;
}
@media screen and (max-width: 750px) {
  nav.nav-h .nav-ul li.top {
    margin-left: 0;
  }
}
nav.nav-h .nav-ul li.plan {
  margin-right: 5rem;
}
@media screen and (max-width: 750px) {
  nav.nav-h .nav-ul li.plan {
    margin-right: 0;
  }
}
nav.nav-h .nav-ul li.plan a::after,
nav.nav-h .nav-ul li.outline a::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.6901960784);
}
nav.nav-h .nav-ul li:hover::before {
  opacity: 1;
}
nav.nav-h .nav-ul.actiive {
  opacity: 1;
  pointer-events: auto;
}

#pageTop nav.nav-h .nav-ul li.top::before,
#pageAccess nav.nav-h .nav-ul li.access::before,
#pageLocation nav.nav-h .nav-ul li.location::before,
#pageLifeStyle nav.nav-h .nav-ul li.lifestyle::before,
#pageDesign nav.nav-h .nav-ul li.design::before,
#pagePlan nav.nav-h .nav-ul li.plan::before,
#pageType nav.nav-h .nav-ul li.plan::before,
#pageModelroom nav.nav-h .nav-ul li.modelroom::before,
#pageEquipment nav.nav-h .nav-ul li.equipment::before,
#pageBrand nav.nav-h .nav-ul li.brand::before,
#pageOutline nav.nav-h .nav-ul li.outline::before,
#pageMap nav.nav-h .nav-ul li.map::before {
  opacity: 1;
}

#pageTop nav.nav-h .nav-ul li.top .arrow,
#pageAccess nav.nav-h .nav-ul li.access .arrow,
#pageLocation nav.nav-h .nav-ul li.location .arrow,
#pageLifeStyle nav.nav-h .nav-ul li.lifestyle .arrow,
#pageDesign nav.nav-h .nav-ul li.design .arrow,
#pagePlan nav.nav-h .nav-ul li.plan .arrow,
#pageType nav.nav-h .nav-ul li.plan .arrow,
#pageModelroom nav.nav-h .nav-ul li.modelroom .arrow,
#pageEquipment nav.nav-h .nav-ul li.equipment .arrow,
#pageBrand nav.nav-h .nav-ul li.brand .arrow,
#pageOutline nav.nav-h .nav-ul li.outline .arrow,
#pageMap nav.nav-h .nav-ul li.map .arrow {
  opacity: 0;
}

@media screen and (max-width: 750px) {
  nav.nav-h {
    padding: 15rem 0 0;
  }
  nav.nav-h .nav-ul-outer {
    width: 66rem;
    margin: 0 auto;
  }
  nav.nav-h .nav-ul-outer::before, nav.nav-h .nav-ul-outer::after {
    height: 2px;
  }
  nav.nav-h .nav-ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  nav.nav-h .nav-ul::before {
    display: none;
  }
  nav.nav-h .nav-ul li {
    width: 50%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6901960784);
    padding: 2rem 0;
  }
  nav.nav-h .nav-ul li p,
  nav.nav-h .nav-ul li a {
    padding: 1rem 0 1.4rem;
  }
  nav.nav-h .nav-ul li p span:nth-of-type(1),
  nav.nav-h .nav-ul li a span:nth-of-type(1) {
    font-size: 2rem;
    margin-bottom: 1rem;
  }
  nav.nav-h .nav-ul li p span:nth-of-type(2),
  nav.nav-h .nav-ul li a span:nth-of-type(2) {
    font-size: 2.2rem;
  }
  nav.nav-h .nav-ul li .arrow {
    width: 1.6rem;
    height: 2rem;
    right: 2rem;
  }
  nav.nav-h .nav-ul li .arrow::before,
  nav.nav-h .nav-ul li .arrow::after {
    content: "";
    width: 1.6rem;
  }
  nav.nav-h .nav-ul li.mansion .f-en {
    margin-bottom: 1rem;
  }
  nav.nav-h .nav-ul li:nth-child(2n) a::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.6901960784);
  }
  nav.nav-h .nav-ul li:last-child a::after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, 0.6901960784);
  }
  nav.nav-h .nav-ul li:hover::before {
    opacity: 0;
  }
  nav.nav-h .nav-ul.actiive {
    opacity: 1;
    pointer-events: auto;
  }
}
nav.nav-h .btn_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 2rem;
  margin: 10rem 0 0;
}
nav.nav-h .btn_flex .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 23rem;
  height: 4.2rem;
  background: #474747;
  border: 1px solid #474747;
  -webkit-box-shadow: 2px 7px 10px 0px rgba(14, 13, 13, 0.5882352941);
          box-shadow: 2px 7px 10px 0px rgba(14, 13, 13, 0.5882352941);
  -webkit-transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  position: relative;
}
nav.nav-h .btn_flex .txt {
  color: #fff;
  font-size: 1.4rem;
  -webkit-transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 500ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  text-align: center;
}
nav.nav-h .btn_flex .ja {
  font-size: 1rem;
  display: block;
  margin: 0.5rem 0 0;
}
nav.nav-h .btn_flex .btn.reserve {
  background: #6e0029;
  border: 1px solid #6e0029;
}
nav.nav-h .btn_flex .btn.request {
  background: #8d8868;
  border: 1px solid #8d8868;
}
nav.nav-h .btn_flex .arrow {
  display: inline-block;
  width: 0.6rem;
  height: 0.8rem;
  position: absolute;
  right: 0.8rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
nav.nav-h .btn_flex .arrow::before,
nav.nav-h .btn_flex .arrow::after {
  content: "";
  position: absolute;
  top: calc(50% - 0.5px);
  right: 0;
  width: 0.6rem;
  height: 1px;
  border-radius: 9999px;
  background-color: #fff;
  -webkit-transform-origin: calc(100% - 0.5px) 50%;
          transform-origin: calc(100% - 0.5px) 50%;
}
nav.nav-h .btn_flex .arrow::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
nav.nav-h .btn_flex .arrow::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
nav.nav-h .btn_flex .btn:hover {
  background: #fff;
}
nav.nav-h .btn_flex .btn:hover .txt {
  color: #474747;
}
nav.nav-h .btn_flex .btn.request:hover .txt {
  color: #8d8868;
}

@media screen and (max-width: 750px) {
  nav.nav-h .btn_flex {
    gap: 3.4rem 0;
    margin: 6rem 0 0;
  }
  nav.nav-h .btn_flex .btn {
    width: 44rem;
    height: 8rem;
  }
  nav.nav-h .btn_flex .txt {
    font-size: 2.6rem;
  }
  nav.nav-h .btn_flex .ja {
    font-size: 2rem;
    margin: 1rem 0 0;
  }
  nav.nav-h .btn_flex .arrow {
    width: 1.2rem;
    height: 2.2rem;
    right: 2rem;
  }
  nav.nav-h .btn_flex .arrow::before,
  nav.nav-h .btn_flex .arrow::after {
    width: 1.4rem;
  }
  nav.nav-h .btn_flex .btn:hover {
    background: #2b2b2b;
  }
  nav.nav-h .btn_flex .btn:hover .txt {
    color: #fff;
  }
  nav.nav-h .btn_flex .btn.request:hover .txt {
    color: #fff;
  }
}
.nav-btn-outer {
  width: 5.4rem;
  position: relative;
  z-index: 9999;
}
@media screen and (max-width: 750px) {
  .nav-btn-outer {
    width: 44px;
  }
}
.nav-btn-outer::before {
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #5d162a;
  position: absolute;
  right: 0;
  top: -1rem;
}
@media screen and (max-width: 750px) {
  .nav-btn-outer::before {
    width: 5px;
    height: 5px;
    top: -8px;
  }
}

.nav-btn-outer.active::before {
  opacity: 0;
}

button.nav-btn {
  width: 100%;
  height: 1.5rem;
  position: relative;
  top: 0;
  right: 0;
}
@media screen and (max-width: 750px) {
  button.nav-btn {
    height: 11px;
  }
}

button.nav-btn span {
  position: absolute;
  right: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.nav-btn-outer.active button.nav-btn span {
  background-color: #fff;
}

button.nav-btn,
button.nav-btn span {
  display: inline-block;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

button.nav-btn span:nth-of-type(1) {
  top: 0;
}

button.nav-btn span:nth-of-type(2) {
  width: 3.2rem;
  top: 0.7rem;
}
@media screen and (max-width: 750px) {
  button.nav-btn span:nth-of-type(2) {
    width: 26px;
    top: 5px;
  }
}

button.nav-btn span:nth-of-type(3) {
  bottom: 0;
}

button.nav-btn span:nth-of-type(1) {
  -webkit-animation: btn07-bar01 0.75s forwards;
          animation: btn07-bar01 0.75s forwards;
}

@-webkit-keyframes btn07-bar01 {
  0% {
    -webkit-transform: translateY(0.7rem) rotate(45deg);
            transform: translateY(0.7rem) rotate(45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
  }
  50% {
    -webkit-transform: translateY(0.7rem) rotate(0);
            transform: translateY(0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes btn07-bar01 {
  0% {
    -webkit-transform: translateY(0.7rem) rotate(45deg);
            transform: translateY(0.7rem) rotate(45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
  }
  50% {
    -webkit-transform: translateY(0.7rem) rotate(0);
            transform: translateY(0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
button.nav-btn span:nth-of-type(2) {
  -webkit-transition: all 0.25s 0.25s;
  transition: all 0.25s 0.25s;
  opacity: 1;
}

button.nav-btn span:nth-of-type(3) {
  -webkit-animation: btn07-bar03 0.75s forwards;
          animation: btn07-bar03 0.75s forwards;
}

@-webkit-keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-0.7rem) rotate(-45deg);
            transform: translateY(-0.7rem) rotate(-45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
  }
  50% {
    -webkit-transform: translateY(-0.7rem) rotate(0);
            transform: translateY(-0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-0.7rem) rotate(-45deg);
            transform: translateY(-0.7rem) rotate(-45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
  }
  50% {
    -webkit-transform: translateY(-0.7rem) rotate(0);
            transform: translateY(-0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
.nav-btn-outer.active button.nav-btn span:nth-of-type(1) {
  -webkit-animation: active-btn07-bar01 0.75s forwards;
          animation: active-btn07-bar01 0.75s forwards;
}

@-webkit-keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(0.7rem) rotate(0);
            transform: translateY(0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(0.7rem) rotate(45deg);
            transform: translateY(0.7rem) rotate(45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
  }
}

@keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(0.7rem) rotate(0);
            transform: translateY(0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(0.7rem) rotate(45deg);
            transform: translateY(0.7rem) rotate(45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
  }
}
.nav-btn-outer.active button.nav-btn span:nth-of-type(2) {
  opacity: 0;
}

.nav-btn-outer.active button.nav-btn span:nth-of-type(3) {
  -webkit-animation: active-btn07-bar03 0.75s forwards;
          animation: active-btn07-bar03 0.75s forwards;
}

@-webkit-keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-0.7rem) rotate(0);
            transform: translateY(-0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(-0.7rem) rotate(-45deg);
            transform: translateY(-0.7rem) rotate(-45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
  }
}

@keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-0.7rem) rotate(0);
            transform: translateY(-0.7rem) rotate(0);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
  }
  100% {
    -webkit-transform: translateY(-0.7rem) rotate(-45deg);
            transform: translateY(-0.7rem) rotate(-45deg);
    @media screen and (max-width: 750px) {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
  }
}
.nav-btn-txt {
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 0.6rem 0 0;
}
@media screen and (max-width: 750px) {
  .nav-btn-txt {
    font-size: 11px;
    margin: 4px 0 0;
  }
}

.nav-btn-outer.active .nav-btn-txt {
  opacity: 0;
}

@media screen and (max-width: 750px) {
  .nav-btn-outer {
    width: 44px;
  }
  .nav-btn-outer::before {
    content: "";
    width: 5px;
    height: 5px;
    top: -8px;
  }
  button.nav-btn {
    height: 11px;
  }
  button.nav-btn,
  button.nav-btn span {
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  button.nav-btn span:nth-of-type(1) {
    top: 0;
  }
  button.nav-btn span:nth-of-type(2) {
    width: 3.2rem;
    top: 0.7rem;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  button.nav-btn span:nth-of-type(2) {
    width: 26px;
    top: 5px;
  }
}
@media screen and (max-width: 750px) {
  button.nav-btn span:nth-of-type(3) {
    bottom: 0;
  }
  button.nav-btn span:nth-of-type(1) {
    -webkit-animation: btn07-bar01 0.75s forwards;
            animation: btn07-bar01 0.75s forwards;
  }
  @-webkit-keyframes btn07-bar01 {
    0% {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn07-bar01 {
    0% {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
    50% {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  button.nav-btn span:nth-of-type(2) {
    -webkit-transition: all 0.25s 0.25s;
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
  button.nav-btn span:nth-of-type(3) {
    -webkit-animation: btn07-bar03 0.75s forwards;
            animation: btn07-bar03 0.75s forwards;
  }
  @-webkit-keyframes btn07-bar03 {
    0% {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn07-bar03 {
    0% {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
    50% {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
  }
  .nav-btn-outer.active button.nav-btn span:nth-of-type(1) {
    -webkit-animation: active-btn07-bar01 0.75s forwards;
            animation: active-btn07-bar01 0.75s forwards;
  }
  @-webkit-keyframes active-btn07-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
  }
  @keyframes active-btn07-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(5px) rotate(0);
              transform: translateY(5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(5px) rotate(45deg);
              transform: translateY(5px) rotate(45deg);
    }
  }
  .nav-btn-outer.active button.nav-btn span:nth-of-type(2) {
    opacity: 0;
  }
  .nav-btn-outer.active button.nav-btn span:nth-of-type(3) {
    -webkit-animation: active-btn07-bar03 0.75s forwards;
            animation: active-btn07-bar03 0.75s forwards;
  }
  @-webkit-keyframes active-btn07-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
  }
  @keyframes active-btn07-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0);
              transform: translateY(0) rotate(0);
    }
    50% {
      -webkit-transform: translateY(-5px) rotate(0);
              transform: translateY(-5px) rotate(0);
    }
    100% {
      -webkit-transform: translateY(-5px) rotate(-45deg);
              transform: translateY(-5px) rotate(-45deg);
    }
  }
  .nav-btn-txt {
    font-size: 11px;
    margin: 4px 0 0;
  }
}
.com-note {
  font-size: 1rem;
  line-height: 1.4;
}
.com-note.right {
  text-align: right;
}

@media screen and (max-width: 750px) {
  .com-note {
    font-size: 2rem;
    line-height: 1.4;
  }
}
.com-cap {
  font-size: 1rem;
  letter-spacing: 0;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), -1px 1px 3px rgba(0, 0, 0, 0.5), 1px -1px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
}

.com-cap.left {
  right: auto;
  left: 0.5rem;
}

.com-cap.clr-w {
  color: #fff;
  text-shadow: none;
}

.com-cap.clr-b {
  color: #333333;
  text-shadow: none;
}

.com-cap.w100 {
  right: 2.5rem;
}

.com-cap.left.w100 {
  left: 2.5rem;
}

@media screen and (max-width: 750px) {
  .com-cap {
    font-size: 2rem;
    bottom: 1rem;
    right: 1rem;
  }
  .com-cap.left {
    left: 1rem;
  }
  .com-cap.w100 {
    right: 1rem;
  }
  .com-cap.left.w100 {
    left: 1rem;
  }
}
.com-sup {
  font-size: 1rem;
  vertical-align: top;
  position: relative;
  top: -0.1em;
}

@media screen and (max-width: 750px) {
  .com-sup {
    font-size: 2rem;
  }
}
.com-content {
  width: 109.7rem;
  padding: 0 2rem;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .com-content {
    width: 75rem;
    padding: 0 4rem;
  }
}
.com-entry_wrap {
  background: url(../img/common/entry_bg.png) center/cover no-repeat;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 750px) {
  .com-entry_wrap {
    padding: 10rem 0;
    background: url(../img/common/entry_bg-sp.png) center/cover no-repeat;
  }
}
.com-entry_tbox {
  text-align: center;
  padding-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 750px) {
  .com-entry_tbox {
    padding-top: 5rem;
  }
}
.com-entry_lead {
  font-size: 2.85rem;
  line-height: 1.0877192982;
  letter-spacing: 0.25em;
  font-weight: 400;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .com-entry_lead {
    font-size: 4rem;
    letter-spacing: 0.2em;
    line-height: 1.6;
    padding-bottom: 3rem;
    position: relative;
  }
  .com-entry_lead::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 8rem;
    height: 1px;
    background: #fff;
  }
}
.com-entry_lead.limited {
  font-size: 2rem;
}
@media screen and (max-width: 750px) {
  .com-entry_lead.limited {
    font-size: 4rem;
  }
}
.com-entry_desc {
  font-size: 1.2rem;
  line-height: 1.5833333333;
  letter-spacing: 0.08em;
  margin-top: 0.8em;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .com-entry_desc {
    font-size: 2.2rem;
    margin-top: 1.5em;
  }
}
.com-entry_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  gap: 0.8rem;
  width: 22rem;
  height: 4rem;
  background: #8d8868;
  margin-inline: 2rem;
  margin-top: 2rem;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .com-entry_btn {
    font-size: 2.9rem;
    width: 40.4rem;
    height: 7.5rem;
    margin-top: 5rem;
  }
}
.com-entry_btn span {
  width: 2.5rem;
  display: inline-block;
  height: 0.5px;
  background: #fff;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 750px) {
  .com-entry_btn span {
    width: 4.6rem;
  }
}
.com-entry_btn span.arrow::before {
  content: "";
  width: 0.6rem;
  height: 1px;
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  -webkit-transform-origin: right;
          transform-origin: right;
}
@media screen and (max-width: 750px) {
  .com-entry_btn span.arrow::before {
    width: 1.4rem;
  }
}
.com-entry_btn:hover .arrow {
  -webkit-transform: translateX(0.5rem);
          transform: translateX(0.5rem);
}
.com-entry_btn.reserve {
  background: #6e0029;
}
.com-entry_seperate {
  width: 44rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  margin: 3.5rem auto 2.8rem;
}
@media screen and (max-width: 750px) {
  .com-entry_seperate {
    width: 100%;
    margin: 7rem 0 5rem;
  }
}
.com-entry_seperate p {
  font-size: 1.25rem;
  line-height: 1.54;
  letter-spacing: 0.17em;
}
@media screen and (max-width: 750px) {
  .com-entry_seperate p {
    font-size: 2.5rem;
  }
}
.com-entry_seperate .dot {
  border-top: 2px dotted #fff;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.com-entry_merits {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.3rem 1fr 2.3rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.3rem;
}
@media screen and (max-width: 750px) {
  .com-entry_merits {
    gap: 3.6rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.com-entry_merit {
  border: 0.4rem solid #8d8868;
  position: relative;
}
@media screen and (max-width: 750px) {
  .com-entry_merit {
    border-width: 0.8rem;
  }
}
.com-entry_merit-txt {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.com-entry_merit-count {
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
  border-radius: 8px;
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  color: #7e795d;
  padding: 0.3em 1em 0.2em;
}
@media screen and (max-width: 750px) {
  .com-entry_merit-count {
    font-size: 2.5rem;
  }
}
.com-entry_merit-ttl {
  font-size: 1.55rem;
  line-height: 1.2903225806;
  letter-spacing: 0.13em;
  margin-top: 0.7em;
}
@media screen and (max-width: 750px) {
  .com-entry_merit-ttl {
    font-size: 3.1rem;
  }
}
.com-entry_nav {
  width: 134rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[12];
  grid-template-columns: repeat(12, 1fr);
  margin: 4rem auto;
  padding-top: 2rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  .com-entry_nav {
    width: 67rem;
    margin: 7rem auto;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.com-entry_nav::before {
  position: absolute;
  width: 100%;
  height: 1px;
  content: "";
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#59876b), color-stop(33%, #59876b), color-stop(33%, #71a5c3), color-stop(66%, #71a5c3), color-stop(66%, #c7870b), to(#c7870b));
  background: linear-gradient(to right, #59876b 0%, #59876b 33%, #71a5c3 33%, #71a5c3 66%, #c7870b 66%, #c7870b 100%);
}
.com-entry_link {
  display: block;
  cursor: pointer;
  border-right: 1px solid #fff;
  text-align: center;
  color: #fff;
  padding: 1rem 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 750px) {
  .com-entry_link {
    border-bottom: 1px solid #fff;
    border-right: none;
    padding: 2rem 0;
  }
}
.com-entry_link.update {
  position: relative;
}
.com-entry_link.update::after {
  position: absolute;
  font-size: 1rem;
  font-family: eurostile-extended, sans-serif;
  content: "UPDATE";
  color: #fff;
  background: #b86322;
  border-radius: 0.7rem;
  white-space: nowrap;
  top: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.2em 0.7em;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  .com-entry_link.update::after {
    content: "UP\a DATE";
    white-space: pre-wrap;
    border-radius: 50%;
    width: 5.6rem;
    height: 5.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.4rem;
    letter-spacing: -0.05em;
    text-align: center;
    left: 1rem;
    -webkit-transform: unset;
            transform: unset;
    top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .com-entry_link.update.brand2::after {
    left: -2rem;
  }
}
.com-entry_link.new {
  position: relative;
}
.com-entry_link.new::after {
  position: absolute;
  font-size: 1rem;
  font-family: eurostile-extended, sans-serif;
  content: "NEW";
  color: #fff;
  background: #6e0029;
  border-radius: 0.7rem;
  white-space: nowrap;
  top: -1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  padding: 0.2em 0.7em;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  .com-entry_link.new::after {
    border-radius: 50%;
    width: 5.6rem;
    height: 5.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.4rem;
    letter-spacing: -0.05em;
    text-align: center;
    left: 1rem;
    -webkit-transform: unset;
            transform: unset;
    top: 1rem;
  }
}
@media screen and (max-width: 750px) {
  .com-entry_link.new.brand2::after {
    left: -2rem;
  }
}
@media screen and (max-width: 750px) {
  .com-entry_link:nth-child(odd) {
    position: relative;
  }
  .com-entry_link:nth-child(odd)::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 6.6rem;
    background: #fff;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.com-entry_link:last-child {
  border-right: none;
}
@media screen and (max-width: 750px) {
  .com-entry_link:last-child {
    border-bottom: 1px solid #fff;
  }
}
.com-entry_link.mansion .p1 {
  font-size: 0.86rem;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 750px) {
  .com-entry_link.mansion .p1 {
    font-size: 1.6rem;
  }
}
.com-entry_link .p1 {
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  .com-entry_link .p1 {
    font-size: 2rem;
  }
}
.com-entry_link .p2 {
  font-size: 1.1rem;
  margin-top: 5px;
  padding-bottom: 0.8rem;
  position: relative;
}
.com-entry_link .p2::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  background: transparent;
  bottom: 0;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 750px) {
  .com-entry_link .p2 {
    font-size: 2.2rem;
  }
}
.com-entry_link.unactive {
  pointer-events: none;
}
.com-entry_link.unactive p {
  color: #868686;
}
.com-entry_link:hover .p2::before {
  background: #fff;
}
.com-entry_contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 750px) {
  .com-entry_contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.com-entry_contact p {
  color: #fff;
  text-align: center;
}
.com-entry_contact .p1 {
  font-size: 1rem;
  line-height: 1.3;
}
@media screen and (max-width: 750px) {
  .com-entry_contact .p1 {
    font-size: 2.2rem;
  }
  .com-entry_contact .p1:first-child {
    letter-spacing: 0.25em;
  }
  .com-entry_contact .p1:last-child {
    letter-spacing: 0.08em;
  }
}
.com-entry_contact .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.com-entry_contact .tel img {
  width: 3.5rem;
  margin-right: 0.5rem;
}
@media screen and (max-width: 750px) {
  .com-entry_contact .tel img {
    width: 6.6rem;
    margin-right: 2rem;
  }
}
.com-entry_contact .tel_num {
  width: 46rem;
}
.com-entry_contact .tel_num .num {
  width: 100%;
}
@media screen and (max-width: 750px) {
  .com-entry_contact .tel_num {
    width: 56rem;
    font-size: 3.8rem;
    letter-spacing: 0.25em;
  }
}

#pageTop .com-entry_wrap .com-entry_link.top .p2::before,
#pageAccess .com-entry_wrap .com-entry_link.access .p2::before,
#pageLocation .com-entry_wrap .com-entry_link.location .p2::before,
#pageLifestyle .com-entry_wrap .com-entry_link.lifestyle .p2::before,
#pageDesign .com-entry_wrap .com-entry_link.design .p2::before,
#pagePlan .com-entry_wrap .com-entry_link.plan .p2::before,
#pageType .com-entry_wrap .com-entry_link.plan .p2::before,
#pageModelroom .com-entry_wrap .com-entry_link.modelroom .p2::before,
#pageEquipment .com-entry_wrap .com-entry_link.equipment .p2::before,
#pageBrand .com-entry_wrap .com-entry_link.brand .p2::before,
#pageOutline .com-entry_wrap .com-entry_link.outline .p2::before,
#pageMap .com-entry_wrap .com-entry_link.map .p2::before {
  background: #fff;
}

.com-loadwrap {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  background: #fff;
  opacity: 1;
}
.com-loadwrap.no_active {
  -webkit-animation-name: loadAnime;
          animation-name: loadAnime;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}
@-webkit-keyframes loadAnime {
  0% {
    z-index: 99999;
    opacity: 1;
  }
  90% {
    z-index: 99999;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}
@keyframes loadAnime {
  0% {
    z-index: 99999;
    opacity: 1;
  }
  90% {
    z-index: 99999;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}

/*動き*/
.m_left {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  opacity: 0;
  -webkit-transform: translate(-50px, 0);
  transform: translate(-50px, 0);
}
.m_left_on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.m_right {
  -webkit-transition: all 1.5s;
  transition: all 1.5s;
  opacity: 0;
  -webkit-transform: translate(50px, 0);
  transform: translate(50px, 0);
}
.m_right_on {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.m_op {
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
}
.m_op_on {
  opacity: 1;
}

.m_down {
  -webkit-transition: all 1.3s;
  transition: all 1.3s;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
.m_down_on {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

.m_up {
  -webkit-transition: all 1s;
  transition: all 1s;
  -webkit-transform: translateY(-100px);
          transform: translateY(-100px);
  opacity: 0;
}
.m_up_on {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

.m_scale {
  -webkit-transition: all 2s;
  transition: all 2s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.m_scale_on {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.com_mask {
  display: block;
  mask-image: linear-gradient(135deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  -webkit-mask-image: linear-gradient(135deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  mask-size: 250% 250%;
  -webkit-mask-size: 250% 250%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 130% 130%;
  -webkit-mask-position: 130% 130%;
}
.com_mask_on {
  -webkit-animation: mask-animation 1.3s linear forwards;
          animation: mask-animation 1.3s linear forwards;
}

@-webkit-keyframes mask-animation {
  0% {
    mask-position: 130% 130%;
    -webkit-mask-position: 130% 130%;
  }
  100% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
  }
}

@keyframes mask-animation {
  0% {
    mask-position: 130% 130%;
    -webkit-mask-position: 130% 130%;
  }
  100% {
    mask-position: 0 0;
    -webkit-mask-position: 0 0;
  }
}
@media screen and (min-width: 769px) {
  .m_op_d1 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .m_op_d2 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .m_op_d3 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .m_op_d4 {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .m_op_d5 {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .m_op_d6 {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .m_op_d7 {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .m_op_d8 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
  .m_op_d9 {
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s;
  }
}
#pageTop main {
  overflow: clip;
  background: transparent;
}
#pageTop figure {
  position: relative;
}
#pageTop .mainvisual_wrap {
  position: relative;
  overflow: visible;
}
#pageTop .mainvisual_wrap .emblem {
  width: 100rem;
  position: absolute;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  z-index: 2;
  bottom: -13rem;
}
@media screen and (max-width: 750px) {
  #pageTop .mainvisual_wrap .emblem {
    width: 100%;
    -webkit-transform: unset;
            transform: unset;
    left: 0;
    bottom: -21rem;
  }
}
#pageTop .mainvisual_wrap .emblem img {
  width: 20rem;
  position: absolute;
  bottom: 0;
  left: -15rem;
}
@media screen and (max-width: 750px) {
  #pageTop .mainvisual_wrap .emblem img {
    width: 24rem;
    right: 1.5rem;
    left: unset;
  }
}
#pageTop .mainvisual_swiper .swiper-slide {
  opacity: 0 !important;
  position: relative;
}
#pageTop .mainvisual_swiper .swiper-slide-active {
  opacity: 1 !important;
}
#pageTop .mainvisual_swiper .swiper-pagination {
  bottom: 2.4rem !important;
}
@media screen and (max-width: 750px) {
  #pageTop .mainvisual_swiper .swiper-pagination {
    bottom: 4rem !important;
  }
}
#pageTop .mainvisual_swiper .swiper-pagination-bullet {
  background: #848484 !important;
  opacity: 1 !important;
  width: 1.2rem !important;
  height: 1.2rem !important;
  margin: 0 1.5rem !important;
}
@media screen and (max-width: 750px) {
  #pageTop .mainvisual_swiper .swiper-pagination-bullet {
    width: 2.4rem !important;
    height: 2.4rem !important;
    margin: 0 2rem !important;
  }
}
#pageTop .mainvisual_swiper .swiper-pagination-bullet-active {
  background: #fff !important;
}
@media screen and (max-width: 750px) {
  #pageTop .mainvisual_swiper .com-cap {
    right: unset;
    left: 1rem;
  }
}
#pageTop .mainvisual_catch {
  position: absolute;
  font-size: 2.35rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  letter-spacing: 0.24em;
  color: #2b2b2b;
  white-space: nowrap;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  #pageTop .mainvisual_catch {
    font-size: 3.4rem;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    top: 57%;
  }
}
#pageTop .mainvisual_txt {
  position: absolute;
}
#pageTop .mainvisual_txt-4 {
  width: 28.3%;
  left: 2%;
  top: 4%;
}
#pageTop .mainvisual_txt-1, #pageTop .mainvisual_txt-2, #pageTop .mainvisual_txt-3 {
  width: 100%;
  left: 0;
  top: 0;
}
@media screen and (max-width: 750px) {
  #pageTop .mainvisual_txt {
    width: 100%;
    left: 0;
    top: 0;
  }
  #pageTop .mainvisual_txt-2 {
    background: rgba(255, 255, 255, 0.7);
  }
  #pageTop .mainvisual_txt-3 {
    background: rgba(255, 255, 255, 0.93);
  }
}
#pageTop .merit_wrap {
  background: #123431;
}
#pageTop .merit_wrap .com-content {
  width: 104rem;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_wrap .com-content {
    width: 75rem;
  }
}
#pageTop .merit_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-block: 1.4rem;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_list {
    width: 100% !important;
    padding: 0;
    margin: 0;
  }
}
#pageTop .merit_item {
  width: 50%;
  border-left: 1px solid #fff;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_item {
    width: 100%;
    border: none;
    padding-inline: 2rem;
    padding-block: 3rem;
  }
}
@media screen and (max-width: 750px) {
  #pageTop .merit_item-1 {
    padding-inline: 4rem;
  }
  #pageTop .merit_item-1 img {
    width: 65%;
  }
}
#pageTop .merit_item-2 {
  border-right: 1px solid #fff;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_item-2 {
    padding-block: 2rem;
    background: #f0f2ed;
  }
}
#pageTop .merit_ttl {
  text-align: center;
  background: #fff;
  font-size: 2rem;
  color: #2b2b2b;
  line-height: 1.4;
  padding: 0.6em 0;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_ttl {
    background: #123431;
    color: #fff;
    font-size: 3.2rem;
    padding: 1em 0;
  }
}
#pageTop .merit_moritown {
  background: #f0f2ed;
  padding: 2.5rem 0;
}
#pageTop .merit_moritown-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.8rem 1fr 0.8rem 1fr 0.8rem 1fr 0.8rem 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.8rem;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_moritown-list {
    gap: 0.6rem;
    -ms-grid-columns: 1fr 0.6rem 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 750px) {
  #pageTop .merit_moritown-item-5 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
#pageTop .entry_wrap {
  padding: 0 0 6rem;
}
@media screen and (max-width: 750px) {
  #pageTop .entry_wrap {
    padding: 0 0 10rem;
  }
}
#pageTop .new_wrap {
  background: #fff;
  padding: 5rem 0;
}
@media screen and (max-width: 750px) {
  #pageTop .new_wrap {
    padding: 8rem 0;
  }
}
#pageTop .new_wrap .com-content {
  width: 81.4rem;
}
@media screen and (max-width: 750px) {
  #pageTop .new_wrap .com-content {
    width: 75rem;
  }
}
#pageTop .new_lead, #pageTop .new_sub {
  letter-spacing: 0;
  text-align: center;
  color: #2b2b2b;
}
#pageTop .new_lead {
  font-weight: 400;
  font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
  #pageTop .new_lead {
    font-size: 2.8rem;
  }
}
#pageTop .new_sub {
  font-size: 1.1rem;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  #pageTop .new_sub {
    font-size: 2rem;
  }
}
#pageTop .new_list {
  border-top: 1px solid #757575;
  margin-top: 2.5rem;
  padding-top: 3rem;
}
@media screen and (max-width: 750px) {
  #pageTop .new_list {
    margin-top: 4rem;
  }
}
#pageTop .new_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 440px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 750px) {
  #pageTop .new_item {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1rem;
    padding-left: 8rem;
  }
  #pageTop .new_item.new .new_item-ttl {
    padding-left: 8rem;
  }
}
#pageTop .new_item-sche {
  width: 16rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
  margin-right: 1.5rem;
  text-align: right;
}
@media screen and (max-width: 750px) {
  #pageTop .new_item-sche {
    width: 100%;
    text-align: left;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
#pageTop .new_item-tag {
  font-size: 1.2rem;
  letter-spacing: 0;
  color: #fff;
  border-radius: 8px;
  background: #5d162a;
  font-family: "Rajdhani", sans-serif;
  padding: 0.2em 0.8em 0.1em;
}
@media screen and (max-width: 750px) {
  #pageTop .new_item-tag {
    font-size: 2rem;
  }
}
#pageTop .new_item-time {
  font-size: 1.4rem;
  letter-spacing: 0;
  color: #8d8868;
  border-right: 1px solid currentColor;
  padding-right: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageTop .new_item-time {
    font-size: 2.4rem;
    border-right: none;
  }
}
#pageTop .new_item-ttl {
  width: calc(100% - 18rem);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  letter-spacing: 0.1em;
  color: #2b2b2b;
}
@media screen and (max-width: 750px) {
  #pageTop .new_item-ttl {
    font-size: 2.3rem;
    width: 100%;
    padding-left: 0 !important;
  }
}
#pageTop .debut_wrap {
  background: url(../img/top/debut_bg.png) bottom center/cover no-repeat;
  padding: 8rem 0;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_wrap {
    background: url(../img/top/debut_bg-sp.png) bottom center/cover no-repeat;
    padding: 11rem 0;
  }
}
#pageTop .debut_lead {
  width: 80rem;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_lead {
    width: 46rem;
    margin-bottom: 5rem;
  }
}
#pageTop .debut_tbox {
  text-align: center;
  color: #fff;
  background-image: url("../img/top/debut_tbox_bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 4rem 0;
  -webkit-box-shadow: 0px 8px 5px 0px rgba(43, 43, 43, 0.4);
          box-shadow: 0px 8px 5px 0px rgba(43, 43, 43, 0.4);
}
@media screen and (max-width: 750px) {
  #pageTop .debut_tbox {
    background-image: url("../img/top/debut_tbox_bg_sp.png");
    width: 87%;
    margin-inline: auto;
    padding: 6.5rem 0;
    -webkit-box-shadow: 0 0.7rem 1rem rgba(43, 43, 43, 0.7);
            box-shadow: 0 0.7rem 1rem rgba(43, 43, 43, 0.7);
  }
}
#pageTop .debut_ttl0 {
  font-size: 1.7rem;
  line-height: 1.4;
  color: #2c587e;
  background: #fff;
  border-radius: 20px;
  display: inline-block;
  padding: 0.25rem 3rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_ttl0 {
    font-size: 2.7rem;
    padding: 1rem 3rem;
  }
}
#pageTop .debut_ttl1 {
  font-size: 2.2rem;
  line-height: 2;
  letter-spacing: 0.12em;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_ttl1 {
    font-size: 3.2rem;
  }
}
#pageTop .debut_ttl2 {
  font-size: 2.8rem;
  letter-spacing: 0.2em;
  line-height: 1.2;
  margin-top: -1.2rem;
}
#pageTop .debut_ttl2 .yellow {
  color: #d6c930;
  font-size: 5.2rem;
  display: inline-block;
  -webkit-transform: translateY(0.2rem);
          transform: translateY(0.2rem);
}
@media screen and (max-width: 750px) {
  #pageTop .debut_ttl2 {
    font-size: 4.5rem;
    padding-bottom: 5rem;
    position: relative;
    margin-top: 1.5rem;
  }
  #pageTop .debut_ttl2 .yellow {
    font-size: 7.2rem;
  }
  #pageTop .debut_ttl2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 16rem;
    height: 1px;
    background: #fff;
  }
}
#pageTop .debut_desc {
  font-size: 1.4rem;
  line-height: 1.7857142857;
  letter-spacing: 0.14em;
  margin-top: 1.5em;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_desc {
    font-size: 2.4rem;
  }
}
#pageTop .debut_list {
  width: 82.2rem;
  margin: 5.5rem auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_list {
    width: 87%;
    margin-inline: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 0;
    margin-top: 7rem;
  }
}
@media screen and (max-width: 750px) {
  #pageTop .debut_list figure {
    position: relative;
  }
  #pageTop .debut_list figure:nth-child(3) {
    width: 59.6875%;
    margin-left: auto;
  }
  #pageTop .debut_list figure:nth-child(2) {
    width: 47.1875%;
    margin-right: auto;
    margin-top: -11rem;
    z-index: 4;
  }
  #pageTop .debut_list figure:nth-child(2) .com-cap {
    right: unset;
    left: 1rem;
  }
  #pageTop .debut_list figure:nth-child(1) {
    width: 57.8125%;
    margin-right: 4rem;
    margin-left: auto;
    margin-top: -2.5rem;
    z-index: 3;
  }
}
#pageTop .debut_btn_wrap {
  width: 82.2rem;
  margin: 3.5rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem 0;
  border: solid 1px #fff;
  background: rgba(93, 22, 42, 0.88);
}
@media screen and (max-width: 750px) {
  #pageTop .debut_btn_wrap {
    width: 70rem;
    text-align: center;
    padding: 3rem;
  }
}
#pageTop .debut_btn_wrap .txt {
  color: #fff;
  width: 74%;
  border-right: solid 1px #fff;
  font-size: 1.8rem;
  line-height: 1.4;
  padding-left: 4rem;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_btn_wrap .txt {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #fff;
    font-size: 3.2rem;
    padding: 0 0 3rem 0;
  }
}
#pageTop .debut_btn_wrap .btn {
  color: #fff;
  width: 26%;
  text-align: center;
  font-size: 1.5rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  line-height: 0.85;
  -webkit-transform: translateY(-15%);
          transform: translateY(-15%);
}
@media screen and (max-width: 750px) {
  #pageTop .debut_btn_wrap .btn {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#pageTop .debut_btn_wrap .btn span {
  display: inline-block;
  max-width: 3.4rem;
  width: 2rem;
  -webkit-transform: translateY(0.5rem);
          transform: translateY(0.5rem);
}
#pageTop .debut_btn_wrap .btn:hover {
  opacity: 0.6;
}
@media screen and (max-width: 750px) {
  #pageTop .debut_btn_wrap .btn {
    width: 100%;
    font-size: 2.8rem;
    padding: 0 0 0rem;
    margin-top: 2rem;
  }
  #pageTop .debut_btn_wrap .btn span {
    max-width: 5.4rem;
    -webkit-transform: translateY(0.3rem);
            transform: translateY(0.3rem);
  }
}
#pageTop .menu_wrap {
  overflow: clip;
  position: relative;
}
#pageTop .menu_wrap .com-cap {
  z-index: 2;
}
#pageTop .menu_wrap .com-content {
  position: relative;
  z-index: 2;
  width: 104rem;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_wrap .com-content {
    width: 75rem;
  }
}
#pageTop .menu_wrap .fixed_content {
  padding: 5rem 0;
  position: sticky;
  top: 0;
  min-height: calc(100vh + 5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_wrap .fixed_content {
    position: static;
    height: unset;
    padding: 30vh 0 14rem;
  }
}
#pageTop .menu_wrap .scrollSpace {
  height: 200vh;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_wrap .scrollSpace {
    height: 0;
  }
}
#pageTop .menu_lead {
  text-align: center;
  font-size: 1.8rem;
  color: #fff;
  line-height: 1.75;
  letter-spacing: 0;
  font-weight: 400;
}
@media screen and (max-width: 1024px) {
  #pageTop .menu_lead {
    font-size: 4rem;
  }
}
@media screen and (max-width: 750px) {
  #pageTop .menu_lead {
    font-size: 2.8rem;
  }
}
#pageTop .menu_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3rem;
  gap: 1.6rem;
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
  #pageTop .menu_list {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1024px) {
  #pageTop .menu_list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 750px) {
  #pageTop .menu_list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3.3rem;
  }
}
#pageTop .menu_box {
  border: 0.7rem solid #fff;
  background: #fff;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_box {
    border: 1rem solid #fff;
  }
}
#pageTop .menu_ttl {
  color: #8d8868;
  font-size: 2.4rem;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_ttl {
    font-size: 5.2rem;
  }
}
#pageTop .menu_ttl .large {
  font-size: 3rem;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_ttl .large {
    font-size: 7rem;
  }
}
#pageTop .menu_desc {
  font-size: 1.6rem;
  line-height: 1.5333333333;
  text-align: justify;
  color: #2b2b2b;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_desc {
    font-size: 3rem;
  }
}
#pageTop .menu_tbox {
  padding: 1rem;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_tbox {
    padding: 2.5rem 2.5rem 1.5rem;
  }
}
#pageTop .menu_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 1.2rem;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_flex {
    margin-top: 3rem;
  }
}
#pageTop .menu_btn {
  width: 2.6rem;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  #pageTop .menu_btn:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1500px) {
  #pageTop .menu_btn {
    width: 2.1rem;
  }
}
@media screen and (max-width: 750px) {
  #pageTop .menu_btn {
    width: 5.4rem;
  }
}
#pageTop .menu_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/menu_bg.png) center/cover no-repeat;
  will-change: height, position;
}
@media screen and (max-width: 750px) {
  #pageTop .menu_bg {
    background: url(../img/top/menu_bg-sp.png) center/cover no-repeat;
    width: 100vw;
    height: 100vh;
    z-index: -1;
  }
}
.bg_white {
  background: #fff;
}

.main-container .scene-cls {
  position: fixed;
  top: 7rem;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .main-container .scene-cls {
    top: 50px;
  }
}
.main-container .scene-cls .scene-visual {
  height: calc(100vh - 15rem - 7rem);
  width: 100%;
  background: #000;
  overflow: hidden;
  -webkit-font-feature-settings: initial;
          font-feature-settings: initial;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main-container .scene-cls .scene-visual {
    height: calc(100vh - 30rem - 95px);
  }
}
.main-container .scene-cls .scene-visual .scene-lead {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 2.5vh;
  line-height: 1.3076923077;
  letter-spacing: 0.15em;
  padding: 1em 0.2em 2em;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(43, 43, 43)), to(rgba(43, 43, 43, 0))), -webkit-gradient(linear, left top, left bottom, from(rgba(43, 43, 43, 0.96)), color-stop(85.37%, rgba(43, 43, 43, 0.14)), to(rgba(43, 43, 43, 0)));
  background: linear-gradient(180deg, rgb(43, 43, 43) 0%, rgba(43, 43, 43, 0) 100%), linear-gradient(180deg, rgba(43, 43, 43, 0.96) 0%, rgba(43, 43, 43, 0.14) 85.37%, rgba(43, 43, 43, 0) 100%);
  white-space: nowrap;
}
.main-container .scene-cls .scene-visual .scene-lead sup {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  -webkit-transform: unset;
          transform: unset;
  font-size: 0.4em;
  -webkit-transform: translateX(0.5em);
          transform: translateX(0.5em);
}
@media screen and (max-width: 750px) {
  .main-container .scene-cls .scene-visual .scene-lead {
    font-size: 4rem;
    background: none;
    padding: 1.5em 0 0;
  }
  .main-container .scene-cls .scene-visual .scene-lead.sp_clr_b {
    color: #000;
  }
  .main-container .scene-cls .scene-visual .scene-lead.sp_shadow {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5), -1px 1px 3px rgba(0, 0, 0, 0.5), 1px -1px 3px rgba(0, 0, 0, 0.5), -1px -1px 3px rgba(0, 0, 0, 0.5);
  }
}
.main-container .scene-cls .scene-visual .scene-text {
  position: absolute;
  right: 15%;
  bottom: 18%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 1rem;
}
@media screen and (max-width: 750px) {
  .main-container .scene-cls .scene-visual .scene-text {
    right: 8%;
    bottom: 7%;
  }
}
.main-container .scene-cls .scene-visual .scene-text p {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
  line-height: 1.7727272727;
  letter-spacing: 0.1em;
  font-size: 2.3vh;
  color: #2b2b2b;
  background: #fff;
  padding: 0.5em 0;
  width: 100%;
  white-space: nowrap;
}
.main-container .scene-cls .scene-visual .scene-text p span {
  display: inline-block;
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
}
@media screen and (max-width: 750px) {
  .main-container .scene-cls .scene-visual .scene-text p {
    font-size: 2.8rem;
  }
}
.main-container .scene-cls .scene-visual .scene-text p:last-child {
  margin-top: 6rem;
}
@media screen and (max-width: 750px) {
  .main-container .scene-cls .scene-visual .scene-text p.sp_bg0 {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
  }
}
.main-container .scene-cls .scene-visual .scene-text p.s_padding {
  padding: 0.5em 0 1.5rem;
}
.main-container .scene-cls .scene-visual .scene-text _::-webkit-full-page-media,
.main-container .scene-cls .scene-visual .scene-text _:future,
.main-container .scene-cls .scene-visual .scene-text :root .s_padding {
  padding: 0.5em 0 2.5rem !important;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .main-container .scene-cls .scene-visual .scene-text ::i-block-chrome,
  .main-container .scene-cls .scene-visual .scene-text .s_padding {
    padding: 0.5em 0 2.5rem !important;
  }
}
.main-container .scene-cls .scene-visual .scene-text.left {
  right: initial;
  left: 15%;
}
.main-container .scene-cls .scene-visual .scene-visual-img {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-container .scene-cls .scene-visual img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  height: 137%;
}
.main-container .scene-cls .scene-visual#visual02 {
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0;
}
.main-container .scene-space {
  width: 100%;
  height: 100vh;
  pointer-events: none;
}
.main-container .scene-space#scene01-space {
  height: 150vh;
}
.main-container .scene-copy {
  height: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 750px) {
  .main-container .scene-copy {
    height: 30rem;
  }
}
.main-container .scene-copy h2,
.main-container .scene-copy h3,
.main-container .scene-copy p {
  width: 100%;
  font-weight: 400;
  text-align: center;
}
.main-container .scene-copy .p1 {
  font-size: 3.8rem;
  color: #8d8868;
}
@media screen and (max-width: 750px) {
  .main-container .scene-copy .p1 {
    font-size: 6rem;
  }
}
.main-container .scene-copy .p2 {
  font-size: 2.2rem;
  line-height: 1.4090909091;
  letter-spacing: 0.05em;
  margin-top: 0.5em;
}
@media screen and (max-width: 750px) {
  .main-container .scene-copy .p2 {
    font-size: 3rem;
  }
}
.main-container .scene-copy .large {
  font-size: 4.6rem;
  color: #8d8868;
}
@media screen and (max-width: 750px) {
  .main-container .scene-copy .large {
    font-size: 7.4rem;
  }
}
.main-container .scroll-down {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
}
@media screen and (max-width: 750px) {
  .main-container .scroll-down {
    bottom: 10vh;
  }
}
.main-container .scroll-down p {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 13px;
  letter-spacing: 0.05em;
  color: #8d8868;
  font-weight: 400;
}
.main-container .scroll-down .scroll-line {
  height: 40px;
  width: 1px;
  background-color: #8d8868;
  margin: 10px auto 0;
  position: relative;
}
.main-container .scroll-down .scroll-line .scroll-wheel {
  position: absolute;
  height: 20px;
  width: 3px;
  left: -1px;
  top: 10px;
  -webkit-animation: scrollLineMotion 2s ease 0s infinite;
          animation: scrollLineMotion 2s ease 0s infinite;
}
.main-container .scroll-down .scroll-line .scroll-wheel::after {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #8d8868;
  position: absolute;
}
.main-container .scroll-down .scroll-line .scroll-wheel::before {
  content: "";
  opacity: 1;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #e1e0d8;
  translate: -50% -50%;
  position: absolute;
  top: 10px;
  left: 50%;
}

.main-container.limited .scene-cls .scene-visual {
  height: calc(100vh - 7rem);
}
@media screen and (max-width: 750px) {
  .main-container.limited .scene-cls .scene-visual {
    height: calc(100dvh - 50px);
  }
}
.main-container.limited .scene-cls .scene-visual img {
  height: 150%;
}
.main-container.limited .copy_bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: auto;
  content: "";
  width: 100%;
  height: 14rem;
  background: #828681;
  mix-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main-container.limited .copy_bg {
    height: 20rem;
  }
}
.main-container.limited .copy_box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: auto;
  width: 100%;
  text-align: center;
}
.main-container.limited .copy_box .copy_1 {
  font-size: 3.7rem;
  letter-spacing: 0.085em;
  color: #8d8868;
}
@media screen and (max-width: 750px) {
  .main-container.limited .copy_box .copy_1 {
    font-size: 4.6rem;
  }
}
.main-container.limited .copy_box .copy_1 span {
  font-size: 4.2rem;
}
@media screen and (max-width: 750px) {
  .main-container.limited .copy_box .copy_1 span {
    font-size: 5.2rem;
  }
}
.main-container.limited .copy_box .copy_2 {
  font-size: 2.1rem;
  letter-spacing: 0.24em;
  color: #fff;
  margin: 1.5rem 0 0;
}
@media screen and (max-width: 750px) {
  .main-container.limited .copy_box .copy_2 {
    font-size: 3rem;
    margin: 2.5rem 0 0;
  }
}

#pageLimitedPlan .main-container.limited .copy_bg,
#pageLimited .main-container.limited .copy_bg {
  background: #1c3835;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .main-container.limited .copy_bg,
  #pageLimited .main-container.limited .copy_bg {
    height: 23rem;
  }
}
#pageLimitedPlan .main-container.limited .copy_box .copy_1,
#pageLimited .main-container.limited .copy_box .copy_1 {
  position: relative;
}
#pageLimitedPlan .main-container.limited .copy_box .copy_1::before,
#pageLimited .main-container.limited .copy_box .copy_1::before {
  content: "";
  width: 7rem;
  height: 1px;
  background: #8d8868;
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .main-container.limited .copy_box .copy_1::before,
  #pageLimited .main-container.limited .copy_box .copy_1::before {
    bottom: -2.6rem;
  }
}
#pageLimitedPlan .main-container.limited .copy_box .copy_2,
#pageLimited .main-container.limited .copy_box .copy_2 {
  margin: 4rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .main-container.limited .copy_box .copy_2,
  #pageLimited .main-container.limited .copy_box .copy_2 {
    margin: 5.4rem 0 0;
  }
}

.page-container {
  position: relative;
  z-index: 2;
  width: 100%;
  background: url(../img/common/bg_common.jpg) top/100% auto repeat-y;
  padding-top: 5.4rem;
}
@media screen and (max-width: 750px) {
  .page-container {
    background: url(../img/common/bg_common-sp.jpg) top/100% auto repeat-y;
  }
}
.page-container section {
  padding: 7rem 0;
}
@media screen and (max-width: 750px) {
  .page-container section {
    padding: 4rem 0 12rem;
  }
}

.p_nav {
  padding: 1rem 0;
  height: 5.4rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.p_nav.fixed {
  position: fixed;
  top: 7rem;
}
@media screen and (max-width: 750px) {
  .p_nav.fixed {
    top: 50px;
  }
}
.p_nav .com-content {
  width: 65.5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.4rem 1fr 0.4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.4rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p_nav .com-content {
    width: 100%;
    padding: 0;
    gap: 0.8rem;
  }
}
.p_nav a {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 43, 43, 0)), to(rgb(43, 43, 43))), -webkit-gradient(linear, left bottom, left top, from(#313131), to(#313131));
  background: linear-gradient(180deg, rgba(43, 43, 43, 0) 0%, rgb(43, 43, 43) 100%), linear-gradient(0deg, #313131, #313131);
  font-size: 1.2rem;
  letter-spacing: 0.06em;
  padding: 1.3em 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  -webkit-box-shadow: 0 0.6rem 0.5rem rgba(43, 43, 43, 0.3);
          box-shadow: 0 0.6rem 0.5rem rgba(43, 43, 43, 0.3);
}
@media screen and (max-width: 750px) {
  .p_nav a {
    font-size: 2rem;
    padding: 1.6em 0;
    line-height: 1.3;
  }
  .p_nav a.sp_padding {
    padding: 4rem 0 !important;
  }
}
.p_nav a::before {
  position: absolute;
  content: "";
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  -webkit-transition: inherit;
  transition: inherit;
  border: 1px solid transparent;
  top: 3px;
  left: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .p_nav a:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(141, 136, 104))), -webkit-gradient(linear, left bottom, left top, from(#8d8868), to(#8d8868));
    background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(141, 136, 104) 100%), linear-gradient(0deg, #8d8868, #8d8868);
    background-blend-mode: multiply;
  }
  .p_nav a:hover::before {
    border-color: #fff;
  }
}
.p_nav a.active {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(141, 136, 104))), -webkit-gradient(linear, left bottom, left top, from(#8d8868), to(#8d8868));
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(141, 136, 104) 100%), linear-gradient(0deg, #8d8868, #8d8868);
  background-blend-mode: multiply;
}
.p_nav a.active::before {
  border-color: #fff;
}

#pageLifeStyle .p_nav,
#pagePlan .p_nav {
  padding: 1rem 0;
  height: 5.4rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
#pageLifeStyle .p_nav.fixed,
#pagePlan .p_nav.fixed {
  position: fixed;
  top: 7rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .p_nav.fixed,
  #pagePlan .p_nav.fixed {
    top: 50px;
  }
}
#pageLifeStyle .p_nav .com-content,
#pagePlan .p_nav .com-content {
  width: 80rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .p_nav .com-content,
  #pagePlan .p_nav .com-content {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .p_nav a,
  #pagePlan .p_nav a {
    letter-spacing: 0;
    padding: 1.2em 0;
  }
}

.p_banner {
  position: relative;
}
@media screen and (max-width: 750px) {
  .p_banner {
    margin: 0 -4rem;
  }
}

.p_introtxt {
  text-align: center;
  padding: 5rem 0;
}
@media screen and (max-width: 750px) {
  .p_introtxt {
    padding: 8rem 0;
  }
}
.p_introtxt:first-child {
  padding-top: 0;
}
@media screen and (max-width: 750px) {
  .p_introtxt:first-child {
    padding-top: 8rem;
  }
}

.p_lead {
  font-weight: 400;
  font-size: 2.8rem;
  letter-spacing: 0.05rem;
  color: #8d8868;
  padding-bottom: 6rem;
  position: relative;
  margin-bottom: 0.5em;
}
.p_lead::first-letter {
  font-size: 3.5rem;
}
@media screen and (max-width: 750px) {
  .p_lead::first-letter {
    font-size: 7.4rem;
  }
}
.p_lead .large {
  color: #8d8868;
  font-size: 3.5rem;
}
@media screen and (max-width: 750px) {
  .p_lead .large {
    font-size: 7.4rem;
  }
}
.p_lead .large.c_f {
  color: #fff;
}
@media screen and (max-width: 750px) {
  .p_lead {
    font-size: 5.4rem;
    padding-bottom: 10rem;
    margin-bottom: 3rem;
  }
}
.p_lead::before, .p_lead::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #8d8868;
}
.p_lead::before {
  height: 5rem;
  width: 1px;
  bottom: 0;
}
@media screen and (max-width: 750px) {
  .p_lead::before {
    height: 9rem;
  }
}
.p_lead::after {
  height: 1.3rem;
  width: 3px;
  bottom: 3.7rem;
  -webkit-animation: scrollLineMotion2 2s ease 0s infinite;
          animation: scrollLineMotion2 2s ease 0s infinite;
}
@media screen and (max-width: 750px) {
  .p_lead::after {
    height: 4rem;
  }
}

.com-note {
  letter-spacing: 0;
}

.p_note {
  line-height: 1.2222222222;
  margin-top: 3.5rem;
}
@media screen and (max-width: 750px) {
  .p_note {
    margin-top: 7rem;
  }
}

.p_desc {
  font-size: 2.1rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
  color: #2b2b2b;
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  .p_desc {
    font-size: 3.4rem;
  }
}

.p_desc2 {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: 0.13em;
  margin-top: 1.5em;
}
@media screen and (max-width: 750px) {
  .p_desc2 {
    font-size: 2.4rem;
    text-align: justify;
  }
}

sup {
  font-size: 0.5em;
  display: inline-block;
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
}

.p_imgborder {
  border: 1px solid #2b2b2b;
  padding: 8px;
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  .p_imgborder {
    border: none;
    padding: 0;
  }
}

@-webkit-keyframes scrollLineMotion {
  0% {
    opacity: 0;
    top: 0px;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    top: 18px;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}

@keyframes scrollLineMotion {
  0% {
    opacity: 0;
    top: 0px;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    top: 18px;
  }
  100% {
    opacity: 0;
    top: 20px;
  }
}
@-webkit-keyframes scrollLineMotion2 {
  0% {
    opacity: 0;
    bottom: 3.7rem;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    bottom: 0.2rem;
  }
  100% {
    opacity: 0;
    bottom: 0;
  }
}
@keyframes scrollLineMotion2 {
  0% {
    opacity: 0;
    bottom: 3.7rem;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
    bottom: 0.2rem;
  }
  100% {
    opacity: 0;
    bottom: 0;
  }
}
.scrl_wrap {
  display: none;
}

@media screen and (max-width: 750px) {
  .scrl_wrap {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 36.4rem;
    margin: auto;
    padding: 2rem 0;
  }
  .scrl_wrap .scrl_btn {
    width: 22%;
  }
  .scrl_wrap #scrollRight,
  .scrl_wrap .scrollRight {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .scrl_wrap .scrl {
    width: 46%;
    text-align: center;
    font-size: 3rem;
    line-height: 2.8;
  }
}
.flex_b_s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex_b_s .w48 {
  width: 48%;
}

#pageAccess main {
  color: #2b2b2b;
}
#pageAccess figure {
  position: relative;
}
#pageAccess .bg_red {
  background: #7b3130;
}
#pageAccess .bg_red2 {
  background: #883149;
}
#pageAccess .bg_darkblue {
  background: #5e7698;
}
#pageAccess .bg_blue {
  background: #27527a;
}
#pageAccess .bg_black {
  background: #2b2b2b;
}
#pageAccess .bg_green {
  background: #6c8473;
}
#pageAccess .bg_green2 {
  background: #005244;
}
#pageAccess .bg_brown {
  background: #a47942;
}
#pageAccess .bg_lightyellow {
  background: #e6ebd6;
}
#pageAccess .bg_lightyellow2 {
  background: #e6e6cd;
}
#pageAccess .bg_yellow {
  background: #8d8868;
}
#pageAccess .bg_purple {
  background: #ece5e4;
}
#pageAccess .bg_gray {
  background: #dde5e4;
}
#pageAccess #sec01 {
  margin-top: -6rem;
  padding-top: 6rem;
}
@media screen and (max-width: 750px) {
  #pageAccess #sec01 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageAccess #sec02 {
  margin-top: -6rem;
  padding-top: 6rem;
}
@media screen and (max-width: 750px) {
  #pageAccess #sec02 {
    margin-top: -18rem;
    padding-top: 18rem;
  }
}
#pageAccess #sec03 {
  margin-top: -6rem;
  padding-top: 6rem;
}
@media screen and (max-width: 750px) {
  #pageAccess #sec03 {
    margin-top: -18rem;
    padding-top: 18rem;
  }
}
#pageAccess .p_txtborder {
  font-size: 1.4rem;
  background: #2b2b2b;
  border-radius: 10px;
  line-height: 1.2;
  letter-spacing: 0;
  color: #fff;
  padding: 0.1em 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  #pageAccess .p_txtborder {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .main-container .scene-cls .scene-visual:first-child .scene-text {
    right: unset;
    left: 8%;
  }
  #pageAccess .main-container .scene-cls .scene-visual:first-child .scene-text p {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .main-container .scene-cls .scene-visual:nth-child(2) .scene-lead {
    color: #2b2b2b;
  }
}
#pageAccess .main-container .scene-cls .scene-visual#visual01 .scene-text-1 p:first-of-type {
  height: 22vh;
}
@media screen and (max-width: 750px) {
  #pageAccess .main-container .scene-cls .scene-visual#visual01 .scene-text-1 p:first-of-type {
    height: 17vh;
    min-height: 25rem;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .scroll-box {
    overflow-x: scroll;
    padding: 0 1rem;
  }
}
#pageAccess .scroll-icon {
  width: 36.4rem;
  margin: 5rem auto 6rem;
  pointer-events: none;
}
#pageAccess .station_banner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_banner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-inline: -4rem;
    gap: 0.6rem;
  }
}
#pageAccess .station_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr 2.5rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  margin-top: 5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 4rem;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .station_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .station_item-img {
    width: 47.5%;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .station_item-txt {
    width: 47.5%;
  }
}
#pageAccess .station_item-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pageAccess .station_item-tag p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_item-tag p {
    font-size: 2.6rem;
  }
}
#pageAccess .station_item-desc {
  color: #2b2b2b;
  text-align: justify;
  font-size: 1.3rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-top: 1em;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_item-desc {
    font-size: 2.3rem;
    letter-spacing: 0;
    line-height: 1.2692307692;
  }
}
#pageAccess .station_points {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr 2rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  margin-top: 5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_points {
    margin-top: 8rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
#pageAccess .station_map {
  margin: 3rem auto;
  max-width: 740px;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_map {
    margin: 12rem -4rem 0;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .station_map-img img {
    width: 150%;
  }
}
#pageAccess .station_distance {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.2rem 1fr 2.2rem 1fr 2.2rem 1fr 2.2rem 1fr 2.2rem 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.2rem;
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_distance {
    gap: 4rem 3rem;
    -ms-grid-columns: 1fr 3rem 1fr;
    grid-template-columns: repeat(2, 1fr);
  }
}
#pageAccess .station_distance-name {
  font-size: 1.8rem;
  letter-spacing: 0;
  padding: 1rem 0;
  border-bottom: 1px dotted currentColor;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_distance-name {
    font-size: 3.6rem;
    padding: 2rem 0;
  }
}
#pageAccess .station_distance-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_distance-info {
    margin-top: 2rem;
  }
}
#pageAccess .station_distance-time {
  font-size: 1.8rem;
  line-height: 0.8;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_distance-time {
    font-size: 3.6rem;
  }
}
#pageAccess .station_distance-time span {
  font-size: 3.8rem;
  font-weight: 400;
  color: #5d162a;
  letter-spacing: -0.2rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .station_distance-time span {
    font-size: 7.6rem;
  }
}
#pageAccess .rapid_route {
  max-width: 740px;
  margin: 0 auto 3rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_route-img {
    margin: 0 -4rem 2rem;
  }
  #pageAccess .rapid_route-img img {
    width: 160%;
  }
}
#pageAccess .rapid_route-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_route-note {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
}
#pageAccess .rapid_route-note img {
  width: 230px;
}
#pageAccess .rapid_route-2 > .com-note {
  margin-bottom: 1.5rem;
}
#pageAccess .rapid_route-2 .rapid_route-note img {
  width: 280px;
}
#pageAccess .rapid_schedule {
  padding-bottom: 4rem;
  border-bottom: 1px dotted #000;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_schedule {
    padding-bottom: 8rem;
  }
}
#pageAccess .rapid_schedule-list {
  margin-top: 1rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5rem 1fr 1.5rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_schedule-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    margin-top: 2.5rem;
  }
}
#pageAccess .rapid_schedule-note {
  width: 270px;
  margin-top: 10px;
}
#pageAccess .rapid_point {
  background: #e9ede9;
  margin-top: 5.5rem;
  padding: 2.8rem 4.4rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point {
    padding: 6rem 1.5rem;
  }
}
#pageAccess .rapid_point .p_txtborder {
  margin-inline: auto;
}
#pageAccess .rapid_point-ttl {
  font-size: 1.9rem;
  letter-spacing: 0.11em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
  margin-top: 0.5em;
  gap: 1rem;
  line-height: 1.375;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-ttl {
    font-size: 3.2rem;
  }
}
#pageAccess .rapid_point-ttl span {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  border-top: 1px dotted currentColor;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-ttl span {
    border: none;
  }
}
#pageAccess .rapid_point-ttl2 {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-ttl2 {
    font-size: 2.8rem;
  }
}
#pageAccess .rapid_point-ttl3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.4375;
  min-height: 2.875em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-ttl3 {
    font-size: 2.9rem;
  }
}
#pageAccess .rapid_point-sub {
  font-size: 1rem;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: center;
  margin-top: 0.5em;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-sub {
    font-size: 1.8rem;
    letter-spacing: -0.05em;
  }
}
#pageAccess .rapid_point-icon {
  width: 15rem;
  margin: 1.5rem auto;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-icon {
    width: 33.2rem;
    margin: 3rem auto 1rem;
  }
}
#pageAccess .rapid_point-list {
  display: -ms-grid;
  display: grid;
  margin-top: 2.5rem;
  -ms-grid-columns: 1fr 1.5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
#pageAccess .rapid_point-item {
  background: #fff;
  border: 2px solid #8d8868;
  padding: 2.5rem 1rem 1rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-item {
    padding: 5rem 3rem 3rem;
  }
}
#pageAccess .rapid_point-imgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
  margin-top: 2rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-imgs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
#pageAccess .rapid_point-num {
  color: #fff;
  background: #8d8868;
  position: absolute;
  top: 0;
  left: 0;
  width: 4.6rem;
  height: 4.6rem;
  padding: 0.6rem;
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
#pageAccess .rapid_point-num img {
  height: 60%;
  width: auto;
}
@media screen and (max-width: 750px) {
  #pageAccess .rapid_point-num {
    width: 8.5rem;
    height: 8.5rem;
    padding-left: 0.8rem;
  }
}
#pageAccess .leisure_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_flex {
    row-gap: 2.5rem;
  }
}
#pageAccess .leisure_flex .w-65 {
  width: 64.4276253548%;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_flex .w-65 {
    width: 100%;
  }
}
#pageAccess .leisure_flex .w-35 {
  width: 33.1125827815%;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_flex .w-35 {
    width: 100%;
  }
}
#pageAccess .leisure_box {
  padding: 1.4rem;
  -webkit-box-shadow: 0 0.6rem 0.5rem rgba(43, 43, 43, 0.3);
          box-shadow: 0 0.6rem 0.5rem rgba(43, 43, 43, 0.3);
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_box {
    padding: 2.5rem;
  }
}
#pageAccess .leisure_ttl {
  text-align: center;
  font-size: 1.7rem;
  line-height: 1.2352941176;
  letter-spacing: 0.2em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_ttl {
    font-size: 3.2rem;
  }
}
#pageAccess .leisure_sub {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.16em;
  margin-top: 0.2em;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_sub {
    font-size: 2.8rem;
  }
}
#pageAccess .leisure_sub.ltn02 {
  font-size: 1.3rem;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_sub.ltn02 {
    font-size: 2.5rem;
    letter-spacing: -0.08em;
  }
}
#pageAccess .leisure_sub.ltn04 {
  font-size: 1.2rem;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_sub.ltn04 {
    font-size: 2.5rem;
    letter-spacing: -0.08em;
  }
}
#pageAccess .leisure_item {
  background: #fff;
  padding: 0.5rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_item {
    padding: 1rem;
  }
}
#pageAccess .leisure_num {
  position: absolute;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 400;
  width: 2.6rem;
  height: 2.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 0;
  left: 1.1rem;
  line-height: 1;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_num {
    width: 4.4rem;
    height: 3.8rem;
    font-size: 2.6rem;
    left: 2rem;
  }
}
#pageAccess .leisure_num span {
  letter-spacing: -0.2em;
  -webkit-transform: translateX(-0.3rem);
          transform: translateX(-0.3rem);
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_num span {
    -webkit-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem);
  }
}
#pageAccess .leisure_list {
  display: -ms-grid;
  display: grid;
  gap: 1.1rem;
}
#pageAccess .leisure_list-4col {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_list-4col {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
#pageAccess .leisure_list-2col {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
#pageAccess .leisure_img {
  clip-path: polygon(85% 0, 100% 20%, 100% 100%, 0 100%, 0 0);
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_map {
    margin: 7rem -4rem 0;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_map-img img {
    min-width: 960px;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .leisure_map .scroll-icon {
    margin-top: -15rem;
  }
}
#pageAccess .airport_map {
  width: 53.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageAccess .airport_map {
    width: 100%;
  }
}
#pageAccess .airport_map .com-note:last-child {
  margin-top: 20px;
}
#pageAccess .car_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageAccess .car_lbox {
  width: 78.9971617786%;
}
@media screen and (max-width: 750px) {
  #pageAccess .car_lbox {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .car_map {
    margin: 0 -4rem;
  }
  #pageAccess .car_map img {
    width: 156%;
  }
}
#pageAccess .car_rbox {
  width: 16.5562913907%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 1.8rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .car_rbox {
    width: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 3rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 3rem;
  }
}
#pageAccess .car_place-ttl {
  font-size: 1.6rem;
  line-height: 1.3125;
  letter-spacing: 0.1em;
  padding: 0.4em 0;
}
@media screen and (max-width: 750px) {
  #pageAccess .car_place-ttl {
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 750px) {
  #pageLocation .scene-text-2 p {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
  }
}
#pageLocation figure {
  position: relative;
}
#pageLocation .p_lead {
  width: 80%;
  margin: auto;
}
#pageLocation .com-content.w850 {
  max-width: 850px;
}
#pageLocation #sec01 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec01 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageLocation #sec02 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec02 {
    margin-top: -18rem;
    padding-top: 18rem;
  }
}
#pageLocation #sec03 {
  padding-top: 5rem;
  margin-top: -5rem;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec03 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageLocation #sec01 .p_banner {
  margin-bottom: 7rem;
}
#pageLocation #sec01 .lists_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5rem;
}
#pageLocation #sec01 .lists_wrap .chart_wrap {
  width: 45%;
}
#pageLocation #sec01 .lists_wrap .chart_wrap .chart {
  margin-bottom: 1rem;
}
#pageLocation #sec01 .lists_wrap .chart_wrap .ten_min {
  margin-top: 1rem;
}
#pageLocation #sec01 .lists_wrap .lists {
  width: 50%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
#pageLocation #sec01 .lists_wrap .lists .list .name {
  font-size: 1.7rem;
  margin-bottom: 0.7rem;
}
#pageLocation #sec01 .lists_wrap .lists .list .distance {
  font-size: 1.2rem;
}
#pageLocation #sec01 .bg_white {
  background: #fff;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageLocation #sec01 .bg_white figure {
  width: 38%;
}
#pageLocation #sec01 .bg_white .txt_wrap {
  width: 58%;
}
#pageLocation #sec01 .bg_white .txt_wrap .name {
  font-size: 1.9rem;
  line-height: 1.4;
}
#pageLocation #sec01 .bg_white .txt_wrap .distance {
  font-size: 1.2rem;
  text-align: right;
}
#pageLocation #sec01 .bg_white .txt_wrap .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: dotted 1.5px #4b4b4b;
  margin-top: 1rem;
  padding-top: 1.5rem;
}
#pageLocation #sec01 .bg_white .txt_wrap .desc_1 {
  width: 4%;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  background: #57425c;
  color: #fff;
  text-align: center;
  line-height: 1.6;
}
#pageLocation #sec01 .bg_white .txt_wrap .desc_1.center {
  width: 25px;
  position: relative;
  padding-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec01 .bg_white .txt_wrap .desc_1.center {
    width: 100%;
  }
}
#pageLocation #sec01 .bg_white .txt_wrap .desc_1.center img {
  width: 15px;
  height: auto;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  #pageLocation #sec01 .bg_white .txt_wrap .desc_1.center img {
    position: relative;
    top: inherit;
    left: inherit;
    -webkit-transform: none;
            transform: none;
  }
}
#pageLocation #sec01 .bg_white .txt_wrap .desc_2 {
  width: 93%;
  line-height: 1.4;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec01 .lists_wrap {
    margin-bottom: 5rem;
  }
  #pageLocation #sec01 .lists_wrap .chart_wrap {
    width: 100%;
  }
  #pageLocation #sec01 .lists_wrap .chart_wrap .chart {
    margin-bottom: 2rem;
  }
  #pageLocation #sec01 .lists_wrap .chart_wrap .ten_min {
    margin: 4rem 0;
  }
  #pageLocation #sec01 .lists_wrap .lists {
    width: 100%;
    gap: 5rem;
  }
  #pageLocation #sec01 .lists_wrap .lists .list .name {
    font-size: 2.7rem;
    margin-bottom: 1rem;
  }
  #pageLocation #sec01 .lists_wrap .lists .list .distance {
    font-size: 2.2rem;
  }
  #pageLocation #sec01 .bg_white {
    padding: 3rem;
  }
  #pageLocation #sec01 .bg_white figure {
    width: 100%;
  }
  #pageLocation #sec01 .bg_white .txt_wrap {
    width: 100%;
    margin-top: 3rem;
  }
  #pageLocation #sec01 .bg_white .txt_wrap .name {
    font-size: 3.2rem;
    line-height: 1.4;
    text-align: center;
  }
  #pageLocation #sec01 .bg_white .txt_wrap .distance {
    font-size: 2.2rem;
    text-align: center;
    margin-top: 1.5rem;
  }
  #pageLocation #sec01 .bg_white .txt_wrap .desc {
    border-top: none;
    margin-top: 3rem;
    padding-top: 1.5rem;
  }
  #pageLocation #sec01 .bg_white .txt_wrap .desc_1 {
    width: 100%;
    -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
            writing-mode: initial;
    font-size: 2.4rem;
    padding: 0.5rem;
    margin-bottom: 2rem;
  }
  #pageLocation #sec01 .bg_white .txt_wrap .desc_2 {
    width: 100%;
    line-height: 1.4;
    letter-spacing: 0;
    font-size: 2.2rem;
  }
}
#pageLocation #sec02 .bg_1 {
  background-image: url("../img/location/bg_1.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#pageLocation #sec02 .bg_1 h2, #pageLocation #sec02 .bg_1 p {
  color: #fff;
}
#pageLocation #sec02 .bg_2 {
  background: #e9ede9;
}
#pageLocation #sec02 .bg_2 .lists_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5rem 0;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap {
  width: 45%;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .desc {
  font-size: 1.9rem;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .distance {
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 3rem;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 3rem;
  margin-bottom: 2rem;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .lists .list {
  width: 47%;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .lists .list:first-child {
  width: 100%;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap:first-child {
  position: relative;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap:first-child::after {
  content: "";
  border-right: dotted 1.5px #4b4b4b;
  height: 100%;
  width: 2px;
  position: absolute;
  right: -11%;
  top: 0;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap:first-child .com-note {
  margin-top: 1rem;
}
#pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .name {
  font-size: 1.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec02 .bg_2 .lists_flex {
    padding: 7rem 0;
    row-gap: 14em;
  }
  #pageLocation #sec02 .bg_2 .lists_flex .lists_wrap {
    width: 100%;
  }
  #pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .desc {
    font-size: 3.4rem;
    margin-top: 5rem;
  }
  #pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .distance {
    font-size: 2.2rem;
    margin-bottom: 5rem;
  }
  #pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .lists {
    row-gap: 3rem;
    margin-bottom: 2rem;
  }
  #pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .lists .list {
    width: 48.5%;
  }
  #pageLocation #sec02 .bg_2 .lists_flex .lists_wrap:first-child::after {
    border-right: none;
    border-bottom: dotted 1.5px #4b4b4b;
    right: 0;
    top: 105%;
    height: 2px;
    width: 100%;
  }
  #pageLocation #sec02 .bg_2 .lists_flex .lists_wrap .name {
    font-size: 2.4rem;
  }
}
#pageLocation #sec03 .p_lead::first-letter {
  font-size: 2.8rem;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec03 .p_lead::first-letter {
    font-size: 4.1rem;
  }
}
#pageLocation #sec03 .p_lead::after, #pageLocation #sec03 .p_lead::before {
  display: none;
}
#pageLocation #sec03 .p_introtxt {
  padding-bottom: 0;
}
#pageLocation #sec03 #lifeinfo * {
  -webkit-transition: 0s;
  transition: 0s;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box label {
  width: 16.5%;
  margin: 0;
  padding: 1.3rem 0;
  color: #fff;
  background: #2b2b2b;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box label::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box label:hover {
  opacity: 1;
  color: #fff;
  background: #2b2b2b;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box label.active {
  pointer-events: none;
  color: #fff;
  background: #5d162a;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box label.active::before {
  opacity: 0.5;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 2.6rem 0 0;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl {
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 1.6rem;
  padding: 1rem 0 1.3rem;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl::before {
  content: "";
  opacity: 0.5;
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid #fff;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl-1 {
  background-color: #8d8868;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl-2 {
  background-color: #84535a;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl-3 {
  background-color: #293429;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl-4 {
  background-color: #465a78;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl-5 {
  background-color: #57425c;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .ttl-6 {
  background-color: #b07a46;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .tab_panel {
  display: none;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .tab_panel.active {
  display: block;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .lifeinfo_map {
  width: 47%;
  height: 53rem;
  background: #808684;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list {
  width: 50%;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox {
  width: 100%;
  max-height: 50rem;
  overflow: hidden;
  overflow-y: scroll;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox::-webkit-scrollbar {
  width: 10px;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox {
  /*スクロールバーの軌道*/
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox::-webkit-scrollbar-track {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox {
  /*スクロールバーの動く部分*/
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox::-webkit-scrollbar-thumb {
  background: #8d9e9a;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data {
  padding: 1.4rem 0.7rem;
  margin: 0 2rem 0 0;
  border-top: dashed 1px #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data p {
  letter-spacing: 0;
  line-height: 1.2;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_img {
  width: 1.9rem;
  margin: 0 0.5rem 0 0;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_no {
  padding-top: 0.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  line-height: 1 !important;
  width: 2.1rem;
  height: 2.1rem;
  color: #fff;
  background-color: #000;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data:first-of-type {
  border-top: none;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_txt {
  width: calc(100% - 2.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_txt1 {
  font-size: 1.3rem;
  text-align: left;
}
#pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_txt2 {
  font-size: 1.3rem;
  text-align: right;
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  #pageLocation #sec03 .p_lead {
    font-size: 4.1rem;
    padding-bottom: 4rem;
  }
  #pageLocation #sec03 .p_introtxt:first-child {
    padding-bottom: 2rem;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box {
    width: 90%;
    margin: 0 auto 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1.5rem 0;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .tab_box label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 49%;
    height: 7.2rem;
    padding: 0;
    font-size: 2.2rem;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box {
    margin: 2rem 0 0;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_box .lifeinfo_map {
    width: 100%;
    height: 50rem;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list {
    width: 90%;
    margin: 4rem auto 0;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .ttl {
    padding: 1.2rem 0 1.6rem;
    font-size: 2.6rem;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox {
    width: 100%;
    max-height: none;
    height: 44rem;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox {
    /*スクロールバーの軌道*/
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .databox {
    /*スクロールバーの動く部分*/
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data {
    padding: 1.6rem 0.8rem;
    margin: 0 2rem 0 0;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_img {
    width: 3.2rem;
    margin: 0 1rem 0 0;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_no {
    width: 3.3rem;
    height: 3.3rem;
    font-size: 2.4rem;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_txt {
    width: calc(100% - 5.5rem);
    display: block;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_txt1 {
    width: 100%;
    font-size: 2.4rem;
  }
  #pageLocation #sec03 #lifeinfo .lifeinfo_area .panel_list .data_txt2 {
    width: 100%;
    font-size: 2.4rem;
    margin: 1rem 0 0;
  }
}

#pageDesign .main-container .scene-cls .scene-visual img {
  -o-object-position: top center;
     object-position: top center;
}
#pageDesign figure {
  position: relative;
}
#pageDesign .p_lead {
  width: 80%;
  margin: auto;
}
#pageDesign .bg_white {
  background: #fff;
  padding: 6rem 0;
}
#pageDesign .com-content.w810 {
  max-width: 810px;
}
#pageDesign #sec01 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageDesign #sec01 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageDesign #sec01 section {
  padding-bottom: 0;
}
#pageDesign #sec02 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageDesign #sec02 {
    margin-top: -18rem;
    padding-top: 18rem;
  }
}
#pageDesign #sec02 .p_introtxt {
  padding: 5rem 0;
}
@media screen and (max-width: 750px) {
  #pageDesign #sec02 .p_introtxt {
    padding: 8rem 0;
  }
}
@media screen and (max-width: 750px) {
  #pageDesign #sec02 .p_lead {
    width: 100%;
  }
}
#pageDesign #sec03 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageDesign #sec03 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageDesign .f_img1_wrap {
  position: relative;
}
#pageDesign .plant_wrap {
  background: #123431;
  padding: 7rem 0;
  position: relative;
}
#pageDesign .plant_wrap p {
  color: #fff;
}
#pageDesign .plant_wrap .com-note {
  margin-top: 2rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .plant_wrap .com-note {
    width: 90%;
    margin: 4rem 0 0 auto;
  }
}
#pageDesign .plant_wrap .season {
  margin-bottom: 3rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .plant_wrap .season {
    position: absolute;
    left: 3rem;
    top: 45.8rem;
    width: 7%;
    height: auto;
  }
}
#pageDesign .plant_wrap .plants {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 3rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .plant_wrap .plants {
    width: 90%;
    margin-left: auto;
  }
}
#pageDesign .plant_wrap .plants .plant {
  width: 23%;
}
#pageDesign .plant_wrap .plants .plant .name {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  #pageDesign .plant_wrap .plants .plant .name {
    font-size: 2.4rem;
    letter-spacing: 0;
  }
  #pageDesign .plant_wrap .plants .plant .name.sp_ls-008 {
    letter-spacing: -0.08em;
  }
}
@media screen and (max-width: 750px) {
  #pageDesign .plant_wrap .plants .plant {
    width: 48%;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(1) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(2) {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(3) {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(4) {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(5) {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(6) {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(7) {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  #pageDesign .plant_wrap .plants .plant:nth-child(8) {
    -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
            order: 8;
  }
}
@media screen and (max-width: 750px) {
  #pageDesign .f_img1_wrap .f_img1 {
    overflow-x: scroll;
  }
  #pageDesign .f_img1_wrap .f_img1 img {
    width: 200%;
  }
  #pageDesign .f_img1_wrap .com-cap {
    bottom: 16rem;
  }
}
#pageDesign .entrance_wrap {
  padding: 0 0 7rem;
  padding-top: 0;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap {
    padding: 4rem 0 0;
  }
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .entrance_box .img {
    width: 100%;
    height: 54rem;
  }
}
#pageDesign .entrance_wrap .entrance_box .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  -o-object-position: center top;
     object-position: center top;
}
#pageDesign .entrance_wrap .lounge_box {
  padding: 0 0 6rem;
  margin: 6rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .lounge_box {
    padding: 0;
    margin: 0;
  }
}
#pageDesign .entrance_wrap .lounge_box .lounge_img {
  width: 106rem;
  height: 75rem;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .lounge_box .lounge_img {
    width: 100%;
    height: auto;
  }
}
#pageDesign .entrance_wrap .lounge_box .lounge_img .img {
  width: 100%;
  height: 100%;
}
#pageDesign .entrance_wrap .lounge_box .lounge_img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  -o-object-position: center bottom;
     object-position: center bottom;
}
#pageDesign .entrance_wrap .lounge_box .img_txt {
  font-size: 2rem;
  letter-spacing: 0.23em;
  color: #fff;
  padding: 0 0 0 5rem;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.5), -1px 1px 6px rgba(0, 0, 0, 0.5), 1px -1px 6px rgba(0, 0, 0, 0.5), -1px -1px 6px rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 3.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .lounge_box .img_txt {
    font-size: 3rem;
    line-height: 1.4;
    padding: 0 0 0 3rem;
    bottom: 3rem;
  }
}
#pageDesign .entrance_wrap .material_box {
  background: #2b2b2b;
  color: #fff;
  padding: 5rem 0 7rem;
}
#pageDesign .entrance_wrap .material_box .p_introtxt {
  padding: 8rem 0 4rem;
}
#pageDesign .entrance_wrap .material_box .p_introtxt .p_lead {
  padding-bottom: 1.4rem;
}
#pageDesign .entrance_wrap .material_box .p_introtxt .p_lead::before, #pageDesign .entrance_wrap .material_box .p_introtxt .p_lead::after {
  display: none;
}
#pageDesign .entrance_wrap .material_box .p_introtxt .p_desc {
  color: #fff;
}
#pageDesign .entrance_wrap .material_box .material_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 85rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .material_box .material_flex {
    width: 100%;
  }
}
#pageDesign .entrance_wrap .material_box .material_img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 48rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .material_box .material_img {
    width: 100%;
  }
}
#pageDesign .entrance_wrap .material_box .material_img .img {
  width: 15.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .material_box .material_img .img {
    width: 21.4rem;
  }
}
#pageDesign .entrance_wrap .material_box .material_copy {
  width: 32.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .material_box .material_copy {
    width: 100%;
    margin: 3rem 0 0;
  }
}
#pageDesign .entrance_wrap .material_box .material_copy .p1 {
  font-size: 1.2rem;
  letter-spacing: 0.18em;
  line-height: 1.4;
  text-indent: -1em;
  padding-left: 1em;
  margin: 0 0 1.8rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .entrance_wrap .material_box .material_copy .p1 {
    font-size: 2.2rem;
  }
}
#pageDesign .bg_white {
  background: #fff;
}
#pageDesign .landplan_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pageDesign .landplan_wrap .landplan {
  width: 56.5%;
}
#pageDesign .landplan_wrap .landplan_txt {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
  background: #2b2b2b;
  padding: 1.2rem 0;
  margin: 3rem 0 0;
}
#pageDesign .landplan_wrap .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 4rem;
}
#pageDesign .landplan_wrap .lists .list .t1 {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.4;
  padding-bottom: 1rem;
  border-bottom: dotted 1.5px #4b4b4b;
  margin-bottom: 1.5rem;
}
#pageDesign .landplan_wrap .lists .list .t1 .alphabet {
  display: inline-block;
  width: 2.4rem;
  height: auto;
  margin-right: 1rem;
}
#pageDesign .landplan_wrap .lists .list .t2 {
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.6;
}
#pageDesign .landplan_wrap .lists .list_3 .img {
  margin: 2rem 0 0;
}
#pageDesign .landplan_wrap .lists.a-d_wrap {
  width: 38.5%;
}
#pageDesign .landplan_wrap .lists.a-d_wrap .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pageDesign .landplan_wrap .lists.a-d_wrap .list:first-child .t2 {
  width: 51%;
}
#pageDesign .landplan_wrap .lists.a-d_wrap .list:first-child figure {
  width: 45%;
}
#pageDesign .landplan_wrap .lists.e-f_wrap {
  width: 100%;
  margin-top: 5rem;
}
#pageDesign .landplan_wrap .lists.e-f_wrap .list {
  width: 23%;
}
#pageDesign .landplan_wrap .lists.e-f_wrap .list figure {
  height: 17rem;
  margin: 0 auto 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .landplan_wrap {
    margin: 5rem 0 0;
  }
  #pageDesign .landplan_wrap .landplan {
    width: 100%;
    margin-bottom: 14rem;
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
  #pageDesign .landplan_wrap .lists {
    row-gap: 6rem;
  }
  #pageDesign .landplan_wrap .lists .list .t1 {
    font-size: 3rem;
    line-height: 1.8;
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
  }
  #pageDesign .landplan_wrap .lists .list .t1 .alphabet {
    width: 5.4rem;
    margin-right: 2rem;
  }
  #pageDesign .landplan_wrap .lists .list .t2 {
    font-size: 2.4rem;
  }
  #pageDesign .landplan_wrap .lists.a-d_wrap {
    width: 100%;
  }
  #pageDesign .landplan_wrap .lists.a-d_wrap .list:last-child .t2 {
    margin-bottom: 2.5rem;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap {
    width: 100%;
    margin-top: 6rem;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list figure {
    height: auto;
    margin: 0 0 1.5rem;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:first-child figure {
    width: 48%;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:first-child .t2 {
    width: 48%;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:first-child .cap {
    bottom: -2rem;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:nth-child(2) .t1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:nth-child(2) figure {
    width: 50%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:nth-child(2) .t2 {
    width: 48%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:nth-child(3) figure {
    width: 48%;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:nth-child(3) .t2 {
    width: 48%;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:last-child figure {
    width: 68%;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:last-child figure .right {
    right: -2rem;
  }
  #pageDesign .landplan_wrap .lists.e-f_wrap .list:last-child .t2 {
    width: 25%;
  }
}

#pagePlan figure {
  position: relative;
}
#pagePlan .scene-text {
  right: initial;
  left: 8%;
}
@media screen and (max-width: 750px) {
  #pagePlan .scene-text-2 {
    left: auto;
    right: 8%;
  }
}
#pagePlan .p_lead {
  width: 80%;
  margin: auto;
}
#pagePlan .com-content.w850 {
  max-width: 850px;
}
#pagePlan #sec01 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec01 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pagePlan #sec02 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec02 {
    margin-top: -18rem;
    padding-top: 18rem;
  }
}
#pagePlan #sec03 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec03 {
    margin-top: -18rem;
    padding-top: 18rem;
  }
}
#pagePlan #sec04 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec04 {
    margin-top: -18rem;
    padding-top: 18rem;
  }
}
#pagePlan #sec01 p {
  color: #2b2b2b;
}
#pagePlan #sec01 .plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem;
}
#pagePlan #sec01 .plans .plan {
  width: 31%;
}
#pagePlan #sec01 .sec1_txt {
  width: 100%;
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: center;
  margin-top: 5rem;
}
#pagePlan #sec01 .bg_white {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5rem 3rem;
  position: relative;
  margin-bottom: 8rem;
}
#pagePlan #sec01 .bg_white::after {
  content: "";
  width: 2px;
  height: 76%;
  border-right: dotted 1.5px #4b4b4b;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 3rem;
}
#pagePlan #sec01 .bg_white .head {
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.2;
  border-bottom: solid 1px #8d8868;
  padding-bottom: 1.5rem;
  margin-bottom: 2rem;
}
#pagePlan #sec01 .bg_white .head .red {
  color: #5d162a;
  font-size: 3.6rem;
}
#pagePlan #sec01 .bg_white .graph_wrap {
  width: 46%;
}
#pagePlan #sec01 .bg_white .graph_wrap .graph_ttl {
  width: 76.5%;
  margin: auto;
}
#pagePlan #sec01 .bg_white .graph_wrap .graph {
  width: 76.5%;
  margin: auto;
}
#pagePlan #sec01 .bg_white .plus10_wrap {
  width: 46%;
}
#pagePlan #sec01 .bg_white .plus10_wrap .head {
  line-height: 1.95;
}
#pagePlan #sec01 .bg_green {
  background: #123431;
  padding: 8rem 0;
}
#pagePlan #sec01 .bg_green p {
  color: #fff;
}
#pagePlan #sec01 .bg_green .gl_txt {
  width: 36.5rem;
  margin: 4rem auto 0;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec01 .bg_green .gl_txt {
    width: 58rem;
    margin: 6rem auto 0;
  }
  #pagePlan #sec01 .plans {
    margin-bottom: 6rem;
    row-gap: 2rem;
  }
  #pagePlan #sec01 .plans .plan {
    width: 100%;
  }
  #pagePlan #sec01 .sec1_txt {
    width: 100%;
    font-size: 2.8rem;
    line-height: 1.6;
    text-align: left;
  }
  #pagePlan #sec01 .bg_white {
    padding: 6rem 3rem;
    row-gap: 10rem;
  }
  #pagePlan #sec01 .bg_white::after {
    display: none;
  }
  #pagePlan #sec01 .bg_white .head {
    font-size: 3.2rem;
    line-height: 1.5;
    padding-bottom: 2.5rem;
    margin-bottom: 5rem;
  }
  #pagePlan #sec01 .bg_white .head .red {
    font-size: 4.6rem;
  }
  #pagePlan #sec01 .bg_white .graph_wrap {
    width: 100%;
  }
  #pagePlan #sec01 .bg_white .graph_wrap .graph_ttl {
    width: 100%;
    font-size: 2.4rem;
  }
  #pagePlan #sec01 .bg_white .graph_wrap .graph {
    width: 100%;
  }
  #pagePlan #sec01 .bg_white .plus10_wrap {
    width: 100%;
  }
  #pagePlan #sec01 .bg_white .plus10_wrap .head {
    line-height: 1.5;
  }
  #pagePlan #sec01 .bg_white .sec1_txt {
    margin-top: 0;
  }
}
#pagePlan .layout_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pagePlan .layout_flex .layout_wrap {
  width: 48%;
}
#pagePlan .layout_flex .layout_wrap.ig {
  width: 42%;
}
#pagePlan .layout_flex .merits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 1rem;
  margin-top: 3rem;
}
#pagePlan .layout_flex .merits + .layout {
  margin-top: 3rem;
}
#pagePlan .layout_flex .merits .merit {
  width: 49%;
  background: #1c3835;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0 0.75rem;
  font-size: 1.7rem;
}
#pagePlan .layout_flex .merits .merit.w100 {
  width: 100%;
}
#pagePlan .layout_flex .desc_wrap {
  width: 44%;
}
#pagePlan .layout_flex .desc_wrap .desc {
  margin-top: 5rem;
}
#pagePlan .layout_flex .desc_wrap .desc_txt {
  font-size: 2.1rem;
  border-bottom: dotted 1.5px #4b4b4b;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
}
#pagePlan .layout_flex .desc_wrap .desc .lists .list {
  font-size: 1.7rem;
  line-height: 1.5;
  margin-bottom: 3rem;
  padding-left: 3rem;
  position: relative;
}
#pagePlan .layout_flex .desc_wrap .desc .lists .list::before {
  content: "●";
  color: #8d8868;
  font-size: 1.8rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 0;
}
#pagePlan .layout_flex .desc_wrap .img_wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
#pagePlan .spec_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 1.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
#pagePlan .spec_box .name {
  width: 28%;
  color: #fff;
  text-align: center;
  padding: 1rem 0;
  background-image: url(../img/plan/name_bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#pagePlan .spec_box .name .t1 {
  font-size: 4rem;
  letter-spacing: 0;
}
#pagePlan .spec_box .name .t1.b1 {
  letter-spacing: -0.15em;
}
#pagePlan .spec_box .name .t2 {
  font-size: 1.8rem;
}
#pagePlan .spec_box .spec {
  width: 72%;
  color: #fff;
  padding: 1rem 2rem;
  background-image: url(../img/plan/spec_bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#pagePlan .spec_box .spec .t3 {
  font-size: 4rem;
}
#pagePlan .spec_box .spec .t4 {
  font-size: 2.7rem;
  letter-spacing: 0;
}
#pagePlan .spec_box .spec .t4_1 {
  font-size: 2.9rem;
}
#pagePlan .spec_box .spec .t4_2 {
  font-size: 2.1rem;
  letter-spacing: 0;
}
#pagePlan .spec_box .spec .floor {
  font-size: 1rem;
  font-family: dnp-shuei-mincho-pr6, dnp-shuei-mincho-pr6, serif;
  display: inline-block;
  -webkit-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
}
#pagePlan .spec_box .params_l {
  width: 49%;
  border-right: solid 1px #2b2b2b;
}
#pagePlan .spec_box .params_l .t5 {
  font-size: 1.8rem;
}
#pagePlan .spec_box .params_l .t6 {
  font-size: 1.6rem;
}
#pagePlan .spec_box .params_l .t7 {
  font-size: 5rem;
  letter-spacing: -0.05em;
}
#pagePlan .spec_box .params_l .t8 {
  font-size: 2.6rem;
  font-weight: 400;
  padding-left: 0.5rem;
}
#pagePlan .spec_box .params_l .t8 span {
  font-size: 1rem;
  vertical-align: super;
  font-weight: 400;
}
#pagePlan .spec_box .params_r {
  width: 49%;
  font-size: 1.2rem;
  padding-bottom: 0.5rem;
  line-height: 1.5;
}
#pagePlan .spec_box.with_icon .params_l {
  border-right: none;
  width: 50%;
}
#pagePlan .spec_box.with_icon .icon {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 48%;
}
#pagePlan .spec_box.with_icon .params_r {
  width: 100%;
}
#pagePlan .spec_box.with_icon .params_r span {
  display: inline-block;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
@media screen and (max-width: 750px) {
  #pagePlan .spec_box.with_icon .params_r span {
    display: block;
  }
}
#pagePlan .spec_box.with_icon .params_r span:not(:last-child) {
  margin-right: 1rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .layout_flex {
    row-gap: 10rem;
  }
  #pagePlan .layout_flex .layout_wrap {
    width: 100% !important;
  }
  #pagePlan .layout_flex .desc_wrap {
    width: 100% !important;
  }
  #pagePlan .layout_flex .desc_wrap .desc_txt {
    font-size: 3.6rem;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
  }
  #pagePlan .layout_flex .desc_wrap .desc .lists .list {
    font-size: 3rem;
    line-height: 1.6;
    margin-bottom: 3rem;
    padding-left: 4rem;
  }
  #pagePlan .layout_flex .desc_wrap .desc .lists .list::before {
    font-size: 3rem;
    width: 2rem;
    height: 2rem;
  }
  #pagePlan .layout_flex .desc_wrap .img_wrap {
    margin-top: 5rem;
  }
  #pagePlan .layout_flex .merits {
    row-gap: 1.5rem;
    margin-top: 4rem;
  }
  #pagePlan .layout_flex .merits .merit {
    padding: 1rem 0 1.5rem;
    font-size: 2.7rem;
  }
  #pagePlan .layout_flex .merits.c {
    margin-top: 6rem;
  }
  #pagePlan .spec_box {
    row-gap: 3rem;
  }
  #pagePlan .spec_box .name {
    width: 34%;
  }
  #pagePlan .spec_box .name .t1 {
    font-size: 5.2rem;
  }
  #pagePlan .spec_box .name .t2 {
    font-size: 3rem;
  }
  #pagePlan .spec_box .spec {
    width: 66%;
    padding: 1rem 2rem;
  }
  #pagePlan .spec_box .spec .t3 {
    font-size: 5.2rem;
  }
  #pagePlan .spec_box .spec .t4 {
    font-size: 3.7rem;
  }
  #pagePlan .spec_box .spec .t4_1 {
    font-size: 3.9rem;
  }
  #pagePlan .spec_box .spec .t4_2 {
    font-size: 3rem;
  }
  #pagePlan .spec_box .spec .floor {
    font-size: 2rem;
  }
  #pagePlan .spec_box .params_l {
    width: 50%;
  }
  #pagePlan .spec_box .params_l .t5 {
    font-size: 2.6rem;
  }
  #pagePlan .spec_box .params_l .t6 {
    font-size: 2.4rem;
  }
  #pagePlan .spec_box .params_l .t7 {
    font-size: 7rem;
    letter-spacing: -0.05em;
  }
  #pagePlan .spec_box .params_l .t8 {
    font-size: 3.6rem;
    padding-left: 0.5rem;
  }
  #pagePlan .spec_box .params_l .t8 span {
    font-size: 1rem;
    vertical-align: super;
  }
  #pagePlan .spec_box .params_r {
    width: 46%;
    font-size: 2.6rem;
    padding-bottom: 0.5rem;
  }
  #pagePlan .spec_box .params_r.c {
    line-height: 1.1;
    margin-bottom: -3rem;
  }
  #pagePlan .spec_box.with_icon .params_l {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
  }
  #pagePlan .spec_box.with_icon .params_l ._sp-l {
    line-height: 1.3;
    text-align: center;
  }
  #pagePlan .spec_box.with_icon .icon {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    width: 55%;
  }
  #pagePlan .spec_box.with_icon .params_r {
    width: 43%;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #pagePlan .spec_box.with_icon .params_r span {
    display: block;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #pagePlan .spec_box.with_icon .params_r span:not(:last-child) {
    margin-right: 0;
  }
}
#pagePlan #sec02 {
  padding-bottom: 8rem;
  background-image: url("../img/plan/bg1.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#pagePlan #sec02 .layout_flex.hr {
  padding-top: 8rem;
  border-top: 1px solid #2b2b2b;
  margin-top: 8rem;
}
#pagePlan .type_lead {
  font-size: 2.2rem;
  line-height: 1.6;
  margin-bottom: 4rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_lead {
    text-align: center;
    font-size: 3.4rem;
    margin-bottom: 0;
  }
}
#pagePlan #sec03 {
  padding-bottom: 2rem;
  background-image: url("../img/plan/bg2.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#pagePlan #sec03 .layout_flex {
  margin-top: 5rem;
}
#pagePlan #sec03 .params_l {
  width: 54%;
}
#pagePlan #sec03 .params_r {
  width: 42%;
}
#pagePlan #sec03 .points {
  margin-top: 5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
#pagePlan #sec03 .points .p_desc {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 2rem;
}
#pagePlan #sec03 .points .point.pet_2 {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
#pagePlan #sec03 .points .point.pet_2 .p_desc {
  margin: 0;
}
#pagePlan #sec03 .points .point.pet_2 .note {
  display: block;
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec03 .layout_flex {
    margin-top: 10rem;
  }
  #pagePlan #sec03 .layout_flex .layout._sp {
    margin: 8rem 0;
  }
  #pagePlan #sec03 .points .p_desc {
    font-size: 3rem;
  }
}
#pagePlan #sec04 .layout_flex.c {
  padding-bottom: 10rem;
}
#pagePlan #sec04 .layout_flex.c .layout_wrap {
  width: 44%;
}
#pagePlan #sec04 .layout_flex.c .desc_wrap {
  width: 48%;
}
#pagePlan #sec04 .layout_flex.c .desc_wrap .spec_box .name {
  width: 20%;
  padding: 2.09rem 0;
}
#pagePlan #sec04 .layout_flex.c .desc_wrap .spec_box .spec {
  width: 80%;
}
#pagePlan #sec04 .layout_flex.b1 .layout_wrap, #pagePlan #sec04 .layout_flex.a .layout_wrap, #pagePlan #sec04 .layout_flex.d .layout_wrap, #pagePlan #sec04 .layout_flex.hr .layout_wrap {
  width: 48%;
}
#pagePlan #sec04 .layout_flex.b1 .desc_wrap, #pagePlan #sec04 .layout_flex.a .desc_wrap, #pagePlan #sec04 .layout_flex.d .desc_wrap, #pagePlan #sec04 .layout_flex.hr .desc_wrap {
  width: 48%;
}
#pagePlan #sec04 .layout_flex.b1 .desc_wrap .params_r, #pagePlan #sec04 .layout_flex.d .desc_wrap .params_r {
  padding: 2.2rem 0;
}
#pagePlan #sec04 .bg_white {
  padding-block: 8rem;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec04 .bg_white {
    padding-block: 10rem;
  }
}
#pagePlan #sec04 .bg_white .layout_flex {
  padding-block: 7rem;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec04 .bg_white .layout_flex {
    padding-block: 10rem;
  }
}
#pagePlan #sec04 .bg_white .layout_flex {
  border-bottom: 1px solid #2b2b2b;
}
@media screen and (min-width: 751px) {
  #pagePlan #sec04 .bg_white .layout_flex {
    padding-inline: 3rem;
  }
}
#pagePlan #sec04 .bg_white .layout_flex.hr {
  padding-top: 0;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec04 .bg_white .layout_flex.hr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pagePlan #sec04 .bg_white .layout_flex.d {
  border-bottom: unset;
}
@media screen and (min-width: 751px) {
  #pagePlan #sec04 .bg_white .layout_flex.a .layout, #pagePlan #sec04 .bg_white .layout_flex.d .layout {
    margin-left: 5rem;
  }
  #pagePlan #sec04 .bg_white .layout_flex.b1 .layout {
    margin-right: 5rem;
  }
}
#pagePlan #sec04 .com-note span {
  display: inline-block;
  height: 1rem;
  width: auto;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec04 .com-note span {
    height: 1.7rem;
  }
}
#pagePlan #sec04 .com-note span img {
  height: 100%;
  width: auto;
}
#pagePlan #sec04 .labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: 8rem;
}
#pagePlan #sec04 .labels .label:first-child {
  width: 32%;
}
#pagePlan #sec04 .labels .label:nth-child(2) {
  width: 27%;
}
#pagePlan #sec04 .labels .label:last-child {
  width: 35%;
}
@media screen and (max-width: 750px) {
  #pagePlan #sec04 .p_banner {
    position: relative;
  }
  #pagePlan #sec04 .p_banner figure {
    overflow-x: scroll;
  }
  #pagePlan #sec04 .p_banner figure img {
    width: 200%;
  }
  #pagePlan #sec04 .p_banner .arrow {
    width: 2.8rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #pagePlan #sec04 .p_banner .arrow.left {
    left: 1rem;
  }
  #pagePlan #sec04 .p_banner .arrow.right {
    right: 1rem;
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  #pagePlan #sec04 .layout_flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #pagePlan #sec04 .com-note {
    line-height: 1.8;
  }
  #pagePlan #sec04 .com-note span {
    height: 1.8rem;
    vertical-align: super;
  }
  #pagePlan #sec04 .labels {
    row-gap: 5rem;
  }
  #pagePlan #sec04 .labels .label {
    width: 100% !important;
  }
}

#pageLifeStyle figure {
  position: relative;
}
#pageLifeStyle #sec01 {
  padding-top: 8rem;
  margin-top: -8rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle #sec01 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageLifeStyle #sec02 {
  padding-top: 14rem;
  margin-top: -14rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle #sec02 {
    margin-top: -19rem;
    padding-top: 19rem;
  }
}
#pageLifeStyle #sec03 {
  padding-top: 8rem;
  margin-top: -8rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle #sec03 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageLifeStyle #sec04 {
  padding-top: 15rem;
  margin-top: -15rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle #sec04 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageLifeStyle .main-container .scene-cls .scene-visual .scene-text {
  bottom: 8%;
}
#pageLifeStyle .main-container .scene-cls .scene-visual .scene-text-1 {
  right: auto;
  left: 15%;
}
#pageLifeStyle .main-container .scene-cls .scene-visual .scene-text-1 p:last-child {
  margin-top: 10rem;
}
#pageLifeStyle .main-container .scene-cls .scene-visual .scene-text-2 p:last-child {
  margin-top: 33rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .main-container .scene-cls #visual02 .scene-visual-img img {
    -o-object-position: 9% bottom;
       object-position: 9% bottom;
  }
}
#pageLifeStyle .cnt_wrap {
  overflow: unset;
  padding: 7rem 0 9rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap {
    padding: 13rem 0 11rem;
  }
}
#pageLifeStyle .cnt_wrap .cnt_wrap_inner {
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .cnt_wrap_inner {
    width: 75rem;
    padding: 0 4rem;
  }
}
#pageLifeStyle .cnt_wrap .accent {
  position: absolute;
  z-index: 3;
}
#pageLifeStyle .cnt_wrap .ttl_com_area {
  text-align: center;
  margin: 0 0 2.5rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .ttl_com_area {
    margin: 0 0 5rem;
  }
}
#pageLifeStyle .cnt_wrap .ttl_com_area .ttl_box {
  font-size: 2.8rem;
  letter-spacing: 0.05em;
  color: #8d8868;
  margin: 0 0 4rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .ttl_com_area .ttl_box {
    font-size: 3.8rem;
    margin: 0 0 7rem;
  }
}
#pageLifeStyle .cnt_wrap .ttl_com_area .lead_box {
  padding: 0.7rem 0;
  position: relative;
  background: #D4C3C5;
  background: -webkit-gradient(linear, left top, right top, from(rgba(212, 195, 197, 0)), color-stop(50%, rgb(132, 83, 90)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(212, 195, 197, 0) 0%, rgb(132, 83, 90) 50%, rgba(0, 0, 0, 0) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .ttl_com_area .lead_box {
    padding: 1.4rem 0;
    margin: 0 -8rem 0 -8rem;
  }
}
#pageLifeStyle .cnt_wrap .ttl_com_area .lead_box .lead {
  font-size: 2.1rem;
  letter-spacing: 0.22em;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .ttl_com_area .lead_box .lead {
    font-size: 3rem;
  }
}
#pageLifeStyle .cnt_wrap .copy_com_box {
  color: #2b2b2b;
}
#pageLifeStyle .cnt_wrap .copy_com_box .lead {
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 1.6;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .copy_com_box .lead {
    font-size: 3rem;
    text-align: center;
  }
}
#pageLifeStyle .cnt_wrap .copy_com_box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  line-height: 1.6;
  border-top: 1px solid transparent;
  -o-border-image: linear-gradient(to right, #84535a, rgba(132, 83, 90, 0.2)) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(#84535a), to(rgba(132, 83, 90, 0.2))) 1;
     border-image: linear-gradient(to right, #84535a, rgba(132, 83, 90, 0.2)) 1;
  padding: 2.2rem 0 0;
  margin: 1.7rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .copy_com_box .txt {
    font-size: 2.4rem;
    padding: 2.6rem 0 0;
    margin: 2rem 0 0;
  }
}
#pageLifeStyle .cnt_wrap .flex_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 123rem;
  margin: 1.4rem 0 0 auto;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_area {
    width: 100%;
    gap: 5rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0;
  }
}
#pageLifeStyle .cnt_wrap .flex_area .img_box {
  width: calc(100% - 66rem);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_area .img_box {
    width: 100%;
  }
}
#pageLifeStyle .cnt_wrap .flex_area .copy_com_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 66rem;
  padding: 0 16rem 0 0;
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_area .copy_com_box {
    width: 100%;
    padding: 0;
    background: none;
  }
}
#pageLifeStyle .cnt_wrap .flex_area .copy_com_box .lead,
#pageLifeStyle .cnt_wrap .flex_area .copy_com_box .txt {
  padding-left: 3rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_area .copy_com_box .lead,
  #pageLifeStyle .cnt_wrap .flex_area .copy_com_box .txt {
    padding-left: 0;
  }
}
#pageLifeStyle .cnt_wrap .flex_area.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin: 1.4rem auto 0 0;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_area.left {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin: 0;
  }
}
#pageLifeStyle .cnt_wrap .flex_area.left .copy_com_box {
  padding: 0 0 0 16rem;
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_area.left .copy_com_box {
    padding: 0;
    background: none;
  }
}
#pageLifeStyle .cnt_wrap .flex_area.left .copy_com_box .lead,
#pageLifeStyle .cnt_wrap .flex_area.left .copy_com_box .txt {
  padding-right: 3rem;
  padding-left: 0;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_area.left .copy_com_box .lead,
  #pageLifeStyle .cnt_wrap .flex_area.left .copy_com_box .txt {
    padding-right: 0;
  }
}
#pageLifeStyle .cnt_wrap .flex_img_area {
  position: relative;
  padding: 4.5rem 0 0;
  margin: 1.5rem 0 0;
}
#pageLifeStyle .cnt_wrap .flex_img_area::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 31rem;
  background: #ECF1F3;
  background: -webkit-gradient(linear, left top, right top, from(rgb(236, 241, 243)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgb(236, 241, 243)));
  background: linear-gradient(90deg, rgb(236, 241, 243) 0%, rgba(255, 255, 255, 0) 50%, rgb(236, 241, 243) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_img_area::before {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_img_area .com-content {
    width: 100%;
    padding: 0;
  }
}
#pageLifeStyle .cnt_wrap .flex_img_area .copy_com_box {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_img_area .copy_com_box .txt {
    text-align: left;
  }
}
#pageLifeStyle .cnt_wrap .flex_img_area .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_img_area .flex_box {
    gap: 2rem 0;
  }
}
#pageLifeStyle .cnt_wrap .flex_img_area .flex_box .img {
  width: 52.4rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .flex_img_area .flex_box .img {
    width: 100%;
  }
}
#pageLifeStyle .cnt_wrap .time_area {
  text-align: center;
}
#pageLifeStyle .cnt_wrap .time_area .time_box {
  display: inline-block;
}
#pageLifeStyle .cnt_wrap .time_area .time_box .time_inner {
  position: relative;
}
#pageLifeStyle .cnt_wrap .time_area .time_box .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: auto;
  content: "";
  width: 7rem;
  height: 7rem;
  border-radius: 50%;
  background: rgba(132, 83, 90, 0.15);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area .time_box .circle {
    width: 11rem;
    height: 11rem;
  }
}
#pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.top {
  margin-top: 5rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.top {
    margin-top: 10rem;
  }
}
#pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.top .circle::before {
  content: "";
  width: 1px;
  height: 4.6rem;
  background: #8d8868;
  position: absolute;
  top: -3.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.top .circle::before {
    height: 8rem;
    top: -6.5rem;
  }
}
#pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.bottom {
  margin-bottom: 3.6rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.bottom {
    margin-bottom: 0;
    margin-top: 10rem;
  }
}
#pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.bottom .circle::before {
  content: "";
  width: 1px;
  height: 4.6rem;
  background: #8d8868;
  position: absolute;
  bottom: -3.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area .time_box .time_inner.bottom .circle::before {
    height: 8rem;
    bottom: auto;
    top: -6.5rem;
  }
}
#pageLifeStyle .cnt_wrap .time_area .time_box .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 7rem;
  font-size: 3.2rem;
  letter-spacing: 0.01em;
  color: #8d8868;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area .time_box .time {
    height: 11rem;
    font-size: 4.2rem;
  }
}
#pageLifeStyle .cnt_wrap .time_area .time_box .txt {
  font-size: 1.9rem;
  letter-spacing: 0.2em;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area .time_box .txt {
    font-size: 3rem;
    line-height: 1.6;
  }
}
#pageLifeStyle .cnt_wrap .time_area .time_box .m_scale {
  -webkit-transition: all 1.4s;
  transition: all 1.4s;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1.8);
          transform: translateY(-50%) translateX(-50%) scale(1.8);
}
#pageLifeStyle .cnt_wrap .time_area .time_box .m_scale_on {
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
          transform: translateY(-50%) translateX(-50%) scale(1);
}
#pageLifeStyle .cnt_wrap .time_area.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0 1rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area.flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1rem 0;
  }
}
#pageLifeStyle .cnt_wrap .time_area.flex .line_box {
  width: 15rem;
  height: 1px;
  background: #8d8868;
}
#pageLifeStyle .cnt_wrap .time_area.flex .time_box_1 {
  margin: 0 -5rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area.flex .time_box_1 {
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area.flex .time_box_2 .time_inner {
    margin-top: 10rem;
  }
}
#pageLifeStyle .cnt_wrap .time_area.flex .time_box_2 .circle {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .time_area.flex .time_box_2 .circle::before {
    content: "";
    width: 1px;
    height: 8rem;
    background: #8d8868;
    position: absolute;
    top: -6.5rem;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#pageLifeStyle .cnt_wrap .time_area.flex .time_box_3 .circle {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}
#pageLifeStyle .cnt_wrap .time_area.flex .line_box_1 {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#pageLifeStyle .cnt_wrap .time_area.flex .line_box_2 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap .m_right,
  #pageLifeStyle .cnt_wrap .m_left {
    -webkit-transition: all 1.3s !important;
    transition: all 1.3s !important;
    -webkit-transform: translateY(50px) !important;
            transform: translateY(50px) !important;
    opacity: 0 !important;
  }
  #pageLifeStyle .cnt_wrap .m_right_on,
  #pageLifeStyle .cnt_wrap .m_left_on {
    -webkit-transform: translateY(0px) !important;
            transform: translateY(0px) !important;
    opacity: 1 !important;
  }
}
#pageLifeStyle .cnt_wrap_1 .accent_1 {
  width: 7.4rem;
  top: -8rem;
  right: 33rem;
}
#pageLifeStyle .cnt_wrap_1 .accent_2 {
  width: 6rem;
  bottom: -11rem;
  left: 19rem;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_1 .accent_1 {
    width: 11rem;
    top: -9rem;
    right: 10rem;
  }
}
#pageLifeStyle .cnt_wrap_2 {
  background: #fff;
}
#pageLifeStyle .cnt_wrap_2 .accent_1 {
  width: 5.2rem;
  top: -8rem;
  left: 38rem;
}
#pageLifeStyle .cnt_wrap_2 .accent_2 {
  width: 4.1rem;
  top: -11rem;
  right: 23rem;
}
#pageLifeStyle .cnt_wrap_2 .ttl_com_area .lead_box {
  background: #C7CDD6;
  background: -webkit-gradient(linear, left top, right top, from(rgba(199, 205, 214, 0)), color-stop(50%, rgb(88, 106, 133)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(199, 205, 214, 0) 0%, rgb(88, 106, 133) 50%, rgba(0, 0, 0, 0) 100%);
}
#pageLifeStyle .cnt_wrap_2 .time_area .time_box .circle {
  background: rgba(117, 154, 169, 0.15);
}
#pageLifeStyle .cnt_wrap_2 .copy_com_box .txt {
  -o-border-image: linear-gradient(to right, #465a78, rgba(70, 90, 120, 0.2)) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(#465a78), to(rgba(70, 90, 120, 0.2))) 1;
     border-image: linear-gradient(to right, #465a78, rgba(70, 90, 120, 0.2)) 1;
}
#pageLifeStyle .cnt_wrap_2 .flex_area .copy_com_box {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(236, 241, 243)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(236, 241, 243) 100%);
}
#pageLifeStyle .cnt_wrap_2 .flex_area.left .copy_com_box {
  background: #ECF1F3;
  background: -webkit-gradient(linear, left top, right top, from(rgb(236, 241, 243)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(236, 241, 243) 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_2 .accent_1 {
    width: 8rem;
    top: -9rem;
    left: 12rem;
  }
  #pageLifeStyle .cnt_wrap_2 .flex_area .copy_com_box {
    background: none;
  }
  #pageLifeStyle .cnt_wrap_2 .flex_area.left .copy_com_box {
    background: none;
  }
}
#pageLifeStyle .cnt_wrap_3 {
  background: url(../img/lifestyle/bg.jpg) top/cover no-repeat;
}
#pageLifeStyle .cnt_wrap_3 .accent_1 {
  width: 7rem;
  top: -8rem;
  left: 38rem;
}
#pageLifeStyle .cnt_wrap_3 .accent_2 {
  width: 5.2rem;
  top: -8rem;
  right: 38rem;
}
#pageLifeStyle .cnt_wrap_3 .accent_3 {
  width: 12rem;
  top: 23rem;
  left: 18rem;
}
#pageLifeStyle .cnt_wrap_3 .ttl_com_area .lead_box {
  background: #BFD2AD;
  background: -webkit-gradient(linear, left top, right top, from(rgba(191, 210, 173, 0)), color-stop(50%, rgb(130, 166, 95)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(191, 210, 173, 0) 0%, rgb(130, 166, 95) 50%, rgba(0, 0, 0, 0) 100%);
}
#pageLifeStyle .cnt_wrap_3 .flex_img_area::before {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(50%, rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 50%, rgba(255, 255, 255, 0) 100%);
}
#pageLifeStyle .cnt_wrap_3 .time_area .time_box .circle {
  background: rgba(130, 166, 95, 0.15);
}
#pageLifeStyle .cnt_wrap_3 .copy_com_box .txt {
  -o-border-image: linear-gradient(to right, #82a65f, rgba(130, 166, 95, 0.2)) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(#82a65f), to(rgba(130, 166, 95, 0.2))) 1;
     border-image: linear-gradient(to right, #82a65f, rgba(130, 166, 95, 0.2)) 1;
}
#pageLifeStyle .cnt_wrap_3 .flex_area .copy_com_box {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
#pageLifeStyle .cnt_wrap_3 .flex_area.left .copy_com_box {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_3 .accent_1 {
    width: 10rem;
    top: -10rem;
    left: 8rem;
  }
  #pageLifeStyle .cnt_wrap_3 .accent_2 {
    width: 7.4rem;
    top: -12rem;
    right: 8rem;
  }
  #pageLifeStyle .cnt_wrap_3 .flex_img_area::before {
    display: none;
  }
  #pageLifeStyle .cnt_wrap_3 .flex_area .copy_com_box {
    background: none;
  }
  #pageLifeStyle .cnt_wrap_3 .flex_area.left .copy_com_box {
    background: none;
  }
}
#pageLifeStyle .cnt_wrap_4 {
  background: #fff;
}
#pageLifeStyle .cnt_wrap_4 .accent_1 {
  width: 12.7rem;
  top: -2rem;
  left: 38rem;
}
#pageLifeStyle .cnt_wrap_4 .accent_2 {
  width: 13.5rem;
  top: -1rem;
  right: 38rem;
}
#pageLifeStyle .cnt_wrap_4 .accent_3 {
  width: 11rem;
  top: -11rem;
  left: 17rem;
}
#pageLifeStyle .cnt_wrap_4 .accent_4 {
  width: 11.5rem;
  top: -11rem;
  right: 16rem;
}
#pageLifeStyle .cnt_wrap_4 .ttl_com_area .lead_box {
  background: #BFD2AD;
  background: -webkit-gradient(linear, left top, right top, from(rgba(191, 210, 173, 0)), color-stop(50%, rgb(130, 166, 95)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, rgba(191, 210, 173, 0) 0%, rgb(130, 166, 95) 50%, rgba(0, 0, 0, 0) 100%);
}
#pageLifeStyle .cnt_wrap_4 .flex_img_area::before {
  background: #EDF3E9;
  background: -webkit-gradient(linear, left top, right top, from(rgb(237, 243, 233)), color-stop(50%, rgba(255, 255, 255, 0)), to(rgb(237, 243, 233)));
  background: linear-gradient(90deg, rgb(237, 243, 233) 0%, rgba(255, 255, 255, 0) 50%, rgb(237, 243, 233) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_4 .flex_img_area::before {
    display: none;
  }
}
#pageLifeStyle .cnt_wrap_4 .time_area .time_box .circle {
  background: rgba(130, 166, 95, 0.15);
}
#pageLifeStyle .cnt_wrap_4 .copy_com_box .txt {
  -o-border-image: linear-gradient(to right, #82a65f, rgba(130, 166, 95, 0.2)) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(#82a65f), to(rgba(130, 166, 95, 0.2))) 1;
     border-image: linear-gradient(to right, #82a65f, rgba(130, 166, 95, 0.2)) 1;
}
#pageLifeStyle .cnt_wrap_4 .flex_area .copy_com_box {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgba(237, 243, 233, 0)), to(#edf3e9));
  background: linear-gradient(90deg, rgba(237, 243, 233, 0) 0%, #edf3e9 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_4 .flex_area .copy_com_box {
    background: none;
  }
}
#pageLifeStyle .cnt_wrap_4 .flex_area.left .copy_com_box {
  background: #ECF1F3;
  background: -webkit-gradient(linear, left top, right top, from(#edf3e9), to(rgba(237, 243, 233, 0)));
  background: linear-gradient(90deg, #edf3e9 0%, rgba(237, 243, 233, 0) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_4 .flex_area.left .copy_com_box {
    background: none;
  }
}
#pageLifeStyle .cnt_wrap_4 .intro_area {
  margin: 5rem 0 0;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 5rem;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .img {
  width: 65rem;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .copy {
  font-size: 2.1rem;
  letter-spacing: 0.2em;
  line-height: 1.8;
  text-align: center;
  color: #2b2b2b;
  position: relative;
  z-index: 1;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .copy span {
  font-size: 2.8rem;
  color: #5d162a;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: auto;
  width: 33rem;
  z-index: -1;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .time_area {
  margin: 5rem 0 0;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .time_area .t_box {
  color: #2b2b2b;
  position: relative;
  z-index: 2;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .time_area .t_box::before {
  content: "";
  width: 100%;
  height: 1px;
  background: #82A65F;
  background: -webkit-gradient(linear, left top, right top, from(rgb(130, 166, 95)), color-stop(30%, rgba(130, 166, 95, 0.2)), color-stop(70%, rgba(130, 166, 95, 0.2)), to(rgb(130, 166, 95)));
  background: linear-gradient(90deg, rgb(130, 166, 95) 0%, rgba(130, 166, 95, 0.2) 30%, rgba(130, 166, 95, 0.2) 70%, rgb(130, 166, 95) 100%);
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
  z-index: -1;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .time_area .t_box .t1 {
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 1.6;
  background: #fff;
  display: inline-block;
  padding: 0 1.8rem;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .time_area .time_box {
  margin: 3rem 0 0;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .copy_com_box {
  text-align: center;
}
#pageLifeStyle .cnt_wrap_4 .intro_area .copy_com_box .txt {
  border: none;
  margin: 0;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_4 .accent_1 {
    width: 19rem;
    top: 112rem;
    left: 4rem;
  }
  #pageLifeStyle .cnt_wrap_4 .accent_2 {
    width: 20rem;
    top: 114rem;
    right: 3rem;
  }
  #pageLifeStyle .cnt_wrap_4 .flex_img_area::before {
    display: none;
  }
  #pageLifeStyle .cnt_wrap_4 .flex_area .copy_com_box {
    background: none;
  }
  #pageLifeStyle .cnt_wrap_4 .flex_area.left .copy_com_box {
    background: none;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area {
    margin: 8rem 0 0;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .com-content {
    width: 100%;
    padding: 0;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .flex_box {
    gap: 11rem 0;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .img {
    width: 100%;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .copy {
    font-size: 3rem;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .copy span {
    font-size: 3.8rem;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .flex_box .bg {
    width: 48rem;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-35deg);
            transform: translateY(-50%) translateX(-50%) rotate(-35deg);
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .time_area {
    margin: 15rem 0 0;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .time_area .t_box::before {
    display: none;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .time_area .t_box .t1 {
    font-size: 3rem;
    padding: 0;
    background: unset;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .time_area .time_box {
    margin: 12rem 0 0;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .copy_com_box {
    text-align: left;
  }
  #pageLifeStyle .cnt_wrap_4 .intro_area .copy_com_box .txt {
    border: none;
    margin: 0;
  }
}
#pageLifeStyle .cnt_wrap_5 {
  background: url(../img/lifestyle/bg.jpg) top/cover no-repeat;
}
#pageLifeStyle .cnt_wrap_5 .accent_1 {
  width: 10rem;
  top: -11rem;
  left: 26rem;
}
#pageLifeStyle .cnt_wrap_5 .accent_2 {
  width: 11rem;
  bottom: -11rem;
  right: 26rem;
}
#pageLifeStyle .cnt_wrap_5 .time_area .time_box .circle {
  background: rgba(130, 166, 95, 0.15);
}
#pageLifeStyle .cnt_wrap_5 .copy_com_box .txt {
  -o-border-image: linear-gradient(to right, #82a65f, rgba(130, 166, 95, 0.2)) 1;
     border-image: -webkit-gradient(linear, left top, right top, from(#82a65f), to(rgba(130, 166, 95, 0.2))) 1;
     border-image: linear-gradient(to right, #82a65f, rgba(130, 166, 95, 0.2)) 1;
}
#pageLifeStyle .cnt_wrap_5 .flex_area .copy_com_box {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_5 .flex_area .copy_com_box {
    background: none;
  }
}
#pageLifeStyle .cnt_wrap_5 .flex_area.left .copy_com_box {
  background: #FFFFFF;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgb(255, 255, 255)));
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_5 .flex_area.left .copy_com_box {
    background: none;
  }
}
#pageLifeStyle .cnt_wrap_5 .time_area .time_box .time_txt {
  font-size: 2rem;
  letter-spacing: 0.2em;
  color: #2b2b2b;
  text-align: center;
  margin: 0 0 1.5rem;
}
#pageLifeStyle .cnt_wrap_5 .time_area_3 .copy_com_box .txt {
  margin: 0;
  border: none;
}
@media screen and (max-width: 750px) {
  #pageLifeStyle .cnt_wrap_5 {
    padding-bottom: 16rem;
  }
  #pageLifeStyle .cnt_wrap_5 .flex_area .copy_com_box {
    background: none;
  }
  #pageLifeStyle .cnt_wrap_5 .flex_area.left .copy_com_box {
    background: none;
  }
  #pageLifeStyle .cnt_wrap_5 .time_area .time_box .time_txt {
    font-size: 3rem;
  }
  #pageLifeStyle .cnt_wrap_5 .time_area_3 .copy_com_box .txt {
    text-align: left;
  }
}
#pageEquipment figure {
  position: relative;
}
#pageEquipment .scene-text-2 {
  right: initial;
  left: 8%;
}
#pageEquipment .p_lead {
  width: 90%;
  margin: auto;
}
#pageEquipment main .com-content {
  max-width: 950px;
}
#pageEquipment #sec01 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec01 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageEquipment #sec02 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec02 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageEquipment #sec03 {
  padding-top: 6rem;
  margin-top: -6rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec03 {
    margin-top: -12rem;
    padding-top: 12rem;
  }
}
#pageEquipment .ls0 {
  letter-spacing: 0 !important;
}
#pageEquipment .ls-008 {
  letter-spacing: -0.01em !important;
}
@media screen and (max-width: 750px) {
  #pageEquipment .com-cap {
    font-size: 1.7rem;
    line-height: 1.2;
  }
}
#pageEquipment .com-cap:not(.left) {
  text-align: right;
}
#pageEquipment .p_introtxt {
  position: relative;
}
#pageEquipment .p_introtxt .com-note {
  margin-top: 2em;
}
@media screen and (max-width: 750px) {
  #pageEquipment .p_introtxt .com-note {
    text-align: justify;
    margin-top: 1em;
  }
}
#pageEquipment .p_introtxt + .equip_intro {
  margin-top: 2rem;
}
#pageEquipment .equip_intro {
  text-align: center;
  margin-top: 7rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment .equip_intro {
    padding-bottom: 5rem;
  }
}
#pageEquipment .equip_intro .equip_intro-ttl {
  color: #8d8868;
  font-size: 2.1rem;
  font-weight: 400;
}
@media screen and (max-width: 750px) {
  #pageEquipment .equip_intro .equip_intro-ttl {
    font-size: 4rem;
  }
}
#pageEquipment .equip_intro .equip_intro-sub {
  font-size: 1.6rem;
  color: #2b2b2b;
  margin-top: 0.5em;
}
@media screen and (max-width: 750px) {
  #pageEquipment .equip_intro .equip_intro-sub {
    font-size: 3rem;
  }
}
#pageEquipment .equip_intro .equip_intro-desc {
  font-size: 1.35rem;
  line-height: 1.3;
  color: #2b2b2b;
  margin-top: 1.5em;
}
@media screen and (max-width: 750px) {
  #pageEquipment .equip_intro .equip_intro-desc {
    font-size: 2.5rem;
  }
}
#pageEquipment .equip_intro .us_logo {
  position: absolute;
  width: 8.2rem;
  bottom: 3rem;
  left: 0;
}
@media screen and (max-width: 750px) {
  #pageEquipment .equip_intro .us_logo {
    position: static;
    width: 14rem;
    margin: 2em auto;
  }
}
#pageEquipment #sec01 .p_introtxt .childcare_logo {
  position: absolute;
  width: 25.5rem;
  right: 0;
  top: 7rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec01 .p_introtxt .childcare_logo {
    position: static;
    width: 38rem;
    margin: 2rem auto;
  }
}
#pageEquipment #sec01 .p_introtxt .emblem {
  position: absolute;
  width: 19rem;
  top: -8rem;
  left: 2rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec01 .p_introtxt .emblem {
    width: 28rem;
    top: -25rem;
    left: -2rem;
  }
}
#pageEquipment #sec01 .child_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageEquipment #sec01 .child_wrap .layout {
  width: 50%;
}
#pageEquipment #sec01 .child_wrap .selects {
  width: 45%;
}
#pageEquipment #sec01 .child_wrap .selects .select {
  margin-bottom: 4rem;
}
#pageEquipment #sec01 .child_wrap .selects .select .place {
  background: #8d8868;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
#pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list {
  display: inline-block;
  margin-bottom: 0.6rem;
  position: relative;
}
#pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list::before {
  content: "●";
  color: #8d8868;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0.2rem;
  left: 0;
}
#pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list .ib-name {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  padding-left: 1.6rem;
  line-height: 1.3;
}
#pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list .ib-name + figure {
  margin-top: 1rem;
}
#pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list.w50 {
  width: 46%;
  vertical-align: top;
}
#pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list.ml {
  margin-left: 4%;
}
#pageEquipment #sec01 .child_wrap .selects .balcon .flex_b_s .balcon_img {
  width: 37%;
}
#pageEquipment #sec01 .child_wrap .selects .balcon .flex_b_s .ib-lists {
  width: 60%;
}
#pageEquipment #sec01 .child_wrap .selects .kitchen .flex_b_s .kitchen_img {
  width: 48.5%;
}
#pageEquipment #sec01 .child_wrap .selects .kitchen .flex_b_s .ib-lists {
  width: 47%;
}
#pageEquipment .bg_white {
  background: #fff;
}
#pageEquipment .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 4rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment .lists {
    row-gap: 5rem;
  }
}
#pageEquipment .lists .list {
  width: 23%;
}
@media screen and (max-width: 750px) {
  #pageEquipment .lists .list {
    width: 48%;
  }
}
#pageEquipment .lists .list.w100 {
  width: 100%;
}
#pageEquipment .lists .list.w48 {
  width: 48.7%;
}
@media screen and (max-width: 750px) {
  #pageEquipment .lists .list.w48 {
    width: 48%;
  }
}
#pageEquipment .lists .list.hor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pageEquipment .lists .list.hor figure {
  width: 47.25%;
}
#pageEquipment .lists .list.hor .txt_wrap {
  width: 47.25%;
}
#pageEquipment .lists .list.hor .txt_wrap .name {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  #pageEquipment .lists .list._sp-w100 {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  #pageEquipment .lists .list._sp_hor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  #pageEquipment .lists .list._sp_hor figure {
    width: 47.25%;
  }
  #pageEquipment .lists .list._sp_hor .txt_wrap {
    width: 47.25%;
  }
  #pageEquipment .lists .list._sp_hor .txt_wrap .name {
    margin-top: 0;
  }
}
@media screen and (max-width: 750px) {
  #pageEquipment .lists .list._sp_vert {
    display: block;
  }
  #pageEquipment .lists .list._sp_vert figure {
    width: 100%;
  }
  #pageEquipment .lists .list._sp_vert .txt_wrap {
    width: 100%;
  }
  #pageEquipment .lists .list._sp_vert .txt_wrap .name {
    margin-top: 0.75rem;
  }
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec01 {
    padding-top: 22rem;
  }
  #pageEquipment #sec01 .child_wrap {
    row-gap: 8rem;
  }
  #pageEquipment #sec01 .child_wrap .layout {
    width: 100%;
  }
  #pageEquipment #sec01 .child_wrap .selects {
    width: 100%;
  }
  #pageEquipment #sec01 .child_wrap .selects .select .place {
    font-size: 2.8rem;
  }
  #pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list::before {
    font-size: 2.4rem;
  }
  #pageEquipment #sec01 .child_wrap .selects .select .ib-lists .list .ib-name {
    font-size: 2.3rem;
    padding-left: 3rem;
  }
}
#pageEquipment .bg_white {
  padding: 6rem 0;
}
#pageEquipment .name {
  font-size: 1.6rem;
  margin-top: 0.75rem;
  border-bottom: solid 1px #2b2b2b;
  padding-bottom: 1rem;
  line-height: 1.3;
}
#pageEquipment .name.t-center {
  text-align: center;
}
#pageEquipment .name.pc_padding {
  padding: 1.6rem 0;
}
#pageEquipment .desc {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment .name {
    font-size: 2.5rem;
  }
  #pageEquipment .name.pc_padding {
    padding: 0 0 1rem 0;
  }
  #pageEquipment .name.sp_padding {
    padding: 2.1rem 0;
  }
  #pageEquipment .desc {
    font-size: 2.2rem;
    line-height: 1.4;
    margin-top: 1.5rem;
  }
}
#pageEquipment #sec02 .thermobath .com-note {
  margin-top: 1rem;
}
#pageEquipment #sec02 .paperholder .us_logo {
  width: 7rem;
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec02 .paperholder .us_logo {
    width: 10rem;
    margin-left: auto;
  }
}
#pageEquipment #sec02 .storage {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
}
#pageEquipment #sec02 .storage .list figure.icon {
  position: relative;
}
#pageEquipment #sec02 .storage .list figure.icon::before {
  content: "";
  background-image: url("../img/equipment/storage_icon.png");
  background-position: left top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  width: 6rem;
  height: 6rem;
  position: absolute;
  left: -2rem;
  top: -2rem;
}
#pageEquipment #sec02 .storage .list figure .icon_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: #5d162a;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  line-height: 1.1;
  text-align: center;
  position: absolute;
  top: -3rem;
  left: -0.6rem;
}
#pageEquipment #sec02 .amenity_points {
  background: #fff;
  border-radius: 4px;
  margin-top: 4rem;
  padding: 3rem 3.5rem;
  -webkit-filter: drop-shadow(2px 2px 5px rgba(43, 43, 43, 0.4));
          filter: drop-shadow(2px 2px 5px rgba(43, 43, 43, 0.4));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec02 .amenity_points {
    padding: 4rem 3.5rem;
  }
}
#pageEquipment #sec02 .amenity_points .amenity_point .name {
  border-bottom: none;
  margin-bottom: 1.5rem;
}
#pageEquipment #sec02 .amenity_points .amenity_point .txt_wrap {
  width: 52%;
}
#pageEquipment #sec02 .amenity_points .amenity_point .txt_wrap .desc {
  margin-top: 0;
  text-align: justify;
  letter-spacing: 0.05em;
}
#pageEquipment #sec02 .amenity_points .amenity_point .amenity_point-img {
  width: 42.5%;
}
#pageEquipment #sec02 .amenity_points .amenity_point-1 {
  width: 50%;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec02 .amenity_points .amenity_point-1 {
    width: 100%;
  }
  #pageEquipment #sec02 .amenity_points .amenity_point-1 .com-note {
    margin-top: 3rem;
  }
}
#pageEquipment #sec02 .amenity_points .amenity_point-2 {
  width: 46%;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec02 .amenity_points .amenity_point-2 {
    width: 100%;
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid #2b2b2b;
  }
}
#pageEquipment #sec02 .amenity_points .amenity_point-2 .concierge_logo {
  margin-top: 2.5rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec02 .storage {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
  }
  #pageEquipment #sec02 .storage .list figure.icon::before {
    width: 10rem;
    height: 10rem;
  }
  #pageEquipment #sec02 .storage .list figure.icon .icon_txt {
    width: 11rem;
    height: 11rem;
    font-size: 2.6rem;
    top: -5rem;
    left: -2rem;
  }
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec03 {
    margin-top: -8rem;
    padding-top: 11rem;
  }
}
#pageEquipment #sec03 .security .list:not(.w48) {
  width: 47%;
}
#pageEquipment #sec03 .security .list.w100 {
  width: 100%;
}
#pageEquipment #sec03 .security .list .com-cap-2 {
  right: 55%;
}
#pageEquipment #sec03 .security .list.alsok {
  background: #fff;
  padding: 3rem;
}
#pageEquipment #sec03 .security .list.alsok .alsok_logo {
  width: 72%;
  margin-inline: auto;
  margin-bottom: 1rem;
}
#pageEquipment #sec03 .security .list.alsok .desc {
  margin-bottom: 2rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec03 .security .list {
    width: 48%;
  }
  #pageEquipment #sec03 .security .list.lists {
    width: 100%;
  }
  #pageEquipment #sec03 .security .list.w100 {
    width: 100%;
  }
  #pageEquipment #sec03 .security .list.w50 {
    width: 100%;
  }
  #pageEquipment #sec03 .security .list.alsok {
    width: 100%;
  }
}
#pageEquipment #sec03 .bg_blue {
  background: #e9ede9;
  padding: 7rem 0;
}
#pageEquipment #sec03 .bg_blue .list:last-child .com-cap {
  left: 6.4rem;
}
#pageEquipment #sec03 .bg_blue .name {
  margin: 3rem 0 0;
}
#pageEquipment #sec03 .structure .list.w50 {
  width: 48%;
}
#pageEquipment #sec03 .structure .list.map {
  background: #e9ede9;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pageEquipment #sec03 .structure .list.map .txt_wrap {
  padding-right: 3rem;
}
#pageEquipment #sec03 .structure .list .right-l {
  right: 16rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec03 .structure .list.w50 {
    width: 100%;
  }
  #pageEquipment #sec03 .structure .list .right-l {
    right: 25rem;
  }
  #pageEquipment #sec03 .structure .map {
    row-gap: 0;
  }
  #pageEquipment #sec03 .structure .map .w48 {
    width: 100%;
  }
  #pageEquipment #sec03 .structure .map .txt_wrap {
    padding: 3rem;
  }
}
#pageEquipment #sec03 .smoothe .smoothe_intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pageEquipment #sec03 .smoothe .smoothe_intro .logo {
  width: 47%;
  padding-inline: 3rem;
}
#pageEquipment #sec03 .smoothe .smoothe_intro .desc {
  width: 47%;
  margin-top: 0;
}
#pageEquipment #sec03 .smoothe .smoothe_box {
  background: #fff;
  padding: 3rem 5rem;
  margin-top: 3rem;
}
#pageEquipment #sec03 .smoothe .smoothe_lead {
  text-align: center;
}
#pageEquipment #sec03 .smoothe .smoothe_lead span {
  font-size: 1.6rem;
  position: relative;
}
#pageEquipment #sec03 .smoothe .smoothe_lead span::after, #pageEquipment #sec03 .smoothe .smoothe_lead span::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 2rem;
  background: #2b2b2b;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  bottom: 0.1em;
}
#pageEquipment #sec03 .smoothe .smoothe_lead span::before {
  left: -2rem;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
#pageEquipment #sec03 .smoothe .smoothe_lead span::after {
  right: -2rem;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
#pageEquipment #sec03 .smoothe .smoothe_fourpoints {
  width: 33rem;
  margin: 2rem auto;
}
#pageEquipment #sec03 .smoothe .merits {
  margin: 3rem 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
}
#pageEquipment #sec03 .smoothe .merits .merit {
  border: 1px solid #377eba;
  text-align: center;
  padding: 1rem 0;
  font-size: 1.8rem;
  border-radius: 3px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pageEquipment #sec03 .smoothe .merits .merit_num {
  background: #fff;
  font-size: 1rem;
  font-weight: 600;
  font-family: eb-garamond, serif;
  color: #1c91cf;
  position: absolute;
  padding: 0 1rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -1.2em;
}
#pageEquipment #sec03 .smoothe .merits .merit_num span {
  font-size: 1.6rem;
}
#pageEquipment #sec03 .smoothe .merits .merit_desc {
  font-size: 1.4rem;
  line-height: 1.3;
}
#pageEquipment #sec03 .smoothe .merits .merit_desc span {
  background: transparent -webkit-gradient(linear, left bottom, left top, from(#ede692), to(#ede692));
  background: transparent linear-gradient(0deg, #ede692, #ede692);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 100% 0.25em;
}
#pageEquipment #sec03 .smoothe .compare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}
#pageEquipment #sec03 .smoothe .compare::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: #2b2b2b;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#pageEquipment #sec03 .smoothe .compare::after {
  position: absolute;
  content: url(../img/equipment/arrow_right.svg);
  top: 50%;
  left: 50.5%;
  width: 3rem;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  padding-block: 1rem;
}
#pageEquipment #sec03 .smoothe .compare_inner {
  width: 44%;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec03 .smoothe .smoothe_intro {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #pageEquipment #sec03 .smoothe .smoothe_intro .logo {
    width: 90%;
    padding: 0;
  }
  #pageEquipment #sec03 .smoothe .smoothe_intro .desc {
    width: 100%;
    margin-top: 3rem;
  }
  #pageEquipment #sec03 .smoothe .smoothe_box {
    margin-top: 5rem;
    padding: 5rem;
  }
  #pageEquipment #sec03 .smoothe .smoothe_lead span {
    font-size: 2.7rem;
  }
  #pageEquipment #sec03 .smoothe .smoothe_lead span::after, #pageEquipment #sec03 .smoothe .smoothe_lead span::before {
    height: 4rem;
  }
  #pageEquipment #sec03 .smoothe .smoothe_fourpoints {
    width: 100%;
    margin: 4rem auto;
  }
  #pageEquipment #sec03 .smoothe .merits {
    margin: 7rem 0 8rem;
    -ms-grid-columns: 1fr 1.5rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem 1.5rem;
  }
  #pageEquipment #sec03 .smoothe .merits .merit {
    padding: 2rem 0;
    min-height: 13rem;
  }
  #pageEquipment #sec03 .smoothe .merits .merit .merit_num {
    font-size: 1.7rem;
    top: -1em;
  }
  #pageEquipment #sec03 .smoothe .merits .merit .merit_num span {
    font-size: 2.5rem;
  }
  #pageEquipment #sec03 .smoothe .merits .merit .merit_desc {
    font-size: 2.1rem;
  }
  #pageEquipment #sec03 .smoothe .compare {
    row-gap: 12rem;
  }
  #pageEquipment #sec03 .smoothe .compare::before {
    height: 1px;
    width: 100%;
    top: 48%;
  }
  #pageEquipment #sec03 .smoothe .compare::after {
    width: 8rem;
    padding: 3rem 0;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: rotate(90deg) translateX(-50%);
            transform: rotate(90deg) translateX(-50%);
    left: 45%;
    top: 43.3%;
  }
  #pageEquipment #sec03 .smoothe .compare_inner {
    width: 100%;
  }
  #pageEquipment #sec03 .smoothe .note {
    margin: 7rem 0 0;
  }
}
#pageEquipment #sec03 .after_logo {
  width: 50%;
  max-width: 160px;
  margin: 0 auto 5rem;
}
#pageEquipment #sec03 .after .lists .list {
  width: 48%;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec03 .after .lists .list {
    width: 100%;
  }
}
#pageEquipment #sec03 .after .lists .list .tag {
  font-size: 1.3rem;
  width: 12rem;
  text-align: center;
  color: #fff;
  background: #1c475e;
  padding: 0.5em 0.5em 0.5em 0;
  clip-path: polygon(0 0, calc(100% - 1rem) 0, 100% 100%, 0% 100%);
}
#pageEquipment #sec03 .after .lists .list .name {
  position: relative;
  font-weight: 500;
}
#pageEquipment #sec03 .after .lists .list .desc .red {
  color: #5d162a;
  font-size: 2.8rem;
}
#pageEquipment #sec03 .after .lists .list .after_img {
  margin-top: 2rem;
}
#pageEquipment #sec03 .after .lists .list .after_img + .com-note {
  margin-top: 1rem;
}
#pageEquipment #sec03 .after .lists .list.list_1 .flex_b_s {
  margin-top: 1.5rem;
}
#pageEquipment #sec03 .after .lists .list.list_1 .flex_b_s .desc {
  width: 44%;
  margin-top: 0;
}
#pageEquipment #sec03 .after .lists .list.list_1 .flex_b_s figure {
  width: 52%;
}
#pageEquipment #sec03 .after .lists .list.list_4 .wrap + .wrap {
  margin-top: 2rem;
  border-top: 1px dotted #4f4b4a;
}
#pageEquipment #sec03 .after .lists .list.list_4 .flex_b_s figure {
  width: 12rem;
  margin-top: 3rem;
}
#pageEquipment #sec03 .after .lists .list.list_4 .desc.blue {
  color: #1c475e;
}
#pageEquipment #sec03 .after .lists .list.list_4 .desc.blue + .desc {
  margin-top: 1rem;
}
#pageEquipment #sec03 .after .lists .list.list_4 .a-lists {
  margin-top: 1rem;
}
#pageEquipment #sec03 .after .lists .list.list_4 .a-lists li {
  line-height: 1.5;
  font-size: 1.2rem;
  position: relative;
}
#pageEquipment #sec03 .after .lists .list.list_4 .a-lists li::before {
  content: "●";
  color: #1c475e;
}
#pageEquipment #sec03 .after .lists .list.list_4 .tools {
  mix-blend-mode: multiply;
  padding-left: 4rem;
}
@media screen and (max-width: 750px) {
  #pageEquipment #sec03 .after .lists {
    row-gap: 7rem;
  }
  #pageEquipment #sec03 .after .lists .list .tag {
    font-size: 2.4rem;
    width: 17rem;
    clip-path: polygon(0 0, calc(100% - 2rem) 0, 100% 100%, 0% 100%);
  }
  #pageEquipment #sec03 .after .lists .list .after_img + .com-note {
    margin-top: 2rem;
  }
  #pageEquipment #sec03 .after .lists .list.list_1 .flex_b_s .desc {
    width: 100%;
  }
  #pageEquipment #sec03 .after .lists .list.list_1 .flex_b_s figure {
    width: 100%;
    margin: 1.5rem 0;
  }
  #pageEquipment #sec03 .after .lists .list.list_4 .flex_b_s figure {
    width: 24rem;
    margin-right: 2rem;
  }
  #pageEquipment #sec03 .after .lists .list.list_4 .a-lists li {
    font-size: 1.9rem;
  }
}
#pageMap .page-container figure {
  position: relative;
}
#pageMap .page-container .scene-text {
  right: initial;
  left: 8%;
}
#pageMap .page-container .p_lead {
  width: 80%;
  margin: auto;
  padding-bottom: 2.5rem;
}
#pageMap .page-container .p_lead::before, #pageMap .page-container .p_lead::after {
  display: none;
}
#pageMap .page-container .com-content.w850 {
  max-width: 850px;
}
#pageMap .page-container main section {
  padding: 0;
}
#pageMap .page-container .page-container {
  padding-bottom: 5.4rem;
}
#pageMap .page-container .bg_white {
  background: #fff;
  padding: 8rem 0;
}
#pageMap .page-container .instrucs_wrap {
  margin-top: 5rem;
  padding-bottom: 8rem;
}
#pageMap .page-container .instrucs_lead {
  font-size: 2rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 750px) {
  #pageMap .page-container .instrucs_lead {
    font-size: 3rem;
  }
}
#pageMap .page-container .instrucs_list {
  margin-inline: auto;
  margin-top: 4rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 3rem;
}
@media screen and (min-width: 751px) {
  #pageMap .page-container .instrucs_list {
    width: 75rem;
  }
}
@media screen and (max-width: 750px) {
  #pageMap .page-container .instrucs_list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
#pageMap .page-container .instrucs_txt {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 10px;
}
#pageMap .page-container .instrucs_num {
  position: relative;
}
#pageMap .page-container .instrucs_num span {
  display: inline-block;
  font-size: 2.8rem;
  color: #fff;
  background: #aa601e;
  font-family: eurostile-extended, sans-serif;
  padding: 0.2em 0.4em 0.2em 0.3em;
  position: relative;
  clip-path: polygon(0% 0%, 85% 0, 100% 50%, 85% 100%, 0% 100%);
}
@media screen and (max-width: 750px) {
  #pageMap .page-container .instrucs_num span {
    font-size: 3.8rem;
  }
}
#pageMap .page-container .instrucs_num::before, #pageMap .page-container .instrucs_num::after {
  position: absolute;
  width: 1px;
  height: calc(50% + 1px);
  content: "";
  right: -4px;
  background: #aa601e;
  z-index: 2;
  border-radius: 2px;
}
#pageMap .page-container .instrucs_num::before {
  height: calc(50% + 2px);
  bottom: calc(50% - 1px);
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
}
#pageMap .page-container .instrucs_num::after {
  top: 50%;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
}
#pageMap .page-container .instrucs_desc {
  font-size: 1.3rem;
  line-height: 1.3;
  letter-spacing: 0.16em;
}
@media screen and (max-width: 750px) {
  #pageMap .page-container .instrucs_desc {
    font-size: 2rem;
    letter-spacing: 0.06em;
  }
}
#pageMap .page-container .min_wrap {
  text-align: center;
  margin-bottom: 3rem;
}
#pageMap .page-container .min_wrap .min {
  display: inline-block;
  font-size: 1.6rem;
}
#pageMap .page-container .min_wrap .min .large {
  font-size: 3rem;
}
#pageMap .page-container .min_wrap .min .f-en {
  color: #5d162a;
  font-size: 3.6rem;
  letter-spacing: 0;
}
#pageMap .page-container .min_wrap .min:first-child {
  padding-right: 2.5rem;
  margin-right: 2.5rem;
  border-right: solid 1px #2b2b2b;
}
#pageMap .page-container .min_wrap .min.b_none {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
#pageMap .page-container .map.narrow {
  width: 60%;
  margin: auto;
}
@media screen and (max-width: 750px) {
  #pageMap .page-container .map {
    overflow-x: scroll;
    margin-left: -6%;
    margin-right: -6%;
  }
  #pageMap .page-container .map img {
    width: 200%;
  }
  #pageMap .page-container .map.narrow {
    width: 112%;
    margin: initial;
    margin-right: -6%;
    margin-left: -6%;
  }
  #pageMap .page-container .map.narrow img {
    width: 100%;
  }
  #pageMap .page-container .min_wrap .min {
    font-size: 3.3rem;
    line-height: 1.5;
  }
  #pageMap .page-container .min_wrap .min .large {
    font-size: 5rem;
  }
  #pageMap .page-container .min_wrap .min .f-en {
    font-size: 6rem;
  }
  #pageMap .page-container .min_wrap .min:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
    border-bottom: solid 1px #2b2b2b;
    padding-bottom: 2.5rem;
    margin-bottom: 2.5rem;
  }
}
#pageMap .page-container .scrl_txt {
  text-align: center;
  color: #fff;
  background-image: url(../img/map/scrl_txt_bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2rem 0;
  margin: 0 -5rem 3rem -5rem;
  font-size: 3rem;
}
#pageMap .page-container .map_btn {
  display: block;
  max-width: 180px;
  width: 80%;
  margin: 5rem auto 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
#pageMap .page-container .map_btn:hover {
  opacity: 0.6;
}

#pageBrand figure {
  position: relative;
}
#pageBrand .scene-text {
  right: initial;
  left: 8%;
}
#pageBrand .p_lead {
  max-width: 360px;
  width: 80%;
  margin: auto;
  padding-bottom: 2.5rem;
}
#pageBrand .p_lead::before, #pageBrand .p_lead::after {
  display: none;
}
#pageBrand .bg_white {
  background: #fff;
  padding: 6rem 0;
}
#pageBrand .com-content.w810 {
  max-width: 810px;
}
#pageBrand .benefits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 1rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .benefits {
    row-gap: 4rem;
  }
}
#pageBrand .benefits .benefit {
  width: 48%;
}
@media screen and (max-width: 750px) {
  #pageBrand .benefits .benefit {
    width: 100%;
  }
}
#pageBrand .benefit_05 {
  display: block;
  margin-top: 2rem;
}
#pageBrand main section {
  padding: 0;
}
#pageBrand #sec01 {
  padding-top: 20rem;
  margin-top: -12rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 {
    margin-top: -12rem;
    padding-top: 20rem;
  }
}
#pageBrand #sec01 .sec_01 {
  overflow: unset;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 {
    padding: 9rem 0 0;
  }
}
#pageBrand #sec01 .sec_01 .lead_outer {
  display: inline-block;
  position: relative;
}
#pageBrand #sec01 .sec_01 .lead_1 {
  padding: 0;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .lead_1 {
    max-width: none;
    width: 66rem;
  }
}
#pageBrand #sec01 .sec_01 .lead_2 {
  max-width: none;
  width: auto;
  color: #5d162a;
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .lead_2 {
    width: 100%;
    max-width: none;
  }
}
#pageBrand #sec01 .sec_01 .lead_2 .large {
  color: #5d162a;
}
#pageBrand #sec01 .sec_01 .lead_icon {
  width: 17rem;
  position: absolute;
  top: -4rem;
  right: -17rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .lead_icon {
    width: 37rem;
    position: static;
    margin: 0 auto 2rem;
  }
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .p_introtxt {
    padding: 8rem 0 11rem;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map {
  padding: 7rem 0;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map {
    padding-top: 12rem;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map-logo {
  width: 51.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map-logo {
    width: 64rem;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map-txt {
  margin-top: 5rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map-txt {
    margin-top: 7rem;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map-txt .com-cap {
  top: 30%;
  right: 25%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map-txt .com-cap {
    position: static;
    text-align: center;
    margin-top: 2rem;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map-cnt {
  margin: 4rem auto 0;
  position: relative;
}
@media screen and (min-width: 751px) {
  #pageBrand #sec01 .sec_01 .dormy_map-cnt {
    width: 99rem;
  }
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map-cnt {
    margin-inline: -7rem;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map-instruc {
  position: absolute;
  width: 13rem;
  top: -7rem;
  right: 8rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map-instruc {
    width: 20rem;
    left: 8rem;
    top: -15rem;
    right: unset;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link {
  position: absolute;
  cursor: pointer;
  height: 12.8%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link {
    height: 10.5%;
    width: 38.2% !important;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link.hokkaido {
  width: 21%;
  top: 9%;
  left: 25.7%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link.hokkaido {
    top: 5.5%;
    left: 52.2%;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link.hokuriku {
  width: 28%;
  top: 30%;
  left: 18.8%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link.hokuriku {
    top: 66.7%;
    left: 52.2%;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link.chyushi {
  width: 24%;
  top: 50.3%;
  left: 6.7%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link.chyushi {
    top: 39.7%;
    left: 8.9%;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link.kyushu {
  width: 24%;
  top: 80.3%;
  left: 2.9%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link.kyushu {
    top: 83.4%;
    left: 8.9%;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link.tohoku {
  width: 21%;
  top: 39.9%;
  left: 66.5%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link.tohoku {
    top: 12.8%;
    left: 8.9%;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link.kanto {
  width: 30%;
  top: 58.9%;
  left: 66.5%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link.kanto {
    top: 26.4%;
    left: 8.9%;
  }
}
#pageBrand #sec01 .sec_01 .dormy_map .dormy_link.kansai {
  width: 21%;
  top: 79.9%;
  left: 51.8%;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec01 .sec_01 .dormy_map .dormy_link.kansai {
    top: 83.4%;
    left: 52.2%;
  }
}
#pageBrand #sec02 {
  padding-top: 12rem;
  margin-top: -5rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec02 {
    margin-top: -25rem;
    padding-top: 25rem;
  }
}
#pageBrand #sec02 .dormy_resortlogo {
  width: 15.2rem;
  margin: 0 auto 6rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec02 .dormy_resortlogo {
    width: 28rem;
    margin-block: 7rem;
  }
}
#pageBrand #sec02 .sec_02 {
  padding-bottom: 8rem;
}
#pageBrand #sec02 .sec_02 .p_lead {
  max-width: 230px;
}
#pageBrand #sec02 .sec_03 .p_lead {
  max-width: none;
  width: 24rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec02 .sec_03 .p_lead {
    width: 31rem;
    margin-bottom: 4rem;
  }
}
#pageBrand .border_txt {
  max-width: 450px;
  margin: 5rem auto 1rem;
}
#pageBrand .lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 3rem;
}
#pageBrand .lists .list {
  width: 31%;
}
@media screen and (max-width: 750px) {
  #pageBrand .lists .list {
    width: 48%;
  }
  #pageBrand .lists .list:nth-child(-n+2) {
    width: 100%;
  }
}
#pageBrand .lists .list .name {
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .lists .list .name {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
#pageBrand #sec03 {
  padding-top: 13rem;
  margin-top: -8rem;
}
@media screen and (max-width: 750px) {
  #pageBrand #sec03 {
    padding-top: 20rem;
    margin-top: -20rem;
  }
}
#pageBrand #sec03 .estate {
  max-width: 360px;
  width: 80%;
  margin: 1.5rem auto 3rem;
}
#pageBrand .modal__overlay {
  z-index: 9888;
  background: url(../img/brand/modal_bg.jpg) center/cover no-repeat;
  top: 7rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__overlay {
    top: 50px;
    bottom: 45px;
    background: url(../img/brand/modal_bg-sp.jpg) center/cover no-repeat;
  }
}
#pageBrand .modal__container {
  background: transparent;
  max-width: unset;
  height: calc(100vh - 7rem);
  height: calc(100dvh - 7rem);
  width: 100%;
  padding-inline: 0;
  padding-block: 8rem 0;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__container {
    height: calc(100vh - 50px - 45px);
    height: calc(100dvh - 50px - 45px);
  }
}
#pageBrand .modal__header {
  display: block;
}
#pageBrand .modal__logo {
  width: 57.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__logo {
    width: 65rem;
  }
}
#pageBrand .modal__content {
  margin-top: 1.5rem;
}
#pageBrand .modal__content .area_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 3rem 0 5rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__content .area_flex {
    margin: 4rem 0 6rem;
  }
}
#pageBrand .modal__content .area_flex .lbox {
  width: 50%;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__content .area_flex .lbox {
    width: 100%;
  }
}
#pageBrand .modal__content .area_flex .rbox {
  width: 46%;
  padding-top: 7rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__content .area_flex .rbox {
    width: 100%;
  }
}
@media screen and (min-width: 751px) {
  #pageBrand .modal__content .area_flex.kanto .lbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    padding-top: 7rem;
  }
  #pageBrand .modal__content .area_flex.kanto .lbox .stats {
    margin-top: auto;
    width: 48.5rem;
  }
}
@media screen and (min-width: 751px) {
  #pageBrand .modal__content .area_map.hokuriku {
    width: 90%;
  }
}
@media screen and (min-width: 751px) {
  #pageBrand .modal__content .area_map.chyushi {
    width: 80%;
  }
}
@media screen and (min-width: 751px) {
  #pageBrand .modal__content .area_map.kyushu {
    width: 95%;
  }
}
@media screen and (min-width: 751px) {
  #pageBrand .modal__content .area_map.tohoku {
    width: 80%;
  }
}
@media screen and (min-width: 751px) {
  #pageBrand .modal__content .area_map.kansai {
    width: 77%;
  }
}
#pageBrand .modal__content .imgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.1rem 1fr 2.1rem 1fr 2.1rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.1rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__content .imgs {
    -ms-grid-columns: 1fr 2.5rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}
#pageBrand .modal__content .imgs .com-note {
  color: #2b2b2b;
  margin-top: 5px;
}
#pageBrand .modal__title {
  font-size: 2.2rem;
  line-height: 1.8;
  letter-spacing: 0;
  font-weight: 400;
  color: #fff;
  text-align: center;
  margin-top: 3.2rem;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 43, 43, 0)), color-stop(7.07%, rgba(43, 43, 43, 0.14)), color-stop(50%, rgba(43, 43, 43, 0.96)), color-stop(92.93%, rgba(43, 43, 43, 0.14)), to(rgba(43, 43, 43, 0)));
  background: linear-gradient(90deg, rgba(43, 43, 43, 0) 0%, rgba(43, 43, 43, 0.14) 7.07%, rgba(43, 43, 43, 0.96) 50%, rgba(43, 43, 43, 0.14) 92.93%, rgba(43, 43, 43, 0) 100%);
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__title {
    font-size: 3.2rem;
  }
}
#pageBrand .modal__close-wrapper {
  background: #fff;
  margin-top: 9rem;
  padding: 3rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pageBrand .modal__close {
  width: 4.5rem;
  font-family: eurostile-extended, sans-serif;
  font-size: 1rem;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  #pageBrand .modal__close {
    width: 7.5rem;
    font-size: 2rem;
  }
}
#pageBrand .modal__close img {
  margin-bottom: 1.5rem;
}

html.micromodal-open,
body.micromodal-open,
.is-locked {
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
  scroll-behavior: auto !important;
}

/* iOS含む背景ロック */
.is-locked body {
  position: fixed;
  top: var(--lock-top, 0);
  width: 100%;
}

/* ←ここがポイント：main や page コンテナを物理的に止める */
.is-locked #mainWrap,
.is-locked .page-container {
  overflow: hidden !important;
  -webkit-overflow-scrolling: auto !important;
  -ms-touch-action: none;
      touch-action: none; /* タッチスクロール封じ */
  pointer-events: none; /* 背景クリックも遮断（必要なら外してOK） */
}

#pageOutline .p_lead {
  width: 80%;
  margin: auto;
  padding-bottom: 2.5rem;
}
#pageOutline .p_lead::before, #pageOutline .p_lead::after {
  display: none;
}
#pageOutline .bg_white {
  background: #fff;
  padding: 3rem 0 10rem;
}
#pageOutline .outline_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #pageOutline .outline_flex {
    row-gap: 8rem;
  }
}
#pageOutline .outline_wrap {
  width: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 750px) {
  #pageOutline .outline_wrap {
    width: 100%;
  }
}
#pageOutline .outline_wrap .outline_ttl {
  margin-top: 5rem;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageOutline .outline_wrap .outline_ttl {
    font-size: 3.2rem;
  }
}
#pageOutline .outline_wrap .outline_box {
  margin-top: 3rem;
  border-collapse: separate;
  border-top: 1px solid #8d8868;
  position: relative;
}
#pageOutline .outline_wrap tr {
  position: relative;
}
#pageOutline .outline_wrap th {
  background: #f0f2ed;
  color: #2b2b2b;
  font-size: 1.4rem;
  border-bottom: 1px solid #8d8868;
  width: 28%;
  padding: 1.5rem 0rem 1.5rem;
  text-align: center;
  line-height: 1.4;
  font-weight: initial;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  #pageOutline .outline_wrap th {
    font-size: 2.6rem;
  }
}
#pageOutline .outline_wrap td {
  background: #fff;
  color: #2b2b2b;
  font-size: 1.4rem;
  border-bottom: 1px solid #8d8868;
  padding: 1.5rem 0rem 1.5rem 1.5rem;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0.1rem;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  #pageOutline .outline_wrap td {
    font-size: 2.6rem;
  }
}
#pageOutline .outline_wrap .update_box {
  margin-top: auto;
  width: 100%;
}
#pageOutline .outline_wrap .update_box p {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.1rem;
  text-align: right;
}
@media screen and (max-width: 750px) {
  #pageOutline .outline_wrap .update_box p {
    font-size: 2.4rem;
    text-align: left;
    margin-top: 3rem;
  }
}

#pageLimited figure {
  position: relative;
}
#pageLimited .page-container {
  background: #072623;
  padding-top: 0;
}
#pageLimited .main-container {
  position: relative;
}
#pageLimited .main-container .copy_bg,
#pageLimited .main-container .copy_box {
  top: calc(7rem + 8%);
}
@media screen and (max-width: 750px) {
  #pageLimited .main-container .copy_bg,
  #pageLimited .main-container .copy_box {
    top: calc(50px + 5%);
  }
}
@media screen and (min-width: 751px) {
  #pageLimited .main-container .scene-visual-img {
    height: 72rem;
    position: relative;
  }
  #pageLimited .main-container .scene-visual-img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 750px) {
  #pageLimited .main-container .scene-visual-img {
    height: 150rem;
  }
}
#pageLimited .menu_wrap {
  position: absolute;
  width: 100%;
  padding: 5rem 0;
  top: calc(7rem + 13%);
}
@media screen and (max-width: 750px) {
  #pageLimited .menu_wrap {
    top: calc(50px + 10%);
    padding: 9rem 0;
  }
}
#pageLimited .menu_wrap .menu_area .copy_box {
  text-align: center;
  position: static;
  -webkit-transform: unset;
          transform: unset;
}
#pageLimited .menu_wrap .menu_area .copy_box .txt {
  font-size: 1.5rem;
  letter-spacing: 0.29em;
  line-height: 1.6;
  color: #fff;
  margin: 2rem 0 0;
}
#pageLimited .menu_wrap .menu_area .menu_box {
  margin: 4.5rem auto 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3.5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.5rem;
}
@media screen and (min-width: 751px) {
  #pageLimited .menu_wrap .menu_area .menu_box {
    width: 70rem;
  }
}
@media screen and (max-width: 750px) {
  #pageLimited .menu_wrap .menu_area .menu_box {
    width: 100%;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
#pageLimited .menu_wrap .menu_area .menu_box .menu {
  -webkit-transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  background: #8d8868;
  padding: 0.4rem;
  position: relative;
}
#pageLimited .menu_wrap .menu_area .menu_box .menu img {
  position: static;
  -webkit-transform: unset !important;
          transform: unset !important;
  height: auto !important;
  -o-object-fit: unset !important;
     object-fit: unset !important;
  -o-object-position: unset !important;
     object-position: unset !important;
}
#pageLimited .menu_wrap .menu_area .menu_box .new {
  position: absolute;
  top: 0;
  left: 0;
  width: 7rem;
  z-index: 1;
}
#pageLimited .menu_wrap .menu_area .menu_box a {
  display: block;
  border: 1px solid #fff;
}
#pageLimited .menu_wrap .menu_area .menu_box .img {
  position: relative;
}
#pageLimited .menu_wrap .menu_area .menu_box .img_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  margin: auto;
  width: 100%;
  font-size: 2.6rem;
  letter-spacing: 0.07em;
  text-align: center;
  color: #fff;
}
#pageLimited .menu_wrap .menu_area .menu_box .img_txt .s1 {
  font-size: 3rem;
}
#pageLimited .menu_wrap .menu_area .menu_box .img_txt .s2 {
  font-size: 1.5rem;
  letter-spacing: 0.15em;
}
#pageLimited .menu_wrap .menu_area .menu_box .copy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 6rem;
  padding: 0 0 0 2rem;
  position: relative;
  z-index: 1;
}
#pageLimited .menu_wrap .menu_area .menu_box .copy::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #8d8868;
  background: -webkit-gradient(linear, left bottom, left top, from(rgb(94, 90, 67)), to(rgba(255, 255, 255, 0)));
  background: linear-gradient(0deg, rgb(94, 90, 67) 0%, rgba(255, 255, 255, 0) 100%);
  z-index: -1;
}
#pageLimited .menu_wrap .menu_area .menu_box .p1 {
  font-size: 1.4rem;
  letter-spacing: 0.19em;
  line-height: 1.4;
  color: #fff;
}
#pageLimited .menu_wrap .menu_area .menu_box .arrow {
  width: 3.2rem;
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
}
#pageLimited .menu_wrap .menu_area .menu_box .menu.dis {
  pointer-events: none;
}
#pageLimited .menu_wrap .menu_area .menu_box .menu.dis::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4901960784);
  z-index: 2;
}
#pageLimited .menu_wrap .menu_area .menu_box .menu:hover {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(255, 255, 255, 0.33);
          box-shadow: 0px 5px 20px 0px rgba(255, 255, 255, 0.33);
}
@media screen and (max-width: 750px) {
  #pageLimited .menu_wrap .menu_area .copy_box .p_lead {
    font-size: 3.8rem;
  }
  #pageLimited .menu_wrap .menu_area .copy_box .p_lead span {
    font-size: 4.4rem;
  }
  #pageLimited .menu_wrap .menu_area .copy_box .txt {
    font-size: 2.6rem;
    margin: 2rem 0 0;
  }
  #pageLimited .menu_wrap .menu_area .menu_box {
    gap: 4rem 0;
    margin: 5rem 0 0;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .menu {
    width: 100%;
    padding: 0.8rem;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .new {
    width: 14rem;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .img_txt {
    font-size: 3.6rem;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .img_txt .s1 {
    font-size: 4rem;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .img_txt .s2 {
    font-size: 2.6rem;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .copy {
    height: 12rem;
    padding: 0 0 0 4rem;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .p1 {
    font-size: 2.4rem;
  }
  #pageLimited .menu_wrap .menu_area .menu_box .arrow {
    width: 6.6rem;
    right: 2rem;
  }
}
#pageLimited .modelroom_wrap {
  background: url(../img/limited/modelroom_bg.jpg) center/cover no-repeat;
}
@media screen and (max-width: 750px) {
  #pageLimited .modelroom_wrap {
    padding: 10rem 0;
  }
}
#pageLimited .modelroom_wrap .p_lead {
  text-align: center;
  padding-bottom: 2rem;
}
#pageLimited .modelroom_wrap .p_lead::before, #pageLimited .modelroom_wrap .p_lead::after {
  content: unset;
}
#pageLimited .modelroom_wrap .txt1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  padding-bottom: 1.5rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .modelroom_wrap .txt1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
}
#pageLimited .modelroom_wrap .txt1 img {
  width: 16.5rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .modelroom_wrap .txt1 img {
    width: 33rem;
  }
}
#pageLimited .modelroom_wrap .txt1 p {
  font-size: 3.6rem;
  line-height: 1.2;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 750px) {
  #pageLimited .modelroom_wrap .txt1 p {
    font-size: 6.3rem;
    text-align: center;
  }
}
#pageLimited .modelroom_wrap .txt1 span {
  font-size: 1.2rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .modelroom_wrap .txt1 span {
    font-size: 2.4rem;
  }
}
#pageLimited .modelroom_wrap .p_desc {
  text-align: center;
  color: #fff;
}
#pageLimited .modelroom_wrap a {
  display: block;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.17em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4rem auto 0;
}
@media screen and (max-width: 750px) {
  #pageLimited .modelroom_wrap a {
    font-size: 3.1rem;
  }
}
#pageLimited .modelroom_wrap a {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(66, 20, 38, 0.5))), -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(66, 20, 38, 0.5))) #6b1c36;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(66, 20, 38, 0.5) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(66, 20, 38, 0.5) 100%) #6b1c36;
  background-blend-mode: multiply;
  padding: 1em 3em;
  position: relative;
}
#pageLimited .modelroom_wrap a::before {
  position: absolute;
  content: "";
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  border: 1px solid #fff;
  top: 5px;
  left: 5px;
}
#pageLimited .modelroom_wrap a::after {
  position: absolute;
  content: "";
  width: 1.5rem;
  height: 1.4rem;
  background: url(../img/limited/arrow_2.svg) center/cover no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 2rem;
  -webkit-transition: 0.45s;
  transition: 0.45s;
}
@media screen and (max-width: 750px) {
  #pageLimited .modelroom_wrap a::after {
    width: 3rem;
    height: 2.8rem;
    right: 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  #pageLimited .modelroom_wrap a:hover::after {
    right: 1.5rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 750px) {
  #pageLimited .modelroom_wrap a:hover::after {
    right: 3rem;
  }
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap {
    padding: 10rem 0;
  }
}
@media screen and (min-width: 751px) {
  #pageLimited .map_wrap .com-content {
    width: 70rem;
  }
}
#pageLimited .map_wrap .lead {
  font-size: 1.85rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.2em;
  border: 1px solid #fff;
  border-radius: 1.6rem;
  padding: 0.25em 0 0.35em;
  line-height: 1.25;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap .lead {
    font-size: 3.4rem;
    border-radius: 7rem;
  }
}
#pageLimited .map_wrap .maps {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.2rem 1.17fr;
  grid-template-columns: 1fr 1.17fr;
  margin-block: 2rem;
  gap: 3rem 1.2rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap .maps {
    margin-block: 4rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
#pageLimited .map_wrap .maps p {
  text-align: center;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0.28em;
  background: #777345;
  padding: 0.5em 0;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap .maps p {
    font-size: 3.2rem;
  }
}
#pageLimited .map_wrap .guild {
  text-align: center;
  background: #421426;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 2rem;
  gap: 3rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap .guild {
    padding: 4rem;
  }
}
#pageLimited .map_wrap .guild .p1 {
  font-size: 1.5rem;
  letter-spacing: 0.15em;
  border: 1px solid #fff;
  border-right: unset;
  padding: 0.75em 1.5em;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap .guild .p1 {
    border-right: 1px solid #fff;
    font-size: 3rem;
    width: 100%;
  }
}
#pageLimited .map_wrap .guild .p1::after, #pageLimited .map_wrap .guild .p1::before {
  position: absolute;
  width: 1px;
  content: "";
  height: 60%;
  background: #fff;
  right: 0;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap .guild .p1::after, #pageLimited .map_wrap .guild .p1::before {
    content: none;
  }
}
#pageLimited .map_wrap .guild .p1::before {
  top: 0;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
#pageLimited .map_wrap .guild .p1::after {
  bottom: 0;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
#pageLimited .map_wrap .guild .p2 {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap .guild .p2 {
    width: 100%;
    font-size: 2.6rem;
    text-align: left;
  }
}
#pageLimited .map_wrap a {
  display: block;
  color: #fff;
  margin: 3.5rem auto 3rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(140, 134, 91)), to(rgb(37, 30, 28)));
  background: linear-gradient(180deg, rgb(140, 134, 91) 0%, rgb(37, 30, 28) 100%);
  border: 1px solid #fff;
  border-radius: 3rem;
  font-size: 1.5rem;
  padding: 0.5em 4em;
  line-height: 1.4;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap a {
    margin-block: 7rem 5rem;
    font-size: 2.5rem;
    border-radius: 7rem;
  }
}
#pageLimited .map_wrap a::after {
  position: absolute;
  content: "";
  width: 1.5rem;
  height: 1.4rem;
  background: url(../img/limited/arrow_2.svg) center/cover no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  right: 2rem;
  -webkit-transition: 0.45s;
  transition: 0.45s;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap a::after {
    width: 3rem;
    height: 2.8rem;
    right: 4rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  #pageLimited .map_wrap a:hover::after {
    right: 1.5rem;
  }
}
@media screen and (hover: hover) and (pointer: fine) and (max-width: 750px) {
  #pageLimited .map_wrap a:hover::after {
    right: 3rem;
  }
}
#pageLimited .map_wrap a + .p1 {
  font-size: 1.35rem;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageLimited .map_wrap a + .p1 {
    font-size: 2.4rem;
  }
}
#pageLimited footer .navigate_wrap .next .p1 {
  letter-spacing: 0;
}
#pageLimitedLogin figure {
  position: relative;
}
#pageLimitedLogin .bg_wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}
#pageLimitedLogin .bg_wrap img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#pageLimitedLogin .login_wrap {
  color: #fff;
  padding: 10rem 0 9rem;
}
#pageLimitedLogin .login_wrap .bg_box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#pageLimitedLogin .login_wrap .bg_box img {
  position: absolute;
  top: 0;
  left: 0;
}
#pageLimitedLogin .login_wrap .copy_box {
  text-align: center;
}
#pageLimitedLogin .login_wrap .copy_box .ttl {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
#pageLimitedLogin .login_wrap .copy_box .sub_ttl {
  font-size: 2rem;
  letter-spacing: 0.1em;
  margin: 1rem 0 0;
}
#pageLimitedLogin .login_wrap .copy_box .lead {
  font-size: 2.2rem;
  letter-spacing: 0.26em;
  margin: 1.5rem 0 0;
}
#pageLimitedLogin .login_wrap .login_box {
  background: #f2f0ec;
  -webkit-box-shadow: 0px 15px 15px -6px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 15px 15px -6px rgba(0, 0, 0, 0.2);
  padding: 5rem 0;
  margin: 4rem 0 0;
}
#pageLimitedLogin .login_wrap .login_box .p1 {
  font-size: 1.2rem;
  letter-spacing: 0.18em;
  line-height: 1.6;
  text-align: center;
  color: #2b2b2b;
}
#pageLimitedLogin .login_wrap .login_box form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1rem auto 0;
}
#pageLimitedLogin .login_wrap .login_box form .error {
  width: 100%;
  font-size: 1rem;
  color: #f10d0d;
  margin: 0 0 1rem;
}
#pageLimitedLogin .login_wrap .login_box form .input {
  width: 23rem;
  height: 4.4rem;
  border: 1px solid #bababa;
  overflow: hidden;
}
#pageLimitedLogin .login_wrap .login_box form .input input {
  width: 100%;
  height: 100%;
  background: #fff;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.2em;
  padding: 0 2rem;
  -webkit-box-shadow: inset 0px 6px 10px -8px rgba(5, 5, 5, 0.4);
          box-shadow: inset 0px 6px 10px -8px rgba(5, 5, 5, 0.4);
}
#pageLimitedLogin .login_wrap .login_box form .submit button {
  width: 10rem;
  height: 4.4rem;
  background: #550029;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: #fff;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #pageLimitedLogin .login_wrap {
    padding: 12rem 0 11rem;
  }
  #pageLimitedLogin .login_wrap .copy_box .ttl {
    font-size: 2.6rem;
  }
  #pageLimitedLogin .login_wrap .copy_box .sub_ttl {
    font-size: 3rem;
    margin: 2rem 0 0;
  }
  #pageLimitedLogin .login_wrap .copy_box .lead {
    font-size: 3.2rem;
    margin: 3rem 0 0;
  }
  #pageLimitedLogin .login_wrap .login_box {
    padding: 10rem 0 9rem;
    margin: 6rem 0 0;
  }
  #pageLimitedLogin .login_wrap .login_box .p1 {
    font-size: 2.2rem;
  }
  #pageLimitedLogin .login_wrap .login_box form {
    width: 100%;
    margin: 4rem auto 0;
  }
  #pageLimitedLogin .login_wrap .login_box form .error {
    width: 100%;
    font-size: 2rem;
    text-align: center;
  }
  #pageLimitedLogin .login_wrap .login_box form .input {
    width: 44rem;
    height: 8rem;
  }
  #pageLimitedLogin .login_wrap .login_box form .input input {
    font-size: 2.2rem;
  }
  #pageLimitedLogin .login_wrap .login_box form .submit button {
    width: 20rem;
    height: 8rem;
    font-size: 2.4rem;
  }
}
#pageLimitedPlan .p_nav .com-content {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
#pageLimitedPlan .page-container {
  background: #072623;
}
#pageLimitedPlan .page-container figure {
  position: relative;
}
#pageLimitedPlan .page-container .p_introtxt {
  padding-bottom: 2rem;
}
#pageLimitedPlan .page-container .p_lead {
  width: 80%;
  margin: auto;
  padding-bottom: 1.5rem;
}
#pageLimitedPlan .page-container .p_lead::after {
  display: none;
}
#pageLimitedPlan .page-container .p_lead::before {
  width: 60px;
  height: 1px;
}
#pageLimitedPlan .page-container .p_desc {
  color: #fff;
}
#pageLimitedPlan .page-container .com-note {
  color: #fff;
}
#pageLimitedPlan .page-container .com-note span {
  display: inline-block;
  height: 1rem;
  width: auto;
  color: #fff;
  margin-right: 0.1rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .page-container .com-note span {
    height: 1.7rem;
  }
}
#pageLimitedPlan .page-container .com-note span img {
  height: 100%;
  width: auto;
}
#pageLimitedPlan .page-container .p_introtxt {
  padding-top: 0;
  padding-bottom: 6rem;
}
#pageLimitedPlan .page-container .com-content.w850 {
  max-width: 850px;
}
#pageLimitedPlan .page-container main section {
  padding: 0;
}
#pageLimitedPlan .page-container .layout_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageLimitedPlan .page-container .layout_flex + .p_note {
  margin-top: 12rem;
}
#pageLimitedPlan .page-container .layout_flex .layout_wrap {
  width: 48%;
}
#pageLimitedPlan .page-container .layout_flex .layout_wrap.hg {
  width: 42%;
}
@media screen and (min-width: 751px) {
  #pageLimitedPlan .page-container .layout_flex .layout_wrap.hg {
    margin-right: 2%;
  }
}
#pageLimitedPlan .page-container .layout_flex .layout_wrap.a {
  max-width: 300px;
}
#pageLimitedPlan .page-container .layout_flex .layout_wrap.k {
  max-width: 385px;
}
#pageLimitedPlan .page-container .layout_flex .merits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 1rem;
  margin-top: 3rem;
}
#pageLimitedPlan .page-container .layout_flex .merits.mb5 {
  margin-bottom: 5rem;
}
#pageLimitedPlan .page-container .layout_flex .merits .merit {
  width: 49%;
  background: #421426;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0 0.75rem;
  font-size: 1.7rem;
}
#pageLimitedPlan .page-container .layout_flex .merits .merit.w100 {
  width: 100%;
}
#pageLimitedPlan .page-container .layout_flex .merits.bg_brown .merit {
  background: #777345;
}
#pageLimitedPlan .page-container .layout_flex .desc_wrap {
  width: 46%;
}
@media screen and (min-width: 751px) {
  #pageLimitedPlan .page-container .layout_flex .desc_wrap.hg {
    width: 48%;
  }
}
#pageLimitedPlan .page-container .layout_flex .desc_wrap .desc {
  margin-top: 5rem;
}
#pageLimitedPlan .page-container .layout_flex .desc_wrap .desc_txt {
  font-size: 2.1rem;
  border-bottom: dotted 1.5px #fff;
  padding-bottom: 1rem;
  margin-bottom: 2rem;
  color: #fff;
}
#pageLimitedPlan .page-container .layout_flex .desc_wrap .desc .lists .list {
  font-size: 1.7rem;
  line-height: 1.5;
  margin-bottom: 3rem;
  padding-left: 3rem;
  position: relative;
  color: #fff;
}
#pageLimitedPlan .page-container .layout_flex .desc_wrap .desc .lists .list::before {
  content: "●";
  color: #8d8868;
  font-size: 1.8rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 0;
}
#pageLimitedPlan .page-container .layout_flex .desc_wrap .img_wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 2rem;
     -moz-column-gap: 2rem;
          column-gap: 2rem;
}
#pageLimitedPlan .page-container .spec_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 1.5rem;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
#pageLimitedPlan .page-container .spec_box .name {
  width: 28%;
  color: #fff;
  text-align: center;
  padding: 1rem 0 1.6rem;
  background-image: url(../img/plan/name_bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#pageLimitedPlan .page-container .spec_box .name .t1 {
  font-size: 4rem;
  letter-spacing: 0;
}
#pageLimitedPlan .page-container .spec_box .name .t1.b1 {
  letter-spacing: -0.15em;
}
#pageLimitedPlan .page-container .spec_box .name .t2 {
  font-size: 1.8rem;
}
#pageLimitedPlan .page-container .spec_box .spec {
  width: 72%;
  color: #fff;
  padding: 1.2rem 2rem 1.6rem;
  background-image: url(../img/plan/spec_bg.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
#pageLimitedPlan .page-container .spec_box .spec .t3 {
  font-size: 3.8rem;
}
#pageLimitedPlan .page-container .spec_box .spec .t4 {
  font-size: 2.7rem;
  letter-spacing: 0;
}
#pageLimitedPlan .page-container .spec_box .spec .t4_1 {
  font-size: 2.9rem;
}
#pageLimitedPlan .page-container .spec_box .spec .t4_2 {
  font-size: 2.1rem;
  letter-spacing: 0;
}
#pageLimitedPlan .page-container .spec_box .spec .floor {
  font-size: 1rem;
  font-family: dnp-shuei-mincho-pr6, "Shippori Mincho", serif;
  display: inline-block;
  -webkit-transform: translateY(-0.2rem);
          transform: translateY(-0.2rem);
}
#pageLimitedPlan .page-container .spec_box .params_l {
  width: 51%;
  color: #fff;
  border-right: solid 1px #fff;
}
#pageLimitedPlan .page-container .spec_box .params_l.a, #pageLimitedPlan .page-container .spec_box .params_l.d {
  width: 52%;
}
#pageLimitedPlan .page-container .spec_box .params_l .t5 {
  font-size: 1.6rem;
}
#pageLimitedPlan .page-container .spec_box .params_l .t6 {
  font-size: 1.4rem;
}
#pageLimitedPlan .page-container .spec_box .params_l .t7 {
  font-size: 5rem;
  letter-spacing: -0.05em;
}
#pageLimitedPlan .page-container .spec_box .params_l .t8 {
  font-size: 2.6rem;
  font-weight: 400;
  padding-left: 0.5rem;
}
#pageLimitedPlan .page-container .spec_box .params_l .t8 span {
  font-size: 1rem;
  vertical-align: super;
  font-weight: 400;
}
#pageLimitedPlan .page-container .spec_box .params_r {
  color: #fff;
  width: 46%;
  font-size: 1.4rem;
  padding-bottom: 0.5rem;
  line-height: 1.5;
}
#pageLimitedPlan .page-container .spec_box .params_r.a, #pageLimitedPlan .page-container .spec_box .params_r.d {
  width: 45%;
}
#pageLimitedPlan .page-container .spec_box.with_icon .params_l {
  border-right: none;
  width: 50%;
}
#pageLimitedPlan .page-container .spec_box.with_icon .icon {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  width: 48%;
}
#pageLimitedPlan .page-container .spec_box.with_icon .params_r {
  width: 100%;
}
#pageLimitedPlan .page-container .spec_box.with_icon .params_r span {
  display: inline-block;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .page-container .spec_box.with_icon .params_r span {
    display: block;
  }
}
#pageLimitedPlan .page-container .spec_box.with_icon .params_r span:not(:last-child) {
  margin-right: 1rem;
}
#pageLimitedPlan .page-container .points {
  margin-top: 5rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem;
}
#pageLimitedPlan .page-container .points .p_desc {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 2rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .page-container .points .p_desc {
    font-size: 2.6rem;
  }
}
#pageLimitedPlan .page-container .points .point.pet_2 {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
#pageLimitedPlan .page-container .points .point.pet_2 .p_desc {
  margin: 0;
}
#pageLimitedPlan .page-container .points .point.pet_2 .note {
  display: block;
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .page-container .p_lead {
    width: 100%;
    padding-top: 6rem;
  }
  #pageLimitedPlan .page-container .layout_flex {
    row-gap: 10rem;
  }
  #pageLimitedPlan .page-container .layout_flex .layout_wrap {
    width: 100% !important;
  }
  #pageLimitedPlan .page-container .layout_flex .desc_wrap {
    width: 100% !important;
  }
  #pageLimitedPlan .page-container .layout_flex .desc_wrap .desc_txt {
    font-size: 3.6rem;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
  }
  #pageLimitedPlan .page-container .layout_flex .desc_wrap .desc .lists .list {
    font-size: 3rem;
    line-height: 1.6;
    margin-bottom: 3rem;
    padding-left: 4rem;
  }
  #pageLimitedPlan .page-container .layout_flex .desc_wrap .desc .lists .list::before {
    font-size: 3rem;
    width: 2rem;
    height: 2rem;
  }
  #pageLimitedPlan .page-container .layout_flex .desc_wrap .img_wrap {
    margin-top: 5rem;
  }
  #pageLimitedPlan .page-container .layout_flex .merits {
    row-gap: 1.5rem;
    margin-top: 4rem;
  }
  #pageLimitedPlan .page-container .layout_flex .merits.mb5 {
    margin-bottom: 8rem;
  }
  #pageLimitedPlan .page-container .layout_flex .merits .merit {
    padding: 1rem 0 1.5rem;
    font-size: 2.7rem;
  }
  #pageLimitedPlan .page-container .layout_flex .merits.c {
    margin-top: 6rem;
  }
  #pageLimitedPlan .page-container .spec_box {
    row-gap: 3rem;
  }
  #pageLimitedPlan .page-container .spec_box .name {
    width: 34%;
  }
  #pageLimitedPlan .page-container .spec_box .name .t1 {
    font-size: 5.2rem;
  }
  #pageLimitedPlan .page-container .spec_box .name .t2 {
    font-size: 3rem;
  }
  #pageLimitedPlan .page-container .spec_box .spec {
    width: 66%;
    padding: 0.8rem 2rem 1.8rem;
  }
  #pageLimitedPlan .page-container .spec_box .spec .t3 {
    font-size: 5.2rem;
  }
  #pageLimitedPlan .page-container .spec_box .spec .t4 {
    font-size: 3.7rem;
  }
  #pageLimitedPlan .page-container .spec_box .spec .t4_1 {
    font-size: 3.9rem;
  }
  #pageLimitedPlan .page-container .spec_box .spec .t4_2 {
    font-size: 3rem;
  }
  #pageLimitedPlan .page-container .spec_box .spec .floor {
    font-size: 2rem;
  }
  #pageLimitedPlan .page-container .spec_box .params_l {
    width: 50%;
  }
  #pageLimitedPlan .page-container .spec_box .params_l .t5 {
    font-size: 2.6rem;
  }
  #pageLimitedPlan .page-container .spec_box .params_l .t6 {
    font-size: 2.4rem;
  }
  #pageLimitedPlan .page-container .spec_box .params_l .t7 {
    font-size: 7rem;
    letter-spacing: -0.05em;
  }
  #pageLimitedPlan .page-container .spec_box .params_l .t8 {
    font-size: 3.6rem;
    padding-left: 0.5rem;
  }
  #pageLimitedPlan .page-container .spec_box .params_l .t8 span {
    font-size: 1rem;
    vertical-align: super;
  }
  #pageLimitedPlan .page-container .spec_box .params_r {
    font-size: 2.6rem;
    line-height: 1.2;
    margin-right: initial;
    width: 44%;
  }
  #pageLimitedPlan .page-container .spec_box.with_icon .params_l {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
  }
  #pageLimitedPlan .page-container .spec_box.with_icon .params_l ._sp-l {
    line-height: 1.3;
    text-align: center;
  }
  #pageLimitedPlan .page-container .spec_box.with_icon .icon {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    width: 55%;
  }
  #pageLimitedPlan .page-container .spec_box.with_icon .params_r {
    width: 43%;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #pageLimitedPlan .page-container .spec_box.with_icon .params_r span {
    display: block;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  #pageLimitedPlan .page-container .spec_box.with_icon .params_r span:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .page-container .spec_box .params {
    font-size: 2.5rem;
    padding-bottom: 0.5rem;
  }
  #pageLimitedPlan .page-container .spec_box .params.c {
    line-height: 1.1;
    margin-bottom: -3rem;
  }
  #pageLimitedPlan .page-container .spec_box.kg .params_l {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #fff;
    padding-bottom: 2rem;
  }
  #pageLimitedPlan .page-container .spec_box.kg .params_l .t5 {
    display: inline-block;
    translate: 0 3rem;
  }
  #pageLimitedPlan .page-container .spec_box.kg .params_r {
    width: 100%;
    margin-bottom: 7rem;
  }
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .page-container #sec02 .layout {
    margin-top: 8rem;
  }
}
#pageLimitedPlan .page-container #sec01,
#pageLimitedPlan .page-container #sec02,
#pageLimitedPlan .page-container #sec03 {
  padding: 8rem 0 10rem;
}
#pageLimitedPlan .page-container #sec02,
#pageLimitedPlan .page-container #sec03 {
  position: relative;
}
#pageLimitedPlan .page-container #sec02::before,
#pageLimitedPlan .page-container #sec03::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 90%;
  height: 1px;
  max-width: 1200px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #fff;
  opacity: 0.5;
}
#pageLimitedPlan .page-container .type_lead {
  font-size: 2.2rem;
  line-height: 1.6;
  margin-bottom: 4rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedPlan .page-container .type_lead {
    text-align: center;
    font-size: 3.4rem;
    margin-bottom: 0;
  }
}
#pageLimitedDesign .page-container {
  background: #072623;
}
@media screen and (max-width: 750px) {
  #pageLimitedDesign .page-container .entrance_wrap {
    position: relative;
  }
  #pageLimitedDesign .page-container .entrance_wrap::after {
    position: absolute;
    width: 90%;
    left: 5%;
    bottom: 7rem;
    content: "";
    background: #8d8868;
    height: 1px;
  }
}
#pageLimitedDesign .page-container figure {
  position: relative;
}
#pageLimitedDesign .page-container .p_introtxt {
  padding-bottom: 2rem;
}
#pageLimitedDesign .page-container .p_lead {
  width: 80%;
  margin: auto;
  padding-bottom: 1.5rem;
}
#pageLimitedDesign .page-container .p_lead::after {
  display: none;
}
#pageLimitedDesign .page-container .p_lead::before {
  width: 60px;
  height: 1px;
}
#pageLimitedDesign .page-container .p_desc {
  color: #fff;
}
#pageLimitedDesign .page-container .com-note {
  color: #fff;
}
#pageLimitedDesign .page-container .com-note span {
  display: inline-block;
  height: 1rem;
  width: auto;
  color: #fff;
  margin-right: 0.1rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedDesign .page-container .com-note span {
    height: 1.7rem;
  }
}
#pageLimitedDesign .page-container .com-note span img {
  height: 100%;
  width: auto;
}
#pageLimitedDesign .page-container .p_introtxt {
  padding-top: 0;
  padding-bottom: 6rem;
}
#pageLimitedDesign .page-container .com-content.w850 {
  max-width: 850px;
}
#pageLimitedDesign .page-container main section {
  padding: 0;
}
#pageLimitedDesign .page-container .entrance-img-wrap {
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLimitedDesign .page-container .entrance-img {
    overflow-x: scroll;
  }
  #pageLimitedDesign .page-container .entrance-img img {
    width: 180%;
  }
}
#pageLimitedDesign .page-container .entrance .scrl_wrap {
  margin-top: 5rem;
  color: #fff;
}
#pageLimitedModelroom .main-container {
  position: relative;
  padding-bottom: 10rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedModelroom .main-container {
    padding-bottom: 12rem;
  }
}
#pageLimitedModelroom .main-container .scene-visual-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#pageLimitedModelroom .main-container .scene-visual-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  -o-object-position: top center;
     object-position: top center;
}
#pageLimitedModelroom .main-container .copy_box {
  position: relative;
  -webkit-transform: unset;
          transform: unset;
  top: unset;
  left: unset;
  padding: 7rem 0 6rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedModelroom .main-container .copy_box {
    padding: 8rem 0;
  }
}
#pageLimitedModelroom .main-container .copy_box .copy_2 {
  line-height: 1.3;
}
#pageLimitedModelroom .modelroom_wrap {
  position: relative;
}
#pageLimitedModelroom .modelroom_wrap .slide_wrap {
  position: relative;
}
#pageLimitedModelroom .modelroom_wrap .slide_arrow {
  position: absolute;
  width: 5.4rem;
  top: 32rem;
  cursor: pointer;
  -webkit-filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.45));
          filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.45));
  -webkit-transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
}
@media screen and (max-width: 750px) {
  #pageLimitedModelroom .modelroom_wrap .slide_arrow {
    width: 8rem;
    top: 51rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  #pageLimitedModelroom .modelroom_wrap .slide_arrow:hover {
    opacity: 0.7;
  }
}
#pageLimitedModelroom .modelroom_wrap .slide_arrow.prev {
  left: -8rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedModelroom .modelroom_wrap .slide_arrow.prev {
    left: 16rem;
  }
}
#pageLimitedModelroom .modelroom_wrap .slide_arrow.next {
  right: -8rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedModelroom .modelroom_wrap .slide_arrow.next {
    right: 16rem;
  }
}
#pageLimitedModelroom .modelroom_wrap .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 6.2rem auto 0;
  gap: 2.6rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedModelroom .modelroom_wrap .slick-dots {
    margin-top: 20rem;
    gap: 2rem;
  }
}
#pageLimitedModelroom .modelroom_wrap .slick-dots li {
  width: calc(25% - 1.95rem);
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  #pageLimitedModelroom .modelroom_wrap .slick-dots li {
    width: calc(33.3333333333% - 1.3333333333rem);
  }
}
#pageLimitedModelroom .modelroom_wrap .slick-dots li .slick-dot-content::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
}
#pageLimitedModelroom .modelroom_wrap .slick-dots li.slick-active div::after {
  background-color: rgba(0, 0, 0, 0);
}
#pageLimitedModelroom .bnr_wrap {
  margin: 10rem auto 0;
  width: 90%;
  max-width: 1000px;
}
#pageLimitedModelroom .bnr_wrap a {
  display: block;
  background-color: #000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#pageLimitedModelroom .bnr_wrap a img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#pageLimitedModelroom .bnr_wrap a:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#pageLimitedModelroom .bnr_wrap a:hover img {
  opacity: 0.9;
}

#pageLimitedEbook .main-container {
  position: relative;
  padding-bottom: 10rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedEbook .main-container {
    padding-bottom: 12rem;
  }
}
#pageLimitedEbook .main-container .scene-visual-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#pageLimitedEbook .main-container .scene-visual-img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
  -o-object-position: top center;
     object-position: top center;
}
#pageLimitedEbook .main-container .copy_box {
  position: relative;
  -webkit-transform: unset;
          transform: unset;
  top: unset;
  left: unset;
  padding: 7rem 0 6rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedEbook .main-container .copy_box {
    padding: 8rem 0;
  }
}
#pageLimitedEbook .main-container .copy_box .copy_2 {
  line-height: 1.3;
}
#pageLimitedEbook .ebook_wrap {
  position: relative;
}
@media screen and (min-width: 751px) {
  #pageLimitedEbook .ebook_wrap .com-content {
    width: 70rem;
  }
}
@media screen and (max-width: 750px) {
  #pageLimitedEbook .ebook_wrap .com-content {
    width: 63rem;
  }
}
#pageLimitedEbook .ebook_wrap .ebook_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
@media screen and (max-width: 750px) {
  #pageLimitedEbook .ebook_wrap .ebook_list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 7rem;
  }
}
#pageLimitedEbook .ebook_wrap .ebook_item {
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(141, 136, 104))), -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), color-stop(70%, rgb(255, 255, 255)), to(rgba(141, 136, 104, 0.3))), #8d8868;
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(141, 136, 104) 100%), linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 70%, rgba(141, 136, 104, 0.3) 100%), #8d8868;
  background-blend-mode: multiply, multiply;
  padding: 2.5rem 4rem 1.5rem;
  position: relative;
  -webkit-transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
}
@media screen and (max-width: 750px) {
  #pageLimitedEbook .ebook_wrap .ebook_item {
    padding: 3rem 7rem 3rem;
  }
}
#pageLimitedEbook .ebook_wrap .ebook_item::before {
  position: absolute;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.5);
  left: 4px;
  top: 4px;
}
@media (hover: hover) and (pointer: fine) {
  #pageLimitedEbook .ebook_wrap .ebook_item:hover {
    -webkit-box-shadow: 0px 5px 20px 0px rgba(255, 255, 255, 0.33);
            box-shadow: 0px 5px 20px 0px rgba(255, 255, 255, 0.33);
  }
}
#pageLimitedEbook .ebook_wrap .ebook_name {
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 750px) {
  #pageLimitedEbook .ebook_wrap .ebook_name {
    font-size: 3.2rem;
  }
}
#pageLimitedEbook .ebook_wrap .arrow {
  width: 3rem;
  margin: 1rem auto 0;
}
@media screen and (max-width: 750px) {
  #pageLimitedEbook .ebook_wrap .arrow {
    width: 5.5rem;
    margin: 2rem auto 0;
  }
}

#pageMansionGallery .page-container figure {
  position: relative;
}
#pageMansionGallery .page-container .scene-text {
  right: initial;
  left: 8%;
}
#pageMansionGallery .page-container .p_lead {
  width: 80%;
  margin: auto;
  padding-bottom: 2.5rem;
}
#pageMansionGallery .page-container .p_lead::before, #pageMansionGallery .page-container .p_lead::after {
  display: none;
}
@media screen and (max-width: 750px) {
  #pageMansionGallery .page-container .p_lead {
    width: 100%;
    font-size: 5rem;
  }
  #pageMansionGallery .page-container .p_lead .large {
    font-size: 6.5rem;
  }
  #pageMansionGallery .page-container .p_lead::first-letter {
    font-size: 6.5rem;
  }
}
#pageMansionGallery .page-container .com-content.w850 {
  max-width: 850px;
}
#pageMansionGallery .page-container main section {
  padding: 0;
}
#pageMansionGallery .page-container .page-container {
  padding-bottom: 5.4rem;
}
#pageMansionGallery .page-container .bg_green {
  position: relative;
  padding: 4rem 0;
}
#pageMansionGallery .page-container .bg_green::before {
  content: "";
  background: #314741;
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: 1;
}
#pageMansionGallery .page-container .bg_green p {
  position: relative;
  z-index: 2;
  text-align: center;
}
#pageMansionGallery .page-container .bg_green p.mr_t1 {
  color: #8d8868;
  font-size: 2rem;
}
#pageMansionGallery .page-container .bg_green p.mr_t1 .large {
  font-size: 2.8rem;
}
#pageMansionGallery .page-container .bg_green p.mr_t2 {
  padding: 3rem 0;
}
#pageMansionGallery .page-container .bg_green p.mr_t2 span {
  vertical-align: middle;
  color: #fff;
}
#pageMansionGallery .page-container .bg_green p.mr_t2 span.m {
  font-size: 3.5rem;
  letter-spacing: 0.2em;
}
#pageMansionGallery .page-container .bg_green p.mr_t2 span.gold {
  color: #aea457;
  font-size: 4rem;
}
#pageMansionGallery .page-container .bg_green p.mr_t2 span.slash {
  display: inline-block;
  background: #fff;
  width: 1px;
  height: 4rem;
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  margin: 0 1rem 0 2rem;
}
#pageMansionGallery .page-container .bg_green p.mr_t2 span.s1 {
  display: inline-block;
  font-size: 1.26rem;
  line-height: 1.5;
}
#pageMansionGallery .page-container .bg_green p.mr_t2 span.s2 {
  font-size: 1.19rem;
}
#pageMansionGallery .page-container .bg_green a {
  background: -webkit-gradient(linear, left bottom, left top, from(#390c1a), to(#6b1c36));
  background: linear-gradient(to top, #390c1a 0%, #6b1c36 100%);
  padding: 2rem 0;
  color: #fff;
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  text-align: center;
  position: relative;
  z-index: 2;
  display: block;
  max-width: 320px;
  width: 70%;
  margin: auto;
}
#pageMansionGallery .page-container .bg_green a::after {
  content: "";
  border: 1px solid #fff;
  width: calc(100% - 1.5rem);
  height: calc(100% - 1.5rem);
  position: absolute;
  left: 0.75rem;
  top: 0.75rem;
}
#pageMansionGallery .page-container .bg_green a span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3rem;
  width: 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#pageMansionGallery .page-container .bg_green a:hover span {
  right: 2rem;
}
@media screen and (max-width: 750px) {
  #pageMansionGallery .page-container .bg_green p.mr_t1 {
    font-size: 4rem;
  }
  #pageMansionGallery .page-container .bg_green p.mr_t1 .large {
    font-size: 4.8rem;
  }
  #pageMansionGallery .page-container .bg_green p.mr_t2 span.m {
    font-size: 5.5rem;
    letter-spacing: 0.2em;
    line-height: 1.25;
  }
  #pageMansionGallery .page-container .bg_green p.mr_t2 span.gold {
    font-size: 7rem;
    line-height: 1.5;
  }
  #pageMansionGallery .page-container .bg_green p.mr_t2 span.slash {
    height: 7rem;
    margin: 0 2rem 0 3rem;
  }
  #pageMansionGallery .page-container .bg_green p.mr_t2 span.s1 {
    font-size: 2.4rem;
    line-height: 1.2;
  }
  #pageMansionGallery .page-container .bg_green p.mr_t2 span.s2 {
    font-size: 2.8rem;
    line-height: 2;
  }
  #pageMansionGallery .page-container .bg_green a {
    font-size: 2.8rem;
    padding: 3.4rem 0;
  }
  #pageMansionGallery .page-container .bg_green a span {
    width: 4rem;
  }
}
#pageMansionGallery .page-container .map_wrap {
  padding: 5rem 0;
  max-width: 666px;
  margin: auto;
}
#pageMansionGallery .page-container .map_wrap .go_txt {
  text-align: center;
  color: #fff;
  font-size: 1.85rem;
  background: #550029;
  border-radius: 20px;
  padding: 1rem 0;
  letter-spacing: 0.2em;
  margin-bottom: 2rem;
}
#pageMansionGallery .page-container .map_wrap .map_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageMansionGallery .page-container .map_wrap .map_flex .map_1 {
  width: 45%;
}
#pageMansionGallery .page-container .map_wrap .map_flex .map_2 {
  width: 53%;
}
#pageMansionGallery .page-container .map_wrap .car_txt {
  background: #550029;
  color: #fff;
  padding: 1rem;
  letter-spacing: 0.2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2rem;
  font-size: 1.4rem;
}
#pageMansionGallery .page-container .map_wrap .car_txt_1 {
  padding: 1.4rem 1rem;
  border: 1px solid #fff;
  border-right: none;
  position: relative;
}
#pageMansionGallery .page-container .map_wrap .car_txt_1::before, #pageMansionGallery .page-container .map_wrap .car_txt_1::after {
  content: "";
  background: #fff;
  width: 1px;
  height: 67.5%;
  position: absolute;
  right: -0.9rem;
}
#pageMansionGallery .page-container .map_wrap .car_txt_1::before {
  -webkit-transform: rotate(-40deg);
          transform: rotate(-40deg);
  top: -0.4rem;
}
#pageMansionGallery .page-container .map_wrap .car_txt_1::after {
  -webkit-transform: rotate(40deg);
          transform: rotate(40deg);
  bottom: -0.4rem;
}
#pageMansionGallery .page-container .map_wrap .car_txt_2 {
  line-height: 1.5;
  width: calc(100% - 24rem);
}
#pageMansionGallery .page-container .map_wrap .g_map_btn {
  display: block;
  width: 70%;
  max-width: 320px;
  margin: 3rem auto;
  background: -webkit-gradient(linear, left top, left bottom, from(#8c865b), color-stop(30%, #8c865b), to(#251e1c));
  background: linear-gradient(to bottom, #8c865b 0%, #8c865b 30%, #251e1c 100%);
  border-radius: 40px;
  border: 1px solid #fff;
  color: #fff;
  letter-spacing: 0.2em;
  font-size: 1.45rem;
  line-height: 1.5;
  text-align: center;
  -webkit-box-shadow: 5px 5px 5px #ccc;
          box-shadow: 5px 5px 5px #ccc;
  padding: 0.5rem 0;
  position: relative;
}
#pageMansionGallery .page-container .map_wrap .g_map_btn span {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 3rem;
  width: 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#pageMansionGallery .page-container .map_wrap .g_map_btn:hover span {
  right: 2rem;
}
#pageMansionGallery .page-container .map_wrap .address {
  text-align: center;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 750px) {
  #pageMansionGallery .page-container .map_wrap .go_txt {
    font-size: 2.85rem;
    line-height: 1.3;
    border-radius: 30px;
  }
  #pageMansionGallery .page-container .map_wrap .map_flex {
    row-gap: 4rem;
  }
  #pageMansionGallery .page-container .map_wrap .map_flex .map_1 {
    width: 100%;
  }
  #pageMansionGallery .page-container .map_wrap .map_flex .map_2 {
    width: 100%;
  }
  #pageMansionGallery .page-container .map_wrap .car_txt {
    padding: 4rem;
    font-size: 2.4rem;
    row-gap: 2rem;
  }
  #pageMansionGallery .page-container .map_wrap .car_txt_1 {
    width: 100%;
    border-right: 1px solid #fff;
    text-align: center;
  }
  #pageMansionGallery .page-container .map_wrap .car_txt_1::before, #pageMansionGallery .page-container .map_wrap .car_txt_1::after {
    display: none;
  }
  #pageMansionGallery .page-container .map_wrap .car_txt_2 {
    line-height: 1.5;
    width: 100%;
  }
  #pageMansionGallery .page-container .map_wrap .g_map_btn {
    font-size: 2.45rem;
    padding: 1.5rem 0;
  }
  #pageMansionGallery .page-container .map_wrap .g_map_btn span {
    width: 4rem;
  }
  #pageMansionGallery .page-container .map_wrap .address {
    font-size: 2.4rem;
  }
}
/*# sourceMappingURL=style.css.map */