@charset "UTF-8";
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;
  font-weight: initial;
}

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 {
  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;
}

i {
  font-style: normal;
}

html {
  font-size: 10px;
}

@media screen and (max-width: 1040px) {
  html {
    font-size: 0.9615384615vw;
  }
}
@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;
  }
}
* {
  margin: 0;
  padding: 0;
}

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

main {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 10rem 0 0;
}

section {
  position: relative;
}

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

img,
svg {
  pointer-events: none;
}

body {
  font-family: "Shippori Mincho", serif;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0em;
  color: #231815;
  font-feature-settings: "palt";
}
body span,
body sup,
body a,
body button {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.f-cinzel {
  font-family: "Cinzel", serif;
}

header.header {
  position: absolute;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
  width: 100vw;
  background: white;
}
header.header .header-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  height: 10rem;
  padding: 0 2rem 3.5rem 4rem;
}
header.header .header-wrap .logo-area .logo-box {
  display: block;
  width: 39rem;
}
header.header .header-wrap .liks-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.2rem;
  margin: 0 5rem 0 auto;
}
header.header .header-wrap .liks-area .link {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 1600ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 16rem;
  height: 6.6rem;
  background-size: 200% 200%;
  background-position: right center;
  position: relative;
}
header.header .header-wrap .liks-area .link span {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
header.header .header-wrap .liks-area .link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  content: "";
  width: calc(100% - 1.4rem);
  height: calc(100% - 1.4rem);
  border: solid 1px rgba(255, 255, 255, 0.5);
}
header.header .header-wrap .liks-area .link:hover {
  background-position: left center;
}
header.header .header-wrap .liks-area .link.reserve {
  background-image: linear-gradient(45deg, #ce837a 0%, #ad3021 12%, #64120f 24%, #ad3021 36%, #ce837a 50%, #ad3021 64%, #64120f 76%, #ad3021 88%, #ce837a 100%);
}
header.header .header-wrap .liks-area .link.request {
  background-image: linear-gradient(45deg, rgb(165, 141, 120) 0%, rgb(142, 113, 86) 12%, rgb(75, 60, 48) 24%, rgb(142, 113, 86) 36%, rgb(187, 170, 154) 50%, rgb(142, 113, 86) 64%, rgb(75, 60, 48) 76%, rgb(142, 113, 86) 88%, rgb(165, 141, 120) 100%);
}
header.header .header-wrap .liks-area .link.limited {
  background-image: linear-gradient(45deg, #f9eaca 0%, #edd098 12%, #956802 24%, #f2d59d 36%, #f6ecd9 50%, #f2d59d 64%, #956802 76%, #edd098 88%, #f9eaca 100%);
}
header.header .header-wrap .liks-area .link.limited span {
  color: #333;
}
header.header .header-wrap .liks-area .link.app {
  background-image: linear-gradient(45deg, #fbaa68 0%, #d96e15 12%, #a5530e 24%, #d96e15 36%, #fbaa68 50%, #d96e15 64%, #a5530e 76%, #d96e15 88%, #fbaa68 100%);
}
header.header .header-wrap .btn-area {
  width: 5rem;
  height: 5rem;
}

@media screen and (max-width: 750px) {
  header.header .header-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 2rem;
  }
  header.header .header-wrap .logo-area .logo-box {
    width: 50rem;
  }
  header.header .header-wrap .btn-area {
    width: 7rem;
    height: 7rem;
  }
}
footer.footer {
  padding: 6rem 0 2rem;
}
footer.footer .footer-wrap .btns-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem 1rem;
}
footer.footer .footer-wrap .contact-area {
  margin: 5rem 0 0;
}
footer.footer .footer-wrap .contact-area .notice-box {
  width: 66rem;
  padding: 2rem 0;
  border: solid 1px #ad3021;
  color: #ad3021;
  text-align: center;
  margin: 4rem auto;
}
footer.footer .footer-wrap .contact-area .notice-box .note {
  font-size: 1.4rem;
  line-height: 1.6;
}
footer.footer .footer-wrap .contact-area .ttl-box .ttl {
  font-size: 1.2rem;
  text-align: center;
}
footer.footer .footer-wrap .contact-area .tel-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 0 2rem;
  margin: 1rem 0 0;
}
footer.footer .footer-wrap .contact-area .tel-box .tel {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  pointer-events: none;
}
footer.footer .footer-wrap .contact-area .tel-box .tel i {
  width: 5rem;
}
footer.footer .footer-wrap .contact-area .tel-box .tel span {
  font-size: 4rem;
}
footer.footer .footer-wrap .contact-area .tel-box .note {
  font-size: 1.2rem;
  line-height: 1.6;
}
footer.footer .footer-wrap .dev-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 5rem;
  margin: 4rem 0 0;
}
footer.footer .footer-wrap .dev-area .dev-box .logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 4.3rem;
}
footer.footer .footer-wrap .dev-area .dev-box.num-1 .logo {
  width: 31rem;
}
footer.footer .footer-wrap .dev-area .dev-box.num-2 .logo {
  width: 16rem;
}
footer.footer .footer-wrap .dev-area .dev-box.num-3 .logo {
  width: 26rem;
}

@media screen and (max-width: 750px) {
  footer.footer {
    padding: 7rem 0 16rem;
  }
  footer.footer .footer-wrap .btns-area {
    gap: 2rem 0;
  }
  footer.footer .footer-wrap .contact-area {
    margin: 6rem 0 0;
  }
  footer.footer .footer-wrap .contact-area .notice-box {
    width: 100%;
    padding: 3rem 0;
    margin: 5rem auto;
  }
  footer.footer .footer-wrap .contact-area .notice-box .note {
    font-size: 2.2rem;
  }
  footer.footer .footer-wrap .contact-area .ttl-box .ttl {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  footer.footer .footer-wrap .contact-area .tel-box {
    gap: 2rem 0;
    margin: 2rem 0 0;
  }
  footer.footer .footer-wrap .contact-area .tel-box .tel {
    pointer-events: auto;
  }
  footer.footer .footer-wrap .contact-area .tel-box .tel i {
    width: 7.5rem;
  }
  footer.footer .footer-wrap .contact-area .tel-box .tel span {
    font-size: 6rem;
  }
  footer.footer .footer-wrap .contact-area .tel-box .note {
    font-size: 2.2rem;
  }
  footer.footer .footer-wrap .dev-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 3rem 0;
    margin: 5rem 0 0;
  }
  footer.footer .footer-wrap .dev-area .dev-box .logo {
    height: 6.45rem;
  }
  footer.footer .footer-wrap .dev-area .dev-box.num-1 .logo {
    width: 46.5rem;
  }
  footer.footer .footer-wrap .dev-area .dev-box.num-2 .logo {
    width: 24rem;
  }
  footer.footer .footer-wrap .dev-area .dev-box.num-3 .logo {
    width: 39rem;
  }
}
nav.nav-h {
  position: absolute;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
}
nav.nav-h .bg-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
nav.nav-h .bg-wrap .cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  mix-blend-mode: multiply;
}
nav.nav-h .logo-wrap {
  position: absolute;
  top: 2rem;
  left: 4rem;
}
nav.nav-h .logo-wrap .logo-box {
  width: 39rem;
}
nav.nav-h .links-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  gap: 10rem 0;
  padding: 0 4rem;
}
nav.nav-h .links-wrap .links-area {
  display: flex;
  flex-wrap: wrap;
  gap: 0 1.332%;
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
}
nav.nav-h .links-wrap .links-area .link-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 24%;
  height: 10rem;
  background: rgba(255, 255, 255, 0.9);
  margin: 0.6% 0;
  position: relative;
}
nav.nav-h .links-wrap .links-area .link-box p {
  padding: 0 0 0 3rem;
}
nav.nav-h .links-wrap .links-area .link-box span {
  display: block;
}
nav.nav-h .links-wrap .links-area .link-box span.en {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
}
nav.nav-h .links-wrap .links-area .link-box span.ja {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  margin: 1rem 0 0;
}
nav.nav-h .links-wrap .links-area .link-box i {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  right: 2rem;
  width: 1.3rem;
}
nav.nav-h .links-wrap .links-area .link-box sup.new {
  font-size: 1.3rem;
  color: #b9272d;
  position: absolute;
  top: 0.8rem;
  right: 0.8rem;
}
nav.nav-h .links-wrap .links-area .link-box::before {
  position: absolute;
  top: 0;
  left: 0;
  left: 1rem;
  content: "";
  width: 1px;
  height: 100%;
  background: #1a1a1a;
}
nav.nav-h .links-wrap .links-area .link-box:hover {
  opacity: 0.7;
}
nav.nav-h .links-wrap .btns-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 3rem 3rem;
  max-width: 1260px;
  width: 100%;
  margin: 0 auto;
}
nav.nav-h .links-wrap .btns-area .link-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.6rem;
}
nav.nav-h .links-wrap .btns-area .link-box .link {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 1600ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 7.5rem;
  background-size: 200% 200%;
  background-position: right center;
  position: relative;
}
nav.nav-h .links-wrap .btns-area .link-box .link span {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
nav.nav-h .links-wrap .btns-area .link-box .link::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  content: "";
  width: calc(100% - 1.4rem);
  height: calc(100% - 1.4rem);
  border: solid 1px rgba(255, 255, 255, 0.5);
}
nav.nav-h .links-wrap .btns-area .link-box .link:hover {
  background-position: left center;
}
nav.nav-h .links-wrap .btns-area .link-box .link.reserve {
  background-image: linear-gradient(45deg, #ce837a 0%, #ad3021 12%, #64120f 24%, #ad3021 36%, #ce837a 50%, #ad3021 64%, #64120f 76%, #ad3021 88%, #ce837a 100%);
}
nav.nav-h .links-wrap .btns-area .link-box .link.request {
  background-image: linear-gradient(45deg, rgb(165, 141, 120) 0%, rgb(142, 113, 86) 12%, rgb(75, 60, 48) 24%, rgb(142, 113, 86) 36%, rgb(187, 170, 154) 50%, rgb(142, 113, 86) 64%, rgb(75, 60, 48) 76%, rgb(142, 113, 86) 88%, rgb(165, 141, 120) 100%);
}
nav.nav-h .links-wrap .btns-area .link-box .link.limited {
  background-image: linear-gradient(45deg, #f9eaca 0%, #edd098 12%, #956802 24%, #f2d59d 36%, #f6ecd9 50%, #f2d59d 64%, #956802 76%, #edd098 88%, #f9eaca 100%);
}
nav.nav-h .links-wrap .btns-area .link-box .link.limited span {
  color: #333;
}
nav.nav-h .links-wrap .btns-area .link-box .link.app {
  background-image: linear-gradient(45deg, #fbaa68 0%, #d96e15 12%, #a5530e 24%, #d96e15 36%, #fbaa68 50%, #d96e15 64%, #a5530e 76%, #d96e15 88%, #fbaa68 100%);
}
nav.nav-h .links-wrap .btns-area .om-box .link {
  display: block;
  padding: 1rem 0;
}
nav.nav-h .links-wrap .btns-area .om-box .link span {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.4;
  color: #fff;
}

nav.nav-h {
  animation-name: navhOff;
  animation-duration: 0.3s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
@keyframes navhOff {
  0% {
    z-index: 9999;
    opacity: 1;
  }
  99% {
    z-index: 9999;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}

nav.nav-h.act {
  animation-name: navhOn;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
@keyframes navhOn {
  0% {
    z-index: -1;
    opacity: 0;
  }
  1% {
    z-index: 9999;
  }
  100% {
    z-index: 9999;
    opacity: 1;
  }
}

@media screen and (max-width: 750px) {
  nav.nav-h .logo-wrap {
    top: 2rem;
    left: 2rem;
  }
  nav.nav-h .logo-wrap .logo-box {
    width: 50rem;
  }
  nav.nav-h .links-wrap {
    display: block;
    padding: 20rem 4rem 0;
  }
  nav.nav-h .links-wrap .links-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 0%;
  }
  nav.nav-h .links-wrap .links-area .link-box {
    width: 49%;
    height: 12rem;
    margin: 1.2% 0;
  }
  nav.nav-h .links-wrap .links-area .link-box span.en {
    font-size: 3rem;
    letter-spacing: 0em;
  }
  nav.nav-h .links-wrap .links-area .link-box span.ja {
    font-size: 2.4rem;
    margin: 1.4rem 0 0;
  }
  nav.nav-h .links-wrap .links-area .link-box i {
    width: 1.6rem;
  }
  nav.nav-h .links-wrap .links-area .link-box sup.new {
    font-size: 2rem;
    top: 0.6rem;
    right: 0.6rem;
  }
  nav.nav-h .links-wrap .links-area .link-box:hover {
    opacity: 1;
  }
}
button.nav-btn {
  width: 5rem;
  height: 5.4rem;
  background: #e9e8e8;
  position: fixed;
  top: 1.2rem;
  right: 2rem;
  z-index: 9999;
}

.nav-inner {
  width: 100%;
  height: 2.1rem;
  position: absolute;
  top: 1rem;
  left: 0;
}

.menu {
  font-size: 1rem;
  text-align: center;
  position: absolute;
  bottom: 0.6rem;
  left: 0;
  right: 0;
  margin: auto;
}

button.nav-btn span {
  position: absolute;
  left: 0.6rem;
  width: 3.8rem;
  height: 0.2rem;
  background-color: #231815;
}

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

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

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

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

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

@keyframes btn07-bar01 {
  0% {
    transform: translateY(1rem) rotate(35deg);
  }
  50% {
    transform: translateY(1rem) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
button.nav-btn span:nth-of-type(2) {
  transition: all 0.25s 0.25s;
  opacity: 1;
}

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

@keyframes btn07-bar03 {
  0% {
    transform: translateY(-1rem) rotate(-35deg);
  }
  50% {
    transform: translateY(-1rem) rotate(0);
  }
  100% {
    transform: translateY(0) rotate(0);
  }
}
button.nav-btn.act span:nth-of-type(1) {
  animation: active-btn07-bar01 0.75s forwards;
}

@keyframes active-btn07-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(1rem) rotate(0);
  }
  100% {
    transform: translateY(1rem) rotate(35deg);
  }
}
button.nav-btn.act span:nth-of-type(2) {
  opacity: 0;
}

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

@keyframes active-btn07-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-1rem) rotate(0);
  }
  100% {
    transform: translateY(-1rem) rotate(-35deg);
  }
}
@media screen and (max-width: 750px) {
  button.nav-btn {
    width: 7rem;
    height: 7rem;
    top: 1.5rem;
    right: 2rem;
  }
  .nav-inner {
    height: 2.6rem;
    top: 1.4rem;
  }
  .menu {
    font-size: 2rem;
    letter-spacing: 0;
    transform: scale(0.8);
  }
  button.nav-btn span {
    left: 1.2rem;
    width: 4.6rem;
    height: 0.4rem;
  }
  button.nav-btn span:nth-of-type(1) {
    top: 0;
  }
  button.nav-btn span:nth-of-type(2) {
    top: 1rem;
  }
  button.nav-btn span:nth-of-type(3) {
    bottom: 0;
  }
  button.nav-btn span:nth-of-type(1) {
    animation: btn07-bar01 0.75s forwards;
  }
  @keyframes btn07-bar01 {
    0% {
      transform: translateY(1rem) rotate(35deg);
    }
    50% {
      transform: translateY(1rem) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  button.nav-btn span:nth-of-type(2) {
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
  button.nav-btn span:nth-of-type(3) {
    animation: btn07-bar03 0.75s forwards;
  }
  @keyframes btn07-bar03 {
    0% {
      transform: translateY(-1.2rem) rotate(-35deg);
    }
    50% {
      transform: translateY(-1.2rem) rotate(0);
    }
    100% {
      transform: translateY(0) rotate(0);
    }
  }
  button.nav-btn.act span:nth-of-type(1) {
    animation: active-btn07-bar01 0.75s forwards;
  }
  @keyframes active-btn07-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(1rem) rotate(0);
    }
    100% {
      transform: translateY(1rem) rotate(35deg);
    }
  }
  button.nav-btn.act span:nth-of-type(2) {
    opacity: 0;
  }
  button.nav-btn.act span:nth-of-type(3) {
    animation: active-btn07-bar03 0.75s forwards;
  }
  @keyframes active-btn07-bar03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-1.2rem) rotate(0);
    }
    100% {
      transform: translateY(-1.2rem) rotate(-35deg);
    }
  }
}
@media screen and (max-width: 750px) {
  nav.nav-float {
    position: absolute;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 9999;
    display: flex;
    flex-wrap: wrap;
  }
  nav.nav-float .btn-box {
    width: 20%;
  }
}
.com-content {
  width: 104rem;
  padding: 0 2rem;
  margin: 0 auto;
}

@media screen and (max-width: 750px) {
  .com-content {
    width: 75rem;
    padding: 0 4rem;
  }
}
.com-note {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
}

@media screen and (max-width: 750px) {
  .com-note {
    font-size: 2rem;
  }
}
.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;
}

@media screen and (max-width: 750px) {
  .com-cap {
    font-size: 2rem;
    bottom: 1rem;
    right: 1rem;
  }
  .com-cap.left {
    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-loadwrap {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  background: #fff;
  opacity: 1;
}

.com-loadwrap.no-act {
  animation-name: loadAnime;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in;
}
@keyframes loadAnime {
  0% {
    z-index: 99999;
    opacity: 1;
  }
  90% {
    z-index: 99999;
  }
  100% {
    z-index: -1;
    opacity: 0;
  }
}

.com-o-fit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.com-o-fit img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}

.com-o-fit.top img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
  width: 100%;
  height: 100%;
}

.com-o-fit.right img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: right center;
     object-position: right center;
  width: 100%;
  height: 100%;
}

.com-o-fit.bottom img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center bottom;
     object-position: center bottom;
  width: 100%;
  height: 100%;
}

.com-o-fit.left img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left center;
     object-position: left center;
  width: 100%;
  height: 100%;
}

.com-modal {
  /* Animation */
}
.com-modal .modal__overlay {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
}
.com-modal .modal__container {
  max-width: 50rem;
  max-height: 100vh;
  padding: 3rem;
  background: #fff;
  overflow-y: auto;
}
.com-modal .modal__header {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.com-modal .modal__title {
  font-size: 2rem;
}
.com-modal .modal__close::before {
  content: "✕";
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(10%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.com-modal .micromodal-slide {
  display: none;
}
.com-modal .micromodal-slide.is-open {
  display: block;
}
.com-modal .micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.com-modal .micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.com-modal .micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.com-modal .micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.8s cubic-bezier(0.34, 0.07, 0.095, 0.995);
}
.com-modal .micromodal-slide .modal__container,
.com-modal .micromodal-slide .modal__overlay {
  will-change: transform;
}

.com-sec-movie-modal .com-modal .modal__container {
  max-width: 54vh;
  max-height: 96vh;
  padding: 0;
}
.com-sec-movie-modal .com-modal .modal__container.wide {
  max-width: 100rem;
}
.com-sec-movie-modal .com-modal .modal__header {
  position: absolute;
  top: 2vh;
  left: calc(50% + 29vh);
}
.com-sec-movie-modal .com-modal .modal__header.wide {
  top: 14rem;
  left: calc(50% + 48rem);
}
.com-sec-movie-modal .com-modal .modal__close {
  font-size: 3rem;
  color: #fff;
}
.com-sec-movie-modal .com-modal .modal__content {
  padding: 0;
}

@media screen and (max-width: 750px) {
  .com-sec-movie-modal .com-modal .modal__container {
    max-width: 69rem;
  }
  .com-sec-movie-modal .com-modal .modal__container.wide {
    max-width: 71rem;
  }
  .com-sec-movie-modal .com-modal .modal__header {
    top: 2rem;
    right: 3.6rem;
    left: auto;
  }
  .com-sec-movie-modal .com-modal .modal__header.wide {
    top: calc(50% - 26rem);
    right: 2rem;
    left: auto;
  }
  .com-sec-movie-modal .com-modal .modal__close {
    font-size: 5rem;
  }
}
.com-swipe-icon-box {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  width: 17rem;
  padding: 1.5rem 0;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 1rem;
  z-index: 5;
}
.com-swipe-icon-box .icon {
  text-align: center;
}
.com-swipe-icon-box .icon span {
  font-size: 4rem;
  color: #fff;
}
.com-swipe-icon-box .icon span {
  transform: translateX(5rem);
  animation-name: comSwipeIconAnime;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: none;
  animation-play-state: running;
}
@keyframes comSwipeIconAnime {
  0% {
    transform: translateX(5rem);
  }
  100% {
    transform: translateX(-5rem);
  }
}
.com-swipe-icon-box .txt {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin: 0.5rem 0 0;
}

@media screen and (max-width: 750px) {
  .com-swipe-icon-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin: auto;
    display: block;
    width: 40rem;
    padding: 6rem 0;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 1rem;
    z-index: 5;
  }
  .com-swipe-icon-box .icon {
    text-align: center;
  }
  .com-swipe-icon-box .icon span {
    font-size: 8rem;
    color: #fff;
  }
  .com-swipe-icon-box .icon span {
    transform: translateX(5rem);
    animation-name: comSwipeIconAnime;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-fill-mode: none;
    animation-play-state: running;
  }
  @keyframes comSwipeIconAnime {
    0% {
      transform: translateX(5rem);
    }
    100% {
      transform: translateX(-5rem);
    }
  }
  .com-swipe-icon-box .txt {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.4;
    color: #fff;
    text-align: center;
    margin: 3rem 0 0;
  }
  .com-swipe-icon-box-2 {
    width: 14.8rem;
    background: none;
    padding: 0;
    opacity: 0.8;
    transform: none;
    bottom: 1.5rem;
    left: 1.5rem;
    top: auto;
  }
}
.js-com-fade {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 2000ms;
  opacity: 0;
  transform: translateY(2rem);
}

.js-com-fade.act {
  opacity: 1;
  transform: translateY(0rem);
}

.js-com-blur {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 2000ms;
  opacity: 0;
  filter: blur(10px);
}

.js-com-blur.act {
  opacity: 1;
  filter: blur(0px);
}

.js-com-img-fade {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 2000ms;
  opacity: 0;
  transform: scale(1.05);
  filter: blur(10px);
}

.js-com-img-fade.act {
  opacity: 1;
  transform: scale(1);
  filter: blur(0px);
}

.js-parallax-box {
  overflow: hidden;
}
.js-parallax-box .js-parallax {
  height: calc(100% + 100px);
  will-change: transform;
}

@media screen and (max-width: 750px) {
  .js-parallax-box .js-parallax {
    height: calc(100% + 50px);
  }
}
.com-sec-note {
  padding: 6rem 0 0;
}

@media screen and (max-width: 750px) {
  .com-sec-note {
    padding: 7rem 0 0;
  }
}
.com-sec-fnav {
  padding: 10rem 0 0;
}
.com-sec-fnav .copy-wrap .copy-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.04em;
  color: #85631e;
  text-align: center;
}
.com-sec-fnav .lists-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin: 6rem 0 0;
}
.com-sec-fnav .lists-wrap .list-area {
  width: calc(25% - 0.15rem);
  overflow: hidden;
}
.com-sec-fnav .lists-wrap .list-area .list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 40rem;
  position: relative;
}
.com-sec-fnav .lists-wrap .list-area .list-box .img {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
}
.com-sec-fnav .lists-wrap .list-area .list-box .cover {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #a2a18d;
  mix-blend-mode: multiply;
}
.com-sec-fnav .lists-wrap .list-area .list-box .copy {
  position: relative;
}
.com-sec-fnav .lists-wrap .list-area .list-box .copy-ttl {
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #fff;
  text-align: center;
}
.com-sec-fnav .lists-wrap .list-area .list-box .copy-btn {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 15rem;
  height: 3rem;
  background: #d1cdc2;
  border-radius: 100vh;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  margin: 3rem auto 0;
}
.com-sec-fnav .lists-wrap .list-area .list-box:hover .img {
  transform: scale(1.06);
}
.com-sec-fnav .lists-wrap .list-area .list-box:hover .cover {
  opacity: 0;
}

