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

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

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

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

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

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

del {
  text-decoration: line-through;
}

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

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

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

input, select {
  vertical-align: middle;
}

li {
  list-style: none;
}

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

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

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

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

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

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

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

textarea {
  resize: vertical;
}

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

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

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

html {
  font-size: 10px;
}

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

html {
  overflow: auto;
}

main {
  display: block;
  position: relative;
  overflow: hidden;
}
main .movie_bg {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100%;
  -webkit-filter: blur(5px);
          filter: blur(5px);
}
main .movie_bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
main .movie_bg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  pointer-events: none;
}

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

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

body {
  font-family: "Shippori Mincho B1", "Zen Old Mincho", serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #231f20;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

.f-shippori {
  font-family: "Shippori Mincho B1", serif;
}

.f-zen {
  font-family: "Zen Old Mincho", serif;
}

.f-play {
  font-family: "Playfair Display", serif;
}

.f-libre {
  font-family: "Libre Caslon Display", serif;
  font-weight: 400;
}

.f-c-gara {
  font-family: "Cormorant Garamond", serif;
  font-weight: 400;
}

.f-eb-gara {
  font-family: "EB Garamond", serif;
  font-weight: 400;
}

header {
  width: 100%;
  padding: 3rem 4rem 0;
  margin: auto;
  position: fixed;
  z-index: 9000;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
header#header::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 12rem;
  z-index: -1;
  pointer-events: none;
  background: rgba(0, 0, 0, 0.1);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(214, 220, 209, 0)), to(rgba(45, 54, 39, 0.6)));
  background: linear-gradient(0deg, rgba(214, 220, 209, 0) 0%, rgba(45, 54, 39, 0.6) 100%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}
header#header.scroll::before {
  opacity: 1;
}
header .logo {
  width: 50%;
  max-width: 208px;
  z-index: 150;
  -webkit-transition: all 500ms cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 500ms cubic-bezier(0.17, 0.935, 0.305, 1);
  z-index: 901;
}
@media screen and (max-width: 750px) {
  header .logo {
    max-width: 141px;
  }
}
header .logo a {
  position: relative;
}

.nav {
  opacity: 1;
  -webkit-transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  transition: all 1000ms cubic-bezier(0.545, 0.08, 0.52, 0.975);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 800;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100vh;
  height: 100dvh;
  padding: 7rem 0 5rem;
  position: fixed;
  top: 0;
  left: 0;
}
.nav-list {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  top: 30px;
  -webkit-transition: 1s;
  transition: 1s;
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  overflow-y: auto;
  overflow-x: hidden;
}
.nav.active {
  opacity: 1;
  pointer-events: auto;
}
.nav.active .nav-list {
  opacity: 1;
  top: 0;
}

@media screen and (max-width: 750px) {
  .nav {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    opacity: 0;
    pointer-events: none;
    overflow-y: auto;
    padding-bottom: 50px;
  }
  .nav-list {
    width: 90%;
    opacity: 0;
    height: auto;
    position: absolute;
    top: 15%;
    left: 5%;
    padding: 5rem 0 30rem;
  }
  .nav-list li a span {
    color: #000;
    letter-spacing: 0;
  }
  .nav.active {
    opacity: 1;
    pointer-events: auto;
  }
  .nav.active .nav-list {
    opacity: 1;
    top: 0;
  }
  .nav.active .nav-list {
    top: 10%;
  }
}
.nav-ul {
  padding: 0;
  position: relative;
  z-index: 10;
  width: 95%;
  max-width: 800px;
  margin: 0 auto;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 25%;
     -moz-column-gap: 25%;
          column-gap: 25%;
}
.nav-ul li {
  position: relative;
  font-size: 2.1rem;
  margin-bottom: 3.5rem;
  letter-spacing: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .nav-ul li:hover {
    opacity: 0.7;
  }
}
.nav-ul li a {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  cursor: pointer;
}
.nav-ul li a::after {
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common/circle_arrow.svg) center/cover no-repeat;
}
.nav-ul li.dis {
  opacity: 0.5;
  pointer-events: none;
}
.nav-ul.active {
  opacity: 1;
  pointer-events: auto;
}

@media screen and (max-width: 750px) {
  .nav-ul {
    -webkit-column-gap: 5%;
       -moz-column-gap: 5%;
            column-gap: 5%;
    width: 100%;
  }
  .nav-ul li {
    font-size: 2.5rem;
  }
}
.nav-request {
  background: url(../img/common/btn_request-bg.png) center/cover no-repeat;
  width: 35.5rem;
  height: 7.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  margin: 3rem auto 0;
  -webkit-filter: drop-shadow(3px 3px 5px rgba(35, 24, 20, 0.2));
          filter: drop-shadow(3px 3px 5px rgba(35, 24, 20, 0.2));
  position: relative;
}
@media screen and (max-width: 750px) {
  .nav-request {
    width: 53.25rem;
    height: 10.8rem;
    margin-top: 4.5rem;
  }
}
.nav-request::after {
  position: absolute;
  width: 2.5rem;
  height: 2.2rem;
  background: url(../img/common/btn_arrow.svg) center/cover no-repeat;
  content: "";
  right: 2.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .nav-request::after {
    width: 3.75rem;
    height: 3.3rem;
  }
}
.nav-request .p1 {
  font-size: 1.5rem;
  margin-bottom: 0.6em;
}
@media screen and (max-width: 750px) {
  .nav-request .p1 {
    font-size: 2.25rem;
  }
}
.nav-request .p2 {
  font-size: 2.1rem;
}
@media screen and (max-width: 750px) {
  .nav-request .p2 {
    font-size: 3.15rem;
  }
}

@media print {
  header,
  nav {
    display: none;
  }
}
footer.footer {
  background: #fff;
  position: relative;
  z-index: 1;
  margin-top: 10rem;
}
@media screen and (max-width: 750px) {
  footer.footer {
    padding: 0 0 0;
  }
}
footer.footer .f-request {
  background: url(../img/common/footer_request-bg.png) center/cover no-repeat;
  color: #fff;
  padding: 5.5rem 0 3.5rem;
}
@media screen and (max-width: 750px) {
  footer.footer .f-request {
    padding: 10rem 0 7rem;
  }
}
@media screen and (max-width: 750px) {
  footer.footer .f-request .action_btn {
    margin-top: 0;
  }
}
footer.footer .f-note {
  padding: 3rem 0;
}
footer.footer .f-note p {
  line-height: 1.6;
}
@media screen and (max-width: 750px) {
  footer.footer .f-note {
    padding: 8rem 0;
  }
}
footer.footer .f-contact {
  padding: 2.5rem 0 5rem;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact {
    padding: 6rem 0 10rem;
  }
}
@media screen and (min-width: 751px) {
  footer.footer .f-contact .com-content {
    width: 126rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
footer.footer .f-contact-call {
  color: #231814;
}
footer.footer .f-contact-call .t1 {
  font-size: 1.3rem;
  letter-spacing: 0;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact-call .t1 {
    font-size: 2.3rem;
  }
}
footer.footer .f-contact-call .tel {
  width: 44rem;
  display: block;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact-call .tel {
    width: 100%;
    margin: 0 auto;
  }
}
footer.footer .f-contact-call .t2 {
  font-size: 1rem;
  margin-top: 1em;
  line-height: 1.3;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact-call .t2 {
    font-size: 2rem;
  }
}
footer.footer .f-contact .f-logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 3rem;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact .f-logos {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
footer.footer .f-contact .f-logos p {
  font-size: 1rem;
  color: #221713;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact .f-logos p {
    font-size: 2rem;
  }
}
footer.footer .f-contact .f-logo {
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  display: block;
}
@media (hover: hover) and (pointer: fine) {
  footer.footer .f-contact .f-logo:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact .f-logo {
    margin: 8rem auto 0;
  }
}
footer.footer .f-contact .f-logo1 {
  width: 33.3rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  text-align: center;
}
footer.footer .f-contact .f-logo1 p {
  margin-bottom: 2rem;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact .f-logo1 p {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact .f-logo1 {
    width: 35rem;
  }
  footer.footer .f-contact .f-logo1 p {
    text-align: left;
  }
}
footer.footer .f-contact .f-logo2 {
  width: 25rem;
}
footer.footer .f-contact .f-logo2 p {
  padding-left: 3rem;
  margin-bottom: 0.8rem;
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact .f-logo2 p {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 750px) {
  footer.footer .f-contact .f-logo2 {
    width: 44rem;
    margin-top: 3rem;
  }
}

.nav.act {
  display: none;
}

.nav-h {
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}

.nav-h.act {
  right: 0;
}

.nav-btn_wrap {
  position: fixed;
  right: 15px;
  top: 15px;
  z-index: 9999;
}

button.nav-btn {
  width: 45px;
  height: 25px;
  z-index: 1;
  position: relative;
  display: block;
}

button.nav-btn span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
}

button.nav-btn.clr-wht span {
  background-color: #fff;
}

button.nav-btn.clr-blk span {
  background-color: #fff;
}

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

button.nav-btn p {
  position: absolute;
  bottom: -20px;
  font-weight: 100;
  color: #fff;
  font-size: 1.3rem;
  text-align: center;
}

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

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

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

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

@-webkit-keyframes btn07-bar01 {
  0% {
    -webkit-transform: translateY(15px) rotate(45deg);
            transform: translateY(15px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(15px) rotate(0);
            transform: translateY(15px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

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

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

@-webkit-keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-15px) rotate(-45deg);
            transform: translateY(-15px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-15px) rotate(0);
            transform: translateY(-15px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}

@keyframes btn07-bar03 {
  0% {
    -webkit-transform: translateY(-15px) rotate(-45deg);
            transform: translateY(-15px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-15px) rotate(0);
            transform: translateY(-15px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
button.nav-btn.active span:nth-of-type(1) {
  -webkit-animation: active-btn07-bar01 0.75s forwards;
          animation: active-btn07-bar01 0.75s forwards;
  background-color: #fff;
}

@-webkit-keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
            transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
            transform: translateY(10px) rotate(45deg);
  }
}

@keyframes active-btn07-bar01 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(10px) rotate(0);
            transform: translateY(10px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(10px) rotate(45deg);
            transform: translateY(10px) rotate(45deg);
  }
}
button.nav-btn.active span:nth-of-type(2) {
  opacity: 0;
  background-color: #fff;
}

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

button.nav-btn.act p {
  color: #fff;
  margin-top: 5px;
}

@-webkit-keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-13px) rotate(0);
            transform: translateY(-13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-13px) rotate(-45deg);
            transform: translateY(-13px) rotate(-45deg);
  }
}

@keyframes active-btn07-bar03 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-13px) rotate(0);
            transform: translateY(-13px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-13px) rotate(-45deg);
            transform: translateY(-13px) rotate(-45deg);
  }
}
@media screen and (max-width: 750px) {
  .nav-btn_wrap {
    width: 55px;
  }
  button.nav-btn {
    width: 33px;
    height: 24px;
    display: block;
    position: fixed;
    top: 20px;
    right: 18px;
    z-index: 9999;
  }
  button.nav-btn span {
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #fff;
  }
  button.nav-btn p {
    font-size: 1.7rem;
  }
  button.nav-btn,
  button.nav-btn span {
    display: inline-block;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
figure {
  position: relative;
}

.com-note {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0;
}
.com-note.right {
  text-align: right;
}

@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: #000;
  text-shadow: none;
}

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

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

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

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

@media screen and (max-width: 750px) {
  .com-content {
    width: 75rem;
    padding: 0 4rem;
  }
}
.com_main_wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background: #000;
}
.com_main_wrap .com_main_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.com_main_wrap .com_main_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  display: block;
  -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  mask-size: 250% 250%;
  -webkit-mask-size: 250% 250%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 130% 130%;
  -webkit-mask-position: 130% 130%;
}
@media screen and (max-width: 750px) {
  .com_main_wrap .com_main_img img {
    -o-object-position: center center;
       object-position: center center;
  }
}
.com_main_wrap .com_main_img.act {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.com_main_wrap .com_main_img.act img {
  -webkit-animation: mask-animation 1.5s linear forwards;
          animation: mask-animation 1.5s linear forwards;
}
@-webkit-keyframes mask-animation {
  0% {
    -webkit-mask-position: 130% 130%;
            mask-position: 130% 130%;
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  50% {
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  100% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
@keyframes mask-animation {
  0% {
    -webkit-mask-position: 130% 130%;
            mask-position: 130% 130%;
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  50% {
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  100% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
.com_main_wrap .com_main-txt {
  width: 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 40%;
  text-align: left;
  padding-left: 7rem;
}
.com_main_wrap .com_main-logo {
  width: 6rem;
}
@media screen and (max-width: 750px) {
  .com_main_wrap .com_main-logo {
    width: 12rem;
  }
}
.com_main_wrap .com_main-ttl {
  font-weight: 700;
  line-height: 1.5;
  margin-top: 0.5em;
  font-size: 4.5rem;
  letter-spacing: 0.22em;
}
@media screen and (max-width: 750px) {
  .com_main_wrap .com_main-ttl {
    font-size: 6.5rem;
  }
}

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

.com-ttl {
  font-size: 4.2rem;
  line-height: 1.7142857143;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  .com-ttl {
    font-size: 5.2rem;
  }
}

.com-ttl2 {
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: 0.22em;
  border-top: 1px solid #77787b;
  border-bottom: 1px solid #77787b;
  padding: 0.5em 0;
}
@media screen and (max-width: 750px) {
  .com-ttl2 {
    font-size: 3.1rem;
  }
}

.com-lead {
  font-size: 2.5rem;
  letter-spacing: 0;
  line-height: 1.28;
}
@media screen and (max-width: 750px) {
  .com-lead {
    font-size: 3.5rem;
    line-height: 1.5;
  }
}

.com-lead2 {
  font-size: 3rem;
  font-family: "Zen Old Mincho", serif;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  .com-lead2 {
    font-size: 4rem;
  }
}

.com-sub {
  font-size: 2.3rem;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 750px) {
  .com-sub {
    font-size: 3.3rem;
  }
}

.com-txt {
  font-size: 1.4rem;
  letter-spacing: 0.02em;
  line-height: 2.6428571429;
}
@media screen and (max-width: 750px) {
  .com-txt {
    font-size: 2.4rem;
  }
}

.com-txt2 {
  font-size: 1.3rem;
  line-height: 2.5384615385;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  .com-txt2 {
    font-size: 2.3rem;
  }
}

.com-ttl,
.com-ttl2,
.com-lead2 {
  font-weight: 700;
}

.com-lead,
.com-txt,
.com-sub {
  font-weight: 500;
}

.com-tbox2 {
  padding-block: 6rem;
  text-align: center;
}
@media screen and (min-width: 751px) {
  .com-tbox2.com-content {
    width: 124rem;
  }
}
@media screen and (max-width: 750px) {
  .com-tbox2 {
    padding-block: 10rem;
  }
}
.com-tbox2 .com-ttl2 + .com-sub {
  margin-top: 2em;
}
.com-tbox2 .com-sub + .com-txt {
  margin-top: 3em;
}
.com-tbox2 .com-sub + .com-txt2 {
  margin-top: 2em;
}

.com-tbox {
  padding: 6rem 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .com-tbox {
    padding: 10rem 0;
  }
}
@media screen and (max-width: 750px) {
  .com-tbox .com-txt {
    text-align: justify;
  }
}
.com-tbox .com-lead {
  margin: 1.5em 0;
}
.com-tbox .com-lead2 + .com-txt {
  margin-top: 3em;
}
.com-tbox .com-txt + .com-txt {
  margin-top: 3em;
}

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

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

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

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

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

@media screen and (min-width: 769px) {
  .m_op_d1 {
    -webkit-transition-delay: 0.1s;
            transition-delay: 0.1s;
  }
  .m_op_d2 {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
  .m_op_d3 {
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
  .m_op_d4 {
    -webkit-transition-delay: 0.7s;
            transition-delay: 0.7s;
  }
  .m_op_d5 {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
  }
  .m_op_d6 {
    -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s;
  }
  .m_op_d7 {
    -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s;
  }
  .m_op_d8 {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
  }
  .m_op_d9 {
    -webkit-transition-delay: 1.7s;
            transition-delay: 1.7s;
  }
}
figure.m_scale {
  overflow: hidden;
}
figure.m_scale img {
  display: block;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 10s;
  transition: 10s;
}
figure.m_scale.m_scale_on img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

/*meitetsu common lonk*/
#reg_footer {
  max-width: 1000px;
  margin: 0 auto;
  padding: 20px 0 10px 0;
  width: 100%;
  display: block;
}

#reg_footer img {
  width: auto;
}

#reg_carousel {
  max-width: 1000px;
}

#reg_footer p, #reg_footer a {
  font-size: 10px;
}

#reg_effort {
  text-align: left;
  font-size: 100%;
}

.ancb {
  position: relative;
}

.ancb a {
  position: absolute;
  left: 0;
  top: -10px;
}

@media screen and (max-width: 768px) {
  #reg_footer {
    display: none;
  }
}
.clear {
  clear: both;
  height: 0;
  overflow: hidden;
  line-height: 0px;
  font-size: 0px;
  width: auto;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

ul {
  margin: 0px;
  padding: 0px;
}

/*margin*/
.mreset {
  margin: 0 0 0 0;
}

.mt1 {
  margin-top: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt4 {
  margin-top: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt55 {
  margin-top: 55px;
}

.mt60 {
  margin-top: 60px;
}

.mt65 {
  margin-top: 65px;
}

.mt70 {
  margin-top: 70px;
}

.mt75 {
  margin-top: 75px;
}

.mt80 {
  margin-top: 80px;
}

.mt85 {
  margin-top: 85px;
}

.mt90 {
  margin-top: 90px;
}

.mt95 {
  margin-top: 95px;
}

.mt100 {
  margin-top: 100px;
}

.mr1 {
  margin-right: 1px;
}

.mr2 {
  margin-right: 2px;
}

.mr3 {
  margin-right: 3px;
}

.mr4 {
  margin-right: 4px;
}

.mr5 {
  margin-right: 5px;
}

.mr6 {
  margin-right: 6px;
}

.mr7 {
  margin-right: 7px;
}

.mr8 {
  margin-right: 8px;
}

.mr9 {
  margin-right: 9px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

.mr55 {
  margin-right: 55px;
}

.mr60 {
  margin-right: 60px;
}

.mr65 {
  margin-right: 65px;
}

.mr70 {
  margin-right: 70px;
}

.mr75 {
  margin-right: 75px;
}

.mr80 {
  margin-right: 80px;
}

.mr85 {
  margin-right: 85px;
}

.mr90 {
  margin-right: 90px;
}

.mr95 {
  margin-right: 95px;
}

.mr100 {
  margin-right: 100px;
}

.mb1 {
  margin-bottom: 1px;
}

.mb2 {
  margin-bottom: 2px;
}

.mb3 {
  margin-bottom: 3px;
}

.mb4 {
  margin-bottom: 4px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb6 {
  margin-bottom: 6px;
}

.mb7 {
  margin-bottom: 7px;
}

.mb8 {
  margin-bottom: 8px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb55 {
  margin-bottom: 55px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb65 {
  margin-bottom: 65px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb75 {
  margin-bottom: 75px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb85 {
  margin-bottom: 85px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb95 {
  margin-bottom: 95px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml1 {
  margin-left: 1px;
}

.ml2 {
  margin-left: 2px;
}

.ml3 {
  margin-left: 3px;
}

.ml4 {
  margin-left: 4px;
}

.ml5 {
  margin-left: 5px;
}

.ml6 {
  margin-left: 6px;
}

.ml7 {
  margin-left: 7px;
}

.ml8 {
  margin-left: 8px;
}

.ml9 {
  margin-left: 9px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.ml55 {
  margin-left: 55px;
}

.ml60 {
  margin-left: 60px;
}

.ml65 {
  margin-left: 65px;
}

.ml70 {
  margin-left: 70px;
}

.ml75 {
  margin-left: 75px;
}

.ml80 {
  margin-left: 80px;
}

.ml85 {
  margin-left: 85px;
}

.ml90 {
  margin-left: 90px;
}

.ml95 {
  margin-left: 95px;
}

.ml100 {
  margin-left: 100px;
}

/*padding*/
.pt1 {
  padding-top: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pt4 {
  padding-top: 4px;
}

.pt5 {
  padding-top: 5px;
}

.pt6 {
  padding-top: 6px;
}

.pt7 {
  padding-top: 7px;
}

.pt8 {
  padding-top: 8px;
}

.pt9 {
  padding-top: 9px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pt55 {
  padding-top: 55px;
}

.pt60 {
  padding-top: 60px;
}

.pt65 {
  padding-top: 65px;
}

.pt70 {
  padding-top: 70px;
}

.pt75 {
  padding-top: 75px;
}

.pt80 {
  margin-top: 80px;
}

.pt85 {
  padding-top: 85px;
}

.pt90 {
  padding-top: 90px;
}

.pt95 {
  padding-top: 95px;
}

.pt100 {
  padding-top: 100px;
}

.pt230 {
  padding-top: 230px;
}

.pt420 {
  padding-top: 420px;
}

.pr1 {
  padding-right: 1px;
}

.pr2 {
  padding-right: 2px;
}

.pr3 {
  padding-right: 3px;
}

.pr4 {
  padding-right: 4px;
}

.pr5 {
  padding-right: 5px;
}

.pr6 {
  padding-right: 6px;
}

.pr7 {
  padding-right: 7px;
}

.pr8 {
  padding-right: 8px;
}

.pr9 {
  padding-right: 9px;
}

.pr10 {
  padding-right: 10px;
}

.pr12 {
  padding-right: 12px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr27 {
  padding-right: 27px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

.pr55 {
  padding-right: 55px;
}

.pr60 {
  padding-right: 60px;
}

.pr65 {
  padding-right: 65px;
}

.pr70 {
  padding-right: 70px;
}

.pr75 {
  padding-right: 75px;
}

.pr80 {
  padding-right: 80px;
}

.pr85 {
  padding-right: 85px;
}

.pr90 {
  padding-right: 90px;
}

.pr95 {
  padding-right: 95px;
}

.pr100 {
  padding-right: 100px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb1 {
  padding-bottom: 1px;
}

.pb2 {
  padding-bottom: 2px;
}

.pb3 {
  padding-bottom: 3px;
}

.pb4 {
  padding-bottom: 4px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb6 {
  padding-bottom: 6px;
}

.pb7 {
  padding-bottom: 7px;
}

.pb8 {
  padding-bottom: 8px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb55 {
  padding-bottom: 55px;
}

.pb60 {
  padding-bottom: 60px;
}

.pb65 {
  padding-bottom: 65px;
}

.pb70 {
  padding-bottom: 70px;
}

.pb75 {
  padding-bottom: 75px;
}

.pb80 {
  padding-bottom: 80px;
}

.pb85 {
  padding-bottom: 85px;
}

.pb90 {
  padding-bottom: 90px;
}

.pb95 {
  padding-bottom: 95px;
}

.pb100 {
  padding-bottom: 100px;
}

.pb150 {
  padding-bottom: 150px;
}

.pb200 {
  padding-bottom: 200px;
}

.pb230 {
  padding-bottom: 230px;
}

.pl1 {
  padding-left: 1px;
}

.pl2 {
  padding-left: 2px;
}

.pl3 {
  padding-left: 3px;
}

.pl4 {
  padding-left: 4px;
}

.pl5 {
  padding-left: 5px;
}

.pl6 {
  padding-left: 6px;
}

.pl7 {
  padding-left: 7px;
}

.pl8 {
  padding-left: 8px;
}

.pl9 {
  padding-left: 9px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pl55 {
  padding-left: 55px;
}

.pl60 {
  padding-left: 60px;
}

.pl65 {
  padding-left: 65px;
}

.pl70 {
  padding-left: 70px;
}

.pl75 {
  padding-left: 75px;
}

.pl80 {
  padding-left: 80px;
}

.pl85 {
  padding-left: 85px;
}

.pl90 {
  padding-left: 90px;
}

.pl95 {
  padding-left: 95px;
}

.pl100 {
  padding-left: 100px;
}

.pl150 {
  padding-left: 150px;
}

.fleft {
  float: left;
}

.fright {
  float: right;
}

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.action {
  line-height: 1.3;
  position: relative;
  margin: 0 auto;
  display: inline;
  color: #601614;
  text-align: center;
}
.action .price {
  position: relative;
}
@media screen and (max-width: 750px) {
  .action .price {
    margin-bottom: 3rem;
    line-height: 1;
  }
}
.action .price::after {
  position: absolute;
  content: "※100万円単位";
  font-size: 10px;
  letter-spacing: 0;
  display: block;
  right: 0;
  bottom: -1rem;
}
@media screen and (max-width: 750px) {
  .action .price::after {
    bottom: -2rem;
  }
}
.action .top {
  font-size: 2.3rem;
  padding: 4px 36rem;
  position: relative;
  display: inline;
}
@media screen and (max-width: 750px) {
  .action .top {
    font-size: 2.6rem;
    padding: 2px 0;
    width: 90%;
    display: block;
    text-align: center;
    margin: 1rem auto;
  }
}
.action .top::before, .action .top::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #601614;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0.6;
}
.action .top::before {
  top: 0;
}
.action .top::after {
  bottom: 0;
}
.action .bottom {
  font-size: 3rem;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 750px) {
  .action .bottom {
    font-size: 3.5rem;
    text-align: left;
  }
}
.action .num {
  font-size: 5.8rem;
  color: #601614;
}
@media screen and (max-width: 750px) {
  .action .num {
    font-size: 6rem;
  }
}
.action .replay {
  border: 1px solid #601614;
  padding: 5px 15px;
  font-size: 1.8rem;
  margin-right: 10px;
  -webkit-transform: translateY(-0.8rem);
          transform: translateY(-0.8rem);
  display: inline-block;
}
@media screen and (max-width: 750px) {
  .action .replay {
    font-size: 2rem;
    padding: 5px 5px;
  }
}
.action .btn {
  background-color: #000;
  color: #fff;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  padding: 5px 20px;
  vertical-align: super;
  position: relative;
}
@media screen and (max-width: 750px) {
  .action .btn {
    font-size: 2.2rem;
    width: 60%;
    margin: 0 auto 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.action .btn::after {
  content: ">";
  position: absolute;
  top: 15%;
  right: 3px;
  -webkit-transform: scaleX(0.4);
          transform: scaleX(0.4);
}
@media screen and (max-width: 750px) {
  .action .btn::after {
    top: 20%;
  }
}

#pageTop .action-wrap .action-area {
  padding: 0.6rem 0 2rem;
  background-image: url(../../build/img/top/action_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
#pageTop .action-wrap .action-area .action {
  color: #fff;
}
#pageTop .action-wrap .action-area .action-box {
  padding-top: 20px;
  text-align: center;
}
#pageTop .action-wrap .action-area .bottom,
#pageTop .action-wrap .action-area .top {
  color: #fff;
}
#pageTop .action-wrap .action-area .top::before, #pageTop .action-wrap .action-area .top::after {
  background-color: #fff;
}
#pageTop .action-wrap .action-area .num {
  color: #f9ff00;
}
#pageTop .action-wrap .action-area .replay {
  border: 1px solid #fff;
}
@media screen and (max-width: 750px) {
  #pageTop .action-wrap .action-area {
    background-image: url(../../build/img/top/action_bg_sp.jpg);
  }
}

/*limited*/
#pageLimited .btn_reserve {
  width: 75rem;
  display: block;
  position: relative;
  margin: 0 auto 8rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_reserve {
    width: 95%;
  }
}
#pageLimited .btn_reserve .btn_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
  height: 9rem;
  position: absolute;
  top: 5.2rem;
  left: 0;
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_reserve .btn_inner {
    height: 10rem;
    top: 0.5rem;
  }
}
#pageLimited .btn_reserve .action {
  color: #fff;
}
#pageLimited .btn_reserve .action-box {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_reserve .price {
    margin-bottom: 2rem;
  }
}
#pageLimited .btn_reserve .bottom,
#pageLimited .btn_reserve .top {
  color: #fff;
}
#pageLimited .btn_reserve .top {
  font-size: 1.8rem;
  border-bottom: solid 1px;
  border-top: solid 1px;
  padding: 0 10rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_reserve .top {
    margin-bottom: 5px;
    font-size: 1.8rem;
  }
}
#pageLimited .btn_reserve .top::before, #pageLimited .btn_reserve .top::after {
  background-color: #fff;
  opacity: 0.6;
}
#pageLimited .btn_reserve .bottom {
  font-size: 2.3rem;
  line-height: 1.5;
  margin-top: 5px;
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_reserve .bottom {
    font-size: 2rem;
    line-height: 1.3;
  }
}
#pageLimited .btn_reserve .num {
  color: #f9ff00;
  font-size: 3rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_reserve .num {
    font-size: 3rem;
  }
}
#pageLimited .btn_reserve br._sp {
  display: none;
}
#pageLimited .btn_reserve .replay {
  border: 1px solid #fff;
  font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_reserve .replay {
    font-size: 2rem;
    padding: 2px 5px;
  }
}
#pageLimited .btn_txt {
  font-size: 3rem;
  line-height: 1;
  color: #f2d8ab;
  text-align: center;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 750px) {
  #pageLimited .btn_txt {
    font-size: 4rem;
    letter-spacing: 0;
  }
}

/*common info*/
.com-infoBox2 .com-content {
  text-align: center;
}
.com-infoBox2 .com-infoBox2_t1 {
  margin-top: 3rem;
}

.txtstroke {
  -webkit-text-stroke: 2px black;
  paint-order: stroke fill;
  text-shadow: none;
}

.action_wrap {
  text-align: center;
}
.action_wrap .action_lead {
  font-weight: 500;
  font-size: 2.7rem;
  line-height: 1.5;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 750px) {
  .action_wrap .action_lead {
    font-size: 3.7rem;
  }
}
.action_wrap .action_sub {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  .action_wrap .action_sub {
    font-size: 2.8rem;
  }
}
.action_wrap .action_btn {
  background: url(../img/common/btn_request-bg.png) center/cover no-repeat;
  width: 35.5rem;
  height: 12.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  margin: 3rem auto 0;
  -webkit-filter: drop-shadow(3px 3px 5px rgba(35, 24, 20, 0.2));
          filter: drop-shadow(3px 3px 5px rgba(35, 24, 20, 0.2));
  position: relative;
}
@media screen and (max-width: 750px) {
  .action_wrap .action_btn {
    width: 53.25rem;
    height: 18.6rem;
    margin-top: 4.5rem;
  }
}
.action_wrap .action_btn::before {
  position: absolute;
  width: calc(100% - 10px);
  height: calc(100% - 10px);
  content: "";
  top: 5px;
  left: 5px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
.action_wrap .action_btn::after {
  position: absolute;
  width: 2.5rem;
  height: 2.2rem;
  background: url(../img/common/btn_arrow.svg) center/cover no-repeat;
  content: "";
  right: 2.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .action_wrap .action_btn::after {
    width: 3.75rem;
    height: 3.3rem;
  }
}
.action_wrap .action_btn .p1 {
  font-size: 1.5rem;
  margin-bottom: 0.6em;
}
@media screen and (max-width: 750px) {
  .action_wrap .action_btn .p1 {
    font-size: 2.25rem;
  }
}
.action_wrap .action_btn .p2 {
  font-size: 2.1rem;
}
@media screen and (max-width: 750px) {
  .action_wrap .action_btn .p2 {
    font-size: 3.15rem;
  }
}

.cbtn_wrap {
  background: #231916;
  padding: 3rem 0 6rem;
}
@media screen and (max-width: 750px) {
  .cbtn_wrap {
    padding: 8rem 0 11rem;
  }
}
.cbtn_lead {
  text-align: center;
  font-weight: 700;
  font-size: 1.7rem;
  letter-spacing: 0.1em;
  color: #a7988f;
  margin-bottom: 3rem;
}
@media screen and (max-width: 750px) {
  .cbtn_lead {
    font-size: 2.7rem;
    margin-bottom: 6rem;
  }
}
.cbtn_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 3rem 1rem;
}
@media screen and (min-width: 751px) {
  .cbtn_list {
    width: 124rem;
  }
}
@media screen and (max-width: 750px) {
  .cbtn_list {
    -ms-grid-columns: 1fr 2rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.cbtn_item {
  position: relative;
  padding-bottom: 100%;
  cursor: pointer;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  overflow: hidden;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}
.cbtn_item::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  background: rgba(35, 25, 22, 0.6);
  mix-blend-mode: multiply;
  z-index: 1;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.cbtn_item::after {
  position: absolute;
  content: "";
  width: 3.2rem;
  height: 3.2rem;
  background: url(../img/common/circle_arrow.svg) center/cover no-repeat;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10%;
}
@media screen and (max-width: 750px) {
  .cbtn_item::after {
    width: 4.2rem;
    height: 4.2rem;
  }
}
.cbtn_item.dis {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  pointer-events: none;
}
.cbtn_item.dis::before {
  background: rgba(60, 56, 55, 0.86);
  z-index: 3;
  mix-blend-mode: normal;
}
@media (hover: hover) and (pointer: fine) {
  .cbtn_item.dis:hover::before {
    opacity: 1;
  }
}
@media (hover: hover) and (pointer: fine) {
  .cbtn_item:hover {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
  }
  .cbtn_item:hover::before {
    opacity: 0;
  }
  .cbtn_item:hover .cbtn_bg {
    scale: 1.1;
    -webkit-filter: blur(2px);
            filter: blur(2px);
  }
}
.cbtn_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}
.cbtn_ttl {
  color: #fff;
  text-align: center;
  width: 100%;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  font-size: 2.1rem;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  .cbtn_ttl {
    font-size: 3.1rem;
  }
}

#pageTop {
  position: relative;
}
#pageTop .loading {
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 10000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
}
#pageTop .loading_inner {
  width: 20rem;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageTop .loading_inner {
    width: 30rem;
  }
}
#pageTop .loading_logo {
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageTop .loading_logo {
    margin-bottom: 3rem;
  }
}
#pageTop .loading_text {
  font-size: 1.2rem;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 750px) {
  #pageTop .loading_text {
    font-size: 2.2rem;
  }
}
#pageTop .loading_text .dots {
  display: inline-block;
  margin-left: 0.5rem;
}
#pageTop .loading_text .dots span {
  opacity: 0;
  -webkit-animation: dotFade 1.2s infinite;
          animation: dotFade 1.2s infinite;
  display: inline-block;
  font-weight: bold;
}
#pageTop .loading_text .dots span:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#pageTop .loading_text .dots span:nth-child(2) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
#pageTop .loading_text .dots span:nth-child(3) {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
@-webkit-keyframes dotFade {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.6rem);
            transform: translateX(0.6rem);
  }
}
@keyframes dotFade {
  0% {
    opacity: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(0.3rem);
            transform: translateX(0.3rem);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(0.6rem);
            transform: translateX(0.6rem);
  }
}
#pageTop .loading.loaded {
  opacity: 0;
  pointer-events: none;
}
#pageTop main {
  overflow: clip;
  padding-top: 0;
  color: #231916;
}
@media screen and (max-width: 750px) {
  #pageTop .com-tbox .com-txt {
    text-align: center;
    letter-spacing: 0.05em;
    font-size: 2rem;
  }
}
#pageTop .p_imgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pageTop .p_imgs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-row: 3;
    grid-area: 3rem;
  }
}
#pageTop .p_imgs .com-note {
  margin-top: 5px;
  color: #474443;
}
#pageTop .main_wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  background: #fff;
}
#pageTop .main_slide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-transition: opacity 2.5s ease-in-out;
  transition: opacity 2.5s ease-in-out;
}
#pageTop .main_slide-1 {
  overflow: hidden;
  position: relative;
}
#pageTop .main_slide-1 .main_img {
  position: relative;
  top: 40px;
  -webkit-transform-origin: 49.2% 76%;
          transform-origin: 49.2% 76%;
  -webkit-transition: -webkit-transform 13s ease-in-out;
  transition: -webkit-transform 13s ease-in-out;
  transition: transform 13s ease-in-out;
  transition: transform 13s ease-in-out, -webkit-transform 13s ease-in-out;
  will-change: transform;
}
@media screen and (min-width: 751px) {
  #pageTop .main_slide-1 .main_img {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
}
@media screen and (max-width: 750px) {
  #pageTop .main_slide-1 .main_img {
    top: initial;
    -webkit-transform-origin: 47% 81%;
            transform-origin: 47% 81%;
  }
}
#pageTop .main_slide-1.act .main_img {
  -webkit-transform: scale(4.4);
          transform: scale(4.4);
}
@media screen and (max-width: 750px) {
  #pageTop .main_slide-1.act .main_img {
    -webkit-transform: scale(3);
            transform: scale(3);
  }
}
#pageTop .main_slide-1.transfer {
  opacity: 0;
}
#pageTop .main_slide-2 {
  opacity: 0;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#pageTop .main_slide-2 .main_img {
  -webkit-transition: 10s ease-in-out;
  transition: 10s ease-in-out;
}
#pageTop .main_slide-2.act {
  opacity: 1;
}
#pageTop .main_slide-2.act .main_img {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
#pageTop .main_slide-2.act .main_ttl,
#pageTop .main_slide-2.act .main_sub {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}
#pageTop .main_slide-2.act .main_sub {
  -webkit-transform: translateX(1%);
          transform: translateX(1%);
}
#pageTop .main_slide-2.final {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: none;
  transition: none;
}
#pageTop .main_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom center;
     object-position: bottom center;
  -webkit-transition: 6s ease-in;
  transition: 6s ease-in;
}
#pageTop .main_ttl, #pageTop .main_sub {
  -webkit-transition: all 1.3s 1.5s;
  transition: all 1.3s 1.5s;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  opacity: 0;
}
#pageTop .main_ttl {
  position: absolute;
  top: 56%;
  left: 0;
  width: 100%;
  text-align: center;
}
#pageTop .main_ttl img {
  width: 17.6%;
}
@media screen and (max-width: 750px) {
  #pageTop .main_ttl img {
    width: 54%;
  }
}
#pageTop .main_sub {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: 0.6em;
  font-weight: 500;
  color: #fff;
  position: absolute;
  bottom: 5%;
  width: 100%;
  left: 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageTop .main_sub {
    font-size: 3.4rem;
  }
}
#pageTop .merit_wrap {
  padding: 4.5rem 0;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_wrap {
    padding: 8rem 0;
  }
}
@media screen and (min-width: 751px) {
  #pageTop .merit_wrap .com-content {
    width: 126rem;
  }
}
#pageTop .merit_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #pageTop .merit_list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 3rem;
  }
}
#pageTop .merit_item {
  position: relative;
}
@media screen and (min-width: 751px) {
  #pageTop .merit_item-1 {
    width: 26%;
  }
  #pageTop .merit_item-2 {
    width: 23%;
  }
  #pageTop .merit_item-3 {
    width: 26%;
  }
  #pageTop .merit_item-4 {
    width: 24%;
  }
}
#pageTop .info_wrap {
  padding: 5rem 0 11rem;
}
@media screen and (min-width: 751px) {
  #pageTop .info_wrap .com-content {
    width: 74rem;
  }
}
#pageTop .info_wrap .action_wrap {
  margin-top: 2.5rem;
}
@media screen and (max-width: 750px) {
  #pageTop .info_wrap .action_wrap {
    margin-top: 5rem;
  }
}
#pageTop .info_lead {
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 3em;
}
@media screen and (max-width: 750px) {
  #pageTop .info_lead {
    font-size: 2.5rem;
    margin-bottom: 1em;
  }
}
#pageTop .info_item {
  border-bottom: 1px solid #352f2d;
  padding: 2rem 0;
}
@media screen and (max-width: 750px) {
  #pageTop .info_item {
    padding: 5rem 0;
  }
}
#pageTop .info_item:first-child {
  border-top: 1px solid #352f2d;
}
#pageTop .info_ttl {
  font-size: 2.6rem;
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageTop .info_ttl {
    font-size: 4.4rem;
  }
  #pageTop .info_ttl span {
    font-size: 5.2rem;
  }
}
#pageTop .central_wrap {
  padding-bottom: 10rem;
}
@media screen and (max-width: 750px) {
  #pageTop .central_wrap .p_img .com-tbox {
    padding: 5rem 0;
  }
}
#pageTop .aerial_wrap {
  width: 100%;
}
#pageTop .aerial_wrap .aerial {
  position: relative;
  aspect-ratio: 1366/710;
}
#pageTop .aerial_wrap .aerial figure {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  inset: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
#pageTop .aerial_wrap .aerial .aerial_img {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
}
#pageTop .aerial_wrap .aerial .aerial_light,
#pageTop .aerial_wrap .aerial .aerial_plot {
  opacity: 0;
  clip-path: inset(100% 0 0 0); /* 下から非表示 */
  -webkit-transition: clip-path 1.5s ease;
  transition: clip-path 1.5s ease;
}
#pageTop .aerial_wrap.show .aerial_img {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#pageTop .aerial_wrap.show .aerial_light {
  opacity: 1;
  clip-path: inset(0 0 0 0);
  -webkit-transition-duration: 1.75s;
          transition-duration: 1.75s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#pageTop .aerial_wrap.show .aerial_plot_1 {
  opacity: 1;
  clip-path: inset(0 0 0 0);
  -webkit-transition-duration: 1.8s;
          transition-duration: 1.8s;
  -webkit-transition-delay: 1.75s;
          transition-delay: 1.75s;
}
#pageTop .aerial_wrap.show .aerial_plot_2 {
  opacity: 1;
  clip-path: inset(0 0 0 0);
  -webkit-transition-duration: 1.8s;
          transition-duration: 1.8s;
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}
#pageTop .temple_wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 750px) {
  #pageTop .temple_wrap {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