@media screen and (max-width: 750px) {
  .com-sec-fnav {
    padding: 11rem 0 0;
  }
  .com-sec-fnav .copy-wrap .copy-box .ttl {
    font-size: 4rem;
  }
  .com-sec-fnav .lists-wrap {
    gap: 0.4rem;
    margin: 7rem 0 0;
  }
  .com-sec-fnav .lists-wrap .list-area {
    width: 37.3rem;
  }
  .com-sec-fnav .lists-wrap .list-area .list-box {
    height: 37.3rem;
  }
  .com-sec-fnav .lists-wrap .list-area .list-box .copy-ttl {
    font-size: 4rem;
  }
  .com-sec-fnav .lists-wrap .list-area .list-box .copy-btn {
    width: 24rem;
    height: 4.8rem;
    font-size: 2.4rem;
    margin: 3rem auto 0;
  }
  .com-sec-fnav .lists-wrap .list-area .list-box:hover .img {
    transform: scale(1);
  }
  .com-sec-fnav .lists-wrap .list-area .list-box:hover .cover {
    opacity: 1;
  }
}
.com-btn-box {
  width: 38rem;
}
.com-btn-box .btn {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 1600ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 9.4rem;
  background-size: 200% 200%;
  background-position: right center;
  position: relative;
}
.com-btn-box .btn span {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
}
.com-btn-box .btn i {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  right: 2rem;
  width: 2.6rem;
}
.com-btn-box .btn::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  content: "";
  width: calc(100% - 1.4rem);
  height: calc(100% - 1.4rem);
  border: solid 1px rgba(255, 255, 255, 0.5);
}
.com-btn-box .btn:hover {
  background-position: left center;
}
.com-btn-box .btn.reserve {
  background-image: linear-gradient(45deg, #ce837a 0%, #ad3021 12%, #64120f 24%, #ad3021 36%, #ce837a 50%, #ad3021 64%, #64120f 76%, #ad3021 88%, #ce837a 100%);
}
.com-btn-box .btn.request {
  background-image: linear-gradient(45deg, rgb(165, 141, 120) 0%, rgb(142, 113, 86) 12%, rgb(75, 60, 48) 24%, rgb(142, 113, 86) 36%, rgb(187, 170, 154) 50%, rgb(142, 113, 86) 64%, rgb(75, 60, 48) 76%, rgb(142, 113, 86) 88%, rgb(165, 141, 120) 100%);
}
.com-btn-box .btn.app {
  background-image: linear-gradient(45deg, #fbaa68 0%, #d96e15 12%, #a5530e 24%, #d96e15 36%, #fbaa68 50%, #d96e15 64%, #a5530e 76%, #d96e15 88%, #fbaa68 100%);
}
.com-btn-box .btn.clr-1 {
  background-image: linear-gradient(45deg, #fbe7ac 0%, #807860 12%, #493d18 24%, #807860 36%, #fbe7ac 50%, #807860 64%, #493d18 76%, #807860 88%, #fbe7ac 100%);
}

@media screen and (max-width: 750px) {
  .com-btn-box {
    width: 50rem;
  }
  .com-btn-box .btn {
    height: 11.75rem;
  }
  .com-btn-box .btn span {
    font-size: 2.8rem;
    letter-spacing: 0em;
  }
  .com-btn-box .btn i {
    right: 2.5rem;
    width: 3.25rem;
  }
}
.com-sec-main {
  height: calc(100vh - 10rem);
  background: #fff;
}
.com-sec-main .main-wrap {
  height: calc(100% - 7rem);
  position: relative;
}
.com-sec-main .main-wrap .img-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mask-mode: alpha;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url("../../../build/img/common/main_mask_1.png");
          mask-image: url("../../../build/img/common/main_mask_1.png");
}
.com-sec-main .main-wrap .img-box .img {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 3000ms;
  opacity: 0;
  transform: scale(1.05);
  filter: blur(10px);
}
.com-sec-main .main-wrap .img-box.act .img {
  opacity: 1;
  transform: scale(1);
  filter: blur(0px);
}
.com-sec-main .main-wrap .copy-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 0 4rem;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.8);
}
.com-sec-main .main-wrap .copy-box .sub {
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.com-sec-main .main-wrap .copy-box .ttl {
  font-size: 4.5rem;
  letter-spacing: 0.04em;
  margin: 3rem 0 0;
}
.com-sec-main .copy-wrap {
  background: #103122;
}
.com-sec-main .copy-wrap .copy-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 7rem;
}
.com-sec-main .copy-wrap .copy-box .lead {
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
}

.com-sec-main.left .main-wrap .img-box {
  -webkit-mask-image: url("../../../build/img/common/main_mask_2.png");
          mask-image: url("../../../build/img/common/main_mask_2.png");
}

@media screen and (max-width: 750px) {
  .com-sec-main {
    height: 75rem;
  }
  .com-sec-main .main-wrap {
    height: calc(100% - 9rem);
  }
  .com-sec-main .main-wrap .img-box .img.gallery img {
    -o-object-position: 18% 50%;
       object-position: 18% 50%;
  }
  .com-sec-main .main-wrap .copy-box {
    padding: 0 0 5rem;
  }
  .com-sec-main .main-wrap .copy-box .sub {
    font-size: 2.2rem;
  }
  .com-sec-main .main-wrap .copy-box .ttl {
    font-size: 5.6rem;
    margin: 4rem 0 0;
  }
  .com-sec-main .copy-wrap .copy-box {
    height: 9rem;
  }
  .com-sec-main .copy-wrap .copy-box .lead {
    font-size: 3.6rem;
    letter-spacing: 0em;
  }
}
.com-lead {
  font-size: 2.6rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #a68f59;
  text-align: center;
}

.com-txt {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
  color: #a68f59;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .com-lead {
    font-size: 3.6rem;
  }
  .com-txt {
    font-size: 2.4rem;
  }
}
#pageTop .sec-float .float-wrap {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  position: fixed;
  z-index: 9999;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 0;
  width: 6rem;
}
#pageTop .sec-float .float-wrap .close-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 3rem;
  height: 3rem;
}
#pageTop .sec-float .float-wrap .bnr-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
}
#pageTop .sec-float .float-wrap .bnr-box:hover {
  opacity: 0.7;
}
#pageTop .sec-float .float-wrap.none {
  display: none;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-float .float-wrap {
    top: auto;
    bottom: 25rem;
    transform: none;
    width: 6.6rem;
  }
  #pageTop .sec-float .float-wrap .close-box {
    width: 4rem;
    height: 4rem;
  }
  #pageTop .sec-float .float-wrap .bnr-box:hover {
    opacity: 1;
  }
}
#pageTop .sec-main {
  height: 56.2vw;
}
#pageTop .sec-main .main-wrap {
  position: relative;
}
#pageTop .sec-main .main-wrap .batch-box {
  position: absolute;
  top: 0;
  right: 0;
  top: 2rem;
  right: 2rem;
  width: 18rem;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-main {
    height: 146.5vw;
  }
}
#pageTop .sec-intro {
  background: #15436C;
  overflow: hidden;
}
#pageTop .sec-intro .intro-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 2rem 0 2rem;
}
#pageTop .sec-intro .intro-wrap .left-area {
  padding: 0 6rem 0 0;
  margin: 0 2rem 0 0;
  position: relative;
}
#pageTop .sec-intro .intro-wrap .left-area .copy-box {
  position: relative;
}
#pageTop .sec-intro .intro-wrap .left-area .copy-box .p-1 {
  font-size: 2.4rem;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
#pageTop .sec-intro .intro-wrap .left-area .copy-box .p-1 span {
  font-size: 3.8rem;
}
#pageTop .sec-intro .intro-wrap .left-area::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  top: -3rem;
  width: 50vw;
  height: 24rem;
  background: rgba(0, 0, 0, 0.2);
  -webkit-clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
#pageTop .sec-intro .intro-wrap .right-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  gap: 0 1rem;
}
#pageTop .sec-intro .intro-wrap .right-area .copy-box.num-1 {
  width: 34.4rem;
}
#pageTop .sec-intro .intro-wrap .right-area .copy-box.num-2 {
  width: 34.8rem;
}
#pageTop .sec-intro .intro-wrap .right-area .copy-box.num-3 {
  width: 17.2rem;
}
#pageTop .sec-intro .intro-wrap .right-area .copy-box.num-4 {
  width: 22.4rem;
}
#pageTop .sec-intro .intro-wrap .right-area .copy-box.num-5 {
  width: 67rem;
}
#pageTop .sec-intro .intro-wrap .note-area {
  max-width: 122rem;
  width: 100%;
  padding: 0 2rem;
  margin: 2rem auto 0;
  position: relative;
}
#pageTop .sec-intro .intro-wrap .note-area .note-box {
  color: #fff;
}
@media screen and (max-width: 1174px) {
  #pageTop .sec-intro .intro-wrap {
    padding: 0 0 2rem;
  }
  #pageTop .sec-intro .intro-wrap .left-area {
    width: 100%;
    padding: 2rem 0;
    margin: 0 0rem 0 0;
  }
  #pageTop .sec-intro .intro-wrap .left-area::before {
    top: 0;
    width: 100vw;
    height: 100%;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
  #pageTop .sec-intro .intro-wrap .right-area {
    padding: 2rem 0;
  }
}
@media screen and (max-width: 750px) {
  #pageTop .sec-intro .intro-wrap {
    padding: 0 0 0rem;
  }
  #pageTop .sec-intro .intro-wrap .left-area {
    padding: 3rem 0;
  }
  #pageTop .sec-intro .intro-wrap .left-area .copy-box .p-1 {
    font-size: 4.4rem;
  }
  #pageTop .sec-intro .intro-wrap .left-area .copy-box .p-1 span {
    font-size: 4.4rem;
  }
  #pageTop .sec-intro .intro-wrap .right-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    gap: 4rem 0rem;
    padding: 3rem 3rem 5rem;
    position: relative;
  }
  #pageTop .sec-intro .intro-wrap .right-area .copy-box.num-1 {
    width: 48.16rem;
  }
  #pageTop .sec-intro .intro-wrap .right-area .copy-box.num-2 {
    width: 48.72rem;
  }
  #pageTop .sec-intro .intro-wrap .right-area .copy-box.num-3 {
    position: absolute;
    top: 0;
    right: 0;
    top: 2rem;
    right: 3rem;
    width: 18rem;
  }
  #pageTop .sec-intro .intro-wrap .right-area .batch-box {
    position: absolute;
    top: 0;
    right: 0;
    top: 13rem;
    right: 3rem;
    width: 18rem;
  }
  #pageTop .sec-intro .intro-wrap .note-area {
    padding: 0 4rem;
    margin: 0rem auto 0;
  }
}
#pageTop .sec-intro-2 {
  background: linear-gradient(20deg, rgb(204, 129, 122) 0%, rgb(152, 39, 28) 25%, rgb(128, 30, 22) 50%, rgb(152, 39, 28) 75%, rgb(204, 129, 122) 100%);
}
#pageTop .sec-intro-2 .intro-wrap {
  padding: 2rem 0;
}
#pageTop .sec-intro-2 .intro-wrap .intro-box .intro {
  font-size: 3.5rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