#pageTop .temple_map {
  margin-bottom: 0.5rem;
}
#pageTop .facade_wrap {
  padding-bottom: 15rem;
}
@media screen and (min-width: 751px) {
  #pageTop .facade_wrap .com-content {
    width: 110rem;
  }
}
#pageTop .facade_wrap .oubi_logo {
  width: 28.7rem;
  margin: 0 auto 6.5rem;
}
@media screen and (max-width: 750px) {
  #pageTop .facade_wrap .oubi_logo {
    width: 43.05rem;
  }
}
@media screen and (max-width: 750px) {
  #pageTop .facade_green {
    margin-inline: -4rem;
  }
}
#pageTop .contents_wrap {
  height: var(--sticky-container-height);
  min-height: 100vh;
  overflow: unset;
}
#pageTop .contents_box {
  position: sticky;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 100vh;
}
#pageTop .contents_lead {
  text-align: center;
  font-weight: 700;
  font-size: 2.4rem;
  line-height: 1.75;
  letter-spacing: 0.12em;
  margin-bottom: 1em;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_lead {
    font-size: 3.4rem;
  }
}
#pageTop .contents_swiper {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15rem 5rem;
  will-change: scroll-position;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_swiper {
    padding: 0 4rem 5rem;
  }
}
#pageTop .contents_item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 29.4117647059%;
  max-width: 320px;
  position: relative;
  -webkit-filter: drop-shadow(5px 5px 7px rgba(35, 25, 22, 0.3));
          filter: drop-shadow(5px 5px 7px rgba(35, 25, 22, 0.3));
}
@media screen and (max-width: 750px) {
  #pageTop .contents_item {
    width: 100%;
    max-width: unset;
  }
}
@media screen and (max-width: 380px) {
  #pageTop .contents_item {
    padding: 0 8%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pageTop .contents_item:not(:last-child) {
  margin-right: 4rem;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_item:not(:last-child) {
    margin-right: 8rem;
  }
}
#pageTop .contents_item-main {
  background: #231916;
  text-align: center;
  color: #fff;
  padding: 1.2rem 1.2rem 2.7rem;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_item-main {
    padding: 2.5rem 2.5rem 4rem;
  }
}
#pageTop .contents_item-main:hover {
  opacity: 0.7;
}
#pageTop .contents_item-main:hover .contents_item-btn .icon {
  -webkit-transform: translateX(10px) rotateX(180deg);
          transform: translateX(10px) rotateX(180deg);
}
#pageTop .contents_item-ttl {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.5;
  margin-top: 1em;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_item-ttl {
    font-size: 3rem;
  }
}
#pageTop .contents_item-desc {
  font-size: 1.7rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin: 3em 0;
  text-transform: uppercase;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_item-desc {
    font-size: 2.7rem;
  }
}
@media screen and (max-width: 380px) {
  #pageTop .contents_item-desc {
    margin: 1.5em 0;
  }
}
#pageTop .contents_item-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 700;
  gap: 10px;
  color: #fff;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_item-btn {
    font-size: 2.7rem;
  }
}
#pageTop .contents_item-btn .icon {
  width: 1.4rem;
  margin-top: 0.1em;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 750px) {
  #pageTop .contents_item-btn .icon {
    width: 2.24rem;
    margin-top: 0;
  }
}
#pageAccess main::before {
  content: none;
}
@media screen and (min-width: 751px) {
  #pageAccess main .com-content:not(.com-tbox2) {
    width: 110rem;
  }
}
#pageAccess .wf {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
#pageAccess .train_wrap {
  padding-bottom: 13rem;
}
#pageAccess .train_route {
  margin: 3rem auto;
}
@media screen and (min-width: 751px) {
  #pageAccess .train_route {
    width: 63rem;
  }
}
@media screen and (max-width: 750px) {
  #pageAccess .train_route figure {
    min-width: 700px;
  }
}
#pageAccess .train_times {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10rem;
  margin-top: 10rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_times {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#pageAccess .train_time {
  color: #262324;
}
#pageAccess .train_time .t1 {
  font-size: 1.5rem;
  letter-spacing: 0;
  padding-left: 1.5em;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_time .t1 {
    font-size: 2.5rem;
  }
}
#pageAccess .train_time .t2 {
  font-size: 3.4rem;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_time .t2 {
    font-size: 4.4rem;
  }
}
#pageAccess .train_time .t2 span {
  font-family: "Zen Old Mincho", serif;
  display: inline-block;
}
#pageAccess .train_time .t2 .s1 {
  font-size: 9rem;
  line-height: 0.4;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_time .t2 .s1 {
    font-size: 10rem;
  }
}
#pageAccess .train_time .t2 .s2 {
  font-size: 3rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_time .t2 .s2 {
    font-size: 4rem;
  }
}
#pageAccess .train_places {
  margin-top: 7rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr 2.5rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_places {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
#pageAccess .train_place {
  background: #343132;
  -webkit-filter: drop-shadow(3px 3px 5px rgba(136, 137, 140, 0.55));
          filter: drop-shadow(3px 3px 5px rgba(136, 137, 140, 0.55));
}
#pageAccess .train_place-txt {
  padding: 2rem 1.5rem 1.5rem;
  color: #fff;
  text-align: center;
}
#pageAccess .train_place-txt .t1 {
  font-weight: 600;
  font-size: 2.7rem;
  line-height: 1.5;
  letter-spacing: 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_place-txt .t1 {
    font-size: 3.5rem;
  }
}
#pageAccess .train_place-txt .t1 span {
  font-family: "Zen Old Mincho", serif;
  display: inline-block;
  font-weight: 400;
}
#pageAccess .train_place-txt .t1 small {
  position: absolute;
  font-size: 1.4rem;
  letter-spacing: 0;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 0;
  -webkit-transform: translateY(1em);
          transform: translateY(1em);
}
@media screen and (max-width: 750px) {
  #pageAccess .train_place-txt .t1 small {
    font-size: 2.2rem;
  }
}
#pageAccess .train_place-txt .t1 .s1 {
  font-size: 9.6rem;
  color: #ae8e7f;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_place-txt .t1 .s1 {
    font-size: 10.4rem;
    line-height: 1.3;
  }
}
#pageAccess .train_place-txt .t1 .s2 {
  font-size: 2.6rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_place-txt .t1 .s2 {
    font-size: 3.4rem;
  }
}
#pageAccess .train_place-txt .t1.fullwhite span {
  color: #fff;
}
#pageAccess .train_place-txt .time {
  text-align: right;
  font-weight: 500;
  font-size: 1.2rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_place-txt .time {
    font-size: 2rem;
  }
}
#pageAccess .train_place-txt .note {
  text-align: left;
  font-size: 1rem;
  letter-spacing: -0.02em;
  margin-top: 1em;
  line-height: 1.2;
  min-height: 3em;
}
@media screen and (max-width: 750px) {
  #pageAccess .train_place-txt .note {
    font-size: 1.5rem;
  }
}
#pageAccess .train_place.bg_white {
  background: #fff;
}
#pageAccess .train_place.bg_white .train_place-txt {
  color: #343132;
}
#pageAccess .subway_wrap {
  background: #35302f;
  padding: 7rem 0;
}
#pageAccess .subway_wrap .com-sub {
  color: #ae8e7f;
}
#pageAccess .subway_wrap .com-txt2 {
  color: #fff;
}
#pageAccess .subway_content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.0552147239fr 2.5rem 1fr;
  grid-template-columns: 1.0552147239fr 1fr;
  gap: 2.5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .subway_content {
    row-gap: 5rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
#pageAccess .subway_route {
  margin-top: 5rem;
}
#pageAccess .subway_rbox .com-note {
  color: #fff;
  text-align: right;
  margin-top: 5px;
}
@media screen and (max-width: 750px) {
  #pageAccess .subway_rbox .com-note {
    text-align: left;
  }
}
#pageAccess .bus_wrap {
  padding: 7rem 0;
}
#pageAccess .bus_map {
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  #pageAccess .bus_map {
    width: 80rem;
  }
}
#pageAccess .bus_simu {
  margin: 7rem auto 0;
}
@media screen and (min-width: 751px) {
  #pageAccess .bus_simu {
    width: 96rem;
  }
}
#pageAccess .bus_simu-txt {
  font-size: 1.7rem;
  line-height: 2.3529411765;
  letter-spacing: 0.12em;
  margin-top: 4.5rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .bus_simu-txt {
    font-size: 2.7rem;
  }
}
#pageAccess .bus_simu-img figure {
  min-width: 700px;
}
#pageAccess .car_wrap {
  padding-bottom: 5rem;
}
#pageAccess .car_map {
  margin-inline: auto;
}
@media screen and (min-width: 751px) {
  #pageAccess .car_map {
    width: 50rem;
  }
}
#pageAccess .car_places {
  margin-top: 6rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 4.7rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem 4.7rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .car_places {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2rem;
  }
}
#pageAccess .car_place {
  position: relative;
}
#pageAccess .car_place::before, #pageAccess .car_place-txt {
  position: absolute;
  width: 45%;
  height: 100%;
  top: 0;
  left: 0;
}
#pageAccess .car_place::before {
  content: "";
  background: rgba(35, 31, 32, 0.75);
  mix-blend-mode: multiply;
  z-index: 1;
}
#pageAccess .car_place-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  z-index: 2;
}
#pageAccess .car_place-txt .name {
  font-size: 2.3rem;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pageAccess .car_place-txt .name {
    font-size: 3.3rem;
  }
}
#pageAccess .car_place-txt .distance {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.7rem;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pageAccess .car_place-txt .distance {
    font-size: 3.7rem;
  }
}
#pageAccess .car_place-txt .distance span {
  font-size: 8rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .car_place-txt .distance span {
    font-size: 9rem;
  }
}
@media screen and (min-width: 751px) {
  #pageAccess .taxi_wrap .com-content:not(.com-tbox2) {
    width: 116rem;
  }
}
#pageAccess .taxi_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#pageAccess .taxi_illust {
  width: 45.5%;
}
@media screen and (max-width: 750px) {
  #pageAccess .taxi_illust {
    width: 100%;
  }
}
#pageAccess .taxi_price-wrap {
  width: 51.5%;
}
@media screen and (max-width: 750px) {
  #pageAccess .taxi_price-wrap {
    width: 100%;
    margin-top: 5rem;
  }
}
#pageAccess .taxi_price-wrap .com-note {
  margin-top: 10px;
}
#pageAccess .taxi_price-wrap .com-note a {
  color: inherit;
}
#pageAccess .taxi_price {
  border-collapse: collapse;
  font-size: 16px;
  width: 100%;
}
#pageAccess .taxi_price th {
  background-color: #ae8e7f;
  color: #fff;
  text-align: left;
  font-size: 1.3rem;
  font-weight: 500;
  text-align: center;
  padding: 1.15rem;
}
@media screen and (max-width: 750px) {
  #pageAccess .taxi_price th {
    font-size: 2rem;
  }
}
#pageAccess .taxi_price td {
  font-size: 1.1rem;
  font-weight: 500;
  color: #231f20;
  text-align: center;
  border-bottom: 1px solid #77787b;
  padding: 1.15rem;
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  #pageAccess .taxi_price td {
    font-size: 1.8rem;
  }
}
#pageAccess .taxi_price td:first-child {
  text-align: left;
  background: #e5ddd8;
  padding-inline: 2rem;
  letter-spacing: 0.05em;
  width: 35%;
}

#pageConcept .com_main_wrap .com_main-txt {
  top: 35%;
}
#pageConcept .concept_wrap {
  padding: 12rem 0;
}
@media screen and (min-width: 751px) {
  #pageConcept .concept_wrap .com-lead2 {
    letter-spacing: 0.2em;
  }
}
#pageConcept .concept_logo {
  margin-inline: auto;
  width: 35.8rem;
}
#pageConcept .concept_map_wrap {
  width: 64rem;
  margin: 0 auto;
  padding: 5rem 0;
  position: relative;
  aspect-ratio: 638/378;
}
#pageConcept .concept_map_wrap figure {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: 1s;
  transition: 1s;
  opacity: 0;
}
#pageConcept .concept_map_wrap figure.concept_map {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
#pageConcept .concept_map_wrap figure.concept_map_position {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
#pageConcept .concept_map_wrap figure.concept_map_location {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
#pageConcept .concept_map_wrap figure.concept_map_residence {
  clip-path: inset(0 100% 0 0);
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
#pageConcept .concept_map_wrap figure.concept_map_privatespace {
  clip-path: inset(0 0 100% 0);
  -webkit-transition-delay: 2s;
          transition-delay: 2s;
}
#pageConcept .concept_map_wrap figure.concept_map_commonspace {
  clip-path: inset(0 0 0 100%);
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}
#pageConcept .concept_map_wrap.show figure {
  opacity: 1;
}
#pageConcept .concept_map_wrap.show figure.concept_map {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#pageConcept .concept_map_wrap.show figure.concept_map_position {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#pageConcept .concept_map_wrap.show figure.concept_map_location {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
#pageConcept .concept_map_wrap.show figure.concept_map_residence {
  clip-path: inset(0 0 0 0);
}
#pageConcept .concept_map_wrap.show figure.concept_map_privatespace {
  clip-path: inset(0 0 0 0);
}
#pageConcept .concept_map_wrap.show figure.concept_map_commonspace {
  clip-path: inset(0 0 0 0);
}
#pageConcept .concept_box {
  margin: 10rem auto 0;
}
@media screen and (min-width: 751px) {
  #pageConcept .concept_box {
    width: 76rem;
  }
}
#pageConcept .concept_img {
  border: 5px solid #231f20;
  position: relative;
  color: #fff;
  aspect-ratio: 746/471;
  background: #231f20;
}
#pageConcept .concept_img .img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
          mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
  mask-size: 250% 250%;
  -webkit-mask-size: 250% 250%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 130% 130%;
  -webkit-mask-position: 130% 130%;
}
#pageConcept .concept_img.act .img {
  -webkit-animation: mask-animation 1.5s linear forwards;
          animation: mask-animation 1.5s linear forwards;
}
@keyframes mask-animation {
  0% {
    -webkit-mask-position: 130% 130%;
            mask-position: 130% 130%;
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  50% {
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgba(0, 0, 0, 0.8) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(5px);
            filter: blur(5px);
  }
  100% {
    -webkit-mask-position: 0 0;
            mask-position: 0 0;
    -webkit-mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
            mask-image: linear-gradient(155deg, rgb(0, 0, 0) 30%, rgb(0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);
    -webkit-filter: blur(0px);
            filter: blur(0px);
  }
}
#pageConcept .concept_name {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 7%;
  left: 0;
}
#pageConcept .concept_name .logo {
  width: 6.1rem;
}
@media screen and (max-width: 750px) {
  #pageConcept .concept_name .logo {
    width: 9.15rem;
  }
}
#pageConcept .concept_name .name {
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  margin-top: 2em;
}
@media screen and (max-width: 750px) {
  #pageConcept .concept_name .name {
    font-size: 2.1rem;
  }
}
#pageConcept .concept_lead {
  width: 100%;
  text-align: center;
  font-size: 4rem;
  letter-spacing: 1.2em;
  position: absolute;
  left: 0;
  top: 45%;
  text-indent: 1em;
}
@media screen and (max-width: 750px) {
  #pageConcept .concept_lead {
    font-size: 6rem;
    top: 55%;
  }
}
#pageConcept .concept_txt {
  text-align: center;
  color: #231f20;
  margin-top: 5rem;
}
#pageConcept .concept_sub {
  font-size: 2.2rem;
  letter-spacing: 0.12em;
  line-height: 2.1818181818;
  font-weight: 500;
}
@media screen and (max-width: 750px) {
  #pageConcept .concept_sub {
    font-size: 2.5rem;
    letter-spacing: 0.05em;
  }
}
#pageConcept .concept_ttl {
  font-weight: 600;
  font-size: 2.8rem;
  margin-top: 0.5em;
}
@media screen and (max-width: 750px) {
  #pageConcept .concept_ttl {
    font-size: 3.5rem;
  }
}

#pageLocation main {
  color: #231f20;
}
#pageLocation main .com-note {
  margin-top: 3px;
  letter-spacing: 0;
}
@media screen and (min-width: 751px) {
  #pageLocation main .com-content {
    width: 124rem;
  }
}
#pageLocation .txt_right {
  text-align: right;
}
#pageLocation .p_grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.5rem 1fr 0.5rem 1fr 0.5rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 7rem 0.5rem;
}
#pageLocation .p_grid .col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
#pageLocation .p_grid .rol-15 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
@media screen and (max-width: 750px) {
  #pageLocation .p_grid {
    row-gap: 4rem;
  }
  #pageLocation .p_grid ._sp-col-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
  #pageLocation .p_grid ._sp-col-4 {
    -ms-grid-column-span: 4;
    grid-column: span 4;
  }
}
#pageLocation .p_content .com-txt {
  text-align: justify;
}
@media screen and (max-width: 750px) {
  #pageLocation .p_content .com-txt {
    -webkit-box-ordinal-group: 101;
        -ms-flex-order: 100;
            order: 100;
  }
}
@media screen and (min-width: 751px) {
  #pageLocation .p_content .com-txt.pf {
    padding-left: 6rem;
  }
}
#pageLocation .intro_map {
  margin: 7rem auto 3.5rem;
}
@media screen and (min-width: 751px) {
  #pageLocation .intro_map {
    width: 104rem;
  }
}
#pageLocation .intro_map figure {
  border: 1px solid #737577;
  padding: 5px;
}
#pageLocation .anchor_wrap {
  padding: 14rem 0;
}
#pageLocation .anchor_wrap .com-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.8rem 1fr 2.8rem 1fr 2.8rem 1fr 2.8rem 1fr 2.8rem 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.8rem;
}
@media screen and (min-width: 751px) {
  #pageLocation .anchor_wrap .com-content {
    width: 112rem;
  }
}
@media screen and (max-width: 750px) {
  #pageLocation .anchor_wrap .com-content {
    gap: 6rem 3rem;
    -ms-grid-columns: 1fr 3rem 1fr 3rem 1fr;
    grid-template-columns: repeat(3, 1fr);
  }
}
#pageLocation .anchor_link {
  text-align: center;
  color: #231f20;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.5;
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.5em;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageLocation .anchor_link {
    font-size: 2rem;
  }
}
#pageLocation .anchor_link::after {
  position: absolute;
  content: "";
  width: 1.4rem;
  height: 1.3rem;
  background: #231f20;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2rem;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 750px) {
  #pageLocation .anchor_link::after {
    width: 1.82rem;
    height: 1.69rem;
    bottom: -2.6rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  #pageLocation .anchor_link:hover::after {
    bottom: -2.5rem;
  }
}
#pageLocation .history_wrap {
  background: #343132;
  color: #fff;
}
#pageLocation .history_wrap .com-ttl2 {
  color: #a29490;
  border-color: #b1b3b6;
}
#pageLocation .history_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 6rem;
}
@media screen and (max-width: 750px) {
  #pageLocation .history_content {
    padding-bottom: 10rem;
  }
}
#pageLocation .history_content-1 .history_img {
  width: 50%;
}
@media screen and (max-width: 750px) {
  #pageLocation .history_content-1 .history_img {
    width: 100%;
  }
}
#pageLocation .history_content-1 .history_txt {
  width: 46%;
}
@media screen and (max-width: 750px) {
  #pageLocation .history_content-1 .history_txt {
    width: 100%;
    margin-top: 3rem;
  }
}
#pageLocation .history_content-1 .history_imgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  margin-top: 1.8rem;
}
#pageLocation .history_content-2 .history_txt {
  width: 32.5%;
}
@media screen and (max-width: 750px) {
  #pageLocation .history_content-2 .history_txt {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
#pageLocation .history_content-2 .history_imgs {
  width: 63.8%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.2em 1.92fr;
  grid-template-columns: 1fr 1.92fr;
  gap: 1.2em;
}
@media screen and (max-width: 750px) {
  #pageLocation .history_content-2 .history_imgs {
    width: 100%;
    margin-bottom: 3rem;
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
#pageLocation .gourmet_wrap {
  color: #fff;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(84, 52, 55, 0.85)), to(rgba(84, 52, 55, 0.85))), url(../img/location/gourmet_bg.jpg) center/cover no-repeat;
  background: linear-gradient(0deg, rgba(84, 52, 55, 0.85) 0%, rgba(84, 52, 55, 0.85) 100%), url(../img/location/gourmet_bg.jpg) center/cover no-repeat;
}
#pageLocation .gourmet_wrap .com-tbox2 {
  color: #fff;
}
#pageLocation .gourmet_wrap .com-tbox2 .com-ttl2 {
  border-color: #fff;
}
#pageLocation .gourmet_content {
  row-gap: 1.8rem;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}