#pageTop .sec-intro-2 .intro-wrap .intro-box .intro sup {
  font-size: 1.5rem;
  vertical-align: super;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-intro-2 .intro-wrap {
    padding: 3rem 0;
  }
  #pageTop .sec-intro-2 .intro-wrap .intro-box .intro {
    font-size: 3.8rem;
    line-height: 1.6;
  }
  #pageTop .sec-intro-2 .intro-wrap .intro-box .intro sup {
    font-size: 2.2rem;
  }
}
#pageTop .sec-intro-3 {
  background: #152434;
  background: linear-gradient(0deg, rgb(21, 36, 52) 0%, rgb(7, 13, 18) 100%);
}
#pageTop .sec-intro-3 .intro-wrap {
  text-align: center;
  padding: 1rem 0;
}
#pageTop .sec-intro-3 .intro-wrap .intro-box {
  color: #fff;
  display: inline-block;
}
#pageTop .sec-intro-3 .intro-wrap .intro-box .intro {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
}
#pageTop .sec-intro-3 .intro-wrap .intro-box .s1 {
  font-size: 5rem;
  background: linear-gradient(180deg, #AF7E45 0%, #D4B282 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pageTop .sec-intro-3 .intro-wrap .intro-box .s2 {
  font-size: 3.6rem;
}
#pageTop .sec-intro-3 .intro-wrap .intro-box .note {
  text-align: right;
  margin: 0.5rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-intro-3 .intro-wrap {
    padding: 2rem 0;
  }
  #pageTop .sec-intro-3 .intro-wrap .intro-box .intro {
    font-size: 3.2rem;
  }
  #pageTop .sec-intro-3 .intro-wrap .intro-box .s1 {
    font-size: 6rem;
  }
  #pageTop .sec-intro-3 .intro-wrap .intro-box .s2 {
    font-size: 4.6rem;
  }
  #pageTop .sec-intro-3 .intro-wrap .intro-box .note {
    margin: 1rem 0 0;
  }
}
#pageTop .sec-merit {
  background: #CCC1A0;
}
#pageTop .sec-merit .merit-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 3rem 0;
  max-width: 118rem;
  padding: 3rem 0;
  margin: 0 auto;
  position: relative;
}
#pageTop .sec-merit .merit-wrap .merit-box {
  max-width: 40rem;
  width: 33.3333333333%;
  border-left: solid 1px #fff;
  position: relative;
}
#pageTop .sec-merit .merit-wrap .merit-box .merit {
  padding: 0 2rem;
}
#pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(1),
#pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(4),
#pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(7) {
  border-left: none;
}
#pageTop .sec-merit .merit-wrap .merit-box::before {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  top: -1.5rem;
  content: "";
  width: calc(100% - 4rem);
  height: 1px;
  background: #fff;
}
#pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(1)::before,
#pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(2)::before,
#pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(3)::before {
  display: none;
}
#pageTop .sec-merit .merit-wrap.num2 {
  padding: 3rem 0 0;
}
#pageTop .sec-merit .merit-wrap.num2 .merit-box {
  max-width: none;
  width: 50%;
}
#pageTop .sec-merit .merit-wrap.num2 .merit-box::before {
  display: none;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-merit {
    background: #CCC1A0;
  }
  #pageTop .sec-merit .merit-wrap {
    gap: 6rem 0;
    max-width: none;
    padding: 6rem 6rem;
  }
  #pageTop .sec-merit .merit-wrap .merit-box {
    max-width: none;
    width: 100%;
    border-left: none;
  }
  #pageTop .sec-merit .merit-wrap .merit-box .merit {
    padding: 0 0rem;
  }
  #pageTop .sec-merit .merit-wrap .merit-box::before {
    top: -3rem;
    width: calc(100% - 0rem);
  }
  #pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(2)::before,
  #pageTop .sec-merit .merit-wrap .merit-box:nth-of-type(3)::before {
    display: block;
  }
  #pageTop .sec-merit .merit-wrap.num2 {
    padding: 6rem 6rem 0;
  }
  #pageTop .sec-merit .merit-wrap.num2 .merit-box {
    width: 100%;
  }
  #pageTop .sec-merit .merit-wrap.num2 .merit-box::before {
    display: block;
  }
  #pageTop .sec-merit .merit-wrap.num2 .merit-box:nth-of-type(1)::before {
    display: none;
  }
}
#pageTop .sec-pet {
  border-top: solid 1px #d6d6d6;
  border-bottom: solid 1px #d6d6d6;
}
#pageTop .sec-pet .pet-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0 5rem;
}
#pageTop .sec-pet .pet-wrap .img-box {
  width: 22rem;
  position: relative;
}
#pageTop .sec-pet .pet-wrap .copy-box {
  color: #736357;
}
#pageTop .sec-pet .pet-wrap .copy-box .txt {
  font-size: 1.8rem;
}
#pageTop .sec-pet .pet-wrap .copy-box .txt span {
  font-size: 2.6rem;
}
#pageTop .sec-pet .pet-wrap .copy-box .note {
  font-size: 1rem;
  margin: 1.6rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-pet .pet-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 0 0rem;
  }
  #pageTop .sec-pet .pet-wrap .img-box {
    width: 29rem;
  }
  #pageTop .sec-pet .pet-wrap .copy-box {
    width: 37rem;
  }
  #pageTop .sec-pet .pet-wrap .copy-box .txt {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  #pageTop .sec-pet .pet-wrap .copy-box .txt span {
    font-size: 2.8rem;
  }
  #pageTop .sec-pet .pet-wrap .copy-box .note {
    font-size: 2rem;
    line-height: 1.2;
    margin: 1rem 0 0;
  }
}
#pageTop .sec-action {
  padding: 8rem 0;
}
#pageTop .sec-action .notice-wrap {
  margin: 0 0 6rem;
}
#pageTop .sec-action .notice-wrap .notice-box {
  width: 66rem;
  padding: 2rem 0;
  border: solid 1px #ad3021;
  color: #ad3021;
  text-align: center;
  margin: 0 auto;
}
#pageTop .sec-action .notice-wrap .notice-box .note {
  font-size: 1.4rem;
  line-height: 1.6;
}
#pageTop .sec-action .action-wrap-2 {
  width: 73rem;
  padding: 2rem 8rem 4rem;
  margin: 0 auto;
  position: relative;
}
#pageTop .sec-action .action-wrap-2 .bg-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#pageTop .sec-action .action-wrap-2 .copy-box {
  position: relative;
}
#pageTop .sec-action .action-wrap-2 .btn-box {
  margin: 4rem auto 0;
}
#pageTop .sec-action .action-wrap {
  padding: 1rem;
  background: #103122;
  margin: 8rem 0 0;
}
#pageTop .sec-action .action-wrap .action-area {
  padding: 8rem 0 6rem;
  border: solid 1px #fff;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-1 {
  width: 69rem;
  padding: 2rem 0;
  border-top: solid 1px rgba(255, 255, 255, 0.5);
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  margin: 0 auto;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-1 p {
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-1 .p-1 {
  font-size: 3.2rem;
  line-height: 1.6;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-1 .p-2 {
  font-size: 3.2rem;
  line-height: 1.6;
}
#pageTop .sec-action .action-wrap .action-area .notice-box {
  width: 66rem;
  padding: 2rem 0;
  border: solid 1px rgba(255, 255, 255, 0.5);
  color: #fff;
  text-align: center;
  margin: 5rem auto 0;
}
#pageTop .sec-action .action-wrap .action-area .notice-box .note {
  font-size: 1.4rem;
  line-height: 1.6;
}
#pageTop .sec-action .action-wrap .action-area .btn-box {
  margin: 2rem auto 0;
}
#pageTop .sec-action .action-wrap .action-area .btn-box-1 {
  margin: 5rem auto 0;
}
#pageTop .sec-action .action-wrap .action-area .bnr-box {
  width: 66rem;
  margin: 5rem auto 0;
}
#pageTop .sec-action .action-wrap .action-area .bnr-box .bnr {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
}
#pageTop .sec-action .action-wrap .action-area .bnr-box .bnr:hover {
  opacity: 0.7;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-2 {
  text-align: center;
  margin: 4rem auto 0;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-2 p {
  color: #fff;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-2 .p-1 {
  font-size: 2.2rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
#pageTop .sec-action .action-wrap .action-area .copy-box-2 .p-2 {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 2rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-action {
    padding: 9rem 0;
  }
  #pageTop .sec-action .notice-wrap {
    margin: 0 0 7rem;
  }
  #pageTop .sec-action .notice-wrap .notice-box {
    width: 100%;
    padding: 3rem 0;
  }
  #pageTop .sec-action .notice-wrap .notice-box .note {
    font-size: 2.2rem;
  }
  #pageTop .sec-action .action-wrap-2 {
    width: 100%;
    padding: 3rem 2rem 4rem;
  }
  #pageTop .sec-action .action-wrap {
    padding: 2rem;
    margin: 9rem 0 0;
  }
  #pageTop .sec-action .action-wrap .action-area {
    padding: 9rem 0 7rem;
  }
  #pageTop .sec-action .action-wrap .action-area .copy-box-1 {
    width: 56rem;
    padding: 3rem 0;
  }
  #pageTop .sec-action .action-wrap .action-area .copy-box-1 p {
    letter-spacing: 0;
  }
  #pageTop .sec-action .action-wrap .action-area .copy-box-1 .p-1 {
    font-size: 3.8rem;
  }
  #pageTop .sec-action .action-wrap .action-area .copy-box-1 .p-2 {
    font-size: 3.8rem;
  }
  #pageTop .sec-action .action-wrap .action-area .notice-box {
    width: 56rem;
    padding: 3rem 0;
    margin: 6rem auto 0;
  }
  #pageTop .sec-action .action-wrap .action-area .notice-box .note {
    font-size: 2rem;
  }
  #pageTop .sec-action .action-wrap .action-area .btn-box {
    margin: 3rem auto 0;
  }
  #pageTop .sec-action .action-wrap .action-area .btn-box-1 {
    margin: 6rem auto 0;
  }
  #pageTop .sec-action .action-wrap .action-area .bnr-box {
    width: 50rem;
    margin: 6rem auto 0;
  }
  #pageTop .sec-action .action-wrap .action-area .copy-box-2 {
    margin: 5rem auto 0;
  }
  #pageTop .sec-action .action-wrap .action-area .copy-box-2 .p-1 {
    font-size: 3rem;
    letter-spacing: 0;
  }
  #pageTop .sec-action .action-wrap .action-area .copy-box-2 .p-2 {
    font-size: 2.2rem;
    margin: 3rem 0 0;
  }
}
#pageTop .sec-bnr {
  padding: 0 0 4rem;
}
#pageTop .sec-bnr .bnr-wrap .bnr-box {
  margin: 0 0 4rem;
}
#pageTop .sec-bnr .bnr-wrap .bnr-box a {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
}
#pageTop .sec-bnr .bnr-wrap .bnr-box a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-bnr {
    padding: 0 0 5rem;
  }
}
#pageTop .sec-app {
  padding: 13rem 0 15rem;
  background: #d2cec3;
}
#pageTop .sec-app .app-wrap {
  padding: 6rem 0 9rem;
  background: #aea899;
}
#pageTop .sec-app .app-wrap .copy-area .copy-box {
  color: #fff;
  text-align: center;
}
#pageTop .sec-app .app-wrap .copy-area .copy-box .p-1 {
  font-size: 1.9rem;
  letter-spacing: 0.1em;
}
#pageTop .sec-app .app-wrap .copy-area .copy-box .p-2 {
  font-size: 2.9rem;
  letter-spacing: 0.1em;
  margin: 2rem 0 0;
}
#pageTop .sec-app .app-wrap .list-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 2rem;
  margin: 5rem 0 0;
}
#pageTop .sec-app .app-wrap .list-area .list-box {
  width: 25rem;
}
#pageTop .sec-app .app-wrap .list-area .list-box .img {
  position: relative;
}
#pageTop .sec-app .app-wrap .list-area .list-box .txt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 6rem;
  border-right: solid 1px rgba(255, 255, 255, 0.5);
  border-left: solid 1px rgba(255, 255, 255, 0.5);
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin: 1rem 0 0;
}
#pageTop .sec-app .app-wrap .step-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0 4rem;
  margin: 7rem 0 0;
}
#pageTop .sec-app .app-wrap .step-area .step-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 29rem;
  height: 21rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  position: relative;
}
#pageTop .sec-app .app-wrap .step-area .step-box .step {
  height: 9rem;
}
#pageTop .sec-app .app-wrap .step-area .step-box .step img {
  width: auto;
  height: 100%;
}
#pageTop .sec-app .app-wrap .step-area .step-box .copy {
  width: 24rem;
  text-align: center;
}
#pageTop .sec-app .app-wrap .step-area .step-box .copy-ttl {
  font-size: 1.6rem;
  color: #603813;
}
#pageTop .sec-app .app-wrap .step-area .step-box .copy-txt {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 2rem 0 0;
}
#pageTop .sec-app .app-wrap .step-area .step-box .arrow {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  right: -2.4rem;
  width: 2.4rem;
  height: 4.6rem;
  background: #fff;
  -webkit-clip-path: polygon(0 0, 0 100%, 100% 50%);
          clip-path: polygon(0 0, 0 100%, 100% 50%);
}
#pageTop .sec-app .app-wrap .btns-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 2rem;
  margin: 7rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-app {
    padding: 14rem 0 16rem;
  }
  #pageTop .sec-app .app-wrap {
    padding: 7rem 0 10rem;
  }
  #pageTop .sec-app .app-wrap .copy-area .copy-box .p-1 {
    font-size: 2.8rem;
  }
  #pageTop .sec-app .app-wrap .copy-area .copy-box .p-2 {
    font-size: 3.8rem;
    line-height: 1.4;
    margin: 3rem 0 0;
  }
  #pageTop .sec-app .app-wrap .list-area {
    gap: 2rem 0;
    padding: 0 4rem;
    margin: 6rem 0 0;
  }
  #pageTop .sec-app .app-wrap .list-area .list-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
  }
  #pageTop .sec-app .app-wrap .list-area .list-box .img {
    width: 46%;
  }
  #pageTop .sec-app .app-wrap .list-area .list-box .txt {
    width: 51%;
    height: 16rem;
    font-size: 2.2rem;
    letter-spacing: 0em;
    line-height: 1.8;
    margin: 0rem 0 0;
  }
  #pageTop .sec-app .app-wrap .step-scroll-area {
    padding: 0 0 1rem;
    overflow-x: scroll;
  }
  #pageTop .sec-app .app-wrap .step-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0 6rem;
    width: 170rem;
    margin: 8rem 0 0;
  }
  #pageTop .sec-app .app-wrap .step-area .step-box {
    width: 50rem;
    height: 30rem;
  }
  #pageTop .sec-app .app-wrap .step-area .step-box .step {
    height: 12rem;
  }
  #pageTop .sec-app .app-wrap .step-area .step-box .copy {
    width: 40rem;
  }
  #pageTop .sec-app .app-wrap .step-area .step-box .copy-ttl {
    font-size: 2.6rem;
  }
  #pageTop .sec-app .app-wrap .step-area .step-box .copy-txt {
    font-size: 2.2rem;
    margin: 3rem 0 0;
  }
  #pageTop .sec-app .app-wrap .step-area .step-box .arrow {
    right: -3rem;
    width: 3rem;
    height: 5.75rem;
  }
  #pageTop .sec-app .app-wrap .btns-area {
    gap: 2rem 0;
    margin: 8rem 0 0;
  }
}
#pageTop .sec-concept {
  padding: 10rem 0;
}
#pageTop .sec-concept .bg-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#pageTop .sec-concept .bg-wrap .bg-area {
  width: 820px;
  height: 1394px;
  margin: 10rem auto 0;
  position: relative;
}
#pageTop .sec-concept .bg-wrap .bg-area .bg-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-clip-path: url(#jsClipPath);
          clip-path: url(#jsClipPath);
}
#pageTop .sec-concept .bg-wrap .bg-area .svg-box path {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 1600ms;
}
#pageTop .sec-concept .bg-wrap .bg-area .border-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  width: 854px;
  opacity: 0;
}
#pageTop .sec-concept .bg-wrap .bg-area .border-box.act {
  opacity: 1;
}
#pageTop .sec-concept .bg-wrap .cover-area {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.8;
  mix-blend-mode: multiply;
}
#pageTop .sec-concept .copy-wrap {
  width: 820px;
  height: 1394px;
  padding: 16rem 0 0;
  margin: 0 auto;
  position: relative;
}
#pageTop .sec-concept .copy-wrap .logo-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 1200ms;
  width: 44rem;
  margin: 0 auto;
  opacity: 0;
}
#pageTop .sec-concept .copy-wrap .logo-box.act {
  opacity: 1;
}
#pageTop .sec-concept .copy-wrap .copy-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 1200ms;
  text-align: center;
  opacity: 0;
}
#pageTop .sec-concept .copy-wrap .copy-box .lead {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  line-height: 2.2;
  color: #a28b59;
  margin: 6rem 0 0;
}
#pageTop .sec-concept .copy-wrap .copy-box .txt {
  display: inline-block;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  line-height: 3.3;
  color: #fff;
  margin: 9rem 0 0;
}
#pageTop .sec-concept .copy-wrap .copy-box.act {
  opacity: 1;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-concept {
    padding: 11rem 0;
  }
  #pageTop .sec-concept .bg-wrap .bg-area {
    width: 327px;
    height: 555px;
    margin: 11rem auto 0;
  }
  #pageTop .sec-concept .bg-wrap .bg-area .border-box {
    width: 340px;
  }
  #pageTop .sec-concept .copy-wrap {
    width: 327px;
    height: 555px;
    padding: 17rem 0 0;
  }
  #pageTop .sec-concept .copy-wrap .logo-box {
    width: 44rem;
  }
  #pageTop .sec-concept .copy-wrap .copy-box .lead {
    font-size: 3.4rem;
    line-height: 1.6;
    margin: 4rem 0 0;
  }
  #pageTop .sec-concept .copy-wrap .copy-box .txt {
    font-size: 2.4rem;
    line-height: 2.2;
    margin: 6rem 0 0;
  }
}
#pageTop .sec-links .links-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 4rem 0;
}
#pageTop .sec-links .links-wrap .img-area {
  width: calc(50% + 12rem);
  height: 58rem;
  position: relative;
  overflow: hidden;
}
#pageTop .sec-links .links-wrap .img-area .img-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  mask-mode: alpha;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  -webkit-mask-image: url("../../../build/img/top/links_mask_left.png");
          mask-image: url("../../../build/img/top/links_mask_left.png");
}
#pageTop .sec-links .links-wrap .img-area .img-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  transition-duration: 2000ms;
  opacity: 0;
  transform: scale(1.05) translateX(-8%);
  filter: blur(10px);
}
#pageTop .sec-links .links-wrap .img-area .img-box.act-scroll {
  opacity: 1 !important;
  transform: scale(1) translateX(0%) !important;
  filter: blur(0px) !important;
}
#pageTop .sec-links .links-wrap .copy-area {
  max-width: 48rem;
  width: calc(50% - 12rem);
  text-align: center;
}
#pageTop .sec-links .links-wrap .copy-area .ttl-box {
  letter-spacing: 0.06em;
  color: #86631e;
}
#pageTop .sec-links .links-wrap .copy-area .ttl-box .sub {
  font-size: 1.2rem;
  font-weight: 700;
}
#pageTop .sec-links .links-wrap .copy-area .ttl-box .ttl {
  font-size: 3.6rem;
  margin: 3rem 0 0;
}
#pageTop .sec-links .links-wrap .copy-area .box-box {
  width: 21rem;
  margin: 4rem auto 0;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 4rem;
  background: #dbd2c5;
  position: relative;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn span {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #86631e;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn i {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  right: 1rem;
  width: 1.8rem;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn::before,
#pageTop .sec-links .links-wrap .copy-area .box-box .btn::after {
  content: "";
  width: 100%;
  height: 1px;
  background: rgba(134, 99, 30, 0.5);
  position: absolute;
  left: 0;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn::before {
  top: 0.3rem;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn::after {
  bottom: 0.3rem;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn:hover {
  background: #86631e;
}
#pageTop .sec-links .links-wrap .copy-area .box-box .btn:hover span {
  color: #dbd2c5;
}
#pageTop .sec-links .links-wrap .copy-area .txt-box {
  color: #86631e;
  margin: 4rem 0 0;
}
#pageTop .sec-links .links-wrap .copy-area .txt-box .txt {
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
#pageTop .sec-links .links-wrap.reverse {
  flex-direction: row-reverse;
}
#pageTop .sec-links .links-wrap.reverse .img-area .img-box {
  -webkit-mask-image: url("../../../build/img/top/links_mask_right.png");
          mask-image: url("../../../build/img/top/links_mask_right.png");
  transform: scale(1.05) translateX(8%);
}
#pageTop .sec-links .links-wrap.num-1 {
  background: #e8e6e1;
}
#pageTop .sec-links .links-wrap.num-2 {
  background: #786148;
}
#pageTop .sec-links .links-wrap.num-2 .copy-area .ttl-box {
  color: #bfad87;
}
#pageTop .sec-links .links-wrap.num-2 .copy-area .txt-box {
  color: #bfad87;
}
#pageTop .sec-links .links-wrap.num-3 {
  background: #103122;
}
#pageTop .sec-links .links-wrap.num-3 .copy-area .ttl-box {
  color: #bfad87;
}
#pageTop .sec-links .links-wrap.num-3 .copy-area .txt-box {
  color: #bfad87;
}
#pageTop .sec-links .links-wrap.num-4 {
  background: #ced3cf;
}
#pageTop .sec-links .links-wrap.num-5 {
  background: #e7e5e0;
}
#pageTop .sec-links .links-wrap.num-6 {
  background: #2c3122;
}
#pageTop .sec-links .links-wrap.num-6 .copy-area .ttl-box {
  color: #bba983;
}
#pageTop .sec-links .links-wrap.num-6 .copy-area .txt-box {
  color: #bba983;
}
#pageTop .sec-links .links-wrap.num-7 {
  background: #786148;
}
#pageTop .sec-links .links-wrap.num-7 .copy-area .ttl-box {
  color: #bba983;
}
#pageTop .sec-links .links-wrap.num-7 .copy-area .txt-box {
  color: #bba983;
}
@media screen and (max-width: 750px) {
  #pageTop .sec-links .links-wrap {
    padding: 5rem 0 10rem;
  }
  #pageTop .sec-links .links-wrap .img-area {
    width: 70rem;
    height: 52rem;
  }
  #pageTop .sec-links .links-wrap .copy-area {
    max-width: none;
    width: 100%;
    margin: 8rem 0 0;
  }
  #pageTop .sec-links .links-wrap .copy-area .ttl-box .sub {
    font-size: 2.2rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .ttl-box .ttl {
    font-size: 6.6rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .box-box {
    width: 37rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .box-box .btn {
    height: 6.8rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .box-box .btn span {
    font-size: 2.2rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .box-box .btn i {
    right: 1.5rem;
    width: 2.7rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .box-box .btn::before {
    top: 0.6rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .box-box .btn::after {
    bottom: 0.6rem;
  }
  #pageTop .sec-links .links-wrap .copy-area .txt-box .txt {
    font-size: 3.4rem;
  }
}
#pageDesign main#main {
  background: #eceae5;
}
#pageDesign .sec-intro {
  margin: 8rem 0 0;
}
#pageDesign .sec-intro .copy-wrap .copy-box .txt {
  margin: 4rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageDesign .sec-intro {
    margin: 9rem 0 0;
  }
  #pageDesign .sec-intro .copy-wrap .copy-box .txt {
    margin: 5rem 0 0;
  }
}
#pageDesign .sec-perth {
  margin: 8rem 0 0;
}
#pageDesign .sec-perth .img-wrap {
  overflow: hidden;
}
#pageDesign .sec-perth .img-wrap .img-box {
  height: 130rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .sec-perth {
    margin: 9rem 0 0;
  }
  #pageDesign .sec-perth .img-wrap .img-box {
    height: 69rem;
  }
}
#pageDesign .sec-fd {
  margin: 8rem 0 10rem;
}
#pageDesign .sec-fd .fd-wrap {
  background: #fff;
  border: solid 1px rgba(35, 24, 21, 0.5);
  border-bottom: none;
}
#pageDesign .sec-fd .fd-wrap .copy-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5rem 4rem;
}
#pageDesign .sec-fd .fd-wrap .copy-area .ttl-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.1em;
  line-height: 1.2;
  color: #a78f59;
}
#pageDesign .sec-fd .fd-wrap .copy-area .copy-box {
  width: 50%;
}
#pageDesign .sec-fd .fd-wrap .copy-area .copy-box .lead {
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
#pageDesign .sec-fd .fd-wrap .copy-area .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 2rem 0 0;
}
#pageDesign .sec-fd .fd-wrap .img-area .img-box {
  height: 62rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #pageDesign .sec-fd {
    margin: 9rem 0 11rem;
  }
  #pageDesign .sec-fd .fd-wrap .copy-area {
    padding: 6rem 4rem;
  }
  #pageDesign .sec-fd .fd-wrap .copy-area .ttl-box .ttl {
    font-size: 4rem;
  }
  #pageDesign .sec-fd .fd-wrap .copy-area .copy-box {
    width: 100%;
    margin: 3rem 0 0;
  }
  #pageDesign .sec-fd .fd-wrap .copy-area .copy-box .lead {
    font-size: 3.4rem;
    letter-spacing: 0.04em;
  }
  #pageDesign .sec-fd .fd-wrap .copy-area .copy-box .txt {
    font-size: 2.4rem;
    margin: 3rem 0 0;
  }
  #pageDesign .sec-fd .fd-wrap .img-area .img-box {
    height: 42rem;
  }
}
@media screen and (max-width: 750px) {
  #pageDesign .wave-wave img {
    width: 110%;
    margin: 0 0 0 -5%;
  }
}
#pageDesign .sec-lists {
  padding: 7rem 0 11rem;
  background: #103122;
  margin: -1px 0 0;
}
#pageDesign .sec-lists .lists-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8rem 0;
}
#pageDesign .sec-lists .lists-wrap .list-area {
  width: 41rem;
  position: relative;
}
#pageDesign .sec-lists .lists-wrap .list-area .copy-box {
  color: #b9a57a;
}
#pageDesign .sec-lists .lists-wrap .list-area .copy-box .lead {
  font-size: 2rem;
  letter-spacing: 0.1em;
}
#pageDesign .sec-lists .lists-wrap .list-area .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 2rem 0 0;
}
#pageDesign .sec-lists .lists-wrap .list-area .img-box {
  margin: 4rem 0 0;
  position: relative;
}
#pageDesign .sec-lists .lists-wrap .list-area::before {
  position: absolute;
  bottom: 0;
  left: 0;
  left: -9rem;
  content: "";
  width: 1px;
  height: 40rem;
  background: #b9a57a;
}
#pageDesign .sec-lists .lists-wrap .list-area.num-1::before,
#pageDesign .sec-lists .lists-wrap .list-area.num-3::before {
  display: none;
}
@media screen and (max-width: 750px) {
  #pageDesign .sec-lists {
    padding: 8rem 0 12rem;
  }
  #pageDesign .sec-lists .lists-wrap .list-area {
    width: 100%;
  }
  #pageDesign .sec-lists .lists-wrap .list-area .copy-box .lead {
    font-size: 3rem;
  }
  #pageDesign .sec-lists .lists-wrap .list-area .copy-box .txt {
    font-size: 2.4rem;
    margin: 3rem 0 0;
  }
  #pageDesign .sec-lists .lists-wrap .list-area .img-box {
    width: 59rem;
    margin: 5rem auto 0;
    position: relative;
  }
  #pageDesign .sec-lists .lists-wrap .list-area::before {
    display: none;
  }
}
#pageLocation main.main {
  background: #dad9d7;
}
#pageLocation .sec-anker {
  padding: 12rem 0 0;
}
#pageLocation .sec-anker .anker-wrap {
  display: flex;
  flex-wrap: wrap;
}
#pageLocation .sec-anker .anker-wrap .btn-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
  height: 10rem;
  border-top: solid 1px #231815;
  border-bottom: solid 1px #231815;
  position: relative;
}
#pageLocation .sec-anker .anker-wrap .btn-box p {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  font-size: 1.7rem;
}
#pageLocation .sec-anker .anker-wrap .btn-box:hover,
#pageLocation .sec-anker .anker-wrap .btn-box.act {
  background: #103122;
}
#pageLocation .sec-anker .anker-wrap .btn-box:hover p,
#pageLocation .sec-anker .anker-wrap .btn-box.act p {
  color: #a78f59;
}
#pageLocation .sec-anker .anker-wrap .btn-box::before,
#pageLocation .sec-anker .anker-wrap .btn-box::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #231815;
}
#pageLocation .sec-anker .anker-wrap .btn-box::before {
  position: absolute;
  top: 0;
  left: 0;
}
#pageLocation .sec-anker .anker-wrap .btn-box::after {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}
#pageLocation .sec-anker .anker-wrap .btn-box:last-of-type::after {
  display: block;
}
@media screen and (max-width: 750px) {
  #pageLocation .sec-anker {
    padding: 13rem 0 0;
  }
  #pageLocation .sec-anker .anker-wrap .btn-box {
    width: 33.3333333333%;
    height: 10rem;
  }
  #pageLocation .sec-anker .anker-wrap .btn-box p {
    font-size: 2.6rem;
    text-align: center;
  }
  #pageLocation .sec-anker .anker-wrap .btn-box:hover {
    background: none;
  }
  #pageLocation .sec-anker .anker-wrap .btn-box:hover p {
    color: #231815;
  }
  #pageLocation .sec-anker .anker-wrap .btn-box.act {
    background: #103122;
  }
  #pageLocation .sec-anker .anker-wrap .btn-box.act p {
    color: #a78f59;
  }
}
#pageLocation .sec-intro {
  padding: 8rem 0 0;
}
#pageLocation .sec-intro .copy-wrap .copy-box .lead {
  color: #808059;
}
#pageLocation .sec-intro .copy-wrap .copy-box .txt {
  font-size: 1.8rem;
  color: #808059;
  margin: 4rem 0 0;
}
#pageLocation .sec-intro .map-wrap {
  max-width: 1230px;
  margin: 1rem auto 0;
}
#pageLocation .sec-intro .map-wrap .img-box {
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLocation .sec-intro {
    padding: 9rem 0 0;
  }
  #pageLocation .sec-intro .copy-wrap .copy-box .txt {
    margin: 5rem 0 0;
  }
  #pageLocation .sec-intro .map-wrap {
    margin: 2rem auto 0;
  }
  #pageLocation .sec-intro .map-wrap .img-box {
    padding: 0 0 1rem;
  }
}
#pageLocation .sec-graph {
  padding: 8rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap .lead-area .lead-box {
  padding: 0 0 1rem;
  border-bottom: solid 1px #231815;
}
#pageLocation .sec-graph .cntnt-wrap .lead-area .lead-box .lead {
  font-size: 2rem;
  color: #808059;
  text-align: center;
}
#pageLocation .sec-graph .cntnt-wrap .lead-area .lead-box .lead sup {
  font-size: 1rem;
  vertical-align: top;
}
#pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 3rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box {
  width: 40rem;
}
#pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box .txt {
  font-size: 1.4rem;
  line-height: 2;
}
#pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box .label {
  padding: 1rem 0;
  background: #808059;
  font-size: 1.7rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin: 2rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box .note {
  margin: 1rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .img-box {
  width: 56rem;
}
#pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .img-box .note {
  margin: 2rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-2 {
  margin: 5rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-2 .lead-area .txt-box {
  margin: 3rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-2 .lead-area .txt-box .txt {
  font-size: 1.4rem;
  line-height: 2;
}
#pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 6rem 0;
  margin: 6rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box {
  width: 45rem;
}
#pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box .ttl {
  font-size: 1.8rem;
  color: #004540;
  text-align: center;
}
#pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box .img {
  margin: 3rem 0 0;
}
#pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box:nth-of-type(1) {
  width: 75rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageLocation .sec-graph {
    padding: 9rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap .lead-area .lead-box {
    padding: 0 0 2rem;
  }
  #pageLocation .sec-graph .cntnt-wrap .lead-area .lead-box .lead {
    font-size: 3rem;
    line-height: 1.6;
  }
  #pageLocation .sec-graph .cntnt-wrap .lead-area .lead-box .lead sup {
    font-size: 2rem;
  }
  #pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area {
    margin: 4rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box {
    width: 100%;
  }
  #pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box .txt {
    font-size: 2.4rem;
  }
  #pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box .label {
    padding: 2rem 0;
    font-size: 2.6rem;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .copy-box .note {
    margin: 2rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .img-box {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-1 .cntnt-area .img-box .note {
    margin: 3rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 {
    margin: 6rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 .lead-area .txt-box {
    margin: 4rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 .lead-area .txt-box .txt {
    font-size: 2.4rem;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area {
    gap: 7rem 0;
    margin: 7rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box {
    width: 100%;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box .ttl {
    font-size: 2.8rem;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box .img {
    margin: 4rem 0 0;
  }
  #pageLocation .sec-graph .cntnt-wrap-2 .cntnt-area .img-box:nth-of-type(1) {
    width: 100%;
  }
}
#pageLocation .sec-white .white-wrap {
  padding: 0 0 6rem;
  background: #fff;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap .copy-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 5rem 4rem;
}
#pageLocation .sec-white .white-wrap .copy-area .ttl-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.1em;
  line-height: 1.2;
  color: #a78f59;
}
#pageLocation .sec-white .white-wrap .copy-area .copy-box {
  width: 50%;
}
#pageLocation .sec-white .white-wrap .copy-area .copy-box .lead {
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
#pageLocation .sec-white .white-wrap .copy-area .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 2;
  margin: 2rem 0 0;
}
#pageLocation .sec-white .white-wrap .slide-area .swiper {
  overflow: initial;
}
#pageLocation .sec-white .white-wrap .slide-area .swiper-wrapper {
  transition-timing-function: linear;
}
#pageLocation .sec-white .white-wrap .slide-area .swiper-slide {
  width: 68rem;
  height: 42rem;
  position: relative;
}
#pageLocation .sec-white .white-wrap .slide-area .img-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#pageLocation .sec-white .white-wrap .slide-copy-area {
  margin: 5rem 0 0;
}
#pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .lead {
  padding: 0 4rem 2rem;
  border-bottom: solid 1px #231815;
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  color: #808059;
}
#pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .txt {
  padding: 0 4rem;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 2rem 0 0;
}
#pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .txt sup {
  font-size: 1rem;
  vertical-align: top;
  position: relative;
  left: -1rem;
}
#pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .note {
  padding: 0 4rem;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap .lists-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 0;
  margin: 6rem 0 0;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box {
  width: 48rem;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .img {
  position: relative;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .patch {
  width: 12rem;
  position: absolute;
  top: -2rem;
  right: -2rem;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .patch.w9 {
  width: 9rem;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .patch.rb {
  top: auto;
  bottom: -2rem;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .ttl {
  font-size: 1.1rem;
  line-height: 1.2;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .ttl span {
  font-size: 1.6rem;
  color: #786148;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .txt {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 2rem 0 0;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box .note {
  padding: 0 4rem;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box.flex {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box.flex .img {
  width: 50%;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(odd) .ttl,
#pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(odd) .txt {
  padding: 0 0 0 4rem;
}
#pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(even) .ttl,
#pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(even) .txt {
  padding: 0 4rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .ex-area {
  padding: 6rem 3rem 5rem;
  border: solid 1px #b7b5b0;
  margin: 6rem 4rem 0;
}
#pageLocation .sec-white .white-wrap-2 .ex-area .copy-box .lead {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  color: #808059;
  text-align: center;
}
#pageLocation .sec-white .white-wrap-2 .ex-area .list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 0;
  margin: 4rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .ex-area .list-box .list {
  width: 32%;
}
#pageLocation .sec-white .white-wrap-2 .ex-area .list-box .list-img {
  position: relative;
}
#pageLocation .sec-white .white-wrap-2 .ex-area .list-box .list-ttl {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 4rem;
  background: #00417a;
  font-size: 1.3rem;
  color: #fff;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .ex-area .list-box .list-txt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 84rem;
  padding: 1rem 1rem 1.5rem 4rem;
  background: linear-gradient(90deg, rgb(222, 221, 194) 0%, rgb(255, 255, 255) 100%);
  margin: 6rem auto 0;
  position: relative;
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .arw-box {
  position: absolute;
  top: 0;
  left: 0;
  top: 4.2rem;
  width: 3rem;
  height: 4rem;
  background: #4a7e57;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .copy-box {
  width: calc(100% - 27rem);
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .copy-box .lead {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #305836;
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .copy-box .txt {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 2rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .img-box {
  width: 24rem;
  position: relative;
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .img-box .cap {
  right: 2rem;
}
#pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .note-box {
  width: 100%;
  text-align: right;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 4rem 3rem;
  background: #bdbbb6;
  margin: 6rem 4rem 0;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .copy-box {
  width: 41rem;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .copy-box .lead {
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #808059;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 2rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 3rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list {
  width: 41rem;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-img {
  position: relative;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-patch {
  width: 12rem;
  position: absolute;
  top: -1rem;
  right: -1rem;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-patch.left {
  right: auto;
  left: -1rem;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-ttl {
  font-size: 1.1rem;
  color: #786148;
  margin: 1rem 0 0;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-ttl span {
  font-size: 1.6rem;
}
#pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box-2 {
  width: 41rem;
  margin: 0rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLocation .sec-white .white-wrap {
    padding: 0 0 7rem;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .copy-area {
    padding: 6rem 4rem;
  }
  #pageLocation .sec-white .white-wrap .copy-area .ttl-box .ttl {
    font-size: 4rem;
  }
  #pageLocation .sec-white .white-wrap .copy-area .copy-box {
    width: 100%;
  }
  #pageLocation .sec-white .white-wrap .copy-area .copy-box .lead {
    font-size: 3.2rem;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .copy-area .copy-box .txt {
    font-size: 2.4rem;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .slide-copy-area {
    margin: 6rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .lead {
    padding: 0 4rem 3rem;
    font-size: 3.2rem;
    letter-spacing: 0em;
    line-height: 1.4;
  }
  #pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .txt {
    font-size: 2.4rem;
    letter-spacing: 0em;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .txt sup {
    font-size: 2rem;
  }
  #pageLocation .sec-white .white-wrap .slide-copy-area .copy-box .note {
    margin: 2rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .lists-area {
    gap: 5rem 0;
    padding: 0 4rem;
    margin: 7rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box {
    width: 100%;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box .patch {
    width: 15rem;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box .patch.w9 {
    width: 11.25rem;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box .ttl {
    font-size: 2.2rem;
    line-height: 1.6;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box .ttl span {
    font-size: 2.6rem;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box .txt {
    font-size: 2.2rem;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box.flex .img {
    width: 100%;
    margin: 0 0 2rem;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(odd) .ttl,
  #pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(odd) .txt {
    padding: 0 0 0 0rem;
  }
  #pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(even) .ttl,
  #pageLocation .sec-white .white-wrap .lists-area .list-box:nth-of-type(even) .txt {
    padding: 0 0rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .ex-area {
    padding: 4rem 4rem 4rem;
    margin: 7rem 4rem 0;
  }
  #pageLocation .sec-white .white-wrap-2 .ex-area .copy-box .lead {
    font-size: 3.2rem;
    line-height: 1.4;
  }
  #pageLocation .sec-white .white-wrap-2 .ex-area .list-box {
    gap: 0rem 0;
    margin: 1rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .ex-area .list-box .list {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .ex-area .list-box .list-ttl {
    height: 6rem;
    font-size: 2.2rem;
  }
  #pageLocation .sec-white .white-wrap-2 .ex-area .list-box .list-txt {
    font-size: 2.2rem;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area {
    width: 59rem;
    padding: 6rem 0rem 4rem 4rem;
    margin: 7rem auto 0;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .arw-box {
    top: 7.6rem;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .copy-box {
    width: 100%;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .copy-box .lead {
    font-size: 2.8rem;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .copy-box .txt {
    font-size: 2.4rem;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .img-box {
    width: 53rem;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .img-box .cap {
    right: 4rem;
  }
  #pageLocation .sec-white .white-wrap-2 .tokyo-bay-area .note-box {
    text-align: left;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 {
    display: block;
    padding: 5rem 4rem;
    margin: 7rem 4rem 0;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .copy-box {
    width: 100%;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .copy-box .lead {
    font-size: 3rem;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .copy-box .txt {
    font-size: 2.4rem;
    letter-spacing: 0.02em;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box {
    margin: 0rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-patch {
    width: 15rem;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-ttl {
    font-size: 2.2rem;
    line-height: 1.4;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box .list-ttl span {
    font-size: 2.6rem;
  }
  #pageLocation .sec-white .white-wrap-2 .lists-area-2 .lists-box-2 {
    width: 100%;
  }
}
#pageLocation .sec-green {
  padding: 7rem 0 5rem;
  background: #103122;
  margin: 12rem 0 0;
}
#pageLocation .sec-green .green-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pageLocation .sec-green .green-wrap .copy-area .copy-box .lead {
  font-size: 2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
  color: #a78f59;
}
#pageLocation .sec-green .green-wrap .copy-area .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 2;
  color: #a78f59;
  margin: 3rem 0 0;
}
#pageLocation .sec-green .green-wrap .copy-area .copy-box .note {
  color: #a78f59;
  text-align: right;
  margin: 2rem 0 0;
}
#pageLocation .sec-green .green-wrap .img-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pageLocation .sec-green .green-wrap .img-area .img-box .img {
  position: relative;
}
#pageLocation .sec-green .green-wrap .img-area .img-box .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#pageLocation .sec-green .green-wrap .img-area .img-box .note {
  color: #fff;
  text-align: right;
  margin: 0.6rem 0 0;
}
#pageLocation .sec-green .green-wrap-1 .copy-area {
  width: 33rem;
}
#pageLocation .sec-green .green-wrap-1 .img-area {
  width: 61rem;
}
#pageLocation .sec-green .green-wrap-1 .img-area .img-box .img-1 {
  width: 25rem;
  height: 28rem;
}
#pageLocation .sec-green .green-wrap-1 .img-area .img-box .img-2 {
  width: 35rem;
  height: 28rem;
}
#pageLocation .sec-green .green-wrap-2 .copy-area {
  width: 47rem;
}
#pageLocation .sec-green .green-wrap-2 .copy-area .copy-box .note {
  text-align: left;
}
#pageLocation .sec-green .green-wrap-2 .img-area {
  width: 48rem;
}
#pageLocation .sec-green .green-wrap-2 .img-area .img-box .img {
  width: 48rem;
  height: 28rem;
}
@media screen and (max-width: 750px) {
  #pageLocation .sec-green {
    padding: 8rem 0 6rem;
    margin: 13rem 0 0;
  }
  #pageLocation .sec-green .green-wrap .copy-area .copy-box .lead {
    font-size: 3rem;
  }
  #pageLocation .sec-green .green-wrap .copy-area .copy-box .txt {
    font-size: 2.4rem;
    margin: 4rem 0 0;
  }
  #pageLocation .sec-green .green-wrap .img-area .img-box .note {
    text-align: left;
    margin: 1rem 0 0;
  }
  #pageLocation .sec-green .green-wrap-1 .copy-area {
    width: 100%;
  }
  #pageLocation .sec-green .green-wrap-1 .img-area {
    width: 100%;
  }
  #pageLocation .sec-green .green-wrap-1 .img-area .img-box {
    margin: 4rem 0 0;
  }
  #pageLocation .sec-green .green-wrap-1 .img-area .img-box .img-1 {
    width: 31rem;
  }
  #pageLocation .sec-green .green-wrap-1 .img-area .img-box .img-2 {
    width: 35rem;
  }
  #pageLocation .sec-green .green-wrap-2 .copy-area {
    width: 100%;
  }
  #pageLocation .sec-green .green-wrap-2 .img-area {
    width: 100%;
  }
  #pageLocation .sec-green .green-wrap-2 .img-area .img-box {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageLocation .sec-green .green-wrap-2 .img-area .img-box .img {
    width: 100%;
    height: 38rem;
  }
}
#pageLocation .sec-brn {
  padding: 12vw 0 10rem;
  background: #786148;
}
#pageLocation .sec-brn .accent-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#pageLocation .sec-brn .accent-wrap .accent {
  position: relative;
  top: -1px;
}
#pageLocation .sec-brn .map-wrap {
  background: #fff;
  position: relative;
}
#pageLocation .sec-brn .map-wrap .copy-box {
  position: absolute;
  top: 0;
  left: 0;
  top: 6rem;
  left: 4rem;
  width: 39rem;
}
#pageLocation .sec-brn .map-wrap .copy-box .lead {
  padding: 0 0 1rem;
  border-bottom: solid 1px #231815;
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #786148;
}
#pageLocation .sec-brn .map-wrap .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 1rem 0 0;
}
#pageLocation .sec-brn .map-wrap .map-box {
  width: 90rem;
  margin: 0 0 0 auto;
  position: relative;
}
#pageLocation .sec-brn .map-wrap .map-box .cap {
  right: 2rem;
  bottom: 2rem;
}
#pageLocation .sec-brn .map-wrap .modal-btn-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  position: absolute;
  bottom: 0;
  right: 0;
  right: 6rem;
  bottom: 8rem;
  width: 11rem;
}
#pageLocation .sec-brn .map-wrap .modal-btn-box:hover {
  opacity: 0.7;
}
#pageLocation .sec-brn .copy-wrap .copy-box .lead {
  padding: 0 0 2rem;
  border-bottom: solid 1px #fff;
  font-size: 2rem;
  letter-spacing: 0.1em;
  color: #b39e80;
}
#pageLocation .sec-brn .copy-wrap .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  color: #fff;
  margin: 1rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-end;
  margin: 8rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 60rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box .img {
  width: 100%;
  height: 37rem;
  position: relative;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box .img.w-2 {
  width: 25rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box .img.w-3 {
  width: 34rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box {
  width: 32rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .label {
  padding: 0.6rem 0 0.6rem 4rem;
  background: #103122;
  font-size: 1.1rem;
  line-height: 1.6;
  color: #a78f59;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .label span {
  font-size: 1.6rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .txt {
  padding: 2rem 0 2rem 4rem;
  font-size: 1.2rem;
  line-height: 1.6;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .note {
  border-top: solid 1px #231815;
  padding: 2rem 0 1rem 4rem;
  font-size: 1.1rem;
  line-height: 1.4;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-1 {
  margin-left: 0;
  margin-right: auto;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-2 {
  flex-direction: row-reverse;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-2 .copy-box .txt {
  padding-right: 4rem;
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-2 .copy-box .note {
  padding-right: 4rem;
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-3,
#pageLocation .sec-brn .brn-wrap-1 .brn-area-4 {
  width: 43rem;
  margin-left: 3rem;
  margin-right: 3rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-3 .copy-box .label,
#pageLocation .sec-brn .brn-wrap-1 .brn-area-4 .copy-box .label {
  padding-left: 1rem;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-3 .copy-box .txt,
#pageLocation .sec-brn .brn-wrap-1 .brn-area-4 .copy-box .txt {
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-3 .copy-box .note,
#pageLocation .sec-brn .brn-wrap-1 .brn-area-4 .copy-box .note {
  padding-left: initial;
  padding-bottom: 2rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-4 {
  flex-direction: column-reverse;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-5 {
  flex-direction: row-reverse;
  margin-left: auto;
  margin-right: 0;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-5 .copy-box .txt {
  padding-right: 4rem;
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-5 .copy-box .note {
  padding-right: 4rem;
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-6 {
  align-items: center;
  margin-right: auto;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-7 {
  flex-direction: column;
  align-items: flex-start;
  width: 49rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-7 .img-box .img {
  height: 27rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-7 .copy-box .label {
  padding-left: 1rem;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-7 .copy-box .txt {
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-8 {
  flex-direction: column;
  align-items: flex-start;
  width: 46rem;
  margin-left: auto;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-8 .img-box .img {
  height: 33rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-8 .copy-box .label {
  padding-left: 1rem;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-8 .copy-box .txt {
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-9 {
  align-items: center;
  margin-right: auto;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-10 {
  flex-direction: column;
  align-items: flex-start;
  width: 49rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-10 .img-box .img {
  height: 40rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-10 .copy-box .label {
  padding-left: 1rem;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-10 .copy-box .txt {
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-11 {
  flex-direction: column-reverse;
  width: 46rem;
  margin-left: auto;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-11 .img-box .img {
  height: 38rem;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-11 .copy-box .label {
  padding-left: 1rem;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-1 .brn-area-11 .copy-box .txt {
  padding-left: initial;
}
#pageLocation .sec-brn .brn-wrap-2 {
  position: relative;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area .copy-box .ttl {
  font-size: 1.1rem;
  line-height: 1.4;
  color: #fff;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area .copy-box .ttl span {
  font-size: 1.6rem;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area .copy-box .txt {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-1 {
  width: 78rem;
  margin: 5rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-2 {
  flex-direction: row-reverse;
  width: 78rem;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-2 .img-box {
  width: 43rem;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-2 .copy-box {
  width: 32rem;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-2 .copy-box .img {
  width: 20rem;
  margin: 0 0 2rem auto;
  position: relative;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: row-reverse;
  width: 89rem;
  margin: 10rem auto 0;
  position: relative;
  z-index: 2;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-3 .img-box {
  width: 54rem;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-3 .copy-box {
  width: 32rem;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-4 {
  width: 20rem;
  position: absolute;
  top: 0rem;
  left: 80rem;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-5 {
  width: 20rem;
  position: absolute;
  top: 46rem;
  left: 80rem;
}
#pageLocation .sec-brn .brn-wrap-2 .img-area-6 {
  width: 26rem;
  position: absolute;
  top: 37rem;
  left: 80rem;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 4rem 5rem 4rem 5rem;
  background: linear-gradient(90deg, rgb(201, 227, 232) 0%, rgb(255, 255, 255) 100%);
  margin: 8rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box {
  width: 37rem;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box .lead {
  padding: 1rem;
  background: #0071ac;
  font-size: 1.8rem;
  color: #fff;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box .txt {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box .note {
  text-align: right;
  margin: 2rem 0 0;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 48rem;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box .imgs-img {
  position: relative;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box .imgs-img.left {
  width: 20rem;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box .imgs-img.right {
  width: 27rem;
}
#pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box .imgs-patch {
  width: 12rem;
  position: absolute;
  top: -5rem;
  right: -6rem;
}
#pageLocation .sec-brn .brn-wrap-2 .park-map-area {
  margin: -9rem 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  #pageLocation .sec-brn {
    padding: 14vw 0 11rem;
  }
  #pageLocation .sec-brn .map-wrap .copy-box {
    position: static;
    width: 100%;
    padding: 4rem 4rem 0;
  }
  #pageLocation .sec-brn .map-wrap .copy-box .lead {
    padding: 0 0 2rem;
    font-size: 3rem;
    letter-spacing: 0em;
    line-height: 1.6;
  }
  #pageLocation .sec-brn .map-wrap .copy-box .txt {
    font-size: 2.4rem;
    letter-spacing: 0em;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-brn .map-wrap .map-box {
    width: 74rem;
    margin: -6rem 0 0 -3rem;
  }
  #pageLocation .sec-brn .map-wrap .map-box .cap {
    right: 5rem;
    bottom: 2rem;
  }
  #pageLocation .sec-brn .copy-wrap .copy-box .lead {
    padding: 0 0 2rem;
    font-size: 3rem;
    letter-spacing: 0em;
    line-height: 1.6;
  }
  #pageLocation .sec-brn .copy-wrap .copy-box .txt {
    font-size: 2.4rem;
    letter-spacing: 0em;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-1 {
    display: block;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area {
    margin: 9rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box {
    order: 1;
    max-width: none;
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box .img {
    height: 37rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box .img.w-2 {
    width: 27.5rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .img-box .img.w-3 {
    width: 37.4rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box {
    order: 2;
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .label {
    padding: 1rem 0 1rem 2rem;
    font-size: 2.2rem;
    line-height: 1.4;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .label span {
    font-size: 2.6rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .txt {
    padding: 3rem 2rem 3rem 2rem;
    font-size: 2.2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area .copy-box .note {
    padding: 3rem 2rem 3rem 2rem;
    font-size: 2.2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-2 .copy-box .txt {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-2 .copy-box .note {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-3,
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-4 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-3 .copy-box .label,
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-4 .copy-box .label {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-3 .copy-box .txt,
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-4 .copy-box .txt {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-3 .copy-box .note,
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-4 .copy-box .note {
    padding-left: 2rem;
    padding-bottom: 3rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-4 {
    flex-direction: row;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-5 {
    flex-direction: row-reverse;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-5 .copy-box .txt {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-5 .copy-box .note {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-7 {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-7 .img-box .img {
    height: 37rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-7 .copy-box .label {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-7 .copy-box .txt {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-8 {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-8 .img-box .img {
    height: 37rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-8 .copy-box .label {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-8 .copy-box .txt {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-10 {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-10 .img-box .img {
    height: 37rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-10 .copy-box .label {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-10 .copy-box .txt {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-11 {
    flex-direction: column;
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-11 .img-box .img {
    height: 37rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-11 .copy-box .label {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-1 .brn-area-11 .copy-box .txt {
    padding-left: 2rem;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area .copy-box .ttl {
    font-size: 2.2rem;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area .copy-box .ttl span {
    font-size: 2.6rem;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area .copy-box .txt {
    font-size: 2.2rem;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-1 {
    width: 100%;
    margin: 6rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-2 {
    width: 100%;
    margin: 3rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-2 .img-box {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-2 .copy-box {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-3 {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-3 .img-box {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-3 .copy-box {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-2 .img-area-6 {
    width: 46rem;
    margin: 1rem auto 0;
    position: relative;
    top: auto;
    left: auto;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area {
    padding: 6rem 4rem 4rem 4rem;
    margin: 9rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box {
    width: 100%;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box .lead {
    font-size: 2.8rem;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box .txt {
    font-size: 2.4rem;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .copy-box .note {
    margin: 0rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box {
    width: 100%;
    margin: 5rem 0 0;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box .imgs-img.left {
    width: 25rem;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box .imgs-img.right {
    width: 33.48rem;
  }
  #pageLocation .sec-brn .brn-wrap-2 .mm-area .imgs-box .imgs-patch {
    width: 15rem;
    top: -6rem;
    right: auto;
    left: -33rem;
  }
  #pageLocation .sec-brn .brn-wrap-2 .park-map-area {
    margin: 4rem 0 0 -4rem;
    width: 75rem;
  }
}
#pageLocation .sec-map-modal .com-modal .modal__container {
  max-width: 100rem;
  max-height: 96vh;
  padding: 0;
}
#pageLocation .sec-map-modal .com-modal .modal__header {
  position: absolute;
  top: 1rem;
  left: calc(50% + 52rem);
}
#pageLocation .sec-map-modal .com-modal .modal__close {
  font-size: 3rem;
  color: #fff;
}
#pageLocation .sec-map-modal .com-modal .modal__content {
  padding: 0;
}
#pageLocation .sec-li {
  padding: 0 0 16rem;
}
#pageLocation .sec-li .li-wrap-wrap {
  padding: 10rem 0 6rem;
  background: #fff;
  border: solid 1px #231815;
  margin: 1rem 0 0;
}
#pageLocation .sec-li .copy-wrap .copy-box {
  text-align: center;
}
#pageLocation .sec-li .copy-wrap .copy-box .lead {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  line-height: 1.6;
}
#pageLocation .sec-li .copy-wrap .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 3rem 0 0;
}
#pageLocation .sec-li .list-wrap {
  padding: 3rem 7rem 0;
}
#pageLocation .sec-li .list-wrap .list-area {
  margin: 7rem 0 0;
}
#pageLocation .sec-li .list-wrap .list-area .ttl-box {
  padding: 0 0 1rem 2rem;
  border-bottom: solid 1px #8f8059;
}
#pageLocation .sec-li .list-wrap .list-area .ttl-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.1em;
  color: #8f8059;
}
#pageLocation .sec-li .list-wrap .list-area .lead-box {
  margin: 4rem 0 0;
}
#pageLocation .sec-li .list-wrap .list-area .lead-box .lead {
  font-size: 2rem;
  letter-spacing: 0.1em;
  text-align: center;
}
#pageLocation .sec-li .list-wrap .list-area .list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pageLocation .sec-li .list-wrap .list-area .list-box .list {
  width: 27rem;
  margin: 4rem 0 0;
}
#pageLocation .sec-li .list-wrap .list-area .list-box .list-copy {
  color: #786148;
}
#pageLocation .sec-li .list-wrap .list-area .list-box .list-copy p {
  font-size: 1.6rem;
  margin: 1rem 0 0;
}
#pageLocation .sec-li .list-wrap .list-area .list-box .list-copy span {
  display: block;
  font-size: 1.4rem;
  margin: 1rem 0 0;
}
#pageLocation .sec-li .list-wrap .list-area .list-box.w-4 .list {
  width: 41rem;
}
#pageLocation .sec-li .li-wrap {
  padding: 0 4rem;
  margin: 14rem 0 0;
}
#pageLocation .sec-li .li-wrap .map-area .ttl-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.1em;
  color: #8f8059;
}
#pageLocation .sec-li .li-wrap .map-area .img-box {
  margin: 6rem 0 0;
}
#pageLocation .sec-li .li-wrap .btn-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem 0;
  padding: 0 2rem;
  margin: 6rem 0 0;
}
#pageLocation .sec-li .li-wrap .btn-area .btn-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  width: 28.6rem;
  height: 7rem;
  border: solid 1px #a78f59;
}
#pageLocation .sec-li .li-wrap .btn-area .btn-box span {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
}
#pageLocation .sec-li .li-wrap .btn-area .btn-box:hover,
#pageLocation .sec-li .li-wrap .btn-area .btn-box.act {
  background: #a78f59;
}
#pageLocation .sec-li .li-wrap .btn-area .btn-box:hover span,
#pageLocation .sec-li .li-wrap .btn-area .btn-box.act span {
  color: #fff;
}
#pageLocation .sec-li .li-wrap .list-area {
  padding: 0 2rem;
  margin: 4rem 0 0;
}
#pageLocation .sec-li .li-wrap .list-area .list-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  display: none;
}
#pageLocation .sec-li .li-wrap .list-area .list-box .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 38rem;
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 1rem 0 0;
}
#pageLocation .sec-li .li-wrap .list-area .list-box .list.ttl {
  background: #231815;
}
#pageLocation .sec-li .li-wrap .list-area .list-box .list.note {
  margin: 2rem 0 0;
}
#pageLocation .sec-li .li-wrap .list-area .list-box .list-dm sup {
  font-size: 1rem;
  vertical-align: top;
}
#pageLocation .sec-li .li-wrap .list-area .list-box .list-ttl {
  width: 100%;
  color: #fff;
  text-align: center;
}
#pageLocation .sec-li .li-wrap .list-area .list-box .list-note {
  font-size: 1rem;
  width: 100%;
}
#pageLocation .sec-li .li-wrap .list-area .list-box.num-1 {
  height: 34rem;
}
#pageLocation .sec-li .li-wrap .list-area .list-box.num-2 {
  height: 29rem;
}
#pageLocation .sec-li .li-wrap .list-area .list-box.num-3 {
  height: 34rem;
}
#pageLocation .sec-li .li-wrap .list-area .list-box.num-4 {
  height: 23rem;
}
#pageLocation .sec-li .li-wrap .list-area .list-box.num-5 {
  height: 17rem;
}
#pageLocation .sec-li .li-wrap .list-area .list-box.num-6 {
  height: 17rem;
}
#pageLocation .sec-li .li-wrap .list-area .list-box.act {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  #pageLocation .sec-li {
    padding: 0 0 17rem;
  }
  #pageLocation .sec-li .li-wrap-wrap {
    margin: 2rem 0 0;
  }
  #pageLocation .sec-li .copy-wrap .copy-box .lead {
    font-size: 3.2rem;
  }
  #pageLocation .sec-li .copy-wrap .copy-box .txt {
    font-size: 2.4rem;
    letter-spacing: 0em;
    margin: 4rem 0 0;
  }
  #pageLocation .sec-li .list-wrap {
    padding: 1rem 4rem 0;
  }
  #pageLocation .sec-li .list-wrap .list-area {
    margin: 8rem 0 0;
  }
  #pageLocation .sec-li .list-wrap .list-area .ttl-box {
    padding: 0 0 1rem 2rem;
  }
  #pageLocation .sec-li .list-wrap .list-area .ttl-box .ttl {
    font-size: 4rem;
  }
  #pageLocation .sec-li .list-wrap .list-area .lead-box {
    margin: 5rem 0 0;
  }
  #pageLocation .sec-li .list-wrap .list-area .lead-box .lead {
    font-size: 3rem;
    line-height: 1.4;
  }
  #pageLocation .sec-li .list-wrap .list-area .list-box .list {
    width: 28rem;
    margin: 5rem 0 0;
  }
  #pageLocation .sec-li .list-wrap .list-area .list-box .list-copy p {
    font-size: 2.2rem;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-li .list-wrap .list-area .list-box .list-copy span {
    font-size: 2.2rem;
    margin: 1rem 0 0;
  }
  #pageLocation .sec-li .list-wrap .list-area .list-box.w-4 .list {
    width: 28rem;
  }
  #pageLocation .sec-li .li-wrap .map-area .ttl-box .ttl {
    font-size: 4rem;
  }
  #pageLocation .sec-li .li-wrap .btn-area {
    padding: 0 0rem;
  }
  #pageLocation .sec-li .li-wrap .btn-area .btn-box {
    width: 32%;
    height: 8rem;
  }
  #pageLocation .sec-li .li-wrap .btn-area .btn-box span {
    font-size: 2.4rem;
    letter-spacing: 0em;
    line-height: 1.2;
  }
  #pageLocation .sec-li .li-wrap .btn-area .btn-box:hover {
    background: none;
  }
  #pageLocation .sec-li .li-wrap .btn-area .btn-box:hover span {
    color: #fff;
  }
  #pageLocation .sec-li .li-wrap .btn-area .btn-box.act {
    background: #a78f59;
  }
  #pageLocation .sec-li .li-wrap .btn-area .btn-box.act span {
    color: #fff;
  }
  #pageLocation .sec-li .li-wrap .list-area {
    padding: 0 0rem;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box {
    flex-direction: initial;
    display: none;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box .list {
    width: 100%;
    padding: 0.4rem 0;
    font-size: 2.2rem;
    margin: 1rem 0 0;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box .list.note {
    order: 2;
    margin: 2rem 0 0;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box .list-dm sup {
    font-size: 2rem;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box .list-note {
    font-size: 2rem;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box.num-1 {
    height: auto;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box.num-2 {
    height: auto;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box.num-3 {
    height: auto;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box.num-4 {
    height: auto;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box.num-5 {
    height: auto;
  }
  #pageLocation .sec-li .li-wrap .list-area .list-box.num-6 {
    height: auto;
  }
}
#pageAccess .sec-intro {
  background: #dddbd6;
  padding: 7rem 0 0;
}
#pageAccess .sec-intro .intro-wrap .copy-box .txt {
  margin: 6rem 0 0;
}
#pageAccess .sec-intro .intro-wrap .img-box {
  overflow: hidden;
  position: relative;
  margin: 7rem 0 0;
}
#pageAccess .sec-intro .intro-wrap .flex-box {
  display: flex;
  flex-wrap: wrap;
  margin: 3rem 0 0;
}
#pageAccess .sec-intro .intro-wrap .flex-box .flex-img {
  overflow: hidden;
  position: relative;
}
#pageAccess .sec-intro .intro-wrap .flex-box .img {
  width: 100%;
  height: 100%;
}
#pageAccess .sec-intro .intro-wrap .flex-box img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#pageAccess .sec-intro .intro-wrap .flex-box .cover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 9rem;
  opacity: 0.7;
  mix-blend-mode: multiply;
  background: rgb(35, 24, 21);
  background: linear-gradient(0deg, rgb(35, 24, 21) 0%, rgba(35, 24, 21, 0) 100%);
}
#pageAccess .sec-intro .intro-wrap .flex-box .copy {
  width: 100%;
  color: #fff;
  position: absolute;
  left: 1.6rem;
  bottom: 2rem;
}
#pageAccess .sec-intro .intro-wrap .flex-box .span1 {
  font-size: 2.7rem;
  letter-spacing: 0.05em;
}
#pageAccess .sec-intro .intro-wrap .flex-box .span2 {
  font-size: 4.8rem;
  letter-spacing: 0;
}
#pageAccess .sec-intro .intro-wrap .flex-box .span3 {
  font-size: 2.5rem;
  letter-spacing: 0.05em;
}
#pageAccess .sec-intro .intro-wrap .flex-box .span4 {
  font-size: 3rem;
  letter-spacing: 0.05em;
}
#pageAccess .sec-intro .intro-wrap .flex-box .flex-img-1,
#pageAccess .sec-intro .intro-wrap .flex-box .inner,
#pageAccess .sec-intro .intro-wrap .flex-box .flex-img-4 {
  width: 33.3333333333%;
}
#pageAccess .sec-intro .intro-wrap .flex-box .flex-img-1,
#pageAccess .sec-intro .intro-wrap .flex-box .flex-img-4 {
  height: 57rem;
}
#pageAccess .sec-intro .intro-wrap .flex-box .flex-img-2,
#pageAccess .sec-intro .intro-wrap .flex-box .flex-img-3 {
  height: 28.5rem;
}
#pageAccess .sec-intro .intro-wrap .note-box {
  margin: 1rem 1rem 0 0;
}
#pageAccess .sec-intro .intro-wrap .note-box .note {
  text-align: right;
}
@media screen and (max-width: 750px) {
  #pageAccess .sec-intro {
    padding: 9rem 0 0;
  }
  #pageAccess .sec-intro .intro-wrap .img-box {
    margin: 9rem 0 0;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .cover {
    height: 17rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .copy {
    left: 1.6rem;
    bottom: 2rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .span1 {
    font-size: 3.6rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .span2 {
    font-size: 5.8rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .span3 {
    font-size: 3.4rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .span4 {
    font-size: 4rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-1,
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-4 {
    width: 100%;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-2,
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-3 {
    width: 50%;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-1,
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-4 {
    height: 38rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-2,
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-3 {
    height: 32rem;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-1 img {
    -o-object-position: center 76%;
       object-position: center 76%;
  }
  #pageAccess .sec-intro .intro-wrap .flex-box .flex-img-4 img {
    -o-object-position: center 61%;
       object-position: center 61%;
  }
}
#pageAccess .sec-train {
  background: #dddbd6;
  padding: 8rem 0 10rem;
}
#pageAccess .sec-train .train-wrap {
  background: #fff;
  border: 1px solid #231815;
  padding: 6rem 0 11rem;
}
#pageAccess .sec-train .train-wrap .map-area .copy-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 5rem;
}
#pageAccess .sec-train .train-wrap .map-area .copy-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #a78f59;
}
#pageAccess .sec-train .train-wrap .map-area .copy-box .copy {
  width: 44rem;
}
#pageAccess .sec-train .train-wrap .map-area .copy-box .lead {
  font-size: 2.2rem;
  letter-spacing: 0.15em;
  line-height: 2;
}
#pageAccess .sec-train .train-wrap .map-area .copy-box .txt {
  color: #000;
  text-align: left;
  margin: 3rem 0 0;
}
#pageAccess .sec-train .train-wrap .map-area .map-box {
  width: 84rem;
  position: relative;
  margin: 6rem auto 0;
}
#pageAccess .sec-train .train-wrap .time-area {
  width: 84rem;
  background: #e3e2de;
  padding: 3rem 3rem 5rem;
  margin: 7rem auto 0;
}
#pageAccess .sec-train .train-wrap .time-area .ttl-box {
  padding: 0 0 1.5rem;
  border-bottom: 1px solid #000;
}
#pageAccess .sec-train .train-wrap .time-area .ttl-box .ttl {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
#pageAccess .sec-train .train-wrap .time-area .ttl-box-2 {
  margin: 5rem 0 0;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 3rem 0;
  margin: 3rem 0 0;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .time {
  width: 36rem;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .p1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .inner-1 {
  flex-shrink: 0;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .p1-1 {
  font-size: 2.7rem;
  margin: 0 1rem 0 0;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .p1-2 {
  font-size: 2.2rem;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .inner-2 {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  flex-shrink: 0;
  margin: -0.6rem 0 0;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .p1-3 {
  font-size: 4.7rem;
  line-height: 0.8;
  color: #a78f59;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .p1-4 {
  font-size: 2.7rem;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .p1-5 {
  font-size: 1.7rem;
  letter-spacing: 0;
  padding: 0 0 0.6rem 0.6rem;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .line {
  flex-shrink: 1;
  width: 60%;
  height: 1px;
  border-top: 3px dotted #000;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box .note {
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.4;
  margin: 0.6rem 0 0;
}
#pageAccess .sec-train .train-wrap .time-area .flex-box-2 .time {
  width: 38.4rem;
}
#pageAccess .sec-train .train-wrap .simulation-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 84rem;
  margin: 6rem auto 0;
}
#pageAccess .sec-train .train-wrap .simulation-area .map-box {
  width: 40rem;
}
#pageAccess .sec-train .train-wrap .simulation-area .map-box .ttl {
  font-size: 1.5rem;
  letter-spacing: 0.05em;
}
#pageAccess .sec-train .train-wrap .simulation-area .map-box .img {
  margin: 2rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageAccess .sec-train {
    padding: 10rem 0 12rem;
  }
  #pageAccess .sec-train .train-wrap {
    padding: 8rem 0 11rem;
  }
  #pageAccess .sec-train .train-wrap .map-area .copy-box {
    padding: 0 5rem;
  }
  #pageAccess .sec-train .train-wrap .map-area .copy-box .ttl {
    font-size: 4rem;
  }
  #pageAccess .sec-train .train-wrap .map-area .copy-box .copy {
    width: 100%;
  }
  #pageAccess .sec-train .train-wrap .map-area .copy-box .lead {
    font-size: 3.2rem;
  }
  #pageAccess .sec-train .train-wrap .map-area .copy-box .txt {
    margin: 3rem 0 0;
  }
  #pageAccess .sec-train .train-wrap .map-area .map-box {
    width: 100%;
    padding: 0 2rem 2rem;
    margin: 7rem auto 0;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  #pageAccess .sec-train .train-wrap .map-area .map-box .img {
    width: 170%;
  }
  #pageAccess .sec-train .train-wrap .time-area {
    width: 90%;
    padding: 6rem 3rem;
    margin: 9rem auto 0;
  }
  #pageAccess .sec-train .train-wrap .time-area .ttl-box {
    padding: 0 0 2rem;
  }
  #pageAccess .sec-train .train-wrap .time-area .ttl-box .ttl {
    font-size: 2.6rem;
    line-height: 1.6;
    text-align: center;
  }
  #pageAccess .sec-train .train-wrap .time-area .ttl-box-2 {
    margin: 7rem 0 0;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box {
    margin: 4rem 0 0;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .time {
    width: 100%;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .p1-1 {
    font-size: 3.6rem;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .p1-2 {
    font-size: 3.2rem;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .p1-3 {
    font-size: 5.6rem;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .p1-4 {
    font-size: 3.6rem;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .p1-5 {
    font-size: 2.6rem;
    padding: 0 0 0.6rem 1rem;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .line {
    height: 3px;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box .note {
    font-size: 2.2rem;
    margin: 1.2rem 0 0;
  }
  #pageAccess .sec-train .train-wrap .time-area .flex-box-2 .time {
    width: 100%;
  }
  #pageAccess .sec-train .train-wrap .simulation-area {
    gap: 5rem 0;
    width: 90%;
    margin: 8rem auto 0;
  }
  #pageAccess .sec-train .train-wrap .simulation-area .map-box {
    width: 100%;
  }
  #pageAccess .sec-train .train-wrap .simulation-area .map-box .ttl {
    font-size: 2.6rem;
  }
  #pageAccess .sec-train .train-wrap .simulation-area .map-box .img {
    margin: 2.6rem 0 0;
  }
}
#pageAccess .sec-rank {
  background: #103122;
  padding: 10rem 0 5rem;
}
#pageAccess .sec-rank .rank-wrap .copy-box {
  text-align: center;
  color: #a78f59;
}
#pageAccess .sec-rank .rank-wrap .copy-box .lead {
  font-size: 1.9rem;
  letter-spacing: 0.1em;
  line-height: 2;
}
#pageAccess .sec-rank .rank-wrap .copy-box .txt {
  margin: 3rem 0 0;
}
#pageAccess .sec-rank .rank-wrap .copy-box .note {
  margin: 2rem 0 0;
}
#pageAccess .sec-rank .rank-wrap .flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 7rem 0 0;
}
#pageAccess .sec-rank .rank-wrap .flex-box .left {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 58rem;
  background: #fff;
  padding: 3.4rem 2rem 4rem 4rem;
}
#pageAccess .sec-rank .rank-wrap .flex-box .ttl {
  width: 100%;
  font-size: 1.9rem;
  letter-spacing: 0;
  color: #004540;
  margin: 0 0 1.6rem;
}
#pageAccess .sec-rank .rank-wrap .flex-box .flex-img {
  width: 25rem;
}
#pageAccess .sec-rank .rank-wrap .flex-box .p1 {
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  color: #004540;
}
#pageAccess .sec-rank .rank-wrap .flex-box .img {
  width: 23rem;
  margin: 1rem 0 0;
}
#pageAccess .sec-rank .rank-wrap .flex-box .p2 {
  font-size: 1rem;
  letter-spacing: 0;
  margin: 0.6rem 0 0;
}
#pageAccess .sec-rank .rank-wrap .flex-box .right {
  width: 38rem;
}
#pageAccess .sec-rank .rank-wrap .flex-box .note {
  font-size: 1.4rem;
  color: #fff;
  margin: 1.5rem 0 0;
}
#pageAccess .sec-rank .rank-wrap .flex-box .note span {
  font-size: 1.1rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .sec-rank {
    padding: 12rem 0 5rem;
  }
  #pageAccess .sec-rank .rank-wrap .copy-box .lead {
    font-size: 3rem;
  }
  #pageAccess .sec-rank .rank-wrap .copy-box .txt {
    letter-spacing: 0;
    margin: 4rem 0 0;
  }
  #pageAccess .sec-rank .rank-wrap .copy-box .note {
    margin: 3rem 0 0;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box {
    margin: 9rem 0 0;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .left {
    width: 100%;
    padding: 5rem 4rem;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .ttl {
    font-size: 3rem;
    margin: 0 0 4rem;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .flex-img {
    width: 90%;
    margin: 0 auto;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .flex-img-2 {
    margin: 5rem auto 0;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .p1 {
    font-size: 2.4rem;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .img {
    width: 100%;
    margin: 1.6rem 0 0;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .p2 {
    font-size: 2rem;
    margin: 1rem 0 0;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .right {
    width: 80%;
    margin: 5rem auto 0;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .note {
    font-size: 2.4rem;
    margin: 2rem 0 0;
  }
  #pageAccess .sec-rank .rank-wrap .flex-box .note span {
    font-size: 2.2rem;
  }
}
#pageAccess .sec-car .car-wrap {
  background: #786148;
  padding: 0 0 14rem;
}
#pageAccess .sec-car .car-wrap .img-area .img-box {
  width: 100vw;
  height: 45rem;
  overflow: hidden;
  position: relative;
}
#pageAccess .sec-car .car-wrap .img-area .img-box .accent {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#pageAccess .sec-car .car-wrap .car-area {
  background: #fff;
  padding: 9rem 6rem 12rem;
}
#pageAccess .sec-car .car-wrap .car-area .copy-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pageAccess .sec-car .car-wrap .car-area .copy-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #a78f59;
}
#pageAccess .sec-car .car-wrap .car-area .copy-box .copy {
  width: 44rem;
}
#pageAccess .sec-car .car-wrap .car-area .copy-box .lead {
  font-size: 2.2rem;
  letter-spacing: 0.15em;
  line-height: 2;
}
#pageAccess .sec-car .car-wrap .car-area .copy-box .txt {
  letter-spacing: 0;
  color: #000;
  text-align: left;
  margin: 3rem 0 0;
}
#pageAccess .sec-car .car-wrap .car-area .map-box {
  text-align: right;
  margin: 6rem 0 0;
}
#pageAccess .sec-car .car-wrap .car-area .ttl-box {
  border: 1px solid #000;
  padding: 1.2rem 2rem;
  margin: 6rem 0 0;
}
#pageAccess .sec-car .car-wrap .car-area .ttl-box .ttl {
  font-size: 1.8rem;
  letter-spacing: 0.05em;
}
#pageAccess .sec-car .car-wrap .car-area .ic-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem 0;
  margin: 2.4rem 0 0;
}
#pageAccess .sec-car .car-wrap .car-area .ic-box .ic {
  width: 28rem;
}
#pageAccess .sec-car .car-wrap .car-area .ic-box .img {
  position: relative;
}
#pageAccess .sec-car .car-wrap .car-area .ic-box .copy {
  text-align: center;
  color: #fff;
  background: #103122;
  padding: 1rem 0;
  margin: 1rem 0 0;
}
#pageAccess .sec-car .car-wrap .car-area .ic-box .p1 {
  font-size: 1.8rem;
  letter-spacing: 0;
}
#pageAccess .sec-car .car-wrap .car-area .ic-box .p2 {
  font-size: 2.2rem;
  letter-spacing: 0;
}
#pageAccess .sec-car .car-wrap .car-area .ic-box .p2 span {
  font-size: 3.4rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .sec-car .car-wrap .img-area .img-box {
    height: 40rem;
  }
  #pageAccess .sec-car .car-wrap .car-area {
    padding: 7rem 4rem 10rem;
  }
  #pageAccess .sec-car .car-wrap .car-area .copy-box .ttl {
    font-size: 4rem;
    letter-spacing: 0.1em;
  }
  #pageAccess .sec-car .car-wrap .car-area .copy-box .copy {
    width: 100%;
  }
  #pageAccess .sec-car .car-wrap .car-area .copy-box .lead {
    font-size: 3.2rem;
  }
  #pageAccess .sec-car .car-wrap .car-area .copy-box .txt {
    margin: 4rem 0 0;
  }
  #pageAccess .sec-car .car-wrap .car-area .map-box {
    padding: 0 0 2rem;
    text-align: left;
    position: relative;
    overflow-y: hidden;
    overflow-x: scroll;
  }
  #pageAccess .sec-car .car-wrap .car-area .map-box .img {
    width: 170%;
  }
  #pageAccess .sec-car .car-wrap .car-area .ttl-box {
    padding: 1.6rem 2rem;
  }
  #pageAccess .sec-car .car-wrap .car-area .ttl-box .ttl {
    font-size: 2.8rem;
    letter-spacing: 0;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box {
    gap: 4rem 0;
    margin: 2.4rem 0 0;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box .ic {
    width: 28.6rem;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box .img {
    width: 100%;
    height: 21rem;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box .img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box .copy {
    padding: 2rem 0;
    margin: 1.4rem 0 0;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box .p1 {
    font-size: 2.4rem;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box .p2 {
    font-size: 2.8rem;
    margin: 1rem 0 0;
  }
  #pageAccess .sec-car .car-wrap .car-area .ic-box .p2 span {
    font-size: 4rem;
  }
}
#pageBrand .brand-com-cntnt .copy {
  text-align: center;
  margin: 2rem 0 0;
}
#pageBrand .brand-com-cntnt .p1 {
  font-size: 1.7rem;
  letter-spacing: 0em;
  line-height: 1.4;
}
#pageBrand .brand-com-cntnt .p2 {
  font-size: 1.3rem;
  letter-spacing: 0.1em;
  margin: 1.4rem 0 0;
}
#pageBrand .brand-com-copy .txt {
  margin: 6rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageBrand .brand-com-cntnt .p1 {
    font-size: 2.8rem;
    letter-spacing: 0.1em;
  }
  #pageBrand .brand-com-cntnt .p2 {
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}
#pageBrand .sec-intro {
  margin: 8rem 0 0;
}
#pageBrand .sec-intro .intro-wrap .flex-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 73rem;
  margin: 0 auto;
}
#pageBrand .sec-intro .intro-wrap .flex-area .flex-box {
  width: 34.6rem;
}
#pageBrand .sec-intro .intro-wrap .copy-area {
  margin: 6rem 0 0;
}
#pageBrand .sec-intro .intro-wrap .copy-area .logo-box {
  width: 24.4rem;
  margin: 0 auto;
}
#pageBrand .sec-intro .intro-wrap .copy-area .copy-box {
  margin: 5rem 0 0;
}
#pageBrand .sec-intro .intro-wrap .copy-area .copy-box .lead,
#pageBrand .sec-intro .intro-wrap .copy-area .copy-box .txt {
  color: #1a1a1a;
}
@media screen and (max-width: 750px) {
  #pageBrand .sec-intro {
    margin: 9rem 0 0;
  }
  #pageBrand .sec-intro .intro-wrap .flex-area {
    width: 100%;
  }
  #pageBrand .sec-intro .intro-wrap .flex-area .flex-box {
    width: 32rem;
  }
  #pageBrand .sec-intro .intro-wrap .copy-area {
    margin: 9rem 0 0;
  }
  #pageBrand .sec-intro .intro-wrap .copy-area .logo-box {
    width: 32rem;
  }
  #pageBrand .sec-intro .intro-wrap .copy-area .copy-box {
    margin: 7rem 0 0;
  }
  #pageBrand .sec-intro .intro-wrap .copy-area .copy-box .txt {
    letter-spacing: 0;
  }
}
#pageBrand .sec-pj {
  background: #e4e2dd;
  padding: 13rem 0 16rem;
  margin: 13rem 0 0;
}
#pageBrand .sec-pj .pj-wrap .copy-area .logo-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin: 9rem 0 0;
}
#pageBrand .sec-pj .pj-wrap .copy-area .logo-box .logo {
  mix-blend-mode: multiply;
}
#pageBrand .sec-pj .pj-wrap .copy-area .logo-box .logo-1 {
  width: 37rem;
}
#pageBrand .sec-pj .pj-wrap .copy-area .logo-box .logo-2 {
  width: 18.3rem;
}
#pageBrand .sec-pj .pj-wrap .copy-area .logo-box .logo-3 {
  width: 30rem;
}
#pageBrand .sec-pj .pj-wrap .pj-area {
  background: #fff;
  border: 1px solid #231815;
  padding: 10rem 13rem;
  margin: 10rem 0 0;
}
#pageBrand .sec-pj .pj-wrap .pj-area .copy-box .logo {
  margin: 0 auto;
}
#pageBrand .sec-pj .pj-wrap .pj-area .copy-box .logo-1 {
  width: 37rem;
}
#pageBrand .sec-pj .pj-wrap .pj-area .copy-box .logo-2 {
  width: 21.4rem;
}
#pageBrand .sec-pj .pj-wrap .pj-area .copy-box .logo-3 {
  width: 31.8rem;
}
#pageBrand .sec-pj .pj-wrap .pj-area .copy-box .lead {
  color: #000;
  margin: 9rem 0 0;
}
#pageBrand .sec-pj .pj-wrap .pj-area .copy-box .txt {
  text-align: left;
  color: #000;
}
#pageBrand .sec-pj .pj-wrap .pj-area .flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 6.6rem 0 0;
}
#pageBrand .sec-pj .pj-wrap .pj-area .flex-box .flex-cntnt {
  width: 34.6rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .sec-pj .pj-wrap .copy-area .copy-box .txt {
    letter-spacing: 0;
  }
  #pageBrand .sec-pj .pj-wrap .copy-area .logo-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 3rem 0;
    margin: 11rem 0 0;
  }
  #pageBrand .sec-pj .pj-wrap .copy-area .logo-box .logo-1 {
    width: 51.8rem;
  }
  #pageBrand .sec-pj .pj-wrap .copy-area .logo-box .logo-2 {
    width: 25.62rem;
  }
  #pageBrand .sec-pj .pj-wrap .copy-area .logo-box .logo-3 {
    width: 42rem;
  }
  #pageBrand .sec-pj .pj-wrap .pj-area {
    padding: 10rem 4rem;
    margin: 12rem 0 0;
  }
  #pageBrand .sec-pj .pj-wrap .pj-area .copy-box .logo-1 {
    width: 51.8rem;
  }
  #pageBrand .sec-pj .pj-wrap .pj-area .copy-box .logo-2 {
    width: 29.96rem;
  }
  #pageBrand .sec-pj .pj-wrap .pj-area .copy-box .logo-3 {
    width: 44.52rem;
  }
  #pageBrand .sec-pj .pj-wrap .pj-area .copy-box .lead {
    letter-spacing: 0em;
  }
  #pageBrand .sec-pj .pj-wrap .pj-area .flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5rem 0;
  }
  #pageBrand .sec-pj .pj-wrap .pj-area .flex-box .flex-cntnt {
    width: 53rem;
  }
}
#pageLandplan main#main {
  background: #e7e5e0;
}
#pageLandplan .sec-intro {
  margin: 8rem 0 0;
}
#pageLandplan .sec-intro .copy-wrap .copy-box .txt {
  margin: 4rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLandplan .sec-intro {
    margin: 9rem 0 0;
  }
  #pageLandplan .sec-intro .copy-wrap .copy-box .txt {
    margin: 5rem 0 0;
  }
}
#pageLandplan .sec-land .map-wrap {
  margin: 3rem 0 0;
  mix-blend-mode: multiply;
}
#pageLandplan .sec-land .map-wrap .img-box {
  position: relative;
}
#pageLandplan .sec-land .garden-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem 0;
  margin: 6rem 0 0;
}
#pageLandplan .sec-land .garden-wrap .garden-area {
  width: 49rem;
  background: white;
}
#pageLandplan .sec-land .garden-wrap .garden-area .ttl-box {
  padding: 0.5rem;
  background: linear-gradient(45deg, rgb(0, 56, 36) 0%, rgb(131, 132, 116) 70%, rgb(0, 56, 36) 100%);
}
#pageLandplan .sec-land .garden-wrap .garden-area .ttl-box .ttl {
  padding: 1rem 0;
  border: solid 1px #c5aa7d;
}
#pageLandplan .sec-land .garden-wrap .garden-area .ttl-box span {
  display: block;
  text-align: center;
}
#pageLandplan .sec-land .garden-wrap .garden-area .ttl-box span.ttl-en {
  font-size: 2rem;
  color: #d4b22e;
}
#pageLandplan .sec-land .garden-wrap .garden-area .ttl-box span.ttl-ja {
  font-size: 1.2rem;
  color: white;
  margin: 0.4rem 0 0;
}
#pageLandplan .sec-land .garden-wrap .garden-area .copy-box {
  padding: 2rem 2rem 0;
}
#pageLandplan .sec-land .garden-wrap .garden-area .copy-box .lead {
  font-size: 1.6rem;
  font-weight: 500;
  color: #740003;
}
#pageLandplan .sec-land .garden-wrap .garden-area .copy-box .txt {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 1rem 0 0;
}
#pageLandplan .sec-land .garden-wrap .garden-area .illust-box {
  width: 39rem;
  margin: 0 auto;
  position: relative;
}
#pageLandplan .sec-land .garden-wrap .garden-area .imgs-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem 2rem 2rem;
}
#pageLandplan .sec-land .garden-wrap .garden-area .imgs-box .img {
  width: 14rem;
  position: relative;
}
#pageLandplan .sec-land .garden-wrap .garden-area .imgs-box .cap {
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: 0.5rem;
  width: 100%;
  font-size: 1rem;
  color: white;
  text-align: center;
}
#pageLandplan .sec-land .flex-wrap {
  background: #fff;
  border: 1px solid rgba(35, 24, 21, 0.6);
  padding: 6rem 6rem 9rem;
  margin: 8rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .flex-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 0;
}
#pageLandplan .sec-land .flex-wrap .flex-area .area-box {
  width: 21rem;
}
#pageLandplan .sec-land .flex-wrap .flex-area .area-box .img {
  position: relative;
}
#pageLandplan .sec-land .flex-wrap .flex-area .area-box .p1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 6rem;
  background: #1b4e1d;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  margin: 1rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .flex-area .area-box .p2 {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 1rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .service-area {
  padding: 7rem 10rem;
  background: #deddd9;
  margin: 7rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .service-area .copy-box {
  text-align: center;
}
#pageLandplan .sec-land .flex-wrap .service-area .copy-box .ttl {
  font-size: 1.1rem;
  color: #b79c81;
}
#pageLandplan .sec-land .flex-wrap .service-area .copy-box .lead {
  font-size: 2.3rem;
  margin: 2rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .service-area .cntntn-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 3rem 3rem 4rem;
  background: #fff;
  margin: 5rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .service-area .cntntn-box .lead {
  width: calc(100% - 22rem);
  font-size: 2rem;
  line-height: 2;
}
#pageLandplan .sec-land .flex-wrap .service-area .cntntn-box .img {
  width: 22rem;
}
#pageLandplan .sec-land .flex-wrap .service-area .cntntn-box .txt {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 1rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .service-area .note-box {
  margin: 1rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .car-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  background: #deddd9;
  padding: 5rem 4rem;
  margin: 7rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .car-area .copy-box {
  width: 44rem;
}
#pageLandplan .sec-land .flex-wrap .car-area .copy-box .lead {
  font-size: 2.2rem;
  letter-spacing: 0.15em;
  line-height: 2;
}
#pageLandplan .sec-land .flex-wrap .car-area .copy-box .txt {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2.2;
  margin: 4rem 0 0;
}
#pageLandplan .sec-land .flex-wrap .car-area .img-box {
  width: 29rem;
  position: relative;
}
#pageLandplan .sec-land .view-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10rem 0 0;
}
#pageLandplan .sec-land .view-wrap .copy-area {
  width: 30rem;
}
#pageLandplan .sec-land .view-wrap .copy-area .copy-box .ttl {
  font-size: 2.8rem;
  color: #a78f59;
}
#pageLandplan .sec-land .view-wrap .copy-area .copy-box .lead {
  font-size: 2.3rem;
  line-height: 2;
  margin: 3rem 0 0;
}
#pageLandplan .sec-land .view-wrap .copy-area .copy-box .txt {
  font-size: 1.4rem;
  line-height: 2.2;
  margin: 2rem 0 0;
}
#pageLandplan .sec-land .view-wrap .map-area {
  width: 67rem;
}
#pageLandplan .sec-land .img-wrap {
  margin: 6rem 0 16rem;
}
#pageLandplan .sec-land .img-wrap .img-box {
  height: 40rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLandplan .sec-land .map-wrap {
    margin: 5rem 0 0;
  }
  #pageLandplan .sec-land .map-wrap .img-box {
    padding: 0 0 4rem;
  }
  #pageLandplan .sec-land .garden-wrap {
    gap: 3rem 0;
    margin: 7rem 0 0;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area {
    width: 100%;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .ttl-box {
    padding: 1rem;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .ttl-box .ttl {
    padding: 2rem 0;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .ttl-box span.ttl-en {
    font-size: 3rem;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .ttl-box span.ttl-ja {
    font-size: 2.2rem;
    margin: 0.8rem 0 0;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .copy-box {
    padding: 3rem 3rem 0;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .copy-box .lead {
    font-size: 2.6rem;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .copy-box .txt {
    font-size: 2.2rem;
    margin: 2rem 0 0;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .illust-box {
    width: 100%;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .imgs-box {
    padding: 2rem 3rem 3rem;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .imgs-box .img {
    width: 20rem;
  }
  #pageLandplan .sec-land .garden-wrap .garden-area .imgs-box .cap {
    bottom: 1rem;
    font-size: 2rem;
  }
  #pageLandplan .sec-land .flex-wrap {
    padding: 5rem 3rem 5rem;
    margin: 9rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .flex-area {
    gap: 5rem 0;
  }
  #pageLandplan .sec-land .flex-wrap .flex-area .area-box {
    width: 29.4rem;
  }
  #pageLandplan .sec-land .flex-wrap .flex-area .area-box .p1 {
    height: 9rem;
    font-size: 2.4rem;
  }
  #pageLandplan .sec-land .flex-wrap .flex-area .area-box .p2 {
    font-size: 2.2rem;
  }
  #pageLandplan .sec-land .flex-wrap .service-area {
    padding: 6rem 3rem;
    margin: 8rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .service-area .copy-box .ttl {
    font-size: 2.2rem;
  }
  #pageLandplan .sec-land .flex-wrap .service-area .copy-box .lead {
    font-size: 3.2rem;
    line-height: 1.4;
    margin: 3rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .service-area .cntntn-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    padding: 4rem 3rem 4rem;
    margin: 6rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .service-area .cntntn-box .lead {
    width: 100%;
    font-size: 3rem;
    line-height: 1.4;
    margin: 2rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .service-area .cntntn-box .img {
    order: -1;
    width: 27.5rem;
  }
  #pageLandplan .sec-land .flex-wrap .service-area .cntntn-box .txt {
    font-size: 2.4rem;
    margin: 2rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .service-area .note-box {
    margin: 2rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .car-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding: 5rem 4rem;
    margin: 8rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .car-area .copy-box {
    width: 100%;
  }
  #pageLandplan .sec-land .flex-wrap .car-area .copy-box .lead {
    font-size: 3rem;
    letter-spacing: 0.1em;
  }
  #pageLandplan .sec-land .flex-wrap .car-area .copy-box .txt {
    font-size: 2.4rem;
    margin: 4rem 0 0;
  }
  #pageLandplan .sec-land .flex-wrap .car-area .img-box {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageLandplan .sec-land .view-wrap {
    margin: 11rem 0 0;
  }
  #pageLandplan .sec-land .view-wrap .copy-area {
    width: 100%;
  }
  #pageLandplan .sec-land .view-wrap .copy-area .copy-box .ttl {
    font-size: 3.8rem;
  }
  #pageLandplan .sec-land .view-wrap .copy-area .copy-box .lead {
    font-size: 3.2rem;
  }
  #pageLandplan .sec-land .view-wrap .copy-area .copy-box .txt {
    font-size: 2.4rem;
  }
  #pageLandplan .sec-land .view-wrap .map-area {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageLandplan .sec-land .img-wrap {
    margin: 7rem 0 17rem;
  }
}
#pageLandplan .sec-gate .gate-wrap .img-area .img-box {
  position: relative;
  overflow: hidden;
}
#pageLandplan .sec-gate .gate-wrap .copy-area {
  margin: 7rem 0 11rem;
}
#pageLandplan .sec-gate .gate-wrap .copy-area .copy-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .ttl {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  line-height: 1.4;
  color: #a78f59;
}
#pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .copy {
  width: 44rem;
}
#pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .lead {
  font-size: 2.2rem;
  letter-spacing: 0.15em;
  line-height: 2;
}
#pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .txt {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  line-height: 2.2;
  margin: 4rem 0 0;
}
#pageLandplan .sec-gate .gate-wrap .copy-area .copy-box.reverse {
  flex-direction: row-reverse;
}
#pageLandplan .sec-gate .gate-wrap .copy-area .copy-box.reverse .ttl {
  text-align: right;
}
@media screen and (max-width: 750px) {
  #pageLandplan .sec-gate .gate-wrap .copy-area {
    margin: 8rem 0 12rem;
  }
  #pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .ttl {
    width: 100%;
    font-size: 3.8rem;
  }
  #pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .copy {
    width: 100%;
    margin: 2rem 0 0;
  }
  #pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .lead {
    font-size: 3.2rem;
  }
  #pageLandplan .sec-gate .gate-wrap .copy-area .copy-box .txt {
    font-size: 2.2rem;
  }
  #pageLandplan .sec-gate .gate-wrap .copy-area .copy-box.reverse .ttl {
    text-align: left;
  }
}
#pagePlan main#main {
  background: #eceae5;
}
#pagePlan .sec-intro {
  margin: 8rem 0 0;
}
#pagePlan .sec-intro .copy-wrap .copy-box .txt {
  margin: 4rem 0 0;
}
#pagePlan .sec-intro .cntnt-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 8rem 0 0;
}
#pagePlan .sec-intro .cntnt-wrap .cntnt-area {
  width: 49%;
  padding: 3rem 2rem;
  background: #fff;
}
#pagePlan .sec-intro .cntnt-wrap .cntnt-area .copy-box {
  color: #a68f59;
}
#pagePlan .sec-intro .cntnt-wrap .cntnt-area .copy-box .lead {
  font-size: 2.3rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
}
#pagePlan .sec-intro .cntnt-wrap .cntnt-area .copy-box .txt {
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  margin: 3rem 0 0;
}
@media screen and (max-width: 750px) {
  #pagePlan .sec-intro {
    margin: 9rem 0 0;
  }
  #pagePlan .sec-intro .copy-wrap .copy-box .txt {
    margin: 5rem 0 0;
  }
  #pagePlan .sec-intro .cntnt-wrap {
    margin: 9rem 0 0;
  }
  #pagePlan .sec-intro .cntnt-wrap .cntnt-area {
    width: 100%;
    padding: 4rem 4rem;
    margin: 5rem 0 0;
  }
  #pagePlan .sec-intro .cntnt-wrap .cntnt-area .copy-box .lead {
    font-size: 3.4rem;
    line-height: 1.6;
  }
  #pagePlan .sec-intro .cntnt-wrap .cntnt-area .copy-box .txt {
    font-size: 2.4rem;
    margin: 4rem 0 0;
  }
}
#pagePlan .sec-plan {
  padding: 0 0 15rem;
}
#pagePlan .sec-plan .plan-wrap {
  margin: 10rem 0 0;
}
#pagePlan .sec-plan .plan-wrap .ttl-area {
  max-width: 1300px;
  padding: 0 2rem;
  margin: 0 auto;
}
#pagePlan .sec-plan .plan-wrap .ttl-area .ttl-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 6rem;
  background: #103122;
}
#pagePlan .sec-plan .plan-wrap .ttl-area .ttl-box .ttl {
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  color: #a78f59;
}
#pagePlan .sec-plan .plan-wrap .plan-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 84rem;
  margin: 0 auto;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  width: 38rem;
  height: 62rem;
  margin: 5rem 0 0;
  position: relative;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box a {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
  height: 100%;
  background-image: linear-gradient(135deg, rgb(77, 77, 77) 0%, rgb(255, 255, 255) 100%);
  background-repeat: no-repeat;
  background-size: 200% 200%;
  background-position: right bottom;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box a:hover {
  opacity: 0.7;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10rem 0 0;
  letter-spacing: 0.1em;
  color: #1a1a1a;
  text-align: center;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type.pd-1 {
  padding: 6rem 0 0;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-ttl {
  padding: 0 4rem 0 0;
  font-size: 1.6rem;
  position: relative;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-ttl span {
  font-size: 7.6rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-ttl::before {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  content: "";
  width: 1px;
  height: 5rem;
  background: #1a1a1a;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-size {
  padding: 0 0 0 4rem;
  font-size: 2.6rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-size span {
  font-size: 3.6rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-size span span {
  font-size: 4.8rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk {
  padding: 2rem 0 0 5rem;
  color: #1a1a1a;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt {
  display: inline-block;
  padding: 0 3rem 0 0;
  position: relative;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p1 {
  font-size: 1.2rem;
  margin: 0 0 0.6rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 {
  font-size: 1.7rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 span {
  font-size: 2.7rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p3 {
  font-size: 1.2rem;
  position: absolute;
  top: 4.4rem;
  left: 7.2rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img {
  height: 38rem;
  position: relative;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_a img {
  width: 15.696rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_b img {
  width: 11.988rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_c img {
  width: 12.168rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_d img {
  width: 12.996rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_e img {
  width: 15.12rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_f img {
  width: 12.69rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_g img {
  width: 15.264rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_h img {
  width: 16.488rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.limited img {
  filter: blur(6px);
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .entry {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  bottom: 12rem;
  width: 100%;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .entry-txt {
  font-size: 2.7rem;
  line-height: 1.4;
  text-align: center;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .entry-btn {
  width: 30rem;
  margin: 3rem auto 0;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  top: 3rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 30rem;
  height: 3rem;
  background: #103122;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label p {
  font-size: 1.4rem;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
  margin: 0 auto;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label span {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 10rem;
  height: 100%;
  background: #990000;
  font-size: 1.4rem;
  letter-spacing: 0;
  color: #fff;
  text-align: center;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label.clr-ylw {
  background: #a78f59;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label.clr-red {
  background: #a20000;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label.num-2 {
  top: 6rem;
}
#pagePlan .sec-plan .plan-wrap .plan-area .plan-box .update {
  position: absolute;
  top: 0;
  right: 0;
  top: 1rem;
  right: 4rem;
  font-size: 1.3rem;
  color: #a20000;
}
@media screen and (max-width: 750px) {
  #pagePlan .sec-plan {
    padding: 0 0 16rem;
  }
  #pagePlan .sec-plan .plan-wrap {
    margin: 11rem 0 0;
  }
  #pagePlan .sec-plan .plan-wrap .ttl-area {
    padding: 0 4rem;
  }
  #pagePlan .sec-plan .plan-wrap .ttl-area .ttl-box {
    height: 8rem;
  }
  #pagePlan .sec-plan .plan-wrap .ttl-area .ttl-box .ttl {
    font-size: 3.4rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box {
    width: 48rem;
    height: 82rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box a:hover {
    opacity: 1;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type {
    padding: 14rem 0 0;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type.pd-1 {
    padding: 8rem 0 0;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-ttl {
    font-size: 2.6rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-ttl span {
    font-size: 8.6rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-ttl::before {
    height: 7rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-size {
    font-size: 3.6rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-size span {
    font-size: 4.6rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .type-size span span {
    font-size: 5.8rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk {
    padding: 3rem 0 0 6rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p1 {
    font-size: 2.2rem;
    margin: 0 0 1rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 {
    font-size: 2.8rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 span {
    font-size: 3.8rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p3 {
    font-size: 2.2rem;
    top: 7.2rem;
    left: 9.4rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img {
    height: 48rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_a img {
    width: 21.8rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_b img {
    width: 16.65rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_c img {
    width: 16.9rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_d img {
    width: 18.05rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_e img {
    width: 21rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_f img {
    width: 17.625rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_g img {
    width: 21.2rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .img.type_h img {
    width: 22.9rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .entry {
    bottom: 14rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .entry-txt {
    font-size: 3.6rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .entry-btn {
    width: 38rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label {
    top: 4rem;
    width: 44rem;
    height: 4rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label p {
    font-size: 2.2rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label span {
    width: 14rem;
    font-size: 2.4rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .label.num-2 {
    top: 8rem;
  }
  #pagePlan .sec-plan .plan-wrap .plan-area .plan-box .update {
    right: 2rem;
    font-size: 2.2rem;
  }
}
#pageType main#main {
  background: #eceae5;
}
#pageType .sec-type {
  padding: 12rem 0 12rem;
}
#pageType .sec-type .tab-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 3rem;
  padding: 0 0 4rem;
}
#pageType .sec-type .tab-wrap .tab-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 36rem;
  height: 9rem;
  background: #ab8d50;
}
#pageType .sec-type .tab-wrap .tab-box p {
  font-size: 2rem;
  line-height: 1.4;
  color: #fff;
}
#pageType .sec-type .tab-wrap .tab-box p span {
  font-size: 1.6rem;
}
#pageType .sec-type .tab-wrap .tab-box {
  opacity: 1;
}
#pageType .sec-type .tab-wrap .tab-box.none {
  opacity: 0.4;
}
#pageType .sec-type .type-wrap {
  padding: 0 0 5rem;
  background: #fff;
  position: relative;
}
#pageType .sec-type .type-wrap .ttl-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 13rem;
  padding: 0 0 0 5rem;
  background: #103122;
  color: #a78f59;
  position: relative;
}
#pageType .sec-type .type-wrap .ttl-area .type-box {
  padding: 0 6rem 0 0;
  letter-spacing: 0.1em;
  text-align: center;
  position: relative;
}
#pageType .sec-type .type-wrap .ttl-area .type-box p {
  font-size: 1.1rem;
}
#pageType .sec-type .type-wrap .ttl-area .type-box p span {
  font-size: 6.5rem;
}
#pageType .sec-type .type-wrap .ttl-area .type-box::before {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  content: "";
  width: 1px;
  height: 6rem;
  background: #fff;
}
#pageType .sec-type .type-wrap .ttl-area .ldk-box {
  padding: 0.6rem 0 0 6rem;
  position: relative;
}
#pageType .sec-type .type-wrap .ttl-area .ldk-box p {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
#pageType .sec-type .type-wrap .ttl-area .ldk-box p span {
  font-size: 3.9rem;
}
#pageType .sec-type .type-wrap .ttl-area .ldk-box p sup {
  font-size: 1.2rem;
  line-height: 1.6;
}
#pageType .sec-type .type-wrap .ttl-area .ldk-box .note {
  font-size: 1.2rem;
  position: absolute;
  top: 7rem;
  left: 18.4rem;
}
#pageType .sec-type .type-wrap .ttl-area .note-box {
  color: #fff;
  white-space: nowrap;
  position: absolute;
  bottom: 1rem;
  left: 22rem;
}
#pageType .sec-type .type-wrap .ttl-area .label-box {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  right: 3rem;
  width: 35rem;
  background: #a78f59;
}
#pageType .sec-type .type-wrap .ttl-area .label-box p {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 5rem;
  font-size: 1.6rem;
  line-height: 1.3;
  color: #fff;
  text-align: center;
}
#pageType .sec-type .type-wrap .ttl-area .label-box p.clr-red {
  background: #a20000;
}
#pageType .sec-type .type-wrap .ttl-area .label-box.flex {
  display: flex;
  flex-wrap: wrap;
}
#pageType .sec-type .type-wrap .ttl-area .label-box.flex p {
  width: 50%;
}
#pageType .sec-type .type-wrap .data-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  gap: 0 5rem;
  padding: 2rem 0 3rem;
  background: #103122;
}
#pageType .sec-type .type-wrap .data-area .data-box {
  color: #fff;
}
#pageType .sec-type .type-wrap .data-area .data-box .ttl {
  display: inline-block;
  padding: 0 1rem 0 0;
  font-size: 1.4rem;
}
#pageType .sec-type .type-wrap .data-area .data-box .size {
  display: inline-block;
  font-size: 2.5rem;
}
#pageType .sec-type .type-wrap .data-area .data-box .size span {
  font-size: 2.7rem;
}
#pageType .sec-type .type-wrap .data-area .data-box .size span span {
  font-size: 3.6rem;
}
#pageType .sec-type .type-wrap .b-img-area .img-box .note {
  text-align: right;
  margin: 0.5rem 0 0;
}
#pageType .sec-type .type-wrap .tab-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 2rem;
  margin: 4rem 0 0;
}
#pageType .sec-type .type-wrap .tab-area .tab-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 25rem;
  height: 6rem;
  background: #fff;
  border: solid 1px #103122;
}
#pageType .sec-type .type-wrap .tab-area .tab-box p {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #103122;
}
#pageType .sec-type .type-wrap .tab-area .tab-box p span {
  font-size: 1.4rem;
}
#pageType .sec-type .type-wrap .tab-area .tab-box.act {
  background: #103122;
}
#pageType .sec-type .type-wrap .tab-area .tab-box.act p {
  color: #fff;
}
#pageType .sec-type .type-wrap .img-area {
  margin: 4rem 0 0;
  position: relative;
}
#pageType .sec-type .type-wrap .img-area .img-box {
  margin: 0 auto;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_a {
  width: 43.6rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_b {
  width: 33.3rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_b_illust {
  width: 33.3rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_c {
  width: 33.8rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_c_illust {
  width: 35.2rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_d {
  width: 36.1rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_e {
  width: 42rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_e_illust {
  width: 42rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_f {
  width: 35.25rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_g {
  width: 42.4rem;
}
#pageType .sec-type .type-wrap .img-area .img-box.type_h {
  width: 45.8rem;
}
#pageType .sec-type .type-wrap .img-area .copy-box {
  height: 100%;
  position: absolute;
  top: 0;
  left: 14rem;
}
#pageType .sec-type .type-wrap .img-area .copy-box p {
  font-size: 2.2rem;
  line-height: 1.4;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
#pageType .sec-type .type-wrap .img-area.other {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 4rem 0 5rem;
}
#pageType .sec-type .type-wrap .img-area.other .img-box {
  margin: 0;
}
#pageType .sec-type .type-wrap .img-area.other .copy-box {
  width: 56rem;
  height: auto;
  right: 4rem;
  left: auto;
}
#pageType .sec-type .type-wrap .img-area.other .copy-box p {
  text-align: center;
  writing-mode: initial;
  text-orientation: initial;
}
#pageType .sec-type .type-wrap .img-area.other .copy-box .img {
  margin: 4rem 0 0;
  position: relative;
}
#pageType .sec-type .type-wrap .note-area {
  padding: 2rem 0 0;
  border-top: solid 1px #b3b3b3;
  margin: 7rem 4rem 0;
}
#pageType .sec-type .type-wrap .note-area .icon-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1rem;
}
#pageType .sec-type .type-wrap .note-area .icon-box .icon {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 0.2rem;
}
#pageType .sec-type .type-wrap .note-area .icon-box .icon i {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 1rem;
}
#pageType .sec-type .type-wrap .note-area .icon-box .icon i img {
  width: auto;
  height: 100%;
}
#pageType .sec-type .type-wrap .note-area .icon-box .icon span {
  font-size: 1rem;
}
#pageType .sec-type .type-wrap .note-area .note-box {
  margin: 2rem 0 0;
}
#pageType .sec-type .type-wrap .note-area.other {
  width: 56rem;
  margin: 0;
  position: absolute;
  bottom: 19rem;
  right: 4rem;
}
#pageType .sec-type .type-wrap.js-type-wrap-tab {
  display: none;
}
#pageType .sec-type .type-wrap.js-type-wrap-tab.act {
  display: block;
}
@media screen and (max-width: 750px) {
  #pageType .sec-type {
    padding: 13rem 0 13rem;
  }
  #pageType .sec-type .tab-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 0rem;
    padding: 0 0 5rem;
  }
  #pageType .sec-type .tab-wrap .tab-box {
    width: 33rem;
    height: 10rem;
  }
  #pageType .sec-type .tab-wrap .tab-box p {
    font-size: 2rem;
    letter-spacing: 0;
  }
  #pageType .sec-type .tab-wrap .tab-box p span {
    font-size: 2rem;
  }
  #pageType .sec-type .type-wrap {
    padding: 0 0 6rem;
  }
  #pageType .sec-type .type-wrap .ttl-area {
    height: 22rem;
    padding: 0 0 0 4rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .type-box {
    padding: 0 4rem 0 0;
  }
  #pageType .sec-type .type-wrap .ttl-area .type-box p {
    font-size: 2.2rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .type-box p span {
    font-size: 6.5rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .type-box::before {
    height: 8rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .ldk-box {
    padding: 1rem 0 0 4rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .ldk-box p {
    letter-spacing: 0;
  }
  #pageType .sec-type .type-wrap .ttl-area .ldk-box p sup {
    font-size: 2rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .ldk-box .note {
    font-size: 2rem;
    top: 8.6rem;
    left: 12rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .ldk-box.pl {
    padding-left: 2rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .note-box {
    left: 4rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .label-box {
    width: 22rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .label-box p {
    height: 8rem;
    font-size: 2.2rem;
  }
  #pageType .sec-type .type-wrap .ttl-area .label-box.flex {
    display: block;
  }
  #pageType .sec-type .type-wrap .ttl-area .label-box.flex p {
    width: 100%;
  }
  #pageType .sec-type .type-wrap .data-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-end;
    gap: 2rem 4rem;
    padding: 3rem 0 4rem 4rem;
  }
  #pageType .sec-type .type-wrap .data-area .data-box .ttl {
    font-size: 2.4rem;
  }
  #pageType .sec-type .type-wrap .data-area .data-box .size {
    font-size: 3.6rem;
  }
  #pageType .sec-type .type-wrap .data-area .data-box .size span {
    font-size: 3.8rem;
  }
  #pageType .sec-type .type-wrap .data-area .data-box .size span span {
    font-size: 4.6rem;
  }
  #pageType .sec-type .type-wrap .b-img-area .img-box .note {
    text-align: left;
    margin: 1rem 3rem 0;
  }
  #pageType .sec-type .type-wrap .tab-area {
    margin: 5rem 0 0;
  }
  #pageType .sec-type .type-wrap .tab-area .tab-box {
    width: 30rem;
    height: 9rem;
  }
  #pageType .sec-type .type-wrap .tab-area .tab-box p {
    font-size: 2.4rem;
  }
  #pageType .sec-type .type-wrap .tab-area .tab-box p span {
    font-size: 2rem;
  }
  #pageType .sec-type .type-wrap .img-area {
    margin: 5rem 0 0;
  }
  #pageType .sec-type .type-wrap .img-area .copy-box {
    padding: 0 4rem;
    height: auto;
    margin: 6rem 0 0;
    position: static;
  }
  #pageType .sec-type .type-wrap .img-area .copy-box p {
    font-size: 2.8rem;
    writing-mode: initial;
    text-orientation: initial;
  }
  #pageType .sec-type .type-wrap .img-area.other {
    display: block;
    padding: 0;
  }
  #pageType .sec-type .type-wrap .img-area.other .cg-box {
    padding: 0 4rem;
    margin: 0 0 6rem;
  }
  #pageType .sec-type .type-wrap .img-area.other .cg-box .img {
    position: relative;
  }
  #pageType .sec-type .type-wrap .img-area.other .img-box {
    margin: 0 auto;
  }
  #pageType .sec-type .type-wrap .img-area.other .copy-box {
    width: 100%;
    position: static;
  }
  #pageType .sec-type .type-wrap .note-area {
    padding: 3rem 0 0;
    margin: 8rem 4rem 0;
  }
  #pageType .sec-type .type-wrap .note-area .icon-box {
    gap: 1rem 2rem;
  }
  #pageType .sec-type .type-wrap .note-area .icon-box .icon {
    gap: 0 0.4rem;
  }
  #pageType .sec-type .type-wrap .note-area .icon-box .icon i {
    height: 2rem;
  }
  #pageType .sec-type .type-wrap .note-area .icon-box .icon span {
    font-size: 2rem;
  }
  #pageType .sec-type .type-wrap .note-area .note-box {
    margin: 3rem 0 0;
  }
  #pageType .sec-type .type-wrap .note-area.other {
    width: auto;
    margin: 8rem 4rem 0;
    position: static;
  }
}
#pageQuality main#main {
  background: #eceae5;
}
#pageQuality .sec-anker {
  padding: 10rem 0 0;
}
#pageQuality .sec-anker .anker-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
#pageQuality .sec-anker .anker-wrap .anker-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 6.4rem;
  background: #b8b1a3;
}
#pageQuality .sec-anker .anker-wrap .anker-box span {
  font-size: 1.7rem;
  letter-spacing: 0.2em;
  color: #fff;
}
#pageQuality .sec-anker .anker-wrap .anker-box:hover {
  background: #9f8859;
}
#pageQuality .sec-anker .anker-wrap .anker-box.act {
  background: #9f8859;
}
@media screen and (max-width: 750px) {
  #pageQuality .sec-anker {
    padding: 11rem 0 0;
  }
  #pageQuality .sec-anker .anker-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 3rem 0;
  }
  #pageQuality .sec-anker .anker-wrap .anker-box {
    width: 32rem;
    height: 9.6rem;
  }
  #pageQuality .sec-anker .anker-wrap .anker-box span {
    font-size: 2.8rem;
  }
  #pageQuality .sec-anker .anker-wrap .anker-box:hover {
    background: #b8b1a3;
  }
  #pageQuality .sec-anker .anker-wrap .anker-box.act {
    background: #9f8859;
  }
}
#pageQuality .sec-cntnt {
  padding: 10rem 0 0;
}
#pageQuality .sec-cntnt .copy-wrap .copy-box {
  text-align: center;
}
#pageQuality .sec-cntnt .copy-wrap .copy-box .ttl {
  font-size: 1.5rem;
  letter-spacing: 0.1em;
}
#pageQuality .sec-cntnt .copy-wrap .copy-box .lead {
  font-size: 2.3rem;
  color: #9f8859;
  margin: 2rem 0 0;
}
#pageQuality .sec-cntnt .list-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 3.5rem;
  margin: 5rem 0 0;
}
#pageQuality .sec-cntnt .list-wrap .list-area {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 3.5rem;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box {
  width: 31rem;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box .img {
  position: relative;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box .ttl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #a98d6a;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box .txt {
  font-size: 1.2rem;
  line-height: 1.6;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box .note {
  font-size: 1rem;
  line-height: 1.4;
  text-align: right;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box .note.left {
  text-align: left;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box.w-2 {
  width: 65.5rem;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box.main {
  width: 100%;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box.other-1 {
  position: relative;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box.other-1 .copy {
  width: 19rem;
}
#pageQuality .sec-cntnt .list-wrap .list-area .list-box.other-1 .logo {
  position: absolute;
  bottom: 0;
  right: 0;
  bottom: 2rem;
  width: 11rem;
}
#pageQuality .sec-cntnt .list-wrap .list-area.w-3 {
  width: 100rem;
}
#pageQuality .sec-cntnt .list-wrap .list-area.w-2 {
  width: 65.5rem;
}
#pageQuality .sec-cntnt .list-wrap .list-area.w-1 {
  width: 31rem;
}
#pageQuality .sec-cntnt .list-wrap.reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 750px) {
  #pageQuality .sec-cntnt {
    padding: 11rem 0 0;
  }
  #pageQuality .sec-cntnt .copy-wrap .copy-box .ttl {
    font-size: 2.6rem;
  }
  #pageQuality .sec-cntnt .copy-wrap .copy-box .lead {
    font-size: 3.4rem;
    line-height: 1.6;
    margin: 3rem 0 0;
  }
  #pageQuality .sec-cntnt .list-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6rem 0rem;
    margin: 6rem 0 0;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6rem 0rem;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area .list-box {
    width: 32rem;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area .list-box .ttl {
    height: 8rem;
    font-size: 2.4rem;
    line-height: 1.2;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area .list-box .txt {
    font-size: 2.2rem;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area .list-box .note {
    font-size: 2rem;
    text-align: left;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area .list-box.w-2 {
    width: 100%;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area .list-box.other-1 .copy {
    width: 100%;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area .list-box.other-1 .logo {
    position: static;
    width: 20rem;
    margin: 2rem 0 0;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area.w-3 {
    width: 100%;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area.w-2 {
    width: 100%;
  }
  #pageQuality .sec-cntnt .list-wrap .list-area.w-1 {
    width: 100%;
  }
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 {
  background: #fbfaf6;
  margin: 5rem 0 0;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .list-box {
  width: 31rem;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .list-box .ttl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 4rem;
  padding: 0 0 0 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #a98d6a;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .list-box .txt {
  padding: 0 0 0 3rem;
  font-size: 1.2rem;
  line-height: 1.6;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .img-box {
  width: 65.5rem;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 {
  padding: 3rem 3rem;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .copy-box .ttl {
  padding: 0.6rem 1rem;
  background: #bfaa8f;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .copy-box .txt {
  font-size: 1.2rem;
  margin: 1rem 0 0;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 2rem 0 0;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .list-box .list {
  width: 30rem;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 {
  margin: 4rem 0 0;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box .img-1 {
  width: 31rem;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box .img-2 {
  width: 65rem;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box .arw {
  width: 4rem;
  height: 7rem;
  background: #bfaa8f;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .copy-box .ttl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #a98d6a;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .copy-box .txt {
  font-size: 1.2rem;
  line-height: 1.6;
}
#pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .copy-box .note {
  font-size: 1rem;
  line-height: 1.4;
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 {
    padding: 4rem 4rem;
    margin: 6rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .list-box {
    width: 100%;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .list-box .ttl {
    height: 8rem;
    padding: 0 0 0 0rem;
    font-size: 2.4rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .list-box .txt {
    padding: 0 0 0 0rem;
    font-size: 2.2rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-1 .img-box {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 {
    padding: 4rem 0rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .copy-box .ttl {
    padding: 1.2rem 2rem;
    font-size: 2.4rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .copy-box .txt {
    font-size: 2.2rem;
    line-height: 1.6;
    margin: 2rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .list-box {
    gap: 3rem 0;
    margin: 3rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .list-box .list {
    width: 100%;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .list-box .list:nth-of-type(1) {
    padding: 0 1rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .list-box .list:nth-of-type(2) {
    padding: 0 0rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-1 .comfort-area-2 .list-box .list:nth-of-type(3) {
    padding: 0 1rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 {
    margin: 5rem 0 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1rem 0;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box .img-1 {
    width: 32rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box .img-2 {
    width: 67rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .img-box .arw {
    width: 7rem;
    height: 2rem;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
            clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .copy-box .ttl {
    height: 8rem;
    font-size: 2.4rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .copy-box .txt {
    font-size: 2.2rem;
  }
  #pageQuality .sec-cntnt.comfort .comfort-wrap-2 .list-area .copy-box .note {
    font-size: 2rem;
    margin: 2rem 0 0;
  }
}
#pageQuality .sec-cntnt.storage-others .storage-others-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border: solid 1px #a98d6a;
  margin: 5rem 0 0;
  position: relative;
}
#pageQuality .sec-cntnt.storage-others .storage-others-wrap .copy-box {
  margin: 0 auto;
}
#pageQuality .sec-cntnt.storage-others .storage-others-wrap .copy-box .ttl {
  font-size: 1.4rem;
  font-weight: 500;
  color: #a98d6a;
}
#pageQuality .sec-cntnt.storage-others .storage-others-wrap .copy-box .txt {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 1rem 0 0;
}
#pageQuality .sec-cntnt.storage-others .storage-others-wrap .img-box {
  width: 32rem;
}
#pageQuality .sec-cntnt.storage-others .storage-others-wrap .arw-box {
  width: 6rem;
  margin: 0 1rem;
}
#pageQuality .sec-cntnt.storage-others .storage-others-wrap .cap {
  bottom: -2rem;
}
@media screen and (max-width: 750px) {
  #pageQuality .sec-cntnt.storage-others .storage-others-wrap {
    padding: 3rem 2rem;
    margin: 6rem 0 0;
  }
  #pageQuality .sec-cntnt.storage-others .storage-others-wrap .copy-box {
    width: 100%;
    margin: 0 auto 2rem;
  }
  #pageQuality .sec-cntnt.storage-others .storage-others-wrap .copy-box .ttl {
    font-size: 2.4rem;
  }
  #pageQuality .sec-cntnt.storage-others .storage-others-wrap .copy-box .txt {
    font-size: 2.2rem;
    margin: 2rem 0 0;
  }
  #pageQuality .sec-cntnt.storage-others .storage-others-wrap .img-box {
    width: 29rem;
  }
  #pageQuality .sec-cntnt.storage-others .storage-others-wrap .arw-box {
    width: 4rem;
    margin: 0 0rem;
  }
  #pageQuality .sec-cntnt.storage-others .storage-others-wrap .cap {
    bottom: -3rem;
  }
}
#pageQuality .sec-cntnt.security .tebra-wrap {
  padding: 6rem 0;
  background: rgba(179, 29, 35, 0.07);
  margin: 5rem 0 0;
}
#pageQuality .sec-cntnt.security .tebra-wrap .copy-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 62rem;
  margin: 0 auto;
}
#pageQuality .sec-cntnt.security .tebra-wrap .copy-area .logo-box {
  width: 21rem;
}
#pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box {
  width: calc(100% - 24rem);
}
#pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box .lead {
  font-size: 1.8rem;
  line-height: 1.2;
}
#pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box .lead span {
  font-size: 2.1rem;
  font-weight: 600;
}
#pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box .txt {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #4c4946;
  margin: 1rem 0 0;
}
#pageQuality .sec-cntnt.security .tebra-wrap .list-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 0;
  width: 62rem;
  margin: 4rem auto 0;
}
#pageQuality .sec-cntnt.security .tebra-wrap .list-area .list-box {
  width: 28rem;
}
#pageQuality .sec-cntnt.security .tebra-wrap .list-area .list-box .txt {
  font-size: 1.2rem;
  line-height: 1.6;
  color: #4c4946;
  margin: 1rem 0 0;
}
#pageQuality .sec-cntnt.security .tebra-wrap .list-area .list-box .note {
  font-size: 1rem;
  line-height: 1.4;
  color: #4c4946;
  margin: 1rem 0 0;
}
#pageQuality .sec-cntnt.security .tebra-wrap .list-area .list-box.w-1 {
  width: 100%;
}
@media screen and (max-width: 750px) {
  #pageQuality .sec-cntnt.security .tebra-wrap {
    padding: 4rem 2rem;
    margin: 6rem 0 0;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .copy-area {
    width: 100%;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .copy-area .logo-box {
    width: 24rem;
    margin: 0 auto;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box {
    width: 100%;
    margin: 4rem 0 0;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box .lead {
    font-size: 2.8rem;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box .lead span {
    font-size: 3.2rem;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .copy-area .copy-box .txt {
    font-size: 2.2rem;
    margin: 2rem 0 0;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .list-area {
    gap: 5rem 0;
    width: 100%;
    margin: 5rem auto 0;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .list-area .list-box {
    width: 30rem;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .list-area .list-box .txt {
    font-size: 2.2rem;
    margin: 2rem 0 0;
  }
  #pageQuality .sec-cntnt.security .tebra-wrap .list-area .list-box .note {
    font-size: 2rem;
    margin: 2rem 0 0;
  }
}
#pageQuality .sec-cntnt.structure {
  padding-bottom: 10rem;
}
@media screen and (max-width: 750px) {
  #pageQuality .sec-cntnt.structure {
    padding-bottom: 11rem;
  }
}
#pageModelRoom main#main {
  background: #eceae5;
}
#pageModelRoom .sec-intro {
  margin: 8rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageModelRoom .sec-intro {
    margin: 9rem 0 0;
  }
}
#pageModelRoom .sec-slide {
  padding: 8rem 0 12rem;
}
#pageModelRoom .sec-slide .slide-wrap .slide-area {
  position: relative;
}
#pageModelRoom .sec-slide .slide-wrap .slide-area .img-box .cap {
  font-size: 2rem;
  right: 1rem;
  bottom: 1rem;
}
#pageModelRoom .sec-slide .slide-wrap .slide-area .swiper-btn-prev,
#pageModelRoom .sec-slide .slide-wrap .slide-area .swiper-btn-next {
  width: 6.4rem;
  cursor: pointer;
}
#pageModelRoom .sec-slide .slide-wrap .slide-area .swiper-btn-prev {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  margin: auto;
  left: -9rem;
}
#pageModelRoom .sec-slide .slide-wrap .slide-area .swiper-btn-next {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  right: -9rem;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area {
  margin: 4rem 0 0;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  transform: none !important;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide {
  width: 16rem;
  cursor: pointer;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box {
  height: 9rem;
  position: relative;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box p {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  z-index: 1;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box::after {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box p {
  opacity: 0;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box::after {
  opacity: 0;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box p {
  opacity: 0;
}
#pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box::after {
  opacity: 0;
}
#pageModelRoom .sec-slide .copy-wrap {
  margin: 10rem 0 0;
}
#pageModelRoom .sec-slide .copy-wrap .copy-box {
  text-align: center;
}
#pageModelRoom .sec-slide .copy-wrap .copy-box .p1 {
  font-size: 2.2rem;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pageModelRoom .sec-slide {
    padding: 9rem 0 13rem;
  }
  #pageModelRoom .sec-slide .slide-wrap .slide-area .img-box .cap {
    font-size: 3rem;
  }
  #pageModelRoom .sec-slide .slide-wrap .slide-area .swiper-btn-prev,
  #pageModelRoom .sec-slide .slide-wrap .slide-area .swiper-btn-next {
    display: none;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.4rem 0;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide {
    width: 22rem;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box {
    height: 12rem;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box p {
    font-size: 2rem;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box p {
    opacity: 1;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box::after {
    opacity: 1;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box p {
    opacity: 0;
  }
  #pageModelRoom .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box::after {
    opacity: 0;
  }
  #pageModelRoom .sec-slide .copy-wrap {
    margin: 11rem 0 0;
  }
  #pageModelRoom .sec-slide .copy-wrap .copy-box .p1 {
    font-size: 3rem;
  }
}
#pageModelRoom .sec-bnr {
  padding: 0 0 16rem;
}
#pageModelRoom .sec-bnr .bnr-wrap .bnr-box {
  width: 62rem;
  margin: 0 auto;
}
#pageModelRoom .sec-bnr .bnr-wrap .bnr-box .bnr {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
}
#pageModelRoom .sec-bnr .bnr-wrap .bnr-box .bnr:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #pageModelRoom .sec-bnr {
    padding: 0 0 17rem;
  }
  #pageModelRoom .sec-bnr .bnr-wrap .bnr-box {
    width: 100%;
  }
}
#pageGallery main#main {
  background: #eceae5;
}
#pageGallery .sec-intro {
  margin: 8rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageGallery .sec-intro {
    margin: 9rem 0 0;
  }
}
#pageGallery .sec-slide {
  padding: 8rem 0 12rem;
}
#pageGallery .sec-slide .slide-wrap .slide-area {
  position: relative;
}
#pageGallery .sec-slide .slide-wrap .slide-area .img-box .cap {
  font-size: 2rem;
  right: 1rem;
  bottom: 1rem;
}
#pageGallery .sec-slide .slide-wrap .slide-area .swiper-btn-prev,
#pageGallery .sec-slide .slide-wrap .slide-area .swiper-btn-next {
  width: 6.4rem;
  cursor: pointer;
}
#pageGallery .sec-slide .slide-wrap .slide-area .swiper-btn-prev {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  margin: auto;
  left: -9rem;
}
#pageGallery .sec-slide .slide-wrap .slide-area .swiper-btn-next {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  right: -9rem;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area {
  margin: 4rem 0 0;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  width: 70rem;
  margin: 0 auto;
  transform: none !important;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide {
  width: 16rem;
  cursor: pointer;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box {
  height: 9rem;
  position: relative;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box p {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  z-index: 1;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box::after {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: rgba(0, 0, 0, 0.6);
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box p {
  opacity: 0;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box::after {
  opacity: 0;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box p {
  opacity: 0;
}
#pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box::after {
  opacity: 0;
}
@media screen and (max-width: 750px) {
  #pageGallery .sec-slide {
    padding: 9rem 0 13rem;
  }
  #pageGallery .sec-slide .slide-wrap .slide-area .img-box .cap {
    font-size: 3rem;
  }
  #pageGallery .sec-slide .slide-wrap .slide-area .swiper-btn-prev,
  #pageGallery .sec-slide .slide-wrap .slide-area .swiper-btn-next {
    display: none;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0.4rem 0;
    width: 100%;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide {
    width: 22rem;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box {
    height: 12rem;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide .img-box p {
    font-size: 2rem;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box p {
    opacity: 1;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide:hover .img-box::after {
    opacity: 1;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box p {
    opacity: 0;
  }
  #pageGallery .sec-slide .slide-wrap .thumbs-area .swiper-slide.swiper-slide-thumb-active .img-box::after {
    opacity: 0;
  }
}
#pageInterview main#main {
  background: #DCE8DA;
}
#pageInterview .sec-main {
  background: #fff;
}
#pageInterview .sec-main .main-wrap {
  padding: 0 0 25rem;
  position: relative;
}
#pageInterview .sec-main .main-wrap .main-area {
  position: relative;
}
#pageInterview .sec-main .main-wrap .main-area .cover-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25vw;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}
#pageInterview .sec-main .main-wrap .main-area .copy-box {
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  margin: auto;
  width: 100%;
  text-align: center;
}
#pageInterview .sec-main .main-wrap .main-area .copy-box .p-1 {
  font-size: 1.8rem;
  font-weight: 700;
  color: #6E8C4F;
}
#pageInterview .sec-main .main-wrap .main-area .copy-box .p-2 {
  font-size: 4.8rem;
  margin: 3rem 0 0;
}
#pageInterview .sec-main .main-wrap .main-area .copy-box .p-3 {
  font-size: 1.5rem;
  margin: 2rem 0 0;
}
#pageInterview .sec-main .main-wrap .merit-area {
  position: absolute;
  bottom: 0;
  left: 0;
  bottom: 9rem;
  width: 100%;
}
#pageInterview .sec-main .main-wrap .merit-area .merit-box {
  width: 96rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageInterview .sec-main .main-wrap {
    padding: 0 0 26rem;
  }
  #pageInterview .sec-main .main-wrap .main-area .img-box {
    height: 34rem;
    position: relative;
  }
  #pageInterview .sec-main .main-wrap .main-area .img-box .img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  #pageInterview .sec-main .main-wrap .main-area .img-box .img img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
    width: 100%;
    height: 100%;
  }
  #pageInterview .sec-main .main-wrap .main-area .cover-box {
    height: 20rem;
  }
  #pageInterview .sec-main .main-wrap .main-area .copy-box {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    margin: auto;
  }
  #pageInterview .sec-main .main-wrap .main-area .copy-box .p-1 {
    font-size: 2.8rem;
  }
  #pageInterview .sec-main .main-wrap .main-area .copy-box .p-2 {
    font-size: 5.8rem;
    margin: 4rem 0 0;
  }
  #pageInterview .sec-main .main-wrap .main-area .copy-box .p-3 {
    font-size: 2.6rem;
    margin: 3rem 0 0;
  }
  #pageInterview .sec-main .main-wrap .merit-area .merit-box {
    width: 100%;
    padding: 0 2rem;
  }
}
#pageInterview .sec-intro {
  margin: 13rem 0 0;
}
#pageInterview .sec-intro .copy-wrap {
  position: relative;
}
#pageInterview .sec-intro .copy-wrap .q-box {
  position: absolute;
  top: 0;
  right: 0;
  top: -8rem;
  right: 10rem;
  width: 17rem;
}
#pageInterview .sec-intro .copy-wrap .copy-box {
  text-align: center;
}
#pageInterview .sec-intro .copy-wrap .copy-box .p-1 {
  display: inline-block;
  padding: 1rem 1rem;
  background: #fff;
  border-radius: 1rem;
  font-size: 2.2rem;
}
#pageInterview .sec-intro .copy-wrap .copy-box .p-2 {
  font-size: 4rem;
  line-height: 1.4;
  margin: 3rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageInterview .sec-intro {
    margin: 14rem 0 0;
  }
  #pageInterview .sec-intro .copy-wrap .q-box {
    right: -2rem;
  }
  #pageInterview .sec-intro .copy-wrap .copy-box .p-1 {
    padding: 2rem 2rem;
    font-size: 3.2rem;
  }
  #pageInterview .sec-intro .copy-wrap .copy-box .p-2 {
    margin: 4rem 0 0;
  }
}
#pageInterview .sec-point {
  margin: 11rem 0 11rem;
}
#pageInterview .sec-point .point-wrap {
  padding: 11rem 11rem;
  background: #fff;
  border-radius: 1rem;
  position: relative;
}
#pageInterview .sec-point .point-wrap .copy-area {
  position: absolute;
  top: 0;
  left: 0;
  top: 8rem;
  left: -15rem;
  z-index: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 23rem;
  height: 47rem;
  background: #6E8C4F;
  border-radius: 0 1rem 0 0;
}
#pageInterview .sec-point .point-wrap .copy-area .copy-box {
  width: 12rem;
}
#pageInterview .sec-point .point-wrap .main-area {
  position: relative;
}
#pageInterview .sec-point .point-wrap .main-area .label-box {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  top: -13rem;
  width: 9rem;
}
#pageInterview .sec-point .point-wrap .main-area .copy-box {
  text-align: center;
}
#pageInterview .sec-point .point-wrap .main-area .copy-box .p-1 {
  font-size: 3.2rem;
  color: #778F5D;
  text-decoration-line: underline;
  text-decoration-style: wavy;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-color: rgba(119, 143, 93, 0.33);
  text-decoration-thickness: 5.5%;
  text-underline-offset: 55%;
  text-underline-position: from-font;
}
#pageInterview .sec-point .point-wrap .main-area .img-box {
  margin: 8rem 0 0;
  position: relative;
}
#pageInterview .sec-point .point-wrap .main-area .img-box .img {
  height: 26rem;
  position: relative;
}
#pageInterview .sec-point .point-wrap .main-area .img-box .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#pageInterview .sec-point .point-wrap .main-area .img-box.flex {
  display: flex;
  flex-wrap: wrap;
}
#pageInterview .sec-point .point-wrap .main-area .img-box.flex .img {
  width: 50%;
}
#pageInterview .sec-point .point-wrap .cap-area {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0 2rem 2rem 0;
}
#pageInterview .sec-point .point-wrap .cap-area p {
  font-size: 1rem;
}
#pageInterview .sec-point .point-wrap .ranking-area {
  padding: 0 4rem;
  margin: 8rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area .ttl-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0 3rem;
}
#pageInterview .sec-point .point-wrap .ranking-area .ttl-box .icon {
  width: 12rem;
}
#pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy {
  width: calc(100% - 15rem);
}
#pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy-p-1 {
  font-size: 1.5rem;
  margin: 0 0 1rem;
}
#pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy-p-1 span {
  color: #6E8C4F;
}
#pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy-p-2 {
  font-size: 2.6rem;
  line-height: 1.4;
}
#pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy-p-2 span {
  color: #6E8C4F;
}
#pageInterview .sec-point .point-wrap .ranking-area .copy-box {
  margin: 3rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area .copy-box .p-1 {
  font-size: 1.5rem;
  color: #6E8C4F;
}
#pageInterview .sec-point .point-wrap .ranking-area .copy-box .p-2 {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 1rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area .comment-box {
  width: 72rem;
  margin: 4rem 0 0;
  position: relative;
}
#pageInterview .sec-point .point-wrap .ranking-area .comment-box.left {
  left: -1.5rem;
}
#pageInterview .sec-point .point-wrap .ranking-area .comment-box.right {
  right: 0.5rem;
}
#pageInterview .sec-point .point-wrap .ranking-area .lists-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 0;
  margin: 4rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area .lists-box .list {
  width: 33rem;
}
#pageInterview .sec-point .point-wrap .ranking-area .lists-box .list-name {
  font-size: 1.3rem;
  margin: 1rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area.num-1 .map-box {
  margin: 3rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area.num-5 .img-box {
  margin: 4rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area.num-5 .img-box .img {
  position: relative;
}
#pageInterview .sec-point .point-wrap .ranking-area.num-5 .img-box .name {
  font-size: 1.3rem;
  margin: 1rem 0 0;
}
#pageInterview .sec-point .point-wrap .ranking-area.num-5 .img-box .note {
  font-size: 1rem;
  line-height: 1.4;
  margin: 1rem 0 0;
}
#pageInterview .sec-point .point-wrap .graph-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4rem 0;
  margin: 6rem 0 0;
}
#pageInterview .sec-point .point-wrap .graph-area .graph-box {
  width: 37rem;
}
#pageInterview .sec-point .point-wrap .graph-area .copy-box {
  width: 36rem;
  text-align: justify;
}
#pageInterview .sec-point .point-wrap .graph-area .copy-box p {
  font-size: 1.5rem;
  line-height: 1.8;
}
#pageInterview .sec-point .point-wrap .graph-area .copy-box p span {
  color: #6E8C4F;
}
@media screen and (max-width: 1200px) {
  #pageInterview .sec-point .point-wrap .copy-area {
    left: -6rem;
  }
}
@media screen and (max-width: 750px) {
  #pageInterview .sec-point {
    margin: 12rem 0 12rem;
  }
  #pageInterview .sec-point .point-wrap {
    padding: 12rem 4rem;
  }
  #pageInterview .sec-point .point-wrap .copy-area {
    top: -3rem;
    left: -4rem;
  }
  #pageInterview .sec-point .point-wrap .copy-area .copy-box {
    width: 15rem;
  }
  #pageInterview .sec-point .point-wrap .main-area .label-box {
    top: -15rem;
    width: 13.5rem;
  }
  #pageInterview .sec-point .point-wrap .main-area .copy-box .p-1 {
    font-size: 4.2rem;
    line-height: 2;
    text-underline-offset: 25%;
  }
  #pageInterview .sec-point .point-wrap .main-area .copy-box.ml {
    text-align: left;
    margin: 0 0 0 21rem;
  }
  #pageInterview .sec-point .point-wrap .main-area .img-box {
    margin: 9rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .main-area .img-box .img.left img {
    -o-object-position: left center;
       object-position: left center;
  }
  #pageInterview .sec-point .point-wrap .cap-area p {
    font-size: 2rem;
  }
  #pageInterview .sec-point .point-wrap .ranking-area {
    padding: 0 0rem;
    margin: 9rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .ttl-box {
    display: block;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .ttl-box .icon {
    width: 18rem;
    margin: 0 auto;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy {
    width: 100%;
    text-align: center;
    margin: 4rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy-p-1 {
    font-size: 2.6rem;
    line-height: 1.6;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .ttl-box .copy-p-2 {
    font-size: 3.6rem;
    line-height: 1.6;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .copy-box {
    margin: 4rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .copy-box .p-1 {
    font-size: 2.6rem;
    line-height: 1.6;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .copy-box .p-2 {
    font-size: 2.6rem;
    margin: 2rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .comment-box {
    width: 66rem;
    margin: 5rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .comment-box.left {
    left: -3rem;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .comment-box.right {
    right: 4rem;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .lists-box {
    margin: 5rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .lists-box .list {
    width: 29rem;
  }
  #pageInterview .sec-point .point-wrap .ranking-area .lists-box .list-name {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  #pageInterview .sec-point .point-wrap .ranking-area.num-1 .map-box {
    margin: 4rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area.num-5 .img-box {
    margin: 5rem 0 0;
  }
  #pageInterview .sec-point .point-wrap .ranking-area.num-5 .img-box .name {
    font-size: 2.2rem;
    line-height: 1.4;
  }
  #pageInterview .sec-point .point-wrap .ranking-area.num-5 .img-box .note {
    font-size: 2rem;
  }
  #pageInterview .sec-point .point-wrap .graph-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #pageInterview .sec-point .point-wrap .graph-area .graph-box {
    width: 46.25rem;
  }
  #pageInterview .sec-point .point-wrap .graph-area .copy-box {
    width: 100%;
  }
  #pageInterview .sec-point .point-wrap .graph-area .copy-box p {
    font-size: 2.6rem;
  }
}
#pageOutline .sec-main {
  background: #dddbd6;
}
#pageOutline .sec-main .main-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 20rem;
}
#pageOutline .sec-main .main-wrap .main-box .ttl {
  font-size: 4.8rem;
  letter-spacing: 0.3em;
  color: #a68f59;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageOutline .sec-main .main-wrap {
    height: 30rem;
  }
  #pageOutline .sec-main .main-wrap .main-box .ttl {
    font-size: 5.8rem;
  }
}
#pageOutline .sec-outline {
  padding: 0 0 10rem;
  background: #dddbd6;
}
#pageOutline .sec-outline .outline-wrap .outline-box {
  margin: 0 auto 8rem;
}
#pageOutline .sec-outline .outline-wrap .outline-box .out-ttl {
  font-size: 2rem;
  text-align: center;
}
#pageOutline .sec-outline .outline-wrap .outline-box table {
  width: 100%;
  margin: 3rem auto 0;
}
#pageOutline .sec-outline .outline-wrap .outline-box tbody {
  border: solid 1px #3e3a39;
  background: #fff;
}
#pageOutline .sec-outline .outline-wrap .outline-box tr {
  border-bottom: solid 1px #3e3a39;
}
#pageOutline .sec-outline .outline-wrap .outline-box tr:last-of-type {
  border-bottom: none;
}
#pageOutline .sec-outline .outline-wrap .outline-box th,
#pageOutline .sec-outline .outline-wrap .outline-box td {
  padding: 1rem 1.2rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0;
  vertical-align: middle;
}
#pageOutline .sec-outline .outline-wrap .outline-box th span,
#pageOutline .sec-outline .outline-wrap .outline-box td span {
  font-size: 1.2rem;
}
#pageOutline .sec-outline .outline-wrap .outline-box th {
  width: 19.5rem;
  border-right: solid 1px #3e3a39;
}
#pageOutline .sec-outline .outline-wrap .outline-box td {
  width: calc(100% - 19.5rem);
}
#pageOutline .sec-outline .date-wrap {
  margin: 4rem 0 0;
}
#pageOutline .sec-outline .date-wrap .date-box p {
  font-size: 1.4rem;
  line-height: 1.6;
}
#pageOutline .sec-outline .advertisement-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0 2rem;
  margin: 4rem 0 0;
}
#pageOutline .sec-outline .advertisement-wrap .ttl {
  flex-shrink: 0;
  padding: 11px 21px;
  font-size: 1.4rem;
  border: 1px solid #3e3a39;
}
#pageOutline .sec-outline .advertisement-wrap .txt {
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.4;
}
#pageOutline .sec-outline .advertisement-wrap.mtb {
  margin: -4rem 0 8rem;
}
#pageOutline .sec-outline .note-wrap {
  margin: 4rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageOutline .sec-outline .outline-wrap .outline-box .out-ttl {
    font-size: 3rem;
    line-height: 1.6;
  }
  #pageOutline .sec-outline .outline-wrap .outline-box table {
    margin: 4rem auto 0;
  }
  #pageOutline .sec-outline .outline-wrap .outline-box tr {
    display: flex;
    flex-wrap: wrap;
  }
  #pageOutline .sec-outline .outline-wrap .outline-box th,
  #pageOutline .sec-outline .outline-wrap .outline-box td {
    padding: 2rem 1.2rem;
    font-size: 2.4rem;
    text-align: left;
  }
  #pageOutline .sec-outline .outline-wrap .outline-box th span,
  #pageOutline .sec-outline .outline-wrap .outline-box td span {
    font-size: 2rem;
  }
  #pageOutline .sec-outline .outline-wrap .outline-box th {
    width: 100%;
    border-right: none;
    border-bottom: solid 1px #3e3a39;
    background: rgba(62, 58, 57, 0.1);
  }
  #pageOutline .sec-outline .outline-wrap .outline-box td {
    width: 100%;
  }
  #pageOutline .sec-outline .date-wrap .date-box p {
    font-size: 2.4rem;
  }
  #pageOutline .sec-outline .advertisement-wrap {
    flex-wrap: wrap;
    gap: 1rem 0;
  }
  #pageOutline .sec-outline .advertisement-wrap .ttl {
    flex-shrink: initial;
    width: 100%;
    padding: 8px;
    font-size: 2.4rem;
    text-align: center;
  }
  #pageOutline .sec-outline .advertisement-wrap .txt {
    font-size: 2.2rem;
  }
}
#pageMap .sec-main {
  background: #dddbd6;
}
#pageMap .sec-main .main-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 20rem;
}
#pageMap .sec-main .main-wrap .main-box .ttl {
  font-size: 4.8rem;
  letter-spacing: 0.3em;
  color: #a68f59;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageMap .sec-main .main-wrap {
    height: 30rem;
  }
  #pageMap .sec-main .main-wrap .main-box .ttl {
    font-size: 5.8rem;
  }
}
#pageMap .sec-map {
  padding: 0 0 10rem;
  background: #dddbd6;
}
#pageMap .sec-map .map-wrap .copy-box .ttl {
  font-size: 2rem;
  text-align: center;
}
#pageMap .sec-map .map-wrap .map-box {
  width: 90rem;
  margin: 4rem auto 0;
}
#pageMap .sec-map .map-wrap .copy-box-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 90rem;
  padding: 1.5rem 1rem 1.5rem 2rem;
  background: #444241;
  margin: 2rem auto 0;
}
#pageMap .sec-map .map-wrap .copy-box-2 .icon {
  width: 8rem;
}
#pageMap .sec-map .map-wrap .copy-box-2 .copy {
  width: 77rem;
  color: #fff;
}
#pageMap .sec-map .map-wrap .copy-box-2 .copy .p1 {
  font-size: 1.6rem;
}
#pageMap .sec-map .map-wrap .copy-box-2 .copy .p2 {
  font-size: 1.1rem;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 1rem 0 0;
}
#pageMap .sec-map .map-wrap .btn-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 4rem;
  margin: 6rem 0 0;
}
#pageMap .sec-map .map-wrap .btn-box .btn {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 32rem;
  height: 6rem;
  background: #fff;
  border: solid 1px #a68f59;
}
#pageMap .sec-map .map-wrap .btn-box .btn span {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  font-size: 1.6rem;
}
#pageMap .sec-map .map-wrap .btn-box .btn:hover {
  background: #a68f59;
}
#pageMap .sec-map .map-wrap .btn-box .btn:hover span {
  color: #fff;
}
#pageMap .sec-map .map-wrap-2 {
  margin: 12rem 0 0;
}
#pageMap .sec-map .map-wrap-2 .copy-box .ttl {
  font-size: 2rem;
  text-align: center;
}
#pageMap .sec-map .map-wrap-2 .map-box {
  width: 60rem;
  margin: 4rem auto 0;
}
#pageMap .sec-map .map-wrap-2 .copy-box-2 {
  width: 60rem;
  padding: 1.5rem 2rem;
  background: #444241;
  margin: 2rem auto 0;
}
#pageMap .sec-map .map-wrap-2 .copy-box-2 .p1 {
  font-size: 1.6rem;
  line-height: 1.5;
  color: #fff;
}
#pageMap .sec-map .map-wrap-2 .gp-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 90rem;
  margin: 4rem auto 0;
}
#pageMap .sec-map .map-wrap-2 .gp-box .gallery {
  width: 50rem;
}
#pageMap .sec-map .map-wrap-2 .gp-box .parking {
  width: 38rem;
}
#pageMap .sec-map .bnr-wrap {
  margin: 4rem 0 0;
}
#pageMap .sec-map .bnr-wrap .bnr-box {
  width: 90rem;
  margin: 2rem auto 0;
}
#pageMap .sec-map .bnr-wrap .bnr-box .bnr {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
}
#pageMap .sec-map .bnr-wrap .bnr-box .bnr:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #pageMap .sec-map .map-wrap .copy-box .ttl {
    font-size: 3rem;
  }
  #pageMap .sec-map .map-wrap .map-box {
    width: 100%;
    margin: 5rem auto 0;
  }
  #pageMap .sec-map .map-wrap .copy-box-2 {
    width: 100%;
    padding: 1.5rem 2rem;
    position: relative;
  }
  #pageMap .sec-map .map-wrap .copy-box-2 .icon {
    width: 9rem;
    position: absolute;
    top: 3rem;
    left: 2rem;
  }
  #pageMap .sec-map .map-wrap .copy-box-2 .copy {
    width: 100%;
    text-align: right;
  }
  #pageMap .sec-map .map-wrap .copy-box-2 .copy .p1 {
    display: inline-block;
    font-size: 2.4rem;
    line-height: 1.5;
    text-align: left;
  }
  #pageMap .sec-map .map-wrap .copy-box-2 .copy .p2 {
    font-size: 2rem;
    text-align: left;
  }
  #pageMap .sec-map .map-wrap .btn-box {
    gap: 2rem 0;
    margin: 7rem 0 0;
  }
  #pageMap .sec-map .map-wrap .btn-box .btn {
    width: 48rem;
    height: 9rem;
  }
  #pageMap .sec-map .map-wrap .btn-box .btn span {
    font-size: 2.6rem;
  }
  #pageMap .sec-map .map-wrap-2 {
    margin: 13rem 0 0;
  }
  #pageMap .sec-map .map-wrap-2 .copy-box .ttl {
    font-size: 3rem;
  }
  #pageMap .sec-map .map-wrap-2 .map-box {
    width: 100%;
    margin: 5rem auto 0;
  }
  #pageMap .sec-map .map-wrap-2 .copy-box-2 {
    width: 100%;
  }
  #pageMap .sec-map .map-wrap-2 .copy-box-2 .p1 {
    font-size: 2.4rem;
  }
  #pageMap .sec-map .map-wrap-2 .gp-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 5rem auto 0;
  }
  #pageMap .sec-map .map-wrap-2 .gp-box .gallery {
    width: 67rem;
  }
  #pageMap .sec-map .map-wrap-2 .gp-box .parking {
    width: 50.92rem;
    margin: 4rem 0 0;
  }
  #pageMap .sec-map .bnr-wrap {
    margin: 5rem 0 0;
  }
  #pageMap .sec-map .bnr-wrap .bnr-box {
    width: 100%;
    margin: 3rem auto 0;
  }
}
#pageLimited main#main {
  background: #333333;
}
#pageLimited .sec-main .main-wrap {
  height: 45rem;
  background: #fff;
  position: relative;
}
#pageLimited .sec-main .main-wrap .img-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#pageLimited .sec-main .main-wrap .img-box img {
  -o-object-position: center top;
     object-position: center top;
}
#pageLimited .sec-main .main-wrap .copy-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
  width: 100%;
}
#pageLimited .sec-main .main-wrap .copy-box .logo {
  width: 29rem;
  margin: 0 auto;
}
#pageLimited .sec-main .main-wrap .copy-box .ttl {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  color: #cbb165;
  text-align: center;
  margin: 8rem 0 0;
}
#pageLimited .sec-main .info-wrap {
  width: 100rem;
  padding: 0 0 6rem;
  background: #4d4d4d;
  border: solid 1px #808080;
  margin: 8rem auto 0;
}
#pageLimited .sec-main .info-wrap .ttl-box {
  padding: 7rem 0 0;
  position: relative;
}
#pageLimited .sec-main .info-wrap .ttl-box .ttl {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.4em;
  color: #808080;
  text-align: center;
}
#pageLimited .sec-main .info-wrap .ttl-box::before {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  content: "";
  width: 1px;
  height: 5rem;
  background: #808080;
}
#pageLimited .sec-main .info-wrap .copy-box {
  margin: 5rem 0 0;
}
#pageLimited .sec-main .info-wrap .copy-box p {
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
}
#pageLimited .sec-main .info-wrap .copy-box .p-1 {
  font-size: 3.2rem;
  line-height: 1.6;
}
#pageLimited .sec-main .info-wrap .copy-box .p-2 {
  font-size: 3.2rem;
  line-height: 1.6;
}
#pageLimited .sec-main .info-wrap .btn-box {
  margin: 5rem auto 0;
}
@media screen and (max-width: 750px) {
  #pageLimited .sec-main .main-wrap {
    height: 54rem;
  }
  #pageLimited .sec-main .main-wrap .copy-box .logo {
    width: 36.25rem;
  }
  #pageLimited .sec-main .main-wrap .copy-box .ttl {
    font-size: 3.8rem;
  }
  #pageLimited .sec-main .info-wrap {
    width: 67rem;
    padding: 0 0 7rem;
    margin: 9rem auto 0;
  }
  #pageLimited .sec-main .info-wrap .ttl-box {
    padding: 8rem 0 0;
  }
  #pageLimited .sec-main .info-wrap .ttl-box .ttl {
    font-size: 2.6rem;
  }
  #pageLimited .sec-main .info-wrap .ttl-box::before {
    height: 6rem;
  }
  #pageLimited .sec-main .info-wrap .copy-box {
    margin: 6rem 0 0;
  }
  #pageLimited .sec-main .info-wrap .copy-box p {
    letter-spacing: 0;
  }
  #pageLimited .sec-main .info-wrap .copy-box .p-1 {
    font-size: 3.8rem;
  }
  #pageLimited .sec-main .info-wrap .copy-box .p-2 {
    font-size: 3.8rem;
  }
  #pageLimited .sec-main .info-wrap .btn-box {
    margin: 6rem auto 0;
  }
}
#pageLimited .sec-root-movie {
  margin: 8rem 0 0;
}
#pageLimited .sec-root-movie .ttl-wrap {
  border-bottom: solid 1px #fff;
}
#pageLimited .sec-root-movie .ttl-wrap .ttl-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 14rem;
}
#pageLimited .sec-root-movie .ttl-wrap .ttl-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.4em;
  color: #fff;
  text-align: center;
}
#pageLimited .sec-root-movie .video-wrap {
  margin: 7rem 0 0;
}
#pageLimited .sec-root-movie .video-wrap .video-box {
  width: 100rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pageLimited .sec-root-movie {
    margin: 9rem 0 0;
  }
  #pageLimited .sec-root-movie .ttl-wrap .ttl-box {
    height: 16rem;
  }
  #pageLimited .sec-root-movie .ttl-wrap .ttl-box .ttl {
    font-size: 4rem;
  }
  #pageLimited .sec-root-movie .video-wrap {
    margin: 8rem 0 0;
  }
  #pageLimited .sec-root-movie .video-wrap .video-box {
    width: 67rem;
  }
}
#pageLimited .sec-limited-contents {
  padding: 0 0 15rem;
  margin: 8rem 0 0;
}
#pageLimited .sec-limited-contents .ttl-wrap {
  border-bottom: solid 1px #fff;
}
#pageLimited .sec-limited-contents .ttl-wrap .ttl-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 14rem;
}
#pageLimited .sec-limited-contents .ttl-wrap .ttl-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.4em;
  color: #fff;
  text-align: center;
}
#pageLimited .sec-limited-contents .btn-wrap {
  margin: 7rem 0 0;
}
#pageLimited .sec-limited-contents .btn-wrap .btn-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100rem;
  margin: 0 auto;
}
#pageLimited .sec-limited-contents .btn-wrap .btn-box .btn {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
  width: 49rem;
}
#pageLimited .sec-limited-contents .btn-wrap .btn-box .btn:hover {
  opacity: 0.7;
}
@media screen and (max-width: 750px) {
  #pageLimited .sec-limited-contents {
    padding: 0 0 16rem;
    margin: 9rem 0 0;
  }
  #pageLimited .sec-limited-contents .ttl-wrap .ttl-box {
    height: 16rem;
  }
  #pageLimited .sec-limited-contents .ttl-wrap .ttl-box .ttl {
    font-size: 4rem;
  }
  #pageLimited .sec-limited-contents .btn-wrap {
    margin: 8rem 0 0;
  }
  #pageLimited .sec-limited-contents .btn-wrap .btn-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4rem 0;
    width: 67rem;
  }
  #pageLimited .sec-limited-contents .btn-wrap .btn-box .btn {
    width: 59rem;
  }
}
#pageLimited .sec-plan {
  padding: 0 0 15rem;
  margin: 8rem 0 0;
}
#pageLimited .sec-plan .ttl-wrap {
  border-bottom: solid 1px #fff;
}
#pageLimited .sec-plan .ttl-wrap .ttl-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 14rem;
}
#pageLimited .sec-plan .ttl-wrap .ttl-box .ttl {
  font-size: 3rem;
  letter-spacing: 0.4em;
  color: #fff;
  text-align: center;
}
#pageLimited .sec-plan .plan-wrap {
  margin: 7rem 0 0;
}
#pageLimited .sec-plan .plan-wrap .ttl-area {
  max-width: 1300px;
  padding: 0 2rem;
  margin: 0 auto;
}
#pageLimited .sec-plan .plan-wrap .ttl-area .ttl-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  height: 6rem;
  background: #786148;
}
#pageLimited .sec-plan .plan-wrap .ttl-area .ttl-box .ttl {
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  color: #333;
}
#pageLimited .sec-plan .plan-wrap .plan-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 84rem;
  margin: 0 auto;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  width: 38rem;
  height: 59rem;
  margin: 5rem 0 0;
  position: relative;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box a {
  transition: all 400ms cubic-bezier(0.36, 0.1, 0.16, 1);
  transition-duration: 800ms;
  display: block;
  height: 100%;
  background-image: linear-gradient(135deg, rgb(77, 77, 77) 0%, rgb(255, 255, 255) 100%);
  background-repeat: no-repeat;
  background-size: 200% 200%;
  background-position: right bottom;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box a:hover {
  opacity: 0.7;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 5rem 0 0;
  letter-spacing: 0.1em;
  color: #1a1a1a;
  text-align: center;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-ttl {
  padding: 0 4rem 0 0;
  font-size: 1.6rem;
  position: relative;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-ttl span {
  font-size: 7.6rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-ttl::before {
  position: absolute;
  top: 50%;
  right: 0%;
  transform: translateY(-50%);
  margin: auto;
  content: "";
  width: 1px;
  height: 5rem;
  background: #1a1a1a;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-size {
  padding: 0 0 0 4rem;
  font-size: 2.6rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-size span {
  font-size: 3.6rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-size span span {
  font-size: 4.8rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk {
  padding: 2rem 0 0 5rem;
  color: #1a1a1a;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt {
  display: inline-block;
  padding: 0 3rem 0 0;
  position: relative;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p1 {
  font-size: 1.2rem;
  margin: 0 0 0.6rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 {
  font-size: 1.7rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 span {
  font-size: 2.7rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p3 {
  font-size: 1.2rem;
  position: absolute;
  top: 4.4rem;
  left: 7.2rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img {
  height: 38rem;
  position: relative;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin: auto;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_a img {
  width: 15.696rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_b img {
  width: 11.664rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_f img {
  width: 12.69rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_g img {
  width: 14.112rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_h img {
  width: 16.02rem;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.limited img {
  filter: blur(6px);
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .entry {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  bottom: 12rem;
  width: 100%;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .entry-txt {
  font-size: 2.7rem;
  line-height: 1.4;
  text-align: center;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .entry-btn {
  width: 30rem;
  margin: 3rem auto 0;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .label {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  margin: auto;
  top: 1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 30rem;
  height: 3rem;
  background: #786148;
}
#pageLimited .sec-plan .plan-wrap .plan-area .plan-box .label p {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageLimited .sec-plan {
    padding: 0 0 16rem;
    margin: 9rem 0 0;
  }
  #pageLimited .sec-plan .ttl-wrap .ttl-box {
    height: 16rem;
  }
  #pageLimited .sec-plan .ttl-wrap .ttl-box .ttl {
    font-size: 4rem;
  }
  #pageLimited .sec-plan .plan-wrap {
    margin: 8rem 0 0;
  }
  #pageLimited .sec-plan .plan-wrap .ttl-area {
    padding: 0 4rem;
  }
  #pageLimited .sec-plan .plan-wrap .ttl-area .ttl-box {
    height: 8rem;
  }
  #pageLimited .sec-plan .plan-wrap .ttl-area .ttl-box .ttl {
    font-size: 3.4rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box {
    width: 48rem;
    height: 76rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box a:hover {
    opacity: 1;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type {
    padding: 7rem 0 0;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-ttl {
    font-size: 2.6rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-ttl span {
    font-size: 8.6rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-ttl::before {
    height: 7rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-size {
    font-size: 3.6rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-size span {
    font-size: 4.6rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .type-size span span {
    font-size: 5.8rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk {
    padding: 3rem 0 0 6rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p1 {
    font-size: 2.2rem;
    margin: 0 0 1rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 {
    font-size: 2.8rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p2 span {
    font-size: 3.8rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .ldk-txt-p3 {
    font-size: 2.2rem;
    top: 7.2rem;
    left: 9.4rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img {
    height: 48rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_a img {
    width: 21.8rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_b img {
    width: 16.2rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_f img {
    width: 17.625rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_g img {
    width: 19.6rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .img.type_h img {
    width: 22.25rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .entry {
    bottom: 14rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .entry-txt {
    font-size: 3.6rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .entry-btn {
    width: 38rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .label {
    width: 46rem;
    height: 5rem;
  }
  #pageLimited .sec-plan .plan-wrap .plan-area .plan-box .label p {
    font-size: 2.4rem;
    letter-spacing: 0em;
  }
}
#pageLimitedLogin main#main {
  background: #333333;
}
#pageLimitedLogin .sec-main .main-wrap {
  padding: 9rem 0 7rem;
  background: #fff;
  position: relative;
}
#pageLimitedLogin .sec-main .main-wrap .img-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#pageLimitedLogin .sec-main .main-wrap .img-box img {
  -o-object-position: center top;
     object-position: center top;
}
#pageLimitedLogin .sec-main .main-wrap .copy-box {
  position: relative;
}
#pageLimitedLogin .sec-main .main-wrap .copy-box .logo {
  width: 29rem;
  margin: 0 auto;
}
#pageLimitedLogin .sec-main .main-wrap .copy-box .ttl {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  color: #cbb165;
  text-align: center;
  margin: 8rem 0 0;
}
#pageLimitedLogin .sec-main .main-wrap .copy-box .txt {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
  color: #fff;
  text-align: center;
  margin: 4rem 0 0;
}
#pageLimitedLogin .sec-main .main-wrap .form-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0 3rem;
  margin: 6rem 0 0;
  position: relative;
}
#pageLimitedLogin .sec-main .main-wrap .form-box input.password {
  width: 40rem;
  height: 5.6rem;
  padding: 0 2rem;
  background: #fff;
  font-size: 1.5rem;
  color: #666;
}
#pageLimitedLogin .sec-main .main-wrap .form-box input.submit {
  width: 20rem;
  height: 5.6rem;
  background: #000;
  font-size: 1.5rem;
  color: #fff;
}
#pageLimitedLogin .sec-main .main-wrap .error-box {
  margin: 1rem 0 0;
  position: relative;
}
#pageLimitedLogin .sec-main .main-wrap .error-box .error {
  font-size: 1.1rem;
  color: #000;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageLimitedLogin .sec-main .main-wrap {
    padding: 10rem 0 8rem;
  }
  #pageLimitedLogin .sec-main .main-wrap .copy-box .logo {
    width: 36.25rem;
  }
  #pageLimitedLogin .sec-main .main-wrap .copy-box .ttl {
    font-size: 3.8rem;
  }
  #pageLimitedLogin .sec-main .main-wrap .copy-box .txt {
    font-size: 2.6rem;
    letter-spacing: 0;
    margin: 5rem 0 0;
  }
  #pageLimitedLogin .sec-main .main-wrap .form-box {
    gap: 0 1rem;
    margin: 7rem 0 0;
  }
  #pageLimitedLogin .sec-main .main-wrap .form-box input.password {
    width: 52rem;
    height: 7rem;
    font-size: 2.4rem;
  }
  #pageLimitedLogin .sec-main .main-wrap .form-box input.submit {
    width: 14rem;
    height: 7rem;
    font-size: 2.4rem;
  }
  #pageLimitedLogin .sec-main .main-wrap .error-box {
    margin: 2rem 0 0;
  }
  #pageLimitedLogin .sec-main .main-wrap .error-box .error {
    font-size: 2.2rem;
  }
}
/*# sourceMappingURL=index.css.map */