#pageLocation .gourmet_content .col-2 {
  grid-row: auto;
}
#pageLocation .gourmet_content .col-2 .com-tbox2 {
  padding: 5rem 0 0;
}
@media screen and (min-width: 751px) {
  #pageLocation .gourmet_content .bigimg-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
  }
  #pageLocation .gourmet_content .bigimg-2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4;
  }
}
#pageLocation .nature_wrap,
#pageLocation .culture_wrap,
#pageLocation .shopping_wrap,
#pageLocation .hospital_wrap,
#pageLocation .gourmet_wrap {
  padding-bottom: 9rem;
}
#pageLocation .lifeinfo_wrap {
  padding-top: 5rem;
}
#pageLocation .lifeinfo_content {
  margin: 0 auto;
}
#pageLocation .lifeinfo_list {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}
@media screen and (max-width: 750px) {
  #pageLocation .lifeinfo_list {
    -webkit-column-count: unset;
       -moz-column-count: unset;
            column-count: unset;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
  }
}
#pageLocation .lifeinfo_item {
  text-align: justify;
  letter-spacing: 0;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 750px) {
  #pageLocation .lifeinfo_item {
    font-size: 2rem;
  }
}
#pageBrand footer {
  margin-top: 0;
}
#pageBrand main {
  background: #343132;
  color: #fff;
}
#pageBrand main::before {
  content: none;
}
@media screen and (min-width: 751px) {
  #pageBrand main .com-content {
    width: 124rem;
  }
}
#pageBrand .brand_com_wrap {
  margin: 10rem 0 0;
}
#pageBrand .brand_com_wrap .copy_box {
  text-align: center;
}
#pageBrand .brand_com_wrap .copy_box .ttl {
  font-size: 2.2rem;
  letter-spacing: 0.22em;
  color: #d06617;
  border-top: 1px solid #d06617;
  border-bottom: 1px solid #d06617;
  padding: 2.7rem 0;
}
#pageBrand .brand_com_wrap .copy_box .sub_ttl {
  font-size: 1.9rem;
  margin: 2rem 0 0;
}
#pageBrand .brand_com_wrap .copy_box .sub_ttl_2 {
  font-size: 1.4rem;
  margin: 1rem 0 0;
}
#pageBrand .brand_com_wrap .copy_box .lead {
  line-height: 1.7;
  margin: 6rem 0 0;
}
#pageBrand .brand_com_wrap .copy_box .txt {
  margin: 2rem 0 0;
}
#pageBrand .brand_com_wrap .copy_box .en {
  font-size: 1.6rem;
  color: #d06617;
}
#pageBrand .brand_com_wrap .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 113rem;
  margin: 0 auto;
}
#pageBrand .brand_com_wrap .flex_box .flex_box_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageBrand .brand_com_wrap .flex_box .flex_cnt {
  width: 27rem;
}
#pageBrand .brand_com_wrap .flex_box .flex_cnt .copy {
  letter-spacing: 0.04em;
  text-align: center;
  margin: 1rem 0 0;
}
#pageBrand .brand_com_wrap .flex_box .flex_cnt .p1 {
  font-size: 1.4rem;
}
#pageBrand .brand_com_wrap .flex_box .flex_cnt .p2 {
  font-size: 1.7rem;
  border-top: 1px solid #d06617;
  padding: 1rem 0 0;
  margin: 1rem 0 0;
}
#pageBrand .brand_com_wrap .flex_box .flex_cnt .p3 {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0.7rem 0 0;
}
#pageBrand .brand_com_wrap .flex_box .flex_cnt .clr-org {
  color: #d06617;
}
@media screen and (max-width: 750px) {
  #pageBrand .brand_com_wrap {
    margin: 12rem 0 0;
  }
  #pageBrand .brand_com_wrap .copy_box .ttl {
    font-size: 3.2rem;
    padding: 2.7rem 0;
  }
  #pageBrand .brand_com_wrap .copy_box .sub_ttl {
    font-size: 3rem;
    margin: 3rem 0 0;
  }
  #pageBrand .brand_com_wrap .copy_box .sub_ttl_2 {
    font-size: 2.4rem;
    margin: 1.6rem 0 0;
  }
  #pageBrand .brand_com_wrap .copy_box .lead {
    font-size: 3.4rem;
    margin: 4rem 0 0;
  }
  #pageBrand .brand_com_wrap .copy_box .en {
    font-size: 2.6rem;
  }
  #pageBrand .brand_com_wrap .flex_box {
    width: 100%;
  }
  #pageBrand .brand_com_wrap .flex_box .flex_cnt {
    width: 32rem;
  }
  #pageBrand .brand_com_wrap .flex_box .flex_cnt .copy {
    line-height: 1.4;
    margin: 1.6rem 0 0;
  }
  #pageBrand .brand_com_wrap .flex_box .flex_cnt .p1 {
    font-size: 2.4rem;
  }
  #pageBrand .brand_com_wrap .flex_box .flex_cnt .p2 {
    font-size: 2.8rem;
  }
  #pageBrand .brand_com_wrap .flex_box .flex_cnt .p3 {
    font-size: 2.4rem;
    margin: 0.6rem 0 0;
  }
}
#pageBrand .credo_wrap {
  padding: 8rem 0 0;
}
#pageBrand .credo_wrap .ttl_box {
  text-align: center;
}
#pageBrand .credo_wrap .ttl_box .ttl {
  font-size: 3rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: #d06617;
}
#pageBrand .credo_wrap .ttl_box .sub_ttl {
  font-size: 1.4rem;
  margin: 1rem 0 0;
}
#pageBrand .credo_wrap .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin: 8rem 0 0;
}
#pageBrand .credo_wrap .flex_box .txt {
  margin: 5rem 0 0;
}
#pageBrand .credo_wrap .flex_box .flex_img {
  width: 53rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .credo_wrap {
    padding: 8rem 0 0;
  }
  #pageBrand .credo_wrap .ttl_box .ttl {
    font-size: 4rem;
  }
  #pageBrand .credo_wrap .ttl_box .sub_ttl {
    font-size: 2.4rem;
    margin: 2rem 0 0;
  }
  #pageBrand .credo_wrap .flex_box {
    gap: 5rem 0;
    margin: 7rem 0 0;
  }
  #pageBrand .credo_wrap .flex_box .lead {
    text-align: center;
  }
  #pageBrand .credo_wrap .flex_box .txt {
    line-height: 2;
    margin: 4rem 0 0;
  }
  #pageBrand .credo_wrap .flex_box .flex_img {
    width: 100%;
  }
}
#pageBrand .brand_com_wrap.design .flex_box_1 {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 2rem;
  margin: 6rem 0 0;
}
#pageBrand .brand_com_wrap.design .flex_box_2 {
  margin-top: 6rem;
  gap: 6rem 0;
}
@media screen and (max-width: 750px) {
  #pageBrand .brand_com_wrap.design .flex_box_1 {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 5rem 0;
  }
  #pageBrand .brand_com_wrap.design .flex_box_2 {
    margin-top: 8rem;
    gap: 5rem 0;
  }
}
#pageBrand .brand_com_wrap.business .copy_box .txt {
  margin: 5rem 0 0;
}
#pageBrand .brand_com_wrap.business .business_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 113rem;
  margin: 2rem auto 0;
}
#pageBrand .brand_com_wrap.business .business_box .business_box_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem 0;
  width: 66rem;
}
#pageBrand .brand_com_wrap.business .business_box .business_cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32rem;
  height: 32rem;
  position: relative;
}
#pageBrand .brand_com_wrap.business .business_box .business_cnt::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: #352f2e;
  opacity: 0.4;
  mix-blend-mode: multiply;
  z-index: 1;
}
#pageBrand .brand_com_wrap.business .business_box .img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#pageBrand .brand_com_wrap.business .business_box .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#pageBrand .brand_com_wrap.business .business_box .business_copy_outer {
  position: relative;
  z-index: 1;
  width: 100%;
}
#pageBrand .brand_com_wrap.business .business_box .business_copy {
  letter-spacing: 0.02em;
  text-align: center;
}
#pageBrand .brand_com_wrap.business .business_box .business_copy a {
  display: block;
  color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #fff;
  border-radius: 18px;
  padding: 0.5rem 0;
  margin: 1.4rem auto 0;
  max-width: 160px;
  font-size: 1rem;
}
#pageBrand .brand_com_wrap.business .business_box .business_copy a:hover {
  background: #fff;
  color: #231f20;
}
#pageBrand .brand_com_wrap.business .business_box .p1 {
  font-size: 2.2rem;
}
#pageBrand .brand_com_wrap.business .business_box .p2 {
  font-size: 1.5rem;
  line-height: 1.4;
  margin: 1.4rem 0 0;
}
#pageBrand .brand_com_wrap.business .business_box .business_cnt_1 {
  width: 45rem;
  height: auto;
}
#pageBrand .brand_com_wrap.business .business_box .business_cnt_1 .business_copy {
  margin: 5.5rem 0 0;
}
#pageBrand .brand_com_wrap.business .business_box .business_cnt_1 .business_copy:first-child {
  margin: 0;
}
@media screen and (max-width: 750px) {
  #pageBrand .brand_com_wrap.business .copy_box .txt {
    line-height: 1.8;
  }
  #pageBrand .brand_com_wrap.business .business_box {
    width: 100%;
    margin: 4rem auto 0;
  }
  #pageBrand .brand_com_wrap.business .business_box .business_box_inner {
    gap: 2rem 0;
    width: 100%;
    margin: 2rem 0 0;
  }
  #pageBrand .brand_com_wrap.business .business_box .business_cnt {
    width: 32.6rem;
    height: 32rem;
  }
  #pageBrand .brand_com_wrap.business .business_box .business_copy a {
    max-width: 120px;
    font-size: 2rem;
    padding: 1rem 0;
  }
  #pageBrand .brand_com_wrap.business .business_box .business_copy a.sp_mt {
    margin-top: 6rem;
  }
  #pageBrand .brand_com_wrap.business .business_box .p1 {
    font-size: 3.2rem;
    line-height: 1.4;
  }
  #pageBrand .brand_com_wrap.business .business_box .p2 {
    font-size: 2.4rem;
    margin-top: 1rem;
  }
  #pageBrand .brand_com_wrap.business .business_box .business_cnt_1 {
    width: 100%;
    height: 82rem;
  }
  #pageBrand .brand_com_wrap.business .business_box .business_cnt_1 .business_copy {
    margin: 3.5rem 0 0;
  }
}
#pageBrand .brand_com_wrap.result {
  margin-bottom: 9rem;
}
#pageBrand .brand_com_wrap.result .result_area .flex_box {
  margin: 2rem 0 0;
}
#pageBrand .brand_com_wrap.result .result_area .flex_box .flex_box_inner {
  width: 56rem;
  gap: 1rem 0;
}
#pageBrand .brand_com_wrap.result .result_area .flex_box .flex_cnt .img img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  width: 100%;
  height: 100%;
}
#pageBrand .brand_com_wrap.result .result_area_1 {
  width: 113rem;
  margin: 0 auto;
}
#pageBrand .brand_com_wrap.result .result_area_1 .flex_box {
  width: 100%;
}
#pageBrand .brand_com_wrap.result .result_area_1 .flex_box .flex_cnt_6 .img,
#pageBrand .brand_com_wrap.result .result_area_1 .flex_box .flex_cnt_1 .img {
  height: 39.8rem;
}
#pageBrand .brand_com_wrap.result .result_area_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 113rem;
  margin: 0 auto;
}
#pageBrand .brand_com_wrap.result .result_area_2 .flex_box {
  width: 55.6rem;
  margin: 1.7rem 0 0;
}
#pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_box_inner {
  width: 27rem;
}
#pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_box_inner .flex_cnt {
  width: 100%;
}
#pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_cnt_6 .img,
#pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_cnt_1 .img {
  height: 39.8rem;
}
@media screen and (max-width: 750px) {
  #pageBrand .brand_com_wrap.result {
    margin-bottom: 15rem;
  }
  #pageBrand .brand_com_wrap.result .result_area .flex_box {
    margin: 4rem 0 0;
  }
  #pageBrand .brand_com_wrap.result .result_area .flex_box .flex_box_inner {
    width: 100%;
    gap: 1.6rem 0;
  }
  #pageBrand .brand_com_wrap.result .result_area_1 {
    width: 100%;
  }
  #pageBrand .brand_com_wrap.result .result_area_1 .flex_box {
    width: 100%;
    gap: 1.6rem 0;
  }
  #pageBrand .brand_com_wrap.result .result_area_1 .flex_box .flex_cnt_6 .img,
  #pageBrand .brand_com_wrap.result .result_area_1 .flex_box .flex_cnt_1 .img {
    height: auto;
  }
  #pageBrand .brand_com_wrap.result .result_area_1 .flex_box .flex_cnt_1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #pageBrand .brand_com_wrap.result .result_area_1 .flex_box .flex_cnt_6 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #pageBrand .brand_com_wrap.result .result_area_1 .flex_box .flex_box_inner {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #pageBrand .brand_com_wrap.result .result_area_2 {
    width: 100%;
  }
  #pageBrand .brand_com_wrap.result .result_area_2 .result_area_inner {
    margin: 6rem 0 0;
  }
  #pageBrand .brand_com_wrap.result .result_area_2 .flex_box {
    gap: 2rem 0;
    width: 100%;
    margin: 2.6rem 0 0;
  }
  #pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_box_inner {
    width: 100%;
  }
  #pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_box_inner .flex_cnt {
    width: 32rem;
  }
  #pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_cnt_6,
  #pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_cnt_1 {
    width: 100%;
  }
  #pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_cnt_6 .img,
  #pageBrand .brand_com_wrap.result .result_area_2 .flex_box .flex_cnt_1 .img {
    height: 63rem;
  }
}

#pagePosition main::before {
  background: url(../img/position/background.jpg) repeat;
}
#pagePosition main .com-note {
  margin-top: 3px;
  letter-spacing: 0;
}
@media screen and (min-width: 751px) {
  #pagePosition main .com-content {
    width: 124rem;
  }
}
#pagePosition .intro_wrap .map {
  mix-blend-mode: multiply;
  margin: 7rem auto 0;
}
@media screen and (min-width: 751px) {
  #pagePosition .intro_wrap .map {
    width: 120rem;
  }
}
#pagePosition .intro_wrap .map .com-cap {
  right: 13.5rem;
  bottom: 25.5rem;
}
@media screen and (max-width: 750px) {
  #pagePosition .intro_wrap {
    padding-bottom: 16rem;
  }
  #pagePosition .intro_wrap .map img {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
    -webkit-transform-origin: 72% top;
            transform-origin: 72% top;
  }
  #pagePosition .intro_wrap .map .com-cap {
    right: -0.5rem;
    bottom: -2.5rem;
  }
}
#pagePosition .pos_head {
  text-align: center;
  margin-bottom: 5rem;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_head {
    margin-bottom: 10rem;
  }
}
#pagePosition .pos_lead {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-size: 3.5rem;
  line-height: 1.7714285714;
  letter-spacing: 0.36em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-indent: 0.2em;
  -webkit-column-gap: 0.5em;
     -moz-column-gap: 0.5em;
          column-gap: 0.5em;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_lead {
    font-size: 4.5rem;
  }
}
#pagePosition .pos_lead::after, #pagePosition .pos_lead::before {
  content: "";
  background: currentColor;
  height: 1px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#pagePosition .pos_sublead {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_sublead {
    font-size: 2.6rem;
  }
}
#pagePosition .pos_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pagePosition .pos_content + .pos_gallery {
  margin-top: 4rem;
}
#pagePosition .pos_txtbox {
  width: 49.7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_txtbox {
    width: 100%;
  }
}
#pagePosition .pos_imgbox {
  width: 49.7%;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_imgbox {
    width: 100%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-top: 5rem;
  }
}
#pagePosition .pos_gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.7rem 1fr 0.7rem 1fr 0.7rem 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem 0.7rem;
}
#pagePosition .pos_gallery .col-2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
#pagePosition .pos_gallery .col-4 {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_gallery ._sp-col-2 {
    -ms-grid-column-span: 2;
    grid-column: span 2;
  }
}
#pagePosition .pos_txt {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#pagePosition .pos_txt + .pos_img {
  margin-top: 5rem;
}
#pagePosition .pos_ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.8rem;
  line-height: 1.6785714286;
  letter-spacing: 0.06em;
  color: #a29490;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_ttl {
    font-size: 3.8rem;
    text-align: center;
  }
}
#pagePosition .pos_desc {
  margin-top: 2em;
}
#pagePosition .pos_wrap {
  margin-top: 12rem;
}
#pagePosition .pos_wrap .w62 {
  width: 62%;
}
#pagePosition .pos_wrap .w80 {
  width: 80%;
}
#pagePosition .pos_wrap .w62, #pagePosition .pos_wrap .w80 {
  margin-inline: auto;
}
#pagePosition .pos_wrap.shirokane {
  margin-top: 8rem;
}
#pagePosition .pos_wrap.shirokane .pos_txt {
  margin: 5rem auto;
}
#pagePosition .pos_wrap.shirokane .pos_img {
  margin-top: auto;
}
#pagePosition .pos_wrap.azabujuban .pos_txtbox {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pagePosition .pos_wrap.azabujuban .pos_gallery {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_wrap.azabujuban .pos_gallery {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 751px) {
  #pagePosition .pos_wrap.sengakuji .pos_img {
    margin-bottom: 5rem;
  }
}
#pagePosition .pos_wrap.sengakuji .pos_gallery {
  margin-top: 7rem;
}
@media screen and (max-width: 750px) {
  #pagePosition .pos_wrap.sengakuji .pos_gallery {
    margin-top: 5rem;
  }
}
#pageEducation main::before {
  content: none;
}
@media screen and (min-width: 751px) {
  #pageEducation main .com-content {
    width: 124rem;
  }
}
#pageEducation .com_main_wrap .com_main-txt {
  top: 40%;
  text-align: left;
  padding-left: 7rem;
}
#pageEducation .com_main_wrap .com_main-ttl {
  font-size: 4.5rem;
  letter-spacing: 0.22em;
}
@media screen and (max-width: 750px) {
  #pageEducation .com_main_wrap .com_main-ttl {
    font-size: 6.5rem;
  }
}
#pageEducation .com-ttl2 {
  text-align: center;
  position: relative;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 750px) {
  #pageEducation .com-ttl2 {
    margin-bottom: 6rem;
  }
}
#pageEducation .com-ttl2 span {
  position: absolute;
  left: 0;
  font-size: 1.3rem;
  font-weight: 500;
  top: 50%;
  letter-spacing: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  #pageEducation .com-ttl2 span {
    font-size: 2.3rem;
    position: static;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    display: block;
  }
}
#pageEducation .p_ttl,
#pageEducation .p_subttl {
  font-family: "Zen Old Mincho", serif;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0;
}
#pageEducation .p_ttl {
  font-size: 1.9rem;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pageEducation .p_ttl {
    font-size: 2.9rem;
  }
}
#pageEducation .p_subttl {
  font-size: 1.3rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #pageEducation .p_subttl {
    font-size: 2.3rem;
  }
}
#pageEducation .p_desc {
  font-size: 1.1rem;
  letter-spacing: 0.02em;
  line-height: 2.2;
}
@media screen and (max-width: 750px) {
  #pageEducation .p_desc {
    font-size: 2.1rem;
  }
}
#pageEducation .p_box .p_ttl {
  margin-top: 0.5em;
}
#pageEducation .p_box .p_desc {
  margin-top: 1em;
  padding-inline: 3.5rem;
  text-align: justify;
}
@media screen and (max-width: 750px) {
  #pageEducation .p_box .p_desc {
    padding-inline: 6rem;
  }
}
#pageEducation .p_box .p_box-t {
  min-height: 10rem;
}
#pageEducation .intro_wrap {
  padding-bottom: 6rem;
}
#pageEducation .intro_imgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.7rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.7rem;
}
#pageEducation .tab_content {
  display: none;
}
#pageEducation .tab_content.active {
  display: block;
}
#pageEducation .tab_nav_wrap {
  position: relative;
  margin: 5rem 0 8rem;
}
@media screen and (min-width: 751px) {
  #pageEducation .tab_nav_wrap .com-content {
    width: 106rem;
  }
}
#pageEducation .tab_links {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.2rem 1fr 1.2rem 1fr 1.2rem 1fr 1.2rem 1fr 1.2rem 1fr;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.2rem;
}
@media screen and (max-width: 750px) {
  #pageEducation .tab_links {
    -ms-grid-columns: 1fr 2rem 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem 2rem;
  }
}
#pageEducation .tab_link {
  text-align: center;
  color: #fff;
  letter-spacing: 0;
  font-size: 1.3rem;
  font-weight: 700;
  font-family: "Zen Old Mincho", serif;
  background: #003274;
  opacity: 0.8;
  padding: 1.4em 0;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pageEducation .tab_link {
    font-size: 2.4rem;
  }
}
#pageEducation .tab_link::after, #pageEducation .tab_link::before {
  position: absolute;
  content: "";
}
#pageEducation .tab_link::before {
  width: calc(100% - 10px);
  height: 1px;
  background: #fff;
  bottom: 5px;
  left: 5px;
}
#pageEducation .tab_link::after {
  width: 9px;
  height: 8px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background: #003274;
  left: 50%;
  bottom: -15px;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#pageEducation .tab_link.ltn01 {
  letter-spacing: -0.1em;
}
#pageEducation .tab_link.active {
  opacity: 1;
}
#pageEducation .tab_link.active::after {
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  #pageEducation .tab_link:hover {
    opacity: 1;
  }
  #pageEducation .tab_link:hover::after {
    opacity: 1;
  }
}
#pageEducation .map_wrap {
  margin-top: 4rem;
}
@media screen and (min-width: 751px) {
  #pageEducation .map_wrap .com-content {
    width: 106rem;
  }
}
#pageEducation .map_img {
  border: 1px solid #7d7d7d;
  padding: 7px;
}
#pageEducation .p_gallery {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0.3rem 1fr 0.3rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 0.3rem;
}
@media screen and (max-width: 750px) {
  #pageEducation .p_gallery {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}
#pageEducation .p_gallery-2 {
  -ms-grid-columns: 1fr 0.5rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 0.5rem;
     -moz-column-gap: 0.5rem;
          column-gap: 0.5rem;
}
@media screen and (max-width: 750px) {
  #pageEducation .p_gallery-2 {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 751px) {
  #pageEducation .p_gallery-2 .p_box .p_desc {
    padding-inline: 11rem;
  }
}
#pageEducation .sec_wrap {
  padding: 6rem 0 0;
}

#pageDesign {
  color: #231916;
}
#pageDesign .com-tbox2 {
  padding-block: 0;
  position: relative;
  z-index: 1;
}
#pageDesign .design_desc, #pageDesign .material_desc {
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_desc, #pageDesign .material_desc {
    font-size: 2.1rem;
  }
}
#pageDesign footer {
  margin-top: 0;
}
@media screen and (min-width: 751px) {
  #pageDesign main .com-content {
    width: 124rem;
  }
}
#pageDesign .com-cap.out {
  color: #231f20;
  text-shadow: none;
  bottom: 0;
  -webkit-transform: translateY(150%);
          transform: translateY(150%);
}
#pageDesign .com-ttl2 {
  color: #a0938f;
  border-color: currentColor;
  font-weight: 600;
}
#pageDesign .bg_white {
  background: #fff;
}
#pageDesign .com-ttl2 {
  text-align: center;
  position: relative;
  margin-bottom: 3.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .com-ttl2 {
    margin-bottom: 6rem;
  }
}
#pageDesign .com-ttl2 span {
  position: absolute;
  left: 0;
  font-size: 1.3rem;
  font-weight: 500;
  top: 50%;
  letter-spacing: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  #pageDesign .com-ttl2 span {
    font-size: 2.3rem;
    position: static;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    display: block;
  }
}
#pageDesign .intro_wrap {
  padding-bottom: 8.5rem;
}
#pageDesign .intro_wrap .com-lead2 {
  letter-spacing: 0.35em;
}
#pageDesign .tabs_wrap {
  position: relative;
  z-index: 1;
  padding: 4.3rem 0 5.4rem;
}
#pageDesign .tabs_flexBox {
  display: -ms-grid;
  display: grid;
  gap: 3rem 7.8rem;
  display: grid;
  -ms-grid-columns: 1fr 7.8rem 1fr 7.8rem 1fr;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 750px) {
  #pageDesign .tabs_flexBox {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}
#pageDesign .tabs_link {
  position: relative;
}
#pageDesign .tabs_link:hover::after {
  bottom: -35px;
}
@media screen and (max-width: 750px) {
  #pageDesign .tabs_link:hover::after {
    bottom: -26px;
  }
}
#pageDesign .tabs_link::after {
  position: absolute;
  content: "";
  border-top: 13px solid #a4968d;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -28px;
  -webkit-transition: bottom 0.3s ease;
  transition: bottom 0.3s ease;
}
@media screen and (max-width: 750px) {
  #pageDesign .tabs_link::after {
    bottom: -22px;
  }
}
#pageDesign .material_wrap {
  padding: 2rem 0 7rem;
}
#pageDesign .material_item {
  text-align: center;
}
#pageDesign .material_item + .material_item {
  margin-top: 4rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .material_item + .material_item {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 751px) {
  #pageDesign .material_img {
    width: 49.5rem;
    margin: 0 auto;
  }
}
#pageDesign .material_ttl {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.16em;
  color: #a0938f;
  margin-top: 2em;
}
@media screen and (max-width: 750px) {
  #pageDesign .material_ttl {
    font-size: 2.6rem;
  }
}
#pageDesign .material_desc {
  margin-top: 1.5em;
}
#pageDesign .design_wrap {
  background: #352f2d;
  color: #fff;
}
#pageDesign .design_wrap .com-content {
  padding-block: 4rem 7rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_wrap .com-content {
    padding-block: 13rem 10rem;
  }
}
#pageDesign .design_facade {
  margin-top: 5.1rem;
}
#pageDesign .design_facadettl {
  text-align: center;
}
#pageDesign .design_facadebox .com-cap {
  position: relative;
  text-align: right;
  right: 0;
  bottom: 0;
  margin-top: 0;
}
#pageDesign .design_facadebox:first-child figure {
  width: 84.5%;
  margin: 0 auto;
  position: relative;
  left: 3rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_facadebox:first-child figure {
    width: 100%;
  }
}
#pageDesign .design_facadebox:first-child figure .com-cap {
  right: 12.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_facadebox:first-child figure .com-cap {
    right: 8.5rem;
    margin-top: 1rem;
  }
}
#pageDesign .design_facadebox:first-child .design_facadettl {
  width: 30.5%;
  margin: 1rem auto 0;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_facadebox:first-child .design_facadettl {
    width: 80%;
    margin: 3rem auto 0;
  }
}
#pageDesign .design_facadebox:last-child {
  margin-top: 5.4rem;
}
#pageDesign .design_facadebox:last-child figure {
  width: 68.6%;
  margin: 0 auto;
  position: relative;
  left: -4rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_facadebox:last-child figure {
    width: 84%;
    left: -1rem;
  }
}
#pageDesign .design_facadebox:last-child .design_facadettl {
  width: 30.5%;
  margin: 1rem auto 0;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_facadebox:last-child .design_facadettl {
    width: 80%;
    margin: 3rem auto 0;
  }
}
#pageDesign .design_exterior {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 9rem auto 0;
  width: 83rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_exterior {
    width: 100%;
  }
}
#pageDesign .design_exteriorbox {
  width: 46.4%;
  text-align: center;
  color: #fff;
  margin-bottom: -5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_exteriorbox {
    width: 100%;
    margin-bottom: 5rem;
  }
}
#pageDesign .design_exteriorttl {
  letter-spacing: 0.3em;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 3rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_exteriorttl {
    font-size: 2.6rem;
  }
}
#pageDesign .design_exteriortxt {
  margin-top: 1.3rem;
  font-size: 1rem;
  line-height: 2.2;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_exteriortxt {
    font-size: 1.8rem;
  }
}
#pageDesign .design_lead {
  color: #a0938f;
  text-align: center;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_lead {
    font-size: 3.1rem;
  }
}
#pageDesign .design_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 5rem auto 0;
}
@media screen and (min-width: 751px) {
  #pageDesign .design_content {
    width: 94rem;
  }
}
@media screen and (max-width: 750px) {
  #pageDesign .design_content {
    margin-top: 8rem;
  }
}
#pageDesign .design_lbox {
  width: 35%;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_lbox {
    width: 100%;
  }
}
#pageDesign .design_rbox {
  width: 61%;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_rbox {
    width: 100%;
    margin-top: 7rem;
  }
}
#pageDesign .design_ttl {
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1.85;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_ttl {
    text-align: center;
    font-size: 3.1rem;
  }
}
#pageDesign .design_desc {
  text-align: justify;
  margin-top: 2em;
}
#pageDesign .design_brandbox {
  width: 95%;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_brandbox {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pageDesign .design_brandimg {
  width: 24.6%;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_brandimg {
    width: 40%;
  }
}
#pageDesign .design_brandtxt {
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0;
  width: 70%;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_brandtxt {
    width: 100%;
    margin-top: 2em;
    font-size: 2rem;
    line-height: 1.5;
  }
}
#pageDesign .design_portfolio {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  padding: 0 2rem 0.5rem;
  margin-top: 3.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_portfolio {
    margin-top: 6rem;
    padding: 0 4rem 1rem;
  }
}
#pageDesign .design_portfolio .design_lead {
  font-size: 1.4rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_portfolio .design_lead {
    font-size: 2.4rem;
  }
}
#pageDesign .design_imgs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.2rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem;
  margin-top: 1rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .design_imgs {
    margin-top: 2rem;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}
#pageDesign .design_img .com-note {
  letter-spacing: 0;
  margin-top: 5px;
}
#pageDesign .masterplan_wrap {
  padding: 7rem 0 2rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_wrap {
    padding: 13rem 0 3rem;
  }
}
#pageDesign .masterplan .com-tbox2 {
  position: relative;
  z-index: 1;
}
#pageDesign .masterplan_img {
  width: 124.5rem;
  margin-top: -9.7rem;
  margin-left: -3.8rem;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_img {
    margin: 0 auto;
    width: 105rem !important;
    margin-left: -20rem;
  }
}
#pageDesign .masterplan_flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 108.7rem;
  margin: -1rem auto 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_flexBox {
    width: 100%;
  }
}
#pageDesign .masterplan_left {
  width: 45.7%;
  text-align: center;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_left {
    width: 100%;
  }
}
#pageDesign .masterplan_left .material_ttl {
  font-size: 1.5rem;
  margin-top: 2.3rem;
  color: #a4968d;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_left .material_ttl {
    font-size: 2.6rem;
  }
}
#pageDesign .masterplan_left .material_desc {
  font-size: 1rem;
  color: #231916;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_left .material_desc {
    font-size: 1.8rem;
    margin-top: 1rem;
  }
}
#pageDesign .masterplan_right {
  width: 47.4%;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_right {
    width: 100%;
    margin-top: 7rem;
  }
}
#pageDesign .masterplan_right .masterplan_ttl {
  font-size: 1.8rem;
  font-weight: 500;
  color: #231916;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_right .masterplan_ttl {
    font-size: 3rem;
  }
}
#pageDesign .masterplan_right .masterplan_rightBox--01 .masterplan_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2rem;
}
#pageDesign .masterplan_right .masterplan_rightBox--01 .masterplan_item {
  width: 24.4%;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_right .masterplan_rightBox--01 .masterplan_item {
    width: 49%;
    margin-bottom: 3rem;
  }
}
#pageDesign .masterplan_right .masterplan_rightBox--01 .material_ttl {
  font-size: 0.9rem;
  color: #231916;
  margin-top: 2px;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_right .masterplan_rightBox--01 .material_ttl {
    font-size: 2rem;
  }
}
#pageDesign .masterplan_right .masterplan_rightBox--02 {
  margin-top: 3.4rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_right .masterplan_rightBox--02 {
    margin-top: 7rem;
  }
}
#pageDesign .masterplan_right .masterplan_rightBox--02 .masterplan_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 2rem;
}
#pageDesign .masterplan_right .masterplan_rightBox--02 .masterplan_item {
  width: 32%;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_right .masterplan_rightBox--02 .masterplan_item {
    width: 49%;
    margin-bottom: 3rem;
  }
}
#pageDesign .masterplan_right .masterplan_rightBox--02 .material_ttl {
  font-size: 1.5rem;
  font-weight: 500;
  color: #231916;
  margin-top: 6px;
  letter-spacing: 0;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pageDesign .masterplan_right .masterplan_rightBox--02 .material_ttl {
    font-size: 2rem;
  }
}
#pageDesign .space_wrap {
  padding: 12.6rem 0 3rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .space_wrap {
    padding: 13rem 0 3rem;
  }
}
#pageDesign .space_item {
  margin-bottom: 5.3rem;
}
#pageDesign .space_item:last-child figure {
  margin: 0 auto;
  width: 65.4rem;
}
#pageDesign .space_list {
  margin-top: 4.6rem;
  text-align: center;
}
#pageDesign .space_ttl {
  font-size: 2.3rem;
  color: #231916;
  font-weight: 700;
  margin-top: 4.5rem;
}
@media screen and (max-width: 750px) {
  #pageDesign .space_ttl {
    font-size: 3rem;
    margin-top: 3.5rem;
  }
}
#pageDesign .space_desc {
  font-size: 1.4rem;
  color: #231916;
  line-height: 2.8;
  margin-top: 3.7rem;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 750px) {
  #pageDesign .space_desc {
    font-size: 2.2rem;
  }
}

#pageRedevelopment main .com-note {
  margin-top: 3px;
}
#pageRedevelopment main::before {
  content: none;
}
@media screen and (min-width: 751px) {
  #pageRedevelopment main .com-content {
    width: 114rem;
  }
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .com_main_img img {
    -o-object-position: 25% center;
       object-position: 25% center;
  }
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .com_main_wrap .com_main-ttl {
    font-size: 5.5rem;
    letter-spacing: 0.1em;
  }
}
#pageRedevelopment .bg_brown {
  background: #35302f;
  color: #fff;
}
#pageRedevelopment .map_wrap {
  margin-top: 5rem;
}
#pageRedevelopment .redev_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 9rem 0 7rem;
}
#pageRedevelopment .redev_tbox {
  width: 43%;
  text-align: center;
  padding-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_tbox {
    width: 100%;
  }
}
#pageRedevelopment .redev_ibox {
  width: 47%;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_ibox {
    width: 100%;
    margin-top: 5rem;
  }
}
#pageRedevelopment .redev_sub, #pageRedevelopment .redev_number, #pageRedevelopment .redev_ttl {
  color: #ae8e7f;
}
#pageRedevelopment .redev_sub.ltn05, #pageRedevelopment .redev_number.ltn05, #pageRedevelopment .redev_ttl.ltn05 {
  letter-spacing: -0.05em;
}
#pageRedevelopment .redev_sub {
  font-weight: 500;
  font-size: 1.5rem;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_sub {
    font-size: 2.5rem;
  }
}
#pageRedevelopment .redev_number {
  font-size: 4.2rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_number {
    font-size: 5.2rem;
  }
}
#pageRedevelopment .redev_name {
  font-size: 2.8rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  line-height: 1.5;
  margin-top: 0.5em;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_name {
    font-size: 3.8rem;
  }
}
#pageRedevelopment .redev_date {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.06em;
  margin-top: 0.5em;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_date {
    font-size: 2.5rem;
  }
}
#pageRedevelopment .redev_ttl {
  font-size: 2.3rem;
  font-weight: 600;
  line-height: 1.8260869565;
  letter-spacing: 0;
  margin-top: 2.5em;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_ttl {
    font-size: 3.3rem;
  }
}
#pageRedevelopment .redev_desc {
  font-size: 1.3rem;
  line-height: 1.7692307692;
  letter-spacing: 0.12em;
  margin-top: 3em;
}
@media screen and (max-width: 750px) {
  #pageRedevelopment .redev_desc {
    font-size: 2.3rem;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 751px) {
  #pageRedevelopment .redev_desc:not(.redev_desc + .redev_desc) {
    margin-top: auto;
  }
}
#pageRedevelopment .redev_desc + .redev_desc {
  margin-top: 1em;
}
#pageRedevelopment .redev_route {
  margin-top: 4.5rem;
}
#pageRedevelopment .redev_img + .redev_img {
  margin-top: 2rem;
}
#pageRedevelopment .redev_wrap.redev_1 .redev_tbox {
  display: block;
}
#pageRedevelopment .redev_wrap.redev_1 .redev_tbox .redev_desc {
  line-height: 2.7692307692;
}
@media screen and (min-width: 751px) {
  #pageRedevelopment .redev_wrap.redev_1 .redev_tbox .redev_desc:not(.redev_desc + .redev_desc) {
    margin-top: 2em;
  }
}

#pagePlan main {
  overflow: clip;
}
@media screen and (min-width: 751px) {
  #pagePlan main .com-content {
    width: 124rem;
  }
}
#pagePlan .intro_specs {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 3rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.2rem 3rem;
  margin: 0 auto 11rem;
}
@media screen and (min-width: 751px) {
  #pagePlan .intro_specs {
    width: 87rem;
  }
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_specs {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    row-gap: 2.5rem;
  }
}
#pagePlan .intro_spec {
  text-align: center;
  font-size: 2.2rem;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: #ae8e7f;
  border: 1px solid currentColor;
  font-weight: 500;
  padding: 0.7em 0;
  background: #fff;
  -webkit-filter: drop-shadow(3px 3px 3px rgba(137, 138, 140, 0.55));
          filter: drop-shadow(3px 3px 3px rgba(137, 138, 140, 0.55));
}
#pagePlan .intro_spec span {
  font-size: 3.9rem;
  line-height: 0.7;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_spec span {
    font-size: 4.9rem;
  }
}
#pagePlan .intro_spec .com-sup {
  font-size: 1rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_spec .com-sup {
    font-size: 2rem;
  }
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_spec {
    font-size: 3.2rem;
  }
}
#pagePlan .intro_flex {
  padding: 6rem 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_flex {
    padding: 10rem 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pagePlan .intro_flex .com-tbox2 {
  padding-block: 0;
}
@media screen and (min-width: 751px) {
  #pagePlan .intro_flex .com-tbox2 {
    text-align: left;
  }
}
@media screen and (min-width: 751px) {
  #pagePlan .intro_flex .com-tbox2 .com-txt2 {
    letter-spacing: 0.12em;
  }
}
#pagePlan .intro_breeding {
  padding: 0.6rem;
  border: 1px solid #ae8e7f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: #fff;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding {
    margin-top: 5rem;
  }
}
#pagePlan .intro_breeding-img {
  width: 19.7rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-img {
    width: 29rem;
  }
}
#pagePlan .intro_breeding-img .com-cap {
  color: #5f6062;
  text-shadow: none;
}
#pagePlan .intro_breeding-txt {
  text-align: center;
  padding-inline: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-txt {
    padding-inline: 2.5rem;
  }
}
#pagePlan .intro_breeding-txt .t1box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin-bottom: 1em;
}
#pagePlan .intro_breeding-txt .p1 {
  font-size: 2.9rem;
  letter-spacing: 0;
  font-weight: 700;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-txt .p1 {
    font-size: 3.9rem;
  }
}
#pagePlan .intro_breeding-txt .p2 {
  font-weight: 600;
  font-size: 1.9rem;
  letter-spacing: 0;
  position: relative;
  padding: 0.1em 0.3em;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-txt .p2 {
    font-size: 2.9rem;
  }
}
#pagePlan .intro_breeding-txt .p2 .s1 {
  font-size: 1.6rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-txt .p2 .s1 {
    font-size: 2.6rem;
  }
}
#pagePlan .intro_breeding-txt .p2 .s2 {
  font-size: 1.1rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-txt .p2 .s2 {
    font-size: 2.1rem;
  }
}
#pagePlan .intro_breeding-txt .p2 .border {
  display: inline-block;
  width: 1px;
  background: currentColor;
  height: 100%;
  position: absolute;
}
#pagePlan .intro_breeding-txt .p2 .border::after, #pagePlan .intro_breeding-txt .p2 .border::before {
  width: 1px;
  background: inherit;
  height: 0.2em;
  content: "";
  position: absolute;
  left: 0;
}
#pagePlan .intro_breeding-txt .p2 .border::before {
  top: -0.2em;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
#pagePlan .intro_breeding-txt .p2 .border::after {
  bottom: -0.2em;
  -webkit-transform-origin: top;
          transform-origin: top;
}
#pagePlan .intro_breeding-txt .p2 .border:first-child {
  left: 0;
}
#pagePlan .intro_breeding-txt .p2 .border:first-child::before {
  -webkit-transform: skew(-30deg);
          transform: skew(-30deg);
}
#pagePlan .intro_breeding-txt .p2 .border:first-child::after {
  -webkit-transform: skew(30deg);
          transform: skew(30deg);
}
#pagePlan .intro_breeding-txt .p2 .border:last-child {
  right: 0;
}
#pagePlan .intro_breeding-txt .p2 .border:last-child::before {
  -webkit-transform: skew(30deg);
          transform: skew(30deg);
}
#pagePlan .intro_breeding-txt .p2 .border:last-child::after {
  -webkit-transform: skew(-30deg);
          transform: skew(-30deg);
}
#pagePlan .intro_breeding-txt .t2 {
  font-size: 5rem;
  font-weight: 700;
  color: #ae8e7f;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-txt .t2 {
    font-size: 7rem;
  }
}
#pagePlan .intro_breeding-txt .t3 {
  font-size: 0.8rem;
  letter-spacing: -0.05em;
  text-align: left;
  line-height: 1.5;
}
@media screen and (max-width: 750px) {
  #pagePlan .intro_breeding-txt .t3 {
    font-size: 1.6rem;
  }
}
#pagePlan .plan_wrap .com-sub span {
  font-size: 2.6rem;
  letter-spacing: 0;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_wrap .com-sub span {
    font-size: 3.6rem;
  }
}
#pagePlan .plan_wrap .maison_btn {
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  display: block;
  margin: 6rem auto;
  text-align: center;
  padding: 2rem 8.8rem 9rem;
  position: relative;
  -webkit-filter: drop-shadow(5px 5px 2px rgba(137, 138, 140, 0.55));
          filter: drop-shadow(5px 5px 2px rgba(137, 138, 140, 0.55));
  cursor: pointer;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(87, 62, 40, 0.78)), to(rgba(87, 62, 40, 0.78))), url(../img/plan/masion_btn.jpg) center/cover no-repeat;
  background: linear-gradient(0deg, rgba(87, 62, 40, 0.78) 0%, rgba(87, 62, 40, 0.78) 100%), url(../img/plan/masion_btn.jpg) center/cover no-repeat;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_wrap .maison_btn {
    padding-block: 4rem 12rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  #pagePlan .plan_wrap .maison_btn:hover {
    opacity: 0.7;
  }
}
#pagePlan .plan_wrap .maison_btn .p1 {
  font-size: 2.6rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_wrap .maison_btn .p1 {
    font-size: 3.6rem;
  }
}
#pagePlan .plan_wrap .maison_btn .p2 {
  font-size: 2.8rem;
  line-height: 1.4285714286;
  margin-top: 1.3em;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_wrap .maison_btn .p2 {
    font-size: 3.8rem;
  }
}
#pagePlan .plan_wrap .maison_btn::after {
  position: absolute;
  content: "";
  width: 3.8rem;
  height: 3.8rem;
  background: url(../img/common/circle_arrow.svg) center/cover no-repeat;
  z-index: 2;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 10%;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_wrap .maison_btn::after {
    width: 4.8rem;
    height: 4.8rem;
  }
}
#pagePlan .plan_wrap .award {
  width: 37rem;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_wrap .award {
    width: 50rem;
  }
}
#pagePlan .plan_list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20rem 1fr;
  grid-template-columns: repeat(2, 1fr);
  margin-inline: auto;
  gap: 5rem 20rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_list {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 751px) {
  #pagePlan .plan_list {
    width: 97rem;
  }
}
#pagePlan .plan_item {
  background: #efecea;
  border-top: 12px solid #a29490;
  border-bottom: 12px solid #a29490;
  padding: 2rem 1.5rem 6rem;
  -webkit-filter: drop-shadow(5px 5px 2px rgba(137, 138, 140, 0.55));
          filter: drop-shadow(5px 5px 2px rgba(137, 138, 140, 0.55));
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_item {
    padding: 4rem 3rem 10rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  #pagePlan .plan_item:hover {
    opacity: 0.7;
  }
}
#pagePlan .plan_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 3rem;
  color: #231815;
}
#pagePlan .plan_type {
  text-align: center;
  font-size: 1rem;
  border-right: 1px solid currentColor;
  padding-inline: 2rem 1rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_type {
    font-size: 2rem;
    padding-inline: 4rem 2rem;
  }
}
#pagePlan .plan_type span {
  font-size: 2.8rem;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_type span {
    font-size: 3.8rem;
  }
}
#pagePlan .plan_type .s1 {
  font-size: 1rem;
  display: block;
  margin: 0.2rem 0 0;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_type .s1 {
    font-size: 2rem;
  }
}
#pagePlan .plan_layout {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  font-size: 2rem;
}
#pagePlan .plan_layout span {
  font-size: 1rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_layout {
    font-size: 3rem;
  }
  #pagePlan .plan_layout span {
    font-size: 2rem;
  }
}
#pagePlan .plan_specs {
  border-left: 1px solid currentColor;
  padding-left: 2rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_specs {
    padding-left: 3rem;
  }
}
#pagePlan .plan_specs .t1 {
  font-size: 0.8rem;
  letter-spacing: 0;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_specs .t1 {
    font-size: 1.6rem;
  }
}
#pagePlan .plan_specs .t1 .s1 {
  font-size: 3.4rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_specs .t1 .s1 {
    z-index: 4.4rem;
  }
}
#pagePlan .plan_specs .t1 .s2 {
  font-size: 2rem;
  line-height: 0.5;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_specs .t1 .s2 {
    font-size: 3rem;
  }
}
#pagePlan .plan_specs .t1_3 {
  line-height: 1.4;
}
#pagePlan .plan_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 700;
  gap: 5px;
  color: #a29490;
  border-bottom: 1px solid currentColor;
  padding-inline: 2em;
  padding-bottom: 0.5em;
  margin-top: 3rem;
  position: relative;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_btn {
    font-size: 2.6rem;
  }
}
#pagePlan .plan_btn::after {
  position: absolute;
  content: "";
  background-color: #a29490;
  width: 90%;
  height: 1px;
  left: 5%;
  bottom: -5px;
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_btn {
    font-size: 2.7rem;
  }
}
#pagePlan .plan_btn .icon {
  width: 1rem;
  position: absolute;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  right: 1em;
  top: 45%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  #pagePlan .plan_btn .icon {
    width: 1.6rem;
  }
}
#pagePlan .type_mainWrap {
  background-image: url("../img/common/footer_request-bg.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
}
#pagePlan .type_mainWrap + .footer {
  margin-top: 0;
}
#pagePlan .type_wrap {
  border-top: 15px solid #ac988e;
  border-bottom: 15px solid #ac988e;
  border-right: 1px solid #ac988e;
  border-left: 1px solid #ac988e;
  background: #f4f3f1;
  padding: 4rem 0 6rem;
  position: relative;
  margin-top: 13rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap {
    padding: 4rem 0 20rem;
    margin-top: 17rem;
  }
}
#pagePlan .type_wrap .com-content {
  max-width: 1000px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#pagePlan .type_wrap .plan_head {
  width: 100%;
  max-width: 750px;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_head {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#pagePlan .type_wrap .plan_type {
  width: 12%;
  font-size: 1.2rem;
  padding: 0 1rem 0 0;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_type {
    width: 17%;
    font-size: 2.2rem;
  }
}
#pagePlan .type_wrap .plan_type span {
  font-size: 3.8rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_type span {
    font-size: 4.8rem;
  }
}
#pagePlan .type_wrap .plan_type .s1 {
  font-size: 1rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_type .s1 {
    font-size: 2rem;
  }
}
#pagePlan .type_wrap .plan_layout {
  width: 23%;
  font-size: 3.2rem;
  text-align: center;
}
#pagePlan .type_wrap .plan_layout span {
  font-size: 1.5rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_layout {
    font-size: 4.2rem;
  }
  #pagePlan .type_wrap .plan_layout span {
    font-size: 2.5rem;
  }
}
#pagePlan .type_wrap .plan_specs {
  width: 65%;
}
#pagePlan .type_wrap .plan_specs .t1 {
  font-size: 1rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_specs .t1 {
    font-size: 2rem;
  }
}
#pagePlan .type_wrap .plan_specs .t1 .s1 {
  font-size: 6rem;
}
#pagePlan .type_wrap .plan_specs .t1 .s2 {
  font-size: 3.4rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_specs .t1 .s2 {
    font-size: 4rem;
  }
}
#pagePlan .type_wrap .plan_specs .t1-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 0 3%;
}
#pagePlan .type_wrap .plan_specs .t1-2 .t1-2-2 {
  line-height: 1.6;
}
#pagePlan .type_wrap .plan_madori {
  width: 60%;
  mix-blend-mode: initial;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_madori {
    width: 100%;
  }
}
#pagePlan .type_wrap .plan_madori.d {
  max-width: 440px;
}
#pagePlan .type_wrap .plan_madori.f {
  max-width: 400px;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .plan_head.spw100 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #pagePlan .type_wrap .plan_head.spw100 .plan_layout {
    margin: 0 0 0 3rem;
  }
  #pagePlan .type_wrap .plan_head.spw100 .plan_specs {
    width: 100%;
    border-left: none;
    padding-left: 0;
    margin: 3rem 0 0;
  }
}
#pagePlan .type_wrap .merits {
  width: 35%;
  padding: 10rem 0 0 3rem;
}
#pagePlan .type_wrap .merits .merit {
  margin-bottom: 3rem;
  line-height: 1.5;
  font-size: 1.2rem;
  position: relative;
  padding-left: 2rem;
  letter-spacing: 0;
}
#pagePlan .type_wrap .merits .merit::before {
  content: "⬛︎";
  font-size: 1.2rem;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .merits {
    width: 100%;
    padding: 10rem 0 0 0;
  }
  #pagePlan .type_wrap .merits .merit {
    font-size: 2.2rem;
    padding-left: 3rem;
  }
  #pagePlan .type_wrap .merits .merit::before {
    font-size: 2.2rem;
  }
}
#pagePlan .type_wrap .layout_note {
  width: 100%;
  margin-top: 5rem;
}
#pagePlan .type_wrap .layout_note span {
  display: inline-block;
  height: 1rem;
  -webkit-transform: translateY(-1.5px);
          transform: translateY(-1.5px);
}
#pagePlan .type_wrap .layout_note span img {
  height: 100%;
  width: auto;
}
#pagePlan .type_wrap .layout_note .com-note {
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .layout_note {
    margin-top: 2rem;
  }
  #pagePlan .type_wrap .layout_note span {
    height: 2rem;
  }
}
#pagePlan .type_wrap .btn_back {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
  width: 10%;
  max-width: 98px;
}
@media screen and (max-width: 750px) {
  #pagePlan .type_wrap .btn_back {
    width: 24%;
    bottom: -11rem;
  }
}
#pagePlan .j_type {
  padding-bottom: 14rem;
  background: #1d1d1b;
}
#pagePlan .j_type .com-cap.com-cap-2 {
  bottom: 0;
  right: 0;
  background: rgba(29, 29, 27, 0.75);
  padding: 3px 3px 3px 10px;
  clip-path: polygon(5px 0, 100% 0, 100% 100%, 0% 100%);
}
#pagePlan .j_type .mainvisual {
  width: 100%;
  height: 100vh;
  position: relative;
}
#pagePlan .j_type .mainvisual .mainvisual_ttl {
  position: absolute;
  width: 51.5rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, calc(-50% + 50px));
          transform: translate(-50%, calc(-50% + 50px));
  -webkit-transition: 1s ease;
  transition: 1s ease;
  z-index: 2;
  opacity: 0;
  -webkit-filter: blur(10px);
          filter: blur(10px);
}
#pagePlan .j_type .mainvisual .mainvisual_video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  z-index: 1;
  opacity: 0;
  -webkit-transition: 1s ease 1.5s;
  transition: 1s ease 1.5s;
}
#pagePlan .j_type .mainvisual.act .mainvisual_ttl {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 1;
  -webkit-filter: blur(0px);
          filter: blur(0px);
}
#pagePlan .j_type .mainvisual.act .mainvisual_video {
  opacity: 1;
}
#pagePlan .j_type .bg_wrap {
  position: relative;
}
#pagePlan .j_type .bg_wrap .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: bottom right;
     object-position: bottom right;
  opacity: 0.1;
}
#pagePlan .j_type .equipment {
  padding: 0 8rem;
  width: 100%;
  height: 200vh;
  overflow: visible;
}
@media screen and (max-width: 750px) {
  #pagePlan .j_type .equipment {
    padding: 0;
  }
}
#pagePlan .j_type .equipment + .equipment {
  margin-top: 3rem;
}
#pagePlan .j_type .equipment .equipment_content {
  height: 100vh;
  width: 100%;
  position: sticky;
  top: 0;
  left: 0;
}
#pagePlan .j_type .equipment .equipment_imgBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  background: #1d1d1b;
}
#pagePlan .j_type .equipment .equipment_imgBox img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
#pagePlan .j_type .equipment .equipment_txtBox {
  position: absolute;
  top: 15rem;
  left: 2rem;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 750px) {
  #pagePlan .j_type .equipment .equipment_txtBox {
    top: 20rem;
    left: 4rem;
  }
}
#pagePlan .j_type .equipment .equipment_txtBox p {
  color: #fff;
}
#pagePlan .j_type .equipment .equipment_txtBox .en {
  -webkit-writing-mode: sideways-rl;
      -ms-writing-mode: sideways-rl;
          writing-mode: sideways-rl;
  font-size: 3.9rem;
  letter-spacing: 0.14em;
}
@media screen and (max-width: 750px) {
  #pagePlan .j_type .equipment .equipment_txtBox .en {
    font-size: 5.85rem;
  }
}
#pagePlan .j_type .equipment .equipment_txtBox .ja {
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  font-size: 1.7rem;
  letter-spacing: 0.22em;
  line-height: 2;
}
@media screen and (max-width: 750px) {
  #pagePlan .j_type .equipment .equipment_txtBox .ja {
    font-size: 2.55rem;
  }
}
@media screen and (max-width: 750px) {
  #pagePlan .j_type .equipment-2 .equipment_imgBox {
    right: unset;
    left: 0;
  }
  #pagePlan .j_type .equipment-2 .equipment_txtBox {
    left: unset;
    right: 4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
#pagePlan .j_type_head p {
  text-align: center;
  color: #fff;
}
#pagePlan .j_type_head p.en {
  font-size: 3rem;
  font-weight: 600;
  text-transform: uppercase;
  padding: 4.5rem 0 3rem;
}
#pagePlan .j_type_head p.en span {
  font-size: 1.8rem;
}
#pagePlan .j_type_head p.ja {
  font-size: 2.8rem;
  padding-top: 8rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .j_type .j_type_head p.en {
    font-size: 4rem;
  }
  #pagePlan .j_type .j_type_head p.ja {
    font-size: 3.8rem;
    line-height: 1.5;
  }
}
#pagePlan .j_type .type_wrap {
  max-width: 1000px;
  margin: 10rem auto auto;
}
#pagePlan .j_type .type_wrap .com-content {
  padding: 0;
}
#pagePlan .j_type .type_wrap .plan_head {
  max-width: initial;
  margin-bottom: 7rem;
}
#pagePlan .j_type .type_wrap .plan_type {
  background: #8f766c;
  color: #fff;
  width: 25%;
  padding: 0 2rem 1.5rem 14rem;
}
#pagePlan .j_type .type_wrap .plan_specs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#pagePlan .j_type .type_wrap .plan_specs .s1,
#pagePlan .j_type .type_wrap .plan_specs .s2 {
  color: #8f766c;
}
#pagePlan .j_type .type_wrap .plan_specs p:first-child {
  width: 100%;
}
#pagePlan .j_type .type_wrap .plan_specs p:nth-child(2) {
  width: 50%;
}
#pagePlan .j_type .type_wrap .plan_specs p:last-child {
  width: 50%;
}
#pagePlan .j_type .type_wrap .plan_madori.j1 {
  max-width: 400px;
}
#pagePlan .j_type .type_wrap .plan_madori.j2 {
  max-width: 630px;
  margin-top: 8rem;
}
#pagePlan .j_type .type_wrap .plan_madori.j2 .com-note {
  text-align: right;
}
#pagePlan .j_type .type_wrap .plan_img {
  width: 100%;
}
#pagePlan .j_type .type_wrap .plan_img figure {
  margin-inline: auto;
}
#pagePlan .j_type .type_wrap .plan_img .com-note {
  margin-top: 5px;
}
#pagePlan .j_type .type_wrap .plan_img-1 {
  margin-bottom: 3rem;
}
#pagePlan .j_type .type_wrap .plan_img-1 figure {
  width: 56%;
  max-width: 520px;
}
#pagePlan .j_type .type_wrap .plan_img-2 {
  margin-block: 4rem 6rem;
}
#pagePlan .j_type .type_wrap .plan_img-2 figure {
  width: 56%;
  max-width: 520px;
}
#pagePlan .j_type .type_wrap .plan_img-3 figure {
  width: 92%;
  max-width: 860px;
}
#pagePlan .j_type .type_wrap .btn_back {
  bottom: 7rem;
}
@media screen and (max-width: 750px) {
  #pagePlan .j_type .type_wrap .plan_head {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #pagePlan .j_type .type_wrap .plan_type {
    width: 15%;
    padding: 2rem 3rem 3.5rem 2rem;
  }
  #pagePlan .j_type .type_wrap .plan_specs {
    width: 65%;
  }
  #pagePlan .j_type .type_wrap .plan_specs p:first-child {
    width: 100%;
  }
  #pagePlan .j_type .type_wrap .plan_specs p:nth-child(2) {
    width: 100%;
  }
  #pagePlan .j_type .type_wrap .plan_specs p:last-child {
    width: 100%;
    letter-spacing: -0.05em;
    line-height: 1.5;
  }
  #pagePlan .j_type .type_wrap .plan_madori {
    width: 90%;
  }
  #pagePlan .j_type .type_wrap .plan_madori.j1 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  #pagePlan .j_type .type_wrap .plan_madori.j2 {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  #pagePlan .j_type .type_wrap .plan_img-1 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #pagePlan .j_type .type_wrap .plan_img-1 figure {
    width: 80%;
  }
  #pagePlan .j_type .type_wrap .plan_img-2 {
    -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
            order: 6;
  }
  #pagePlan .j_type .type_wrap .plan_img-2 figure {
    width: 80%;
  }
  #pagePlan .j_type .type_wrap .plan_img-3 {
    -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
            order: 7;
  }
  #pagePlan .j_type .type_wrap .plan_img-3 figure {
    width: 90%;
  }
  #pagePlan .j_type .type_wrap .merits {
    width: 96%;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
  }
}
#pagePlan .j_type .type_wrap .layout_note {
  margin-top: 2rem;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 4rem;
}
#pagePlan .j_type .type_wrap .layout_note .com-note span {
  -webkit-transform: translateY(-2.5px);
          transform: translateY(-2.5px);
}

#pageLocation .lifeinfo_wrap #lifeinfo {
  max-width: 124rem;
  padding: 0 2rem;
  margin: 0 auto 10rem;
}
#pageLocation .lifeinfo_wrap #lifeinfo * {
  font-family: "Zen Kaku Gothic New", sans-serif;
  -webkit-transition: 0s;
  transition: 0s;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area {
  margin: 4rem auto 0;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label {
  width: 11.875%;
  margin: 0;
  text-align: center;
  color: #231f20;
  font-size: 1.6rem !important;
  line-height: 1.5 !important;
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.5em;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label::after {
  position: absolute;
  content: "";
  width: 1.4rem;
  height: 1.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -1rem;
  clip-path: polygon(50% 100%, 0px 0px, 100% 0px);
  background: rgb(35, 31, 32);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label:hover {
  opacity: 0.6;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label.active {
  position: relative;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label.active::after {
  opacity: 1;
  bottom: -2rem;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4.6rem 0 0;
  border: 1px solid #231f20;
  padding: 5px;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_box .tab_panel {
  display: none;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_box .tab_panel.active {
  display: block;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_box .lifeinfo_map {
  width: calc(100% - 42rem);
  height: 60rem;
  background: #808684;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .databox {
  width: 42rem;
  height: 60rem;
  overflow: hidden;
  overflow-y: scroll;
  background: #fff;
  padding: 0 0 0 3rem;
  /*スクロールバーの軌道*/
  /*スクロールバーの動く部分*/
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .databox::-webkit-scrollbar {
  width: 10px;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .databox::-webkit-scrollbar-track {
  border-radius: 0;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .databox::-webkit-scrollbar-thumb {
  background: #8d9e9a;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data {
  padding: 1.6rem 0.8rem;
  margin: 0 2rem 0 0;
  border-top: solid 1px #999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data p {
  letter-spacing: 0;
  line-height: 1.2;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_img {
  width: 1.9rem;
  margin: 0 0.5rem 0 0;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data:first-of-type {
  border-top: none;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_txt {
  width: calc(100% - 2.5rem);
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_txt1 {
  font-size: 1.3rem;
  text-align: left;
}
#pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_txt2 {
  font-size: 1.3rem;
  text-align: right;
  margin: 0.8rem 0 0;
}
@media screen and (max-width: 750px) {
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 3rem 0;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 24.5%;
    height: 9.2rem;
    padding: 0;
    font-size: 2.4rem !important;
    line-height: 1.2;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label::after {
    width: 1.82rem;
    height: 1.69rem;
    bottom: -1.8rem;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label.sp_ls {
    letter-spacing: -0.2em;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .tab_box label.active::after {
    bottom: -2.8rem;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_box {
    margin: 5rem 0 0;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_box .lifeinfo_map {
    width: 100%;
    height: 45rem;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list {
    width: 100%;
    margin: 1.6rem 0 0;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .databox {
    width: 100%;
    max-height: none;
    height: 44rem;
    /*スクロールバーの軌道*/
    /*スクロールバーの動く部分*/
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data {
    padding: 1.6rem 0.8rem;
    margin: 0 2rem 0 0;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_img {
    width: 3.2rem;
    margin: 0 1rem 0 0;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_txt {
    width: 57rem;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_txt1 {
    font-size: 2.4rem;
  }
  #pageLocation .lifeinfo_wrap #lifeinfo .lifeinfo_area .panel_list .data_txt2 {
    font-size: 2.4rem;
    margin: 1rem 0 0;
  }
}

#pageOutline {
  background: #352f2e;
}
#pageOutline .heading {
  padding: 18rem 0 12rem;
}
#pageOutline .heading_ttl {
  color: #fff;
  font-size: 3rem;
  text-align: center;
}
#pageOutline .outline_ttl {
  font-size: 1.5rem;
  color: #fff;
}
#pageOutline .outline_box {
  margin-top: 2rem;
  border-top: 1px solid #898989;
  position: relative;
}
#pageOutline .outline_box-2 {
  margin-top: 1px;
}
#pageOutline .outline_box::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
}
#pageOutline tr {
  position: relative;
}
#pageOutline th {
  background: #444444;
  color: #fff;
  font-size: 1.4rem;
  border-bottom: 1px solid #898989;
  border-left: 1px solid #898989;
  width: 28%;
  padding: 1.5rem 0rem 1.5rem 5rem;
  text-align: left;
  line-height: 1.4;
}
#pageOutline td {
  font-size: 1.4rem;
  border-bottom: 1px solid #898989;
  border-left: 1px solid #898989;
  border-right: 1px solid #898989;
  color: #fff;
  padding: 1.5rem 2rem 1.5rem 2rem;
  text-align: left;
  line-height: 1.4;
  letter-spacing: 0.1rem;
}
#pageOutline td.w100 {
  padding: 1.5rem 1rem;
  border-top: 1px solid #8d756b;
}
#pageOutline td.w100 p {
  margin-bottom: 1rem;
  letter-spacing: 0.02rem;
}
#pageOutline .com-note {
  color: #fff;
  font-size: 1.4rem;
  margin-top: 3rem;
}
#pageOutline .com-note span {
  font-size: 1.6rem;
  border: 1px solid #fff;
}
#pageOutline .update_box {
  margin-top: 2.4rem;
}
#pageOutline .update_box p {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0.1rem;
}
@media screen and (max-width: 750px) {
  #pageOutline .heading {
    padding: 26rem 0 14rem;
  }
  #pageOutline .heading_ttl {
    font-size: 5rem;
    text-align: center;
  }
  #pageOutline .outline_wrap .outline_ttl {
    font-size: 3.4rem;
  }
  #pageOutline .outline_wrap .outline_box {
    display: block;
    width: 100%;
  }
  #pageOutline .outline_wrap .outline_box tbody {
    display: block;
    width: 100%;
  }
  #pageOutline .outline_wrap th {
    display: block;
    width: 100%;
    border-right: 1px solid #898989;
    font-size: 2.6rem;
    padding: 1.5rem 0rem 1.5rem 1.5rem;
  }
  #pageOutline .outline_wrap td {
    display: block;
    width: 100%;
    font-size: 2.6rem;
    padding: 3rem;
  }
  #pageOutline .outline_wrap .com-note {
    font-size: 2.6rem;
  }
  #pageOutline .outline_wrap .com-note span {
    font-size: 2.8rem;
  }
  #pageOutline .outline_wrap .update_box {
    margin-top: 6.4rem;
  }
  #pageOutline .outline_wrap .update_box p {
    font-size: 2.4rem;
  }
}

#pageAccessmap {
  background: #352f2e;
}
#pageAccessmap .heading {
  padding: 18rem 0 12rem;
}
#pageAccessmap .heading_ttl {
  color: #fff;
  font-size: 3rem;
  text-align: center;
}
#pageAccessmap .heading + .map_img {
  margin-bottom: 5rem;
}
#pageAccessmap .map_img {
  border: 1px solid #fff;
  padding: 7px;
}
#pageAccessmap .map_img_note {
  margin: 1rem 0 0 auto;
  max-width: 120px;
  width: 30%;
}
#pageAccessmap .map_btn {
  max-width: 317px;
  width: 80%;
  display: block;
  margin: 8.1rem auto 0;
  background: #fff;
  color: #352f2e;
  text-align: center;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.1;
  letter-spacing: 0.15em;
  padding: 24px 0;
  position: relative;
}
#pageAccessmap .map_btn .arrow {
  position: absolute;
  width: 3rem;
  top: 52%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 6%;
}
@media screen and (max-width: 750px) {
  #pageAccessmap .heading {
    padding: 26rem 0 14rem;
  }
  #pageAccessmap .heading_ttl {
    font-size: 5rem;
    text-align: center;
  }
  #pageAccessmap .map_btn .arrow {
    width: 4rem;
  }
}
/*# sourceMappingURL=style_shirokane-takanawa.css.map */