@charset "UTF-8";
/* =============================================================================
   #Foundation
   ========================================================================== */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Akshar:wght@300;400;500;600;700&family=Marcellus&display=swap");
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0px;
  padding: 0px;
}

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

fieldset, img, abbr, acronym {
  border: 0px;
}

address, caption, cite, code, dfn, em, th, var {
  font-style: normal;
  font-weight: normal;
}

img {
  vertical-align: bottom;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

ol, ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#tinymce {
  list-style: initial !important;
  padding: initial !important;
  margin: initial !important;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  -webkit-box-sizing: border-box;
          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;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  background: transparent;
}

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

input[type="radio"] {
  /*display: none;*/
}

/*input[type="radio"]:checked + label {
    background: #ff0000;
}*/
input, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*-webkit-appearance: none;*/
  max-width: 100%;
}

/* ブラウザの薄い枠線を消す */
:focus {
  outline: none;
}

@-webkit-keyframes basic {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359.9deg);
            transform: rotate(359.9deg);
  }
}

@keyframes basic {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(359.9deg);
            transform: rotate(359.9deg);
  }
}

@-webkit-keyframes scrolldown {
  0% {
    bottom: 25px;
    opacity: 0;
  }
  80% {
    bottom: 5px;
    opacity: 1;
  }
  100% {
    bottom: 5px;
    opacity: 0;
  }
}

@keyframes scrolldown {
  0% {
    bottom: 25px;
    opacity: 0;
  }
  80% {
    bottom: 5px;
    opacity: 1;
  }
  100% {
    bottom: 5px;
    opacity: 0;
  }
}

body {
  font-style: normal;
  font-weight: normal;
  font-family: "丸明Yoshino StdN R" , serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1px;
}

.smooth-none, .p-list-C .item .text .heading, .p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item, .popular-tag a, .p-list-works-r .item .text .heading, .p-re-icon .sub-a, .p-re-list .item .new .icon, .p-icon-unit .sub-a, .p-mh-list .item .mh-info, .p-mh-single-layout .mh-info, .p-mh-single-layout .btn {
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: initial;
}

:root {
  --btn-w: 50px;
  --spacer: 0.5rem;
  --header-h: 100px;
  --s-spacer:70px;
  --s-spacer-s:35px;
  --re-icon:86px;
  --c-border:10px;
}

@media screen and (min-width: 992px) {
  :root {
    --btn-w: 60px;
    --spacer: 0.7rem;
    --header-h: 160px;
    --s-spacer:130px;
    --s-spacer-s:70px;
    --re-icon:100px;
    --c-border:20px;
  }
}

:root {
  --column-s-a: 80px;
}

@media screen and (min-width: 992px) {
  :root {
    --column-s-a: 80px;
  }
}

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

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  color: #292929;
  outline: 0;
  line-height: 1.8;
  overflow-x: hidden;
}

@media screen and (min-width: 992px) {
  body {
    line-height: 2;
  }
}

body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  margin-bottom: 0 !important;
}

img {
  max-width: 100%;
  height: auto;
}

img[src$=".svg"] {
  width: 100%;
}

a {
  color: #292929;
  text-decoration: none;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  cursor: pointer;
}

a:hover {
  opacity: 0.6;
}

.sp{
  display: block;
}
.pc{
  display: none;
}

@media screen and (min-width: 992px) {
  .sp {
    display: none;
  }
  .pc {
    display: block;
  }
}

.metrics{
  font-feature-settings: "palt" 1;
}

.eng{
  font-family: PerpetuaProRoman ;
}

/*
=============================================================================
   #Layout
=============================================================================
*/
.l-header {
  display: none;
  width: 100%;
  background-color: #FFF;
  z-index: 800;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  border-top: 10px solid #EBE7DE;
}

@media screen and (min-width: 992px) {
  .l-header {
    display: block;
    border-top-width: 9px;
  }
}

.l-header .l-header__inner {
  height: 145px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.l-header .l-header__inner .l-header-menu {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 15px;
}

@media screen and (min-width: 992px) {
  .l-header .l-header__inner .l-header-menu {
    height: 107px;
  }
}

.l-header .l-header__inner .l-header-menu p {
  font-weight: 600;
  letter-spacing: 3px;
}

.l-header .l-header__inner .l-header__logo {
  position: relative;
  margin-bottom: 39px;
}

.l-header .l-header__inner .l-header__logo img {
  width: 200px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
}

.l-header-sp {
  position: fixed;
  width: 100%;
  z-index: 800;
  left: 0;
  opacity: 1;
  visibility: visible;
  background-color: #FFF;
  border-top: 10px solid #EBE7DE;
}

.l-header-sp .l-header-sp__inner {
  height: 70px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.l-header-sp .l-header-sp__inner .l-header-menu {
  height: 70px;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 992px) {
  .l-header-sp .l-header-sp__inner .l-header-menu {
    height: 70px;
  }
}

.l-header-sp .l-header-sp__inner .l-header-menu p {
  display: none;
  font-weight: 600;
  letter-spacing: 3px;
}

@media screen and (min-width: 950px) {
  .l-header-sp .l-header-sp__inner .l-header-menu p {
    display: block;
  }
}

.l-header-sp.open {
  top: 0;
  left: 0;
  opacity: 1;
  visibility: visible;
}

@media screen and (min-width: 992px) {
  .l-header-sp {
    top: calc(-1 * 70px);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
    transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
    visibility: hidden;
  }
}

.l-header-sp .l-header__logo img {
  width: 120px;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
}

@media screen and (min-width: 950px) {
  .l-header-sp .l-header__logo img {
    width: 150px;
  }
}

.l-globalnavi {
  display: none;
}

@media screen and (min-width: 950px) {
  .l-globalnavi {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
}

.l-globalnavi > .menu-item > a {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  height: var(--header-h);
  -webkit-transition: all 0.2s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.2s cubic-bezier(0, 0.5, 0.5, 1);
  position: relative;
}

.l-globalnavi > .menu-item > a:hover {
  opacity: 1;
}

.l-globalnavi > .menu-item > a:hover:after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}

.l-globalnavi > .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
}

.l-globalnavi > .menu-item-has-children:hover .sub-menu:after {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.l-globalnavi .sub-menu {
  opacity: 0;
  visibility: hidden;
  position: fixed;
  overflow: hidden;
  -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  top: var(--header-h);
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
}

.l-globalnavi .sub-menu a {
  position: relative;
  z-index: 1000;
}

.l-globalnavi .sub-menu:after {
  -webkit-transition: all 0.2s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.2s cubic-bezier(0, 0.5, 0.5, 1);
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 900;
}

.side-contact-btn {
  display: none;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #FFF;
  position: fixed;
  right: 0;
  top: 49%;
  z-index: 200;
}

@media screen and (min-width: 992px) {
  .side-contact-btn {
    display: block;
    right: 0;
    top: 49%;
  }
}

.side-contact-btn .kengaku {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(182,168,163,0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--btn-w);
  letter-spacing: 3px;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1 !important;
  margin-bottom: -1px;
}

.side-contact-btn .shiryo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(105,30,34,0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: var(--btn-w);
  letter-spacing: 3px;
  white-space: nowrap;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  line-height: 1 !important;
}

.side-contact-btn .icon {
  line-height: 1 !important;
  margin-left: 3px;
}

.side-contact-btn .icon img{
  max-width: 34px;
}

.side-contact-btn a {
  color: #FFF;
}

.side-contact-btn a:hover {
  opacity: 1;
}

.l-slideshow {
  　list-style-type: none;
  　position: relative;
  height: 100vh;
  width: 100%;
}

.l-slideshow > li {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: opacity 3s ease-in-out;
  transition: opacity 3s ease-in-out;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
}

.l-slideshow > li:nth-of-type(1) {
  background-image: url("../image/main-image1.jpg");
}

.l-slideshow > li:nth-of-type(2) {
  background-image: url("../image/main-image2.jpg");
}

.l-slideshow > li.show {
  opacity: 1;
}

.l-container {
  height: 100%;
  padding-top: 80px;
}

@media screen and (min-width: 992px) {
  .l-container {
    padding-top: 0 !important;
  }
}

.l-shadow {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 700;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  -webkit-transition: all 0.1s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.1s cubic-bezier(0, 0.5, 0.5, 1);
}

.l-shadow.open {
  opacity: 1;
  visibility: visible;
}

.phone-inquiry{
  padding: 7.5vw 0;
  text-align: center;
}

.phone-inquiry .phone-inquiry-ttl{
  color: #1f1f1f;
  font-size: 1.25vw;
  letter-spacing: 0.3em;
  margin: 0.5em 0;
}

.phone-inquiry .phone-inquiry-txt{
  font-size: 0.833vw;
  letter-spacing: 0.1em;
  margin: 0.5em 0;
}

.phone-inquiry .phone-inquiry-name{
  color: #a38b77;
  font-size: 1.04vw;
  letter-spacing: 0.3em;
}

.phone-inquiry a{
  background: #EBE7DE;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #1f1f1f;
  display: block;
  font-size: 1.5625vw;
  height: 2.916vw;
  line-height: 2.916vw;
  letter-spacing: 0.3em;
  margin: 0.3em auto 0 auto;
  padding: 0;
  max-width: 610px;
  width: 31.77vw;
}

.phone-inquiry .phone-inquiry-time{
  color: #1f1f1f;
  font-size: 0.833vw;
  letter-spacing: 0.3em;
  margin: 0.5em 0;
}

@media screen and (max-width: 992px) {
  .phone-inquiry .phone-inquiry-ttl{
    font-size: 4vw;
  }
  .phone-inquiry .phone-inquiry-txt{
    font-size: 3vw;
  }
  .phone-inquiry .phone-inquiry-name{
    font-size: 3.5vw;
  }
  .phone-inquiry a{
    font-size: 5vw;
    height: 10vw;
    line-height: 10vw;
    max-width: 100%;
    width: 80vw;
  }
  .phone-inquiry .phone-inquiry-time{
    font-size: 3vw;
    margin: 0.5em 0;
  }
}

.l-footer {
  color: #555;
  padding-top: 9.5vw;
  padding-bottom: 4.5vw;
  background-color: #EBE7DE;
}

.l-footer .copyright {
  font-size: 0.7vw;
  text-align: right;
  padding: 5.2vw 0 0 0;
  width: 100%;
}

.l-footer .u-c-spacer{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
  padding-left: 6.5vw!important;
  padding-right: 6.5vw!important;
  max-width: 1920px;
  width: 100vw;
}

.l-footer a{
  color: #555;
}

.l-footer-top {
  font-family: PerpetuaProRoman , "EB Garamond", serif;
  margin-bottom: 0;
}

.l-footer-top .l-footer__logo {
  width: 10.9375vw;
}

.l-footer-top .l-footer__title {
  color: #a4a4a4;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0.35em;
  margin: 3.3vw 0 0.82vw 0;
}

.l-footer-top .l-footer__text {
  color: #b4b4b4;
  font-feature-settings: "palt" 1;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.46875vw;
  line-height: 1.33;
}

.l-footer-menuarea {
  font-size: 0.833vw;
  letter-spacing: 0.18em;
  text-align: right;
}

.l-footer-menuarea ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}

.l-footer-menuarea ul li{
  margin-left: 3.0em;
  margin-top: 0;
}

.l-footer-menuarea .item{
  display: flex;
  flex-direction: row-reverse;
  margin-top: 1.9vw;
}

.l-footer-menuarea .item div{
  margin-right: 2.0em;
}

.l-footer-menuarea .item div:first-child{
  margin-right: 0;
  padding-left: 2.0em;
  position: relative;
}

.l-footer-menuarea .item div:first-child::before{
  background: #B9B9BB;
  content: "";
  height: 1.0em;
  position: absolute;
  width: 1px;
  left: 0;
  top: calc(50% - 0.5em);
}

.l-footer-menuarea .sns-icon {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 1.5vw;
}

.l-footer-menuarea .sns-icon p{
  letter-spacing: 0.18em;
  margin-right: 1.5625vw;
  padding-right: 3.125vw;
  position: relative;
}

.l-footer-menuarea .sns-icon p::after{
  background: #B9B9BB;
  content: "";
  height: 1px;
  position: absolute;
  width: 1.5625vw;
  right: 0;
  top: 50%;
}

.l-footer-menuarea .sns-icon a {
  width: 2.6vw;
  display: inline-block;
}

@media screen and (max-width: 992px) {
  .l-footer {
    padding-bottom: 70px;
  }
  .l-footer .copyright {
    font-size: 2vw;
    padding-top: 10vw;
  }
  .l-footer-top {
    margin-bottom: 10vw;
    width: 100%;
  }
  .l-footer-top .l-footer__logo {
    width: 30vw;
  }
  .l-footer-top .l-footer__title {
    font-size: 2.0vw;
  }
  .l-footer-top .l-footer__text {
    font-size: 1.2vw;
  }
  .l-footer-menuarea {
    font-size: 2.5vw;
    width: 100%;
  }
  .l-footer-menuarea ul li{
    margin-top: 4vw;
  }
  .l-footer-menuarea .item{
    margin-top: 4vw;
  }
  .l-footer-menuarea .sns-icon a {
    width: 7vw;
  }
}

.instagram_gallery {
  max-width: 1575px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .instagram_gallery {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.instagram_gallery a {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.instagram_gallery #alttext {
  display: none;
}

#sp-fixed-menu {
  position: fixed;
  width: 100%;
  bottom: 0px;
  font-size: 0;
  opacity: 0.9;
  z-index: 99;
}

@media screen and (min-width: 950px) {
  #sp-fixed-menu {
    display: none;
  }
}

#sp-fixed-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

#sp-fixed-menu ul li {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
  border: 0;
}

#sp-fixed-menu ul li:first-child {
  background: rgba(182,168,163,1.0);
  width: 50%;
}

#sp-fixed-menu ul li:last-child {
  background: rgba(105,30,34,1.0);
  width: 50%;
}

#sp-fixed-menu ul li a {
  color: #fff;
  text-align: center;
  display: block;
  width: 100%;
  padding: 14px;
}

#sp-fixed-menu ul li a .icon {
  width: 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: 1em;
  position: relative;
}

#sp-fixed-menu ul li a .icon img {
  position: relative;
  top: 2px;
}

#sp-fixed-menu ul li a span {
  letter-spacing: 1.2vw;
}

.l-globalnavi-sp {
  border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  height: calc(100% - 80px);
  opacity: 0;
  visibility: hidden;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
  -webkit-transition: all 0.2s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.2s cubic-bezier(0, 0.5, 0.5, 1);
  -webkit-transform: translateX(30px);
          transform: translateX(30px);
  background-color: #EBE7DE;
  width: 90%;
  font-size: 1.12em;
}

@media screen and (min-width: 992px) {
  .l-globalnavi-sp {
    height: calc(100% - var(--header-h) - -6px);
  }
}

@media screen and (min-width: 1280px) {
  .l-globalnavi-sp {
    width: 42%;
  }
}

.l-globalnavi-sp.open {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  visibility: visible;
}

.l-globalnavi-sp .nav_top a{
  color: #555;
  display: block;
  height: 40px;
  letter-spacing: 0.35em;
  line-height: 40px;
  margin-top: 25px;
  padding-left: 55px;
  position: relative;
}

.l-globalnavi-sp .nav_top a::before{
  background: url("../image/menu_top.svg") 0 0 no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 40px;
  left: 0;
  position: absolute;
  top: 0;
  width: 40px;
}

.l-globalnavi-sp .nav_menu li{
  margin-top: 25px;
}

.l-globalnavi-sp .nav_menu a{
  color: #8F8683;
  display: block;
  letter-spacing: 0.35em;
  padding-left: 55px;
  position: relative;
}

.l-globalnavi-sp .nav_menu a::before{
  background: url("../image/arrow_next2.png") 0 0 no-repeat;
  background-size: cover;
  content: "";
  display: block;
  height: 33px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: .5s;
  top: 33px;  
  width: 15px;
}

.l-globalnavi-sp .nav_menu a:hover::before{
  opacity: 1.0;
}

.l-globalnavi-sp .nav_menu a span{
  color: #B4A8A4;
  display: block;
  font-family: PerpetuaProRoman, serif;
  letter-spacing: 0;
}

.l-globalnavi-sp .nav_menu a::after{
  content: "Antique newly built house La Ferme";
  color: #b5b5b5;
  font-size: 0.6125vw;
  letter-spacing: 0;
  padding-left: 50px;
  opacity: 0;
  transition: .5s;
  width: 190px;
}

.l-globalnavi-sp .nav_menu a:hover::after{
  opacity: 1.0;
}

.l-globalnavi-sp .nav_sub-menu{
  font-size: 0.8em;
  text-align: right;
  margin-right: 80px;
}

.l-globalnavi-sp .nav_sub-menu a{
  color: #918682;
}

.l-globalnavi-sp .nav_sns-icon {
  color: #918682;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  margin-right: 80px;
}

.l-globalnavi-sp .nav_sns-icon p{
  letter-spacing: 0.18em;
  margin-right: 30px;
  padding-right: 60px;
  position: relative;
}

.l-globalnavi-sp .nav_sns-icon p::after{
  background: #B9B9BB;
  content: "";
  height: 1px;
  position: absolute;
  width: 30px;
  right: 0;
  top: 50%;
}

.l-globalnavi-sp .nav_sns-icon a {
  width: 50px;
  display: inline-block;
}
@media screen and (max-width: 992px) {
  .l-globalnavi-sp {
    font-size: 1.0em;
  }
  .l-globalnavi-sp .nav_top a{
    margin-top: 5vw;
    padding-left: 10vw;
    height: 7vw;
    line-height: 7vw;
  }
  .l-globalnavi-sp .nav_top a::before{
    height: 7vw;
    width: 7vw;
  }
  .l-globalnavi-sp .nav_menu li{
    margin-top: 5vw;
  }
  .l-globalnavi-sp .nav_menu li a{
    padding-left: 10vw;
  }
  .l-globalnavi-sp .nav_menu a::after{
    display: none;
  }
  .l-globalnavi-sp .nav_menu a::before{
    top: 20px;
  }
  .l-globalnavi-sp .nav_sub-menu{
    margin-right: calc(var(--spacer) * 2.5);
    margin-top: 5vw;
  }
  .l-globalnavi-sp .nav_sns-icon {
    margin-right: calc(var(--spacer) * 2.5);
    margin-top: 5vw;
  }
  .l-globalnavi-sp .nav_sns-icon a {
    width: 40px;
  }
}






.l-globalnavi-sp .u-c-spacer {
  height: 100%;
  padding-right: 0!important;
}
@media screen and (min-width: 1280px){
  .l-globalnavi-sp .u-c-spacer {
    padding-left: 4.166vw;
  }
}
.l-globalnavi-sp .l-globalnavi-sp__inner {
  height: 100%;
  overflow: auto;
  padding-bottom: 50px;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

.l-globalnavi-sp .l-globalnavi-sp-menu {
  background-color: #FFF;
  border-radius: 5px;
}

.l-globalnavi-sp .l-globalnavi-sp-menu li + li {
  margin-top: 10px;
}

@media screen and (min-width: 950px) {
  .l-globalnavi-sp .l-globalnavi-sp-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .l-globalnavi-sp .l-globalnavi-sp-menu li + li {
    margin-top: 0;
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
  }
  .l-globalnavi-sp .l-globalnavi-sp-menu li + li:before {
    position: absolute;
    left: 0;
    display: block;
    content: '';
    width: 1px;
    top: 6px;
    height: calc(100% - 12px);
    background: #DDD;
  }
}

.l-globalnavi-sp.style-a {
  height: calc(100% - 80px);
}

.l-globalnavi-sp .cat {
  color: #ff944b;
  letter-spacing: 3px;
}

.l-globalnavi-sp .sp-btn-area {
  display: -ms-grid;
  display: grid;
  place-items: center start;
}

@media screen and (min-width: 950px) {
  .l-globalnavi-sp .sp-btn-area {
    place-items: center end;
  }
}

.l-globalnavi-sp .sp-btn-area-b {
  display: -ms-grid;
  display: grid;
  place-items: center start;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 950px) {
  .l-globalnavi-sp .sp-btn-area-b {
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.l-globalnavi-sp .sub-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  place-items: center;
  grid-column-gap: 1em;
}

.l-globalnavi-sp .sub-menu li:first-child:after {
  content: "|";
  margin-left: 1em;
}

.l-globalnavi-sp .sp-sns-btn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto auto;
      grid-template-columns: auto auto auto;
  place-items: center;
  grid-column-gap: calc(var(--spacer) * 4);
}

.l-globalnavi-sp .sp-sns-btn img {
  width: 48px;
}

.l-globalnavi-sp .contact-btn {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  color: #FFF;
}
@media screen and (min-width: 992px){
  .l-globalnavi-sp .contact-btn {
    margin-right: 80px;
  }
}

.l-globalnavi-sp .contact-btn a {
  color: #FFF;
}

.l-globalnavi-sp .contact-btn .kengaku {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(182,168,163,1.0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 3px;
    padding: calc(var(--spacer) * 0.5) calc(var(--spacer) * 3.5);
  white-space: nowrap;
}

.l-globalnavi-sp .contact-btn .shiryo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: rgba(105,30,34,1.0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 3px;
    padding: calc(var(--spacer) * 0.5) calc(var(--spacer) * 3.5);
  white-space: nowrap;
}

.l-globalnavi-sp .contact-btn .icon {
  line-height: 1 !important;
}

.l-globalnavi-sp .contact-btn .icon img {
  width: 22px;
}

.l-globalnavi-sp-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 24px;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 1200;
}

@media screen and (min-width: 992px) {
  .l-globalnavi-sp-btn {
    width: 50px;
    height: 27px;
  }
}

.menu-trigger,
.menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.1s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.1s cubic-bezier(0, 0.5, 0.5, 1);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 40px;
  height: 24px;
}

@media screen and (min-width: 992px) {
  .menu-trigger {
    width: 50px;
    height: 27px;
  }
}

.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #AE8E79;
}

.menu-trigger span:nth-of-type(1) {
  top: 0;}

.menu-trigger span:nth-of-type(2) {
  top: 50%;
  margin-top: -1px;
}

.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(12px) rotate(-45deg);
  transform: translateY(12px) rotate(-45deg);
}

.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}

.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-12px) rotate(45deg);
  transform: translateY(-12px) rotate(45deg);
}

.home .breadcrumbs-area {
  display: none;
}

.breadcrumbs-area {
  display: none;
}

@media screen and (min-width: 992px) {
  .breadcrumbs-area {
    display: block;
  }
  .post-type-archive-works .breadcrumbs-area,
  .single-works .breadcrumbs-area,
  .single-style .breadcrumbs-area,
  .single-event .breadcrumbs-area,
  .tax-works_tag .breadcrumbs-area,
  .tax-event_cat .breadcrumbs-area,
  .post-type-archive-event .breadcrumbs-area,
  .post-type-archive-style .breadcrumbs-area,
  .page-id-1254 .breadcrumbs-area{
    display: none;
  }
  .post-type-archive-works .breadcrumbs-area.block,
  .single-works .breadcrumbs-area.block,
  .single-event .breadcrumbs-area.block,
  .tax-works_tag .breadcrumbs-area.block,
  .tax-event_cat .breadcrumbs-area.block,
  .post-type-archive-event .breadcrumbs-area.block,
  .post-type-archive-style .breadcrumbs-area.block,
  .page-id-1254 .breadcrumbs-area.block {
    display: block;
  }
}

.breadcrumbs {
  width: 100%;
  color: #989898;
  position: relative;
}

.breadcrumbs:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e8e8e8;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.breadcrumbs .writer_cat {
  display: none;
}

.breadcrumbs .event_cat {
  display: none;
}

.breadcrumbs .date-year {
  display: none;
}

.breadcrumbs .column_cat {
  display: none;
}

.breadcrumbs .staff_cat {
  display: none;
}

.breadcrumbs a:after {
  content: "›";
  margin: 0 5px;
}

.l-breadcrum-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/*
=============================================================================
   #Object
=============================================================================
*/
/* -----------------------------------------------------------------------------
   #Component
   -------------------------------------------------------------------------- */
.tp-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: PerpetuaProRoman, serif;
  margin-left: 6.5vw;
  margin-right: 6.5vw;
  text-align: left;
  max-width: 1670px;
  width: 87vw;
}
.tp-title div {
  color: #484848;
  font-size: 3.3854vw;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
}
.tp-title div > span {
  color: #a38b77;
}
.tp-concept .tp-title div {
  width: 10.4166vw;
}
.unit-event div {
  color: #939192;
  width: 14.9vw;
}
.unit-event div > span {
  color: #B49382;
}
.unit-event div > span::before {
  content: "・";
  color: #939192;
  font-size: 0.6em;
}
.unit-event p {
  width: 52.047vw;
}
.tp-style .tp-title div,
.tp-title .style_title {
  width: 6.0vw;
}
.tp-works .tp-title div,
.tp-title .works_title{
  width: 8.0vw;
}
.tp-ebook .tp-title div {
  width: 21.2vw;
}
.tp-showroom .tp-title div {
  width: 13.5vw;
}
.tp-concept .tp-title p {
  width: 56.5311vw;
}
.tp-style .tp-title p,
.tp-title .style_p{
  width: 61.1657vw;
}
.tp-works .tp-title p,
.tp-title .p-tag-btn {
  width: 59.031vw;
}
.tp-ebook .tp-title p {
  width: 45.9059vw;
}
.tp-showroom .tp-title p {
  width: 53.7706vw;
}
.tp-title > span {
  color: #909090;
  display: block;
  font-size: 0.677vw;
  letter-spacing: 0;
  margin-right: 1.40625vw;
  position: relative;
  padding-left: 1.823vw;
  width: 18.646vw;
}
.tp-title > span::after {
  background: url("../image/arrow_next2.png") 50% 50% no-repeat;
  background-size: cover;
  content: "";
  height: 2.8646vw;
  position: absolute;
  right: 0;
  top: calc(50% - 27px);
  width: 1.3021vw;
}
.tp-title img {
  display: block;
  min-height: 1px;
  height: auto;
  width: 100%;
}
@media screen and (max-width: 992px) {
  .tp-title {
    flex-wrap: wrap;
  }
  .tp-title div {
    font-size: 8.5vw;
    line-height: 1.3;
    width: 100%!important;
  }
  .tp-title p {
    display: none;
  }
  .tp-ebook .tp-title div {
    width: 100%;
  }
  .tp-ebook .tp-title > span {
    width: 75vw;
  }
  .tp-title > span {
    font-size: 2.5vw;
    padding-left: 0;
    padding-right: 0;
    width: 75vw;
  }
  .tp-title > span::after {
    height: 27px;
    top: -26px;
    width: 12px;
  }
}
.tp-subtitle {
  color: #696767;
  font-size: 1.198vw;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  margin-left: 6.5vw;
  margin-right: 6.5vw;
  margin-top: 0;
  text-align: left;
  max-width: 1670px;
  width: 87vw;
}
@media screen and (max-width: 992px) {
  .tp-subtitle {
    font-size: 3.6vw;
    margin-top: 3vw;
  }
  .tp-section {
    margin-top: 30vw !important;
  }
}
.tp-section {
  margin-top: 10vw;
  position: relative;
}
.tp-section .viewmore {
  position: relative;
  margin-left: 6vw;
  margin-right: 6vw;
  max-width: 1690px;
  width: 88vw;
}
.tp-section .viewmore a {
  background: url("../image/arrow_next.png") 0 0 no-repeat;
  background-size: 1.197vw auto;
  bottom: 0;
  display: block;
  font-size: 0.8333vw;
  height: 4.6875vw;
  right: 20px;
  position: absolute;
  text-align: right;
  width: 5.2083vw;
}
.tp-section .viewmore a .eng {
  color: #a38b77;
  font-family: 'Marcellus', serif;
  font-size: 1.3307vw;
  letter-spacing: -0.025em;
  line-height: 1.0;
  display: block;
}
.tp-section .viewmore a .jp{
  color: #787878;
  display: block;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em;
  line-height: 1.0em;
  margin-top: 1.041vw;
}
.tp-style .viewmore a, .tp-ebook .viewmore a {
  margin-left: auto;
  margin-top: 4vw;
  position: relative;
}
.tp-ebook .viewmore a .jp {
  bottom: 2.2vw;
  left: -8.4vw;
  position: absolute;
  width: 7.2vw;
}
.tp-works .viewmore a {
  bottom: auto;
  top: 2.083vw;
}
.tp-showroom-txt .viewmore a {
  margin-left: 1vw;
  margin-top: 5vw;
  position: relative;
}
.tp-showroom .viewmore a .jp {
  bottom: 0;
  left: 0;
  position: absolute;
  text-align: left;
  width: 10vw;
}
.tp-company .viewmore a {
  margin-left: auto;
  margin-top: 80px;
  position: relative;
}
@media screen and (max-width: 992px) {
  .tp-section .viewmore a {
    background-size: 3.5vw auto;
    bottom: auto;
    font-size: 2.2vw;
    height: 12vw;
    right: 2vw;
    top: 5vw;
    width: 15.5vw;
  }
  .tp-section .viewmore a .eng {
    font-size: 4vw;
  }
  .tp-style .viewmore a, .tp-ebook .viewmore a {
    margin-left: auto;
    margin-top: 5vw;
  }
  .tp-works .viewmore {
    bottom: 5vw;
  }
  .tp-ebook .viewmore a .jp {
    bottom: 4vw;
    left: -22vw;
    width: 20vw;
  }
  .tp-showroom-txt .viewmore a {
    margin-left: 20px;
    margin-top: 80px;
    position: relative;
  }
  .tp-showroom .viewmore a .jp {
    bottom: 0;
    left: 0;
    position: absolute;
    text-align: left;
    width: 200px;
  }
  .tp-company .viewmore a {
    margin-left: auto;
    margin-top: 80px;
    position: relative;
  }
}
.top-mv {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 5.9vw;
  margin-right: 5.9vw;
  max-width: 1690px;
  width: 88.2vw;
}
.top-mv .box-left {
  background: #FCFBF9;
  max-width: 557px;
  width: 29vw;
}
.top-mv .box-left .img {
  background: #EBE7DE;
  padding: 3.7vw 2.5vw;
}
.top-mv .box-left .txt {
  padding: 1vw 4vw 5vw 0;
  text-align: right;
}
.top-mv .txt .top-mv-ttl {
  color: #494947;
  font-size: 2.5244vw;
  font-feature-settings: "palt" 1;
  font-family: PerpetuaProRoman, serif;
  letter-spacing: 0.025em;
}
.top-mv .box-right .txt .top-mv-ttl {
  font-size: 2.749vw;
}
.top-mv .box-right .new-house .new-house-txt {
  color: #FFF;
  left: 0;
  top: 0;
  position: absolute;
  padding: 2vw 4vw;
  text-align: right;
  max-width: 1208px;
  width: 55.5vw;
  z-index: 1;
}
.top-mv .txt p {
  color: #484848;
  font-feature-settings: "palt" 1;
  font-size: 0.729vw;
  line-height: 2.0em;
  margin: 0 0 0.4vw 0;
}
.top-mv .txt span {
  color: #909090;
  font-size: 0.5958vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
}
.top-mv .box-center {
  position: relative;
  max-width: 58px;
  width: 3vw;
}
.top-mv .box-center .txt {
  color: #484848;
  font-feature-settings: "palt" 1;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.85vw;
  letter-spacing: 0.25em;
  transform: rotate(-90deg);
  left: -22vw;
  position: absolute;
  width: 47vw;
}
.top-mv .box-center .txt span {
  color: #969595;
  font-feature-settings: "palt" 1;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.825vw;
  padding-left: 1.0416vw;
}
.top-mv .box-center a {
  bottom: 0;
  content: "";
  display: block;
  font-size: 1.8vw;
  left: 0;
  position: absolute;
  text-align: center;
  max-width: 58px;
  width: 3.0vw;
}
.top-mv .box-right {
  background: #FCFBF9;
  max-width: 1066px;
  width: 55.5vw;
}
.top-mv .box-right .new-house {
  max-height: 805px;
  height: 42vw;
  position: relative;
  max-width: 1066px;
  width: 55.5vw;
}
.top-mv .box-right .new-house .new-house-txt {
  color: #FFF;
  left: 0;
  top: 0;
  position: absolute;
  padding: 2.25vw 4vw;
  text-align: right;
  max-width: 1066px;
  width: 55.5vw;
  z-index: 1;
}
.top-mv .box-right .new-house .new-house-txt .new-house-ttl {
  font-size: 2.083vw;
  letter-spacing: 0.4em;
  line-height: 1.6
}
.top-mv .box-right .new-house .new-house-txt .new-house-eng {
  color: #484848;
  font-size: 0.808vw;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.65em;
  margin-top: 0.8vw;
}
.top-mv .box-right .new-house .new-house-txt .new-house-comment p {
  font-feature-settings: "palt" 1;
  font-size: 0.6963vw;
  letter-spacing: 0;
  line-height: 2.15;
  margin-top: 2.3em;
}
.top-mv .box-right .new-house .new-house-img {
  max-height: 805px;
  height: 42vw;
  left: 0;
  top: 0;
  position: absolute;
  max-width: 1066px;
  width: 55.5vw;
  z-index: 0;
}
.top-mv .box-right .new-house .new-house-img img{
  max-height: 805px;
  height: 42vw;
  object-fit: cover;
  max-width: 1066px;
  width: 55.5vw;
}
.top-mv .box-right .txt {
  padding: 0.3vw 4vw 5vw 0;
  text-align: right;
  position: relative;
}
.top-mv .box-right .txt span {
  display: block;
  position: absolute;
  left: 4vw;
  top: 4.84vw;
}
.top-mv .box-right .txt .top-mv-tag {
  color: #484758;
  display: block;
  font-family: PerpetuaProRoman, "丸明Yoshino StdN R", serif;
  font-feature-settings: "palt" 1;
  font-size: 0.781vw;
  letter-spacing: 0;
  position: absolute;
  left: 4vw;
  top: 2.8vw;
}
.top-mv .box-right .txt .top-mv-link a {
  color: #a38b77;
  font-family: 'Marcellus', serif;
  font-size: 1.33vw;
  display: block;
  letter-spacing: -0.025em;
  line-height: 1.0;
  margin-left: auto;
  margin-right: 0;
  margin-top: 2.5vw;
  position: relative;
  padding-left: 0.8vw;
  text-align: right;
  width: 5.2083vw;
}

.top-mv .box-right .txt .top-mv-link a::before{
  background: url("../image/arrow_next.png") 0 0 no-repeat;
  background-size: 1.25vw auto;
  content: "";
  height: 2.55vw;
  left: 0;
  top: 0;
  position: absolute;
  width: 1.25vw;
}
@media screen and (max-width: 992px) {
  .top-mv {
    margin-left: 0!important;
    width: 94.1vw!important;
  }
  .top-mv .txt .top-mv-ttl {
    font-size: 7vw!important;
  }
  .top-mv .txt p {
    font-size: 1.856vw !important;
    margin-bottom: 1.0185vw!important;
  }
  .top-mv .txt span {
    font-size: 1.517vw !important;
  }
  .top-mv .box-left {
    margin-left: 5.9vw!important;
    margin-top: 5.9vw!important;
    order: 3!important;
    max-width: 992px!important;
    width: 88.2vw!important;
  }
  .top-mv .box-left .img {
    padding: 7.5vw 5vw!important;
  }
  .top-mv .box-left .img img {
    height: 55vw!important;
    object-fit: cover!important;
    object-position: 50% 80%!important;
    width: 88.2vw!important;
  }
  .top-mv .box-center {
    width: 5.9vw !important;
  }
  .top-mv .box-center .txt {
    font-size: 2.5vw !important;
    left: -67vw !important;
    width: 140vw !important;
  }
  .top-mv .box-center .txt span {
    font-size: 2vw !important;
    padding-left: 2vw;
  }
  .top-mv .box-center a {
    font-size: 3.9vw !important;
    width: 5.9vw !important;
  }
  .top-mv .box-right {
    width: 88.2vw !important;
  }
  .top-mv .box-right .img{
    height: 120vw !important;
    width: 88.2vw !important;
  }
  .top-mv .box-right .new-house {
    height: 120vw !important;
    width: 88.2vw !important;
  }
  .top-mv .box-right .new-house .new-house-img {
    height: 120vw !important;
    width: 88.2vw !important;
  }
  .top-mv .box-right .new-house .new-house-img img {
    height: 120vw !important;
    object-fit: cover;
    width: 88.2vw !important;
  }
  .top-mv .box-right .new-house .new-house-txt {
    padding: 5vw;
    width: 88.2vw !important;
  }
  .top-mv .box-right .new-house .new-house-txt .new-house-ttl {
    font-size: 6vw !important;
  }
  .top-mv .box-right .new-house .new-house-txt .new-house-eng {
    font-size: 2vw !important;
  }
  .top-mv .box-right .new-house .new-house-txt .new-house-comment p {
    font-size: 2.5vw !important;
  }
  .top-mv .box-right .txt {
    padding: 3vw 4vw 5vw 0 !important;
  }
  .top-mv .box-right .txt .top-mv-tag {
    font-size: 1.562vw;
    margin-top: 3vw;
    position: static;
  }
  .top-mv .box-right .txt .top-mv-link a {
    font-size: 2.66vw;
    margin-top: 5.0vw;
    padding-left: 1.6vw;
    width: 10.4166vw;
  }
  .top-mv .box-right .txt .top-mv-link a::before{
    background-size: 2.5vw auto;
    height: 5.1vw;
    width: 2.5vw;
  }
}
@media screen and (max-width: 1500px) {
  .top-mv .box-right .txt span {
    position: static;
  }
}
.tp-news {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 5.9vw;
  margin-right: 5.9vw;
  position: relative;
  max-width: 1690px;
  width: 88.2vw;
}
.tp-news .viewmore {
  bottom: -30px;
  position: absolute;
}
.tp-news .viewmore a {
  background: none;
  margin-right: 4.9vw;
}
.tp-news .tp-news-content {
  padding-left: 0.6vw;
  max-width: 519px;
  width: 27vw;
}
.tp-news .tp-news-content .tp-title-news {
  font-family: PerpetuaProRoman, serif;
  position: relative;
  text-align: left;
  width: 100%;
}
.tp-news .tp-news-content .tp-title-news::before {
  background: url("../image/feather.png") 0 0 no-repeat;
  background-size: 17.1875vw auto;
  content: "";
  left: -0.5vw;
  position: absolute;
  top: 0;
  height: 10.73vw;
  width: 17.1875vw;
}
.tp-news .tp-news-content .tp-title-news div {
  color: #939192;
  font-size: 3.3854vw;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.025em;
  line-height: 1.2;
  padding-top: 1.75vw;
}
.tp-news .tp-news-content .tp-title-news div > span {
  color: #B49382;
}
.tp-news .tp-news-content .tp-title-news div > span::before {
  content: "・";
  color: #939192;
  font-size: 0.6em;
}
.tp-news .tp-news-content .tp-title-news > span {
  color: #909090;
  display: block;
  font-size: 0.677vw;
  letter-spacing: 0;
}
.tp-news .tp-news-content .tp-title-news-sub {
  color: #696767;
  font-size: 1.198vw;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em;
  margin-bottom: 2.083vw;
  margin-top: 4.53125vw;
}
.tp-news .tp-news-content p {
  color: #747474;
}
.tp-news .tp-news-slider {
  margin-top: 0.5vw;
  max-width: 1133px;
  width: 59vw;
}
.tp-news .tp-news-slider .swiper-container {
  position: relative;
  overflow: hidden;
  padding-bottom: 90px;
}
.tp-news .tp-news-slider .swiper.visible {
  overflow: visible;
}
.tp-news .tp-news-slider .swiper-container .swiper-slide a {
  opacity: 1.0 !important;
}
.tp-news .tp-news-slider .swiper-container .swiper-slide a img {
  max-height: 444px;
  height: 23.125vw;
  object-fit: cover;
  opacity: 1.0 !important;
  width: 100%;
}
.tp-news .tp-news-slider .swiper-pagination {
  bottom: var(--swiper-pagination-bottom,0.45vw)!important;
  display: flex;
  align-items: center;
  height: 1.04167vw;
  left: calc(50% - 2.08325vw) !important;
  margin: 0 auto;
  width: 4.1665vw !important;
}
.tp-news .tp-news-slider .swiper-pagination::before,
.tp-news .tp-news-slider .swiper-pagination::after {
  position: absolute;
  overflow: hidden;
  font-family: DINAlternate, "DINAlternate", 'Akshar', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 1.04167vw;
  height: 1.1;
  line-height: 1.04167vw;
  text-align: center;
  top: 0;
  width: 1.0em;
}
.tp-news .tp-news-slider .swiper-pagination::before {
  content: "1";
  left: -1.56vw;
}
.tp-news .tp-news-slider .swiper-pagination::after {
  content: "3";
  right: -1.56vw;
}
.tp-news .tp-news-slider .swiper-pagination-bullet {
  background: #CAC8C9;
  border-radius: 0 !important;
  height: 2px !important;
  margin: 0 !important;
  width: 0.8333vw !important;
}
.tp-news .tp-news-slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #070707;
}
.tp-news .tp-news-slider .swiper-button-prev, .swiper-button-next {
  bottom: var(--swiper-pagination-bottom, 0.25vw) !important;
  height: 1.40625vw !important;
  top: auto !important;
  width: 0.67708vw !important;
}
.tp-news .tp-news-slider .swiper-button-prev::after, .swiper-button-next::after {
  content: "" !important;
  height: 1.40625vw !important;
  left: 0;
  top: 0;
  width: 0.67708vw !important;
}
.tp-news .tp-news-slider .swiper-button-prev {
  left: calc(50% - 6.97708vw) !important;
}
.tp-news .tp-news-slider .swiper-button-prev::after {
  background: url(https://www.laferme-shizuoka.jp/wp-content/themes/laferme-shizuoka/image/arrow_prev.png) 0 0 no-repeat;
  background-size: 0.67708vw 1.40625vw;
}
.tp-news .tp-news-slider .swiper-button-next {
  right: calc(50% - 6.97708vw) !important;
}
.tp-news .tp-news-slider .swiper-button-next::after {
  background: url(https://www.laferme-shizuoka.jp/wp-content/themes/laferme-shizuoka/image/arrow_next.png) 0 0 no-repeat;
  background-size: 0.67708vw 1.40625vw;
}
@media screen and (max-width: 992px) {
  .tp-news {
    margin-left: 5.9vw;
    margin-right: 5.9vw;
    text-align: center;
    width: 88.2vw;
  }
  .tp-news .viewmore {
    bottom: 4vw;
    position: absolute;
  }
  .tp-news .tp-news-content {
    width: 100%;
  }
  .tp-news .tp-news-content .tp-title-news {
    background: url("../image/feather.png") top center no-repeat;
    background-size: 50vw auto;
    text-align: center;
    padding-left: 0;
    padding-top: 3vw;
    max-width: 88.2vw;
    width: 88.2vw;
  }
  .tp-news .tp-news-content .tp-title-news::before {
    display: none;
  }
  .tp-news .tp-news-content .tp-title-news div {
    font-size: 8.5vw;
  }
  .tp-news .tp-news-content .tp-title-news > span {
    font-size: 2.0vw;
  }
  .tp-news .tp-news-content .tp-title-news-sub {
    font-size: 3.8vw;
  }
  .tp-news .tp-news-content p {
    font-size: 3.5vw;
    margin-bottom: 7.5vw;
  }
  .tp-news .tp-news-slider {
    max-width: 1170px;
    width: 89vw;
  }
  .tp-news .tp-news-slider .swiper-container {
    padding-bottom: 10vw;
  }
  .tp-news .tp-news-slider .swiper-container .swiper-slide a img {
    height: 34.778vw;
  }
  .tp-news .tp-news-slider .swiper-pagination {
    bottom: 7px!important;
    height: 17px;
    left: calc(50% - 40px) !important;
    width: 80px!important;
  }
  .tp-news .tp-news-slider .swiper-pagination::before,
  .tp-news .tp-news-slider .swiper-pagination::after {
    font-size: 1.0em;
    top: 0.2em;
    height: 1.1em;
    line-height: 1.0;
  }
  .tp-news .tp-news-slider .swiper-pagination::before {
    left: -1.5em;
  }
  .tp-news .tp-news-slider .swiper-pagination::after {
    right: -1.5em;
  }
  .tp-news .tp-news-slider .swiper-pagination-bullet {
    width: 16px !important;
  }
  .tp-news .tp-news-slider .swiper-button-prev, .swiper-button-next {
    bottom: var(--swiper-pagination-bottom, 7px) !important;
    height: 17px !important;
    width: 8px !important;
  }
  .tp-news .tp-news-slider .swiper-button-prev::after, .swiper-button-next::after {
    height: 17px !important;
    width: 8px !important;
  }
  .tp-news .tp-news-slider .swiper-button-prev {
    left: calc(50% - 85px) !important;
  }
  .tp-news .tp-news-slider .swiper-button-prev::after {
    background: url(https://www.laferme-shizuoka.jp/wp-content/themes/laferme-shizuoka/image/arrow_prev.png) 0 0 no-repeat;
    background-size: 8px 17px;
  }
  .tp-news .tp-news-slider .swiper-button-next {
    right: calc(50% - 85px) !important;
  }
  .tp-news .tp-news-slider .swiper-button-next::after {
    background: url(https://www.laferme-shizuoka.jp/wp-content/themes/laferme-shizuoka/image/arrow_next.png) 0 0 no-repeat;
    background-size: 8px 17px;
  }
}
.tp-concept .tp-concept_img {
  margin-bottom: 3.958vw;
  margin-top: 2.0833vw;
  position: relative;
  text-align: center;
}
.tp-concept .tp-concept_img::before {
  background: #E9E2DC;
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 4.74vw);
  max-height: 182px;
  height: 9.48vw;
  width: 6.9vw;
  z-index: -1;
}
.tp-concept .tp-concept_img::after {
  background: #E9E2DC;
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 4.74vw);
  max-height: 182px;
  height: 9.48vw;
  width: 6.9vw;
  z-index: -1;
}
.tp-concept .tp-concept_img img {
  max-height: 400px;
  height: 20.83vw;
  display: block;
  object-fit: cover;
  max-width: 1690px;
  margin-left: 5.9vw;
  margin-right: 5.9vw;
  width: 88.2vw;
}
@media screen and (max-width: 992px) {
  .tp-concept .tp-concept_img {
    margin-bottom: 8vw;
    margin-top: 5vw;
  }
  .tp-concept .tp-concept_img::before {
    top: calc(50% - 8.74vw);
    height: 16.48vw;
  }
  .tp-concept .tp-concept_img::after {
    background: #E9E2DC;
    content: "";
    position: absolute;
    right: 0;
    top: calc(50% - 8.74vw);
    max-height: 182px;
    height: 16.48vw;
    width: 5.9vw;
    z-index: -1;
  }
  .tp-concept .tp-concept_img img {
    height: 20.26vw;
  }
  .tp-concept .tp-concept_ttl {
    font-size: 6.5vw !important;
  }
  .tp-concept .tp-concept_ttl span{
    font-size: 2.0vw !important;
    margin: 3vw 0!important;
  }
  .tp-concept p {
    font-size: 2.5vw!important;
    margin: 0 6vw!important;
  }
}
.tp-concept .tp-concept_ttl {
  color: #292929;
  font-size: 2.083vw;
  letter-spacing: 0.4em;
  line-height: 1.8;
  text-align: center;
}
.tp-concept .tp-concept_ttl span {
  color: #909090;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0.0em;
  margin: 1.0416vw 0 1.77vw 0;
}
.tp-concept p {
  font-feature-settings: "palt" 1;
  font-size: 0.833vw;
  line-height: 2.1875;
  text-align: center;
}
.tp-style-lineup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 4.55vw;
  margin-right: 4.55vw;
  position: relative;
  max-width: 1755px;
  margin-top: 3.125vw;
  width: 91vw;
}
.tp-style-lineup::before {
  background: #FAFAFA;
  content: "";
  height: 27.6vw;
  left: -2.3vw;
  top: 4.1666vw;
  position: absolute;
  max-width: 1835px;
  width: 95.6vw;
  z-index: -1;
}
@media screen and (max-width: 992px) {
  .tp-style-lineup::before {
    display: none;
  }
}
.tp-style-lineup li {
  max-width: 585px;
  width: calc(100% / 3);
}
@media screen and (max-width: 992px) {
  .tp-style-lineup li {
    position: relative;
    max-width: 91vw;
    width: 91vw;
  }
  .tp-style-lineup li::before {
    background: #FAFAFA;
    content: "";
    height: 80vw;
    left: -2.3vw;
    top: 35vw;
    position: absolute;
    max-width: 1835px;
    width: 95.6vw;
    z-index: -1;
  }
  .tp-style-lineup li:last-child::before {
    height: 60vw;
  }
}
.tp-style-lineup li .tp-style-img {
  background: #E9E2DC;
  padding: 2.34375vw 1.56vw;
  max-width: 585px;
  width: 100%;
}
.tp-style-lineup li .tp-style-img img {
  width: 100%;
}
.tp-style-lineup li .tp-style-txt {
  padding: 2.34375vw 1.5625vw;
  width: 100%;
}
.tp-style-lineup li .tp-style-txt img {
  height: 4.166vw;
  opacity: 0.85;
  width: auto;
}
.tp-style-lineup li .tp-style-txt span {
  color: #b5b5b5;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0.025em;
  line-height: 1.15;
  height: 2.76vw;
  margin-top: 1.04vw;
}
.tp-style-lineup li .tp-style-txt p {
  color: #787878;
  font-feature-settings: "palt" 1;
  font-size: 0.833vw;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 992px) {
  .tp-style-lineup li .tp-style-img {
    padding: 7.0vw 4.8vw!important;
    max-width: 91vw;
    width: 91vw;
  }
  .tp-style-lineup li .tp-style-txt {
    padding: 7.0vw 4.8vw!important;
  }
  .tp-style-lineup li .tp-style-txt img {
    height: 13vw!important;
  }
  .tp-style-lineup li .tp-style-txt span {
    font-size: 2.0vw!important;
    height: auto;
  }
  .tp-style-lineup li .tp-style-txt p {
    font-size: 3vw!important;
    margin-top: 5vw;
  }
}
.tp-works-list{
  width: 100vw;
}
.post-type-archive-works .tp-works-list,
.tax-works_tag .tp-works-list{
  margin-bottom: 4.166vw;
  position: relative;
}
.post-type-archive-works .tp-works-list::after,
.tax-works_tag .tp-works-list::after{
  background: url(../image/line_event.png) 0 0 no-repeat;
  background-size: 78.59375vw auto;
  bottom: 0;
  content: "";
  height: 3px;
  left: calc(50% - 39.296875vw);
  position: absolute;
  width: 78.59375vw;
}
.tp-works-list.scroll{
  overflow-x: scroll;
  white-space: nowrap;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
}
.tp-works-list .tp-works-list_content {
  display: flex;
  justify-content: flex-start;
  width: 203.3vw;
}
.tp-works-list.scroll::-webkit-scrollbar{
  display: none;
}
.tp-works-list ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 6.6vw;
  overflow: hidden;
  width: 101.65vw;
}
.tp-works-list ul li{
  margin-right: 1.65vw;
}
.tp-works-list ul li,
.tp-works-list ul li img,
.tp-works-list ul li .tp-works-list_box {
  margin-bottom: 3.4vw;
  object-fit: cover;
  width: 22.92vw;
  max-width: 440px;
}
.tp-works-list ul li img,
.tp-works-list ul li .tp-works-list_box {
  margin-bottom: 0;
  height: 16.87vw;
  max-height: 324px;
}
.tp-works-list ul li:nth-child(1) ,.tp-works-list ul li:nth-child(8) ,.tp-works-list ul li:nth-child(9) ,.tp-works-list ul li:nth-child(16),
.tp-works-list ul li:nth-child(1) img ,.tp-works-list ul li:nth-child(8) img ,.tp-works-list ul li:nth-child(9) img ,.tp-works-list ul li:nth-child(16) img,
.tp-works-list ul li:nth-child(1) .tp-works-list_box ,.tp-works-list ul li:nth-child(8) .tp-works-list_box ,.tp-works-list ul li:nth-child(9) .tp-works-list_box ,.tp-works-list ul li:nth-child(16) .tp-works-list_box {
  object-fit: cover;
  width: 31.25vw;
  max-width: 600px;
}
.tp-works-list ul li:nth-child(1) img ,.tp-works-list ul li:nth-child(8) img ,.tp-works-list ul li:nth-child(9) img ,.tp-works-list ul li:nth-child(16) img,
.tp-works-list ul li:nth-child(1) .tp-works-list_box ,.tp-works-list ul li:nth-child(8) .tp-works-list_box ,.tp-works-list ul li:nth-child(9) .tp-works-list_box ,.tp-works-list ul li:nth-child(16) .tp-works-list_box {
  height: 23.02vw;
  max-height: 442px;
}
.tp-works-list ul li:nth-child(3) ,.tp-works-list ul li:nth-child(6) ,.tp-works-list ul li:nth-child(11) ,.tp-works-list ul li:nth-child(14),
.tp-works-list ul li:nth-child(3) img ,.tp-works-list ul li:nth-child(6) img ,.tp-works-list ul li:nth-child(11) img ,.tp-works-list ul li:nth-child(14) img,
.tp-works-list ul li:nth-child(3) .text_box ,.tp-works-list ul li:nth-child(6) .text_box ,.tp-works-list ul li:nth-child(11) .text_box ,.tp-works-list ul li:nth-child(14) .text_box,
.tp-works-list ul li:nth-child(3) .tp-works-list_box ,.tp-works-list ul li:nth-child(6) .tp-works-list_box ,.tp-works-list ul li:nth-child(11) .tp-works-list_box ,.tp-works-list ul li:nth-child(14) .tp-works-list_box {
  object-fit: cover;
  width: 17.96vw;
  max-width: 345px;
}
.tp-works-list ul li:nth-child(3) img ,.tp-works-list ul li:nth-child(6) img ,.tp-works-list ul li:nth-child(11) img ,.tp-works-list ul li:nth-child(14) img,
.tp-works-list ul li:nth-child(3) .tp-works-list_box ,.tp-works-list ul li:nth-child(6) .tp-works-list_box ,.tp-works-list ul li:nth-child(11) .tp-works-list_box ,.tp-works-list ul li:nth-child(14) .tp-works-list_box {
  height: 24.22vw;
  max-height: 465px;
}
.tp-works-list ul li a{
  display: block;
  position: relative;
}
.tp-works-list ul li p{
  color: #484848;
  display: block;
  font-feature-settings: "palt" 1;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.1589vw;
  margin-top: 1.6vw;
  padding-left: 1vw;
}
.tp-works-list ul li .tp-works-list_box{
  background: rgba(0,0,0,0.5);
  color: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-align: center;
  transition: 0.75s;
}
.tp-works-list ul li .tp-works-list_box:hover{
  opacity: 1.0;
}
.tp-works-list ul li .tp-works-list_box .text_box{
  font-size: 0.8vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  width: 100%;
}

@media screen and (max-width: 992px) {
  .tp-works-list .tp-works-list_content {
    width: 270vw;
  }
  .home .tp-works-list .tp-works-list_content {
    overflow: hidden;
    width: 100vw;
  }
  .home .tp-works-list .tp-works-list_content ul:nth-child(2) {
    display: none;
  }
  .home .tp-works-list ul {
    margin-top: 6.6vw;
    justify-content: space-between;
    width: 100vw;
  }
  .home .tp-works-list ul li{
    margin-right: 0;
    margin-bottom: 3.4vw;
  }
  .home .tp-works-list ul li img{
    margin-bottom: 0;
  }
  .home .tp-works-list ul li:nth-child(1) ,.home .tp-works-list ul li:nth-child(4) ,.home .tp-works-list ul li:nth-child(5),.home .tp-works-list ul li:nth-child(8),
  .home .tp-works-list ul li:nth-child(1) img ,.home .tp-works-list ul li:nth-child(4) img,.home .tp-works-list ul li:nth-child(5) img ,.home .tp-works-list ul li:nth-child(8) img,
  .home .tp-works-list ul li:nth-child(1) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(4) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(5) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(8) .tp-works-list_box {
    width: 55.0vw!important;
    max-width: 687px;
  }
  .home .tp-works-list ul li:nth-child(1) img ,.home .tp-works-list ul li:nth-child(4) img ,.tp-works-list ul li:nth-child(5) img,.tp-works-list ul li:nth-child(8) img,
  .home .tp-works-list ul li:nth-child(1) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(4) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(5) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(8) .tp-works-list_box {
    height: 40.49vw!important;
    max-height: 506px;
  }
  .home .tp-works-list ul li:nth-child(2) ,.home .tp-works-list ul li:nth-child(3),.home .tp-works-list ul li:nth-child(6) ,.home .tp-works-list ul li:nth-child(7),
  .home .tp-works-list ul li:nth-child(2) img ,.home .tp-works-list ul li:nth-child(3) img,.home .tp-works-list ul li:nth-child(6) img ,.home .tp-works-list ul li:nth-child(7) img,
  .home .tp-works-list ul li:nth-child(2) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(3) .tp-works-list_box,.home .tp-works-list ul li:nth-child(6) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(7) .tp-works-list_box {
    width: 40.0vw!important;
    max-width: 504px;
  }
  .home .tp-works-list ul li:nth-child(2) img ,.tp-works-list ul li:nth-child(3) img,.home .tp-works-list ul li:nth-child(6) img ,.tp-works-list ul li:nth-child(7) img,
  .home .tp-works-list ul li:nth-child(2) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(3) .tp-works-list_box,.home .tp-works-list ul li:nth-child(6) .tp-works-list_box ,.home .tp-works-list ul li:nth-child(7) .tp-works-list_box {
    height: 29.5vw!important;
    max-height: 371px;
  }

  .tp-works-list ul {
    margin-top: 6.6vw;
    width: 135vw;
  }
  .tp-works-list ul li{
    margin-right: 2.3vw;
  }
  .tp-works-list ul li,
  .tp-works-list ul li img,
  .tp-works-list ul li .tp-works-list_box {
    margin-bottom: 3.4vw;
    width: 30.4vw;
    max-width: 504px;
  }
  .tp-works-list ul li img,
  .tp-works-list ul li .tp-works-list_box {
    height: 22.4vw;
    max-height: 371px;
  }
  .tp-works-list ul li:nth-child(1) ,.tp-works-list ul li:nth-child(8) ,.tp-works-list ul li:nth-child(9) ,.tp-works-list ul li:nth-child(16),
  .tp-works-list ul li:nth-child(1) img ,.tp-works-list ul li:nth-child(8) img ,.tp-works-list ul li:nth-child(9) img ,.tp-works-list ul li:nth-child(16) img,
  .tp-works-list ul li:nth-child(1) .tp-works-list_box ,.tp-works-list ul li:nth-child(8) .tp-works-list_box ,.tp-works-list ul li:nth-child(9) .tp-works-list_box ,.tp-works-list ul li:nth-child(16) .tp-works-list_box {
    width: 41.3vw;
    max-width: 687px;
  }
  .tp-works-list ul li:nth-child(1) img ,.tp-works-list ul li:nth-child(8) img ,.tp-works-list ul li:nth-child(9) img ,.tp-works-list ul li:nth-child(16) img,
  .tp-works-list ul li:nth-child(1) .tp-works-list_box ,.tp-works-list ul li:nth-child(8) .tp-works-list_box ,.tp-works-list ul li:nth-child(9) .tp-works-list_box ,.tp-works-list ul li:nth-child(16) .tp-works-list_box {
    height: 30.5vw;
    max-height: 506px;
  }
  .tp-works-list ul li:nth-child(3) ,.tp-works-list ul li:nth-child(6) ,.tp-works-list ul li:nth-child(11) ,.tp-works-list ul li:nth-child(14),
  .tp-works-list ul li:nth-child(3) img ,.tp-works-list ul li:nth-child(6) img ,.tp-works-list ul li:nth-child(11) img ,.tp-works-list ul li:nth-child(14) img,
  .tp-works-list ul li:nth-child(3) .text_box ,.tp-works-list ul li:nth-child(6) .text_box ,.tp-works-list ul li:nth-child(11) .text_box ,.tp-works-list ul li:nth-child(14) .text_box,
  .tp-works-list ul li:nth-child(3) .tp-works-list_box ,.tp-works-list ul li:nth-child(6) .tp-works-list_box ,.tp-works-list ul li:nth-child(11) .tp-works-list_box ,.tp-works-list ul li:nth-child(14) .tp-works-list_box {
    width: 23.7vw;
    max-width: 394px;
  }
  .tp-works-list ul li:nth-child(3) img ,.tp-works-list ul li:nth-child(6) img ,.tp-works-list ul li:nth-child(11) img ,.tp-works-list ul li:nth-child(14) img,
  .tp-works-list ul li:nth-child(3) .tp-works-list_box ,.tp-works-list ul li:nth-child(6) .tp-works-list_box ,.tp-works-list ul li:nth-child(11) .tp-works-list_box ,.tp-works-list ul li:nth-child(14) .tp-works-list_box {
    height: 31.9vw;
    max-height: 529px;
  }
  .tp-works-list ul li p{
    font-size: 2.5vw;
  }
  .tp-works-list ul li .tp-works-list_box{
    display: none;
  }
  .post-type-archive-works .tp-works-list .tp-works-list_content {
    width: 102.3vw;
  }
  .post-type-archive-works .tp-works-list ul {
    width: 102.3vw;
  }
  .tp-works-list ul li{
    margin-right: 2vw;
  }
  .post-type-archive-works .tp-works-list ul li:nth-child(2), .post-type-archive-works .tp-works-list ul li:nth-child(4), .post-type-archive-works .tp-works-list ul li:nth-child(8), .post-type-archive-works .tp-works-list ul li:nth-child(10),
  .post-type-archive-works .tp-works-list ul li:nth-child(2) img, .post-type-archive-works .tp-works-list ul li:nth-child(4) img, .post-type-archive-works .tp-works-list ul li:nth-child(8) img, .post-type-archive-works .tp-works-list ul li:nth-child(10) img,
  .post-type-archive-works .tp-works-list ul li:nth-child(2) .tp-works-list_box, .post-type-archive-works .tp-works-list ul li:nth-child(4), .tp-works-list_box .post-type-archive-works .tp-works-list ul li:nth-child(8) .tp-works-list_box, .post-type-archive-works .tp-works-list ul li:nth-child(10) .tp-works-list_box {
    width: 27vw;
    max-width: 504px;
  }
  .post-type-archive-works .tp-works-list ul li:nth-child(2) img, .post-type-archive-works .tp-works-list ul li:nth-child(4) img, .post-type-archive-works .tp-works-list ul li:nth-child(8) img, .post-type-archive-works .tp-works-list ul li:nth-child(10) img,
  .post-type-archive-works .tp-works-list ul li:nth-child(2) .tp-works-list_box, .post-type-archive-works .tp-works-list ul li:nth-child(4) .tp-works-list_box,.post-type-archive-works .tp-works-list ul li:nth-child(8) .tp-works-list_box, .post-type-archive-works .tp-works-list ul li:nth-child(10) .tp-works-list_box {
    height: 19.89vw;
    max-height: 371px;
  }
  .post-type-archive-works .tp-works-list ul li:nth-child(1) ,.post-type-archive-works .tp-works-list ul li:nth-child(6) ,.post-type-archive-works .tp-works-list ul li:nth-child(7) ,.post-type-archive-works .tp-works-list ul li:nth-child(12) ,
  .post-type-archive-works .tp-works-list ul li:nth-child(1) img ,.post-type-archive-works .tp-works-list ul li:nth-child(6) img ,.post-type-archive-works .tp-works-list ul li:nth-child(7) img ,.post-type-archive-works .tp-works-list ul li:nth-child(12) img ,
  .post-type-archive-works .tp-works-list ul li:nth-child(1) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(6) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(7) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(12) .tp-works-list_box {
    width: 42vw;
    max-width: 687px;
  }
  .tp-works-list ul li:nth-child(1) img ,.tp-works-list ul li:nth-child(6) img ,.tp-works-list ul li:nth-child(7) img ,.tp-works-list ul li:nth-child(12) img ,
  .tp-works-list ul li:nth-child(1) .tp-works-list_box ,.tp-works-list ul li:nth-child(6) .tp-works-list_box,.tp-works-list ul li:nth-child(7) .tp-works-list_box ,.tp-works-list ul li:nth-child(12) .tp-works-list_box {
    height: 30.93vw;
    max-height: 506px;
  }
  .post-type-archive-works .tp-works-list ul li:nth-child(3) ,.post-type-archive-works .tp-works-list ul li:nth-child(5) ,.post-type-archive-works .tp-works-list ul li:nth-child(9) ,.post-type-archive-works .tp-works-list ul li:nth-child(11),
  .post-type-archive-works .tp-works-list ul li:nth-child(3) img ,.post-type-archive-works .tp-works-list ul li:nth-child(5) img ,.post-type-archive-works .tp-works-list ul li:nth-child(9) img ,.post-type-archive-works .tp-works-list ul li:nth-child(11) img,
  .post-type-archive-works .tp-works-list ul li:nth-child(3) .text_box ,.post-type-archive-works .tp-works-list ul li:nth-child(5) .text_box ,.post-type-archive-works .tp-works-list ul li:nth-child(9) .text_box ,.post-type-archive-works .tp-works-list ul li:nth-child(11) .text_box,
  .post-type-archive-works .tp-works-list ul li:nth-child(3) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(5) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(9) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(11) .tp-works-list_box {
    width: 27vw;
    max-width: 394px;
  }
  .post-type-archive-works .tp-works-list ul li:nth-child(3) img ,.post-type-archive-works .tp-works-list ul li:nth-child(5) img ,.post-type-archive-works .tp-works-list ul li:nth-child(9) img ,.post-type-archive-works .tp-works-list ul li:nth-child(11) img,
  .post-type-archive-works .tp-works-list ul li:nth-child(3) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(5) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(9) .tp-works-list_box ,.post-type-archive-works .tp-works-list ul li:nth-child(11) .tp-works-list_box {
    height: 36.25vw;
    max-height: 529px;
  }
}

.tp-ebook-lineup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 4.6vw;
  margin-right: 4.6vw;
  margin-top: 2.6vw;
  max-width: 1767px;
  width: 92vw;
}
.tp-ebook-lineup .tp-ebook-lineup-item {
  background: #FAFAFA;
  padding: 2.5vw;
  max-width: 862px;
  width: 45vw;
}
.tp-ebook-lineup .tp-ebook-lineup-item a {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-txt {
  width: 9.375vw;
}
.tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-txt div {
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.458vw;
  line-height: 1.3;
}
.tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-txt p {
  color: #292929;
  font-size: 0.781vw;
  line-height: 1.66;
  margin-top: 1.8vw;
  max-width: 165px;
  width: 8.5vw;
}
.tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-img {
  text-align: center;
  max-width: 500px;
  width: 27vw;
}
.tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-img span {
  color: #909090;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.833vw;
  letter-spacing: 0;
  position: relative;
  padding-left: 2.34375vw;
}
.tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-img span::before {
  background: #DDDBDC;
  content: "";
  height: 1px;
  left: 0;
  top: 50%;
  position: absolute;
  width: 1.3vw;
}
.tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-img img {
  display: block;
  margin-top: 1.5625vw;
}
@media screen and (max-width: 992px) {
  .tp-ebook-lineup .tp-ebook-lineup-item {
    padding: 5.5vw;
    width: 100%;
  }
  .tp-ebook-lineup .tp-ebook-lineup-item:first-child {
    margin-bottom: 10vw;
    margin-top: 4vw;
  }
  .tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-txt {
    width: 100%;
  }
  .tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-txt div {
    font-size: 5.5vw;
  }
  .tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-txt p {
    font-size: 2.5vw;
    max-width: 100%;
    width: 100%;
  }
  .tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-img {
    max-width: 100%;
    width: 100%;
  }
  .tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-img span {
    font-size: 2vw;
  }
  .tp-ebook-lineup .tp-ebook-lineup-item a .tp-ebook-img img {
    display: block;
    margin-top: 1.5625vw;
  }
}
.tp-showroom-layout {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 6.5vw;
  margin-right: 6.5vw;
  margin-top: 4.15vw;
  max-width: 1654px;
  width: 87vw;
}
.tp-showroom-layout .tp-showroom-img {
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 1.823vw;
  margin-top: 10.15625vw;
  text-align: left;
  max-width: 500px;
  width: 27vw;
}
.tp-showroom-layout .tp-showroom-img img {
  color: #484848;
  display: block;
  margin-bottom: 0.52vw;
}
.tp-showroom-layout .tp-showroom-txt {
  margin-top: 4.6875vw;
  margin-left: 7.2vw;
  max-width: 496px;
  width: 25.8vw;
}
.tp-showroom-layout .tp-showroom-txt .tp-subtitle {
  color: #696767;
  font-size: 1.2vw;
  letter-spacing: 0.1em;
  margin-bottom: 3.1vw;
  margin-left: 0;
  margin-right: 0;
  max-width: 410px;
  width: 25.8vw;
}
.tp-showroom-layout .tp-showroom-txt p {
  color: #454343;
  font-feature-settings: "palt" 1;
  font-size: 0.833vw;
  line-height: 2.2;
  margin-bottom: 2.15em;
  padding-right: 7.2vw;
}
.tp-showroom-layout .tp-showroom-txt .viewmore {
  margin-left: 0;
  margin-right: 0;
  max-width: 500px;
  width: 100%;
}
.tp-showroom-layout .tp-company {
  text-align: right;
  max-width: 500px;
  width: 27vw;
}
.tp-showroom-layout .tp-company .tp-company-img {
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 1.823vw;
  margin-bottom: 220px;
}
.tp-showroom-layout .tp-company .tp-company-img img {
  display: block;
  margin-bottom: 0.52vw;
}
.tp-showroom-layout .tp-company .tp-company-txt .tp-subtitle {
  margin-left: 0;
  margin-right: 0;
  text-align: right;
  max-width: 500px;
  width: 27vw;
}
.tp-showroom-layout .tp-company .tp-company-txt p {
  color: #484848;
  font-size: 1.66vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.15em;
  margin: 0.55em 0 0.7em 0;
}
.tp-showroom-layout .tp-company .tp-company-txt > span {
  color: #909090;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.833vw;
  letter-spacing: 0.0em;
  line-height: 2.2;
}
.tp-showroom-layout .tp-company .viewmore {
  margin-left: 0;
  margin-right: 0;
  max-width: 500px;
  width: 27vw;
}
@media screen and (min-width: 1920px) {
  .tp-showroom-layout .tp-showroom-txt {
    margin-left: 138px;
  }
}
@media screen and (max-width: 992px) {
  .tp-showroom-layout {
    margin-top: 10vw;
    width: 87vw;
  }
  .tp-showroom-layout .tp-showroom-img {
    font-size: 5vw;
    margin-top: 0;
    width: 87vw;
  }
  .tp-showroom-layout .tp-showroom-img img{
    height: 100vw;
    object-fit: cover;
    object-position: top;
    width: 100%;
  }
  .tp-showroom-layout .tp-showroom-txt {
    margin-left: 0;
    width: 87vw;
  }
  .tp-showroom-layout .tp-showroom-txt .tp-subtitle {
    font-size: 3.8vw;
    margin-bottom: 5vw;
    width: 87vw;
  }
  .tp-showroom-layout .tp-showroom-txt p {
    font-size: 2.5vw;
  }
  .tp-showroom-layout .tp-showroom-txt .viewmore {
    bottom: 80px;
  }
  .tp-showroom-layout .tp-company .tp-company-img {
    font-size: 5vw;
    margin-bottom: 5vw;
    width: 87vw;
  }
  .tp-showroom-layout .tp-company .tp-company-txt {
    width: 87vw;
  }
  .tp-showroom-layout .tp-company .tp-company-txt .tp-subtitle {
    width: 87vw;
  }
  .tp-showroom-layout .tp-company .tp-company-txt p {
    font-size: 5.0vw;
  }
  .tp-showroom-layout .tp-company .tp-company-txt > span {
    font-size: 2.4vw;
  }
  .tp-showroom-layout .tp-company .viewmore {
    bottom: 80px;
    width: 87vw;
  }
}
.c-heading-a {
  margin-bottom: var(--s-spacer-s);
  text-align: center;
  position: relative;
}

.c-heading-a .eng {
  font-family: PerpetuaProRoman , "EB Garamond", serif;
  text-transform: uppercase;
  line-height: calc(35 / 27);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 27 * 1vw), calc(27 * 1px));
  white-space: nowrap;
}

.c-heading-a .sub {
  color: #c4c2c3;
  line-height: calc(24 / 16);
  letter-spacing: 0.5em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.c-heading-a.style-a .eng {
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--spacer) * 4);
}

.c-heading-a.style-a .eng:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  height: 7px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#f8e7fd), to(#ffc9a8));
  background: linear-gradient(to right, #f8e7fd 0%, #ffc9a8 100%);
  z-index: -1;
}

.c-heading-a.style-b .eng {
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--spacer) * 4);
}

.c-heading-a.style-b .eng:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  height: 7px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#ffc7a4), to(#ffecc4));
  background: linear-gradient(to right, #ffc7a4 0%, #ffecc4 100%);
  z-index: -1;
}

.c-heading-a .c-btn-a {
  display: none;
}

@media screen and (min-width: 992px) {
  .c-heading-a .c-btn-a {
    display: block;
    position: absolute;
    right: 0;
    top: 5px;
    margin-top: 0;
    font-size: 13px;
    padding-top: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-bottom: clamp(calc(8 * 1px), calc((8 * 100) / 1920 * 1vw), calc(8 * 1px));
    padding-right: clamp(calc(25 * 1px), calc((25 * 100) / 1920 * 1vw), calc(25 * 1px));
    padding-left: clamp(calc(25 * 1px), calc((25 * 100) / 1920 * 1vw), calc(25 * 1px));
  }
}

.c-heading-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
}

.c-heading-b .heading {
  line-height: calc(40 / 30);
  letter-spacing: 0.3em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  text-align: center;
  position: relative;
  width: 100%;
}

.c-heading-b .heading:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f3f3f3;
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
}

.c-heading-b .heading.style-b {
  letter-spacing: 10px;
}

.c-heading-b .heading.style-c {
  letter-spacing: 0px;
}

.c-heading-b .sub {
  font-weight: 500;
  color: #bababa;
  letter-spacing: 3px;
  line-height: 1.2 !important;
}

.c-heading-d {
  color: #989898;
}

.c-heading-e .heading {
  letter-spacing: 3px;
  position: relative;
}

.c-heading-e .heading:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.c-btn-a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: calc(5 * 1px);
  padding-bottom: calc(5 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
  font-size: 11px;
  color: #5f5f5f;
  border: 0.5px solid #5f5f5f;
  letter-spacing: 2px;
  position: relative;
  line-height: 1 !important;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .c-btn-a {
    padding-top: clamp(calc(5 * 1px), calc((5 * 100) / 1920 * 1vw), calc(5 * 1px));
    padding-bottom: clamp(calc(5 * 1px), calc((5 * 100) / 1920 * 1vw), calc(5 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.c-btn-a .arrow {
  position: absolute;
  left: 0;
  top: 30%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
  transition: all 0.3s cubic-bezier(0, 0.5, 0.5, 1);
}

.c-btn-a .arrow span {
  width: 22px;
  position: relative;
  border-bottom: 1px solid #292929;
  height: 1px;
  display: inline-block;
}

.c-btn-a .arrow span:before {
  content: "";
  width: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  height: 1px;
  background-color: #292929;
  position: absolute;
  right: 0;
}

.c-btn-a:hover .arrow {
  -webkit-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
}

.c-btn-a.hover .arrow {
  -webkit-transform: translate(-30%, -50%);
          transform: translate(-30%, -50%);
}

.c-btn-a.style-b {
  font-size: 9px;
  padding-top: calc(3 * 1px);
  padding-bottom: calc(3 * 1px);
  padding-right: calc(12 * 1px);
  padding-left: calc(12 * 1px);
  border: 1px solid #c4c2c3;
  letter-spacing: 1px;
}

@media screen and (min-width: 992px) {
  .c-btn-a.style-b {
    padding-top: clamp(calc(3 * 1px), calc((5 * 100) / 1920 * 1vw), calc(5 * 1px));
    padding-bottom: clamp(calc(3 * 1px), calc((5 * 100) / 1920 * 1vw), calc(5 * 1px));
    padding-right: clamp(calc(12 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(12 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.c-btn-a.style-b span {
  width: 18px;
}

.c-btn-a.style-c {
  border: 1px solid #FFF;
  color: #FFF !important;
}

.c-btn-a.style-c .arrow span {
  border-bottom: 1px solid #FFF;
}

.c-btn-a.style-c .arrow span:before {
  background-color: #FFF;
}

.c-btn-b {
  width: 50px;
  height: 24px;
  background-color: #292929;
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.c-btn-b span {
  width: 5px;
  height: 5px;
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-btn-b.inv {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.c-btn-c {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ff944b;
  border-radius: 8px;
  line-height: calc(27 / 18);
  letter-spacing: 0.3em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  letter-spacing: 3px;
  color: #FFF;
  line-height: 1.4 !important;
  min-width: 200px;
}

.c-btn-d {
  border: 1px solid #f4f4f4;
  max-width: 120px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  line-height: 1;
}

@media screen and (min-width: 992px) {
  .c-btn-d {
    max-width: 263px;
    width: calc((263 * 100) / 1920 * 1vw);
  }
}

.c-btn-d i {
  -webkit-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7);
  margin-left: 5px;
}

.c-btn-back {
  text-align: center;
  display: inline-block;
  white-space: nowrap;
}

.c-btn-back .area-a {
  background-color: #eaeaea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
}

.c-btn-back .area-b {
  line-height: 1 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
}

.c-bottom-pager {
  position: relative;
}

.c-bottom-pager .c-back-btn {
  display: none;
  position: absolute;
  left: 0;
  bottom: calc(-1 * 24px);
}

@media screen and (min-width: 992px) {
  .c-bottom-pager .c-back-btn {
    display: block;
  }
}

.c-bottom-pager.type-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .c-bottom-pager.type-a {
    width: calc((1370 * 100) / 1920 * 1vw);
    max-width: 1370px;
  }
}

.c-bottom-pager.type-b {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .c-bottom-pager.type-b {
    width: calc((1407 * 100) / 1920 * 1vw);
    max-width: 1407px;
  }
}

.c-back-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
}

.c-back-btn .arrow {
  background-color: #c8c7c7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 50px;
  height: 24px;
}

.c-back-btn .arrow:after {
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

.c-back-btn .text {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: calc(14 / 14);
  letter-spacing: 0em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
  color: #c8c7c7;
}

.c-x-hidden {
  overflow-x: hidden;
}

.c-image-a {
  position: relative;
}

.c-image-a:before {
  content: '';
  display: block;
}

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

.c-image-a.style-a:before {
  padding-top: 71.42857%;
}

.c-image-a.style-b:before {
  padding-top: 129.87013%;
}

.c-image-a.style-c:before {
  padding-top: 62.5%;
}

.c-layout-a {
  display: -ms-inline-grid;
  display: inline-grid;
  -ms-grid-columns: auto;
      grid-template-columns: auto;
}

@media screen and (min-width: 992px) {
  .c-layout-a {
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
  }
}

.c-layout-a.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-layout-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-column-gap: 5%;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .c-layout-b {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}

.c-layout-b.ai-c {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-layout-b a {
  display: block;
}

.c-layout-b .heading {
  line-height: calc(24 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.c-layout-b .sub {
  color: #c6c6c6;
  line-height: calc(18 / 13);
  letter-spacing: 0.1em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
}

.u-c-spacer {
  padding-left: calc(var(--spacer) * 2.5);
  padding-right: calc(var(--spacer) * 2.5);
}

@media screen and (min-width: 992px) {
  .u-c-spacer {
    padding-left: 80px;
    padding-right: 80px;
  }
}

.u-spacer-mt {
  margin-top: var(--s-spacer);
}

.u-spacer-mb {
  margin-bottom: var(--s-spacer);
}

.u-spacer-py, .l-footer-link, .p-re-title-c {
  padding-top: var(--s-spacer);
  padding-bottom: var(--s-spacer);
}

.u-spacer-mt-s {
  margin-top: var(--s-spacer-s);
}

.u-spacer-mb-s {
  margin-bottom: var(--s-spacer-s);
}

.c-width-full, .l-footer-pinterest, .p-top-modelhouse:after, .p-top-concept:after, .p-works-pickup, .p-conpany-layout-a, .p-flow-content {
  /*margin: 0 calc(50% - 50vw) !important;
    width: 100vw;
    left: 50%;*/
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
}

.p-list-A__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-list-A__item:first-child {
  padding-top: 0 !important;
}

.p-list-A__item__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-list-A__item__heading {
  line-height: 1.8;
}

.p-list-A__item__photo {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
  max-width: 150px;
  /*position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    @include flexbox;
    &:after {
        padding-top: (1/1.42)*100%;
        content: "";
        display: block;
    }*/
}

.p-list-B a {
  display: block;
}

.p-list-B a:first-child {
  padding-top: 0 !important;
}

.p-list-C {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  /*align-items: start;*/
  grid-column-gap: 5px;
}

@media screen and (min-width: 992px) {
  .p-list-C {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

@media screen and (min-width: 992px) {
  .p-list-C {
    grid-column-gap: 15px;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.p-list-C .item {
  background-color: #f7f7f7;
  display: block;
}

.p-list-C .item .text .heading {
  line-height: calc(24 / 15);
  letter-spacing: 0.3em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

.p-list-C .item .text .sub {
  line-height: calc(16 / 11);
  letter-spacing: 0.1em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
}

.p-list-C .item .c-image-a:before {
  padding-top: 129.87013%;
}

.p-list-C.type-b {
  width: 100% !important;
  max-width: initial;
}

.p-list-D {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  grid-column-gap: 8%;
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

@media screen and (min-width: 992px) {
  .p-list-D {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

.p-list-D .item {
  display: block;
}

.p-list-D .item time {
  display: block;
}

.p-list-D .item .c-image-a:before {
  padding-top: 100%;
}

.p-list-E .item {
  display: block;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-list-E .item {
    padding-right: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
  }
}

.p-list-E .item .text {
  text-align: center;
}

.p-list-E .item .text .heading {
  line-height: calc(24 / 15);
  letter-spacing: 0em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

.p-list-E .item .text .sub {
  border-bottom: 1px solid #e9e9e9;
}

.p-list-E .item .text time {
  line-height: calc(16 / 16);
  letter-spacing: 0em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  font-weight: 500;
}

.p-list-E .item .c-image-a:before {
  padding-top: 75.18797%;
}

.c-width-a, .l-container {
  max-width: 1920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .c-width-a, .l-container {
    width: 100%;
  }
}

.c-width-b, .p-re-contact, .p-nav-unit .p-nav-unit__inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .c-width-b, .p-re-contact, .p-nav-unit .p-nav-unit__inner {
    width: calc((1048 * 100) / 1920 * 1vw);
    max-width: 1048px;
  }
}

.c-width-c {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.c-width-d {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .c-width-d {
    width: calc((1420 * 100) / 1920 * 1vw);
    max-width: 1420px;
  }
}

/* -----------------------------------------------------------------------------
   #Project
   -------------------------------------------------------------------------- */
#tinymce {
  background-color: #FFF !important;
}

#tinymce:after {
  display: none !important;
}

.c-heading-lg {
  font-weight: bold;
  line-height: 1.6;
  border-bottom: 2px solid #292929;
}

.c-heading-md {
  line-height: 1.8;
  font-weight: bold;
}

.c-heading-sm {
  line-height: 1.8;
  font-weight: bold;
}

ol {
  counter-reset: li;
  /* li のカウンタを 0 にセット */
  list-style: none;
  padding: 0;
  margin: 0;
}

ol > li {
  margin-bottom: calc(var(--spacer) * 1.5);
}

ol > li:before {
  font-weight: bold;
  counter-increment: li;
  /* li の数を一つずつ増加 */
  content: counter(li) ". ";
  /* 数を表示 */
}

img.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.wp-pagenavi {
  text-align: center;
  font-family: DINAlternate, "DINAlternate", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 1.04167vw!important;
  font-weight: 400;
}

.wp-pagenavi .pages {
  display: none;
}

.wp-pagenavi .page {
  color: #989898;
}

.wp-pagenavi .current {
  color: #292929;
  font-weight: 400!important;
}

.wp-pagenavi .nextpostslink{
  background: url("../image/arrow_next.png") 50% 50% no-repeat;
  background-size: 0.67708vw auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: inline-flex;
}

.wp-pagenavi .previouspostslink{
  background: url("../image/arrow_prev.png") 50% 50% no-repeat;
  background-size: 0.67708vw auto;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  display: inline-flex;
}

@media screen and (max-width: 992px) {
  .wp-pagenavi {
    font-size: 1.0em!important;
  }

  .wp-pagenavi .nextpostslink,
  .wp-pagenavi .previouspostslink{
    background-size: 1.35416vw auto;
  }
}

.p-contact {
  text-align: center;
  color: #FFF;
}

.p-contact .c-btn-lg span:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400;
  content: '\f0e0';
  color: #FFF;
}

.p-contact__tel {
  background-image: url("../image/free-d-icon.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 950px) {
  .p-contact__tel {
    background-size: 28px;
  }
}

.p-top-ticker-w {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  background-color: #efeeec;
  --size-a: 50px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 54px;
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w {
    width: calc((1226 * 100) / 1920 * 1vw);
    max-width: 1226px;
  }
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w {
    --size-a: 110px;
    margin-top: initial;
    width: calc((1300 * 100) / 1920 * 1vw);
    max-width: 1300px;
  }
}

.p-top-ticker-w .heading {
  height: 24px;
  top: -24px;
  background-color: #c4c2c3;
  position: absolute;
  left: 0;
  z-index: 10;
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: #FFF;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: calc(18 / 13);
  letter-spacing: 0.4em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  font-weight: 600;
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w .heading {
    height: calc((58 * 100) / 1920 * 1vw);
    top: calc((-58 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w .heading {
    max-width: 261px;
    width: calc((261 * 100) / 1920 * 1vw);
  }
}

.p-top-ticker-w .p-top-ticker {
  overflow: hidden;
  height: 50px;
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w .p-top-ticker {
    height: calc((60 * 100) / 1920 * 1vw);
  }
}

.p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item {
  height: calc((60 * 100) / 1920 * 1vw);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  place-items: center start;
  overflow: hidden;
  width: 280px;
  position: relative;
  z-index: 2;
  margin-left: 10px;
  width: calc(100% - var(--size-a)*1 - 20px);
  line-height: calc(18 / 13);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
}

@media screen and (min-width: 950px) {
  .p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item {
    margin-left: 77px;
    width: calc(100% - var(--size-a)*2 - 20px);
  }
}

.p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item time {
  color: #989898;
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item .timeright {
    padding-left: 50px;
  }
}

.p-top-ticker-w .p-top-ticker .swiper-button-pn {
  position: absolute;
  right: 0;
  top: 0;
}

.p-top-ticker-w .p-top-ticker .swiper-button-pn .btn {
  background-color: #292929;
  height: calc(0.5 * var(--size-a));
  width: var(--size-a);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 5;
  cursor: pointer;
}

.p-top-ticker-w .p-top-ticker .swiper-button-pn .btn span.s01 {
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.p-top-ticker-w .p-top-ticker .swiper-button-pn .btn span.s02 {
  width: 5px;
  height: 5px;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  -webkit-transform: rotate(-132deg);
          transform: rotate(-132deg);
}

.p-top-ticker-w .p-top-ticker .swiper-button-pn .swiper-button-prev {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w .p-top-ticker .swiper-button-pn .swiper-button-prev {
    height: calc((30 * 100) / 1920 * 1vw);
  }
}

.p-top-ticker-w .p-top-ticker .swiper-button-pn .swiper-button-next {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

@media screen and (min-width: 992px) {
  .p-top-ticker-w .p-top-ticker .swiper-button-pn .swiper-button-next {
    height: calc((30 * 100) / 1920 * 1vw);
  }
}

.p-top-ticker-w .p-top-ticker .swiper-pagination {
  display: none;
  width: var(--size-a);
  height: calc((60 * 100) / 1920 * 1vw);
  position: absolute;
  right: var(--size-a);
  left: auto !important;
  top: 0;
}

@media screen and (min-width: 950px) {
  .p-top-ticker-w .p-top-ticker .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-top-ticker-w .p-top-ticker .swiper-pagination .swiper-pagination-current {
  margin-right: 5px;
}

.p-top-ticker-w .p-top-ticker .swiper-pagination .swiper-pagination-total {
  margin-left: 5px;
}

/*.p-main-image-spacer {
    padding-left: $btn-w-a;
    padding-right: $btn-w-a;
}*/
.p-main-image {
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100vw;
  --size-pn:50px;
}

@media screen and (min-width: 992px) {
  .p-main-image {
    left: initial !important;
    width: auto !important;
    -webkit-transform: initial !important;
            transform: initial !important;
  }
}

.p-main-image .swiper-pagination {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 200px !important;
  width: var(--btn-w) !important;
  background-color: #000;
  color: #ff944b;
  position: absolute;
  left: calc(-1 * var(--btn-w));
  top: 50% !important;
  -webkit-transform: translateY(-50%) !important;
          transform: translateY(-50%) !important;
  z-index: 100;
}

@media screen and (min-width: 992px) {
  .p-main-image .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-main-image .swiper-pagination .swiper-pagination-current,
.p-main-image .swiper-pagination .swiper-pagination-total {
  color: #FFF;
}

@media screen and (min-width: 992px) {
  .p-main-image {
    --size-pn: 80px;
  }
}

@media screen and (min-width: 1500px) {
  .p-main-image {
    --size-pn: 120px;
  }
}

.p-main-image .swiper-button-pn {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none;
}

@media screen and (min-width: 950px) {
  .p-main-image .swiper-button-pn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-main-image .swiper-button-pn .btn {
  position: relative;
  width: calc((120 * 100) / 1920 * 1vw);
  max-width: 120px;
  height: calc((120 * 100) / 1920 * 1vw);
  max-height: 120px;
  background-color: #FFF;
  z-index: 10;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-main-image .swiper-button-pn .btn img {
  width: 30%;
}

.p-main-image .swiper-button-pn .swiper-button-next:after {
  content: "";
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 50%;
  width: 1px;
  background-color: #eaeaea;
  position: absolute;
  left: 0;
  top: 50%;
}

.p-main-image .swiper-slide {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  height: 500px;
}

@media screen and (min-width: 992px) {
  .p-main-image .swiper-slide {
    height: auto;
  }
}

@media screen and (min-width: 992px) {
  .p-main-image .swiper-slide.c-image-a:before {
    padding-top: 58.82353%;
  }
}

.p-main-image .swiper-slide {
  z-index: 10;
}

.p-main-image:before {
  position: absolute;
  content: "";
  left: 0px;
  top: 0;
  background-color: #FFF;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.p-main-image:after {
  position: absolute;
  content: "";
  right: 1px;
  top: 0;
  background-color: #FFF;
  width: 100%;
  height: 100%;
  z-index: 100;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.swiper-container {
  margin-left: auto !important;
  margin-right: auto !important;
}

.swiper-nav {
  position: relative;
}

.swiper-nav .swiper-nav__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 300px;
  height: 24px;
  position: relative;
}

.swiper-nav .swiper-nav__inner .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  height: 24px;
  line-height: 24px;
  left: 50%;
  bottom: 0;
  z-index: 5;
  -webkit-transform: translateX(-50%) !important;
          transform: translateX(-50%) !important;
}

.swiper-nav .swiper-nav__inner .swiper-button-next {
  position: absolute;
  right: 0;
}

.swiper-nav .swiper-nav__inner .swiper-button-prev {
  position: absolute;
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

.p-top-information {
  margin-top: calc(40 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-column-gap: 30px;
}

@media screen and (min-width: 992px) {
  .p-top-information {
    margin-top: clamp(calc(40 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-top-information {
    width: calc((1560 * 100) / 1920 * 1vw);
    max-width: 1560px;
  }
}

@media screen and (min-width: 992px) {
  .p-top-information {
    -ms-grid-columns: 1fr 45%;
        grid-template-columns: 1fr 45%;
    width: 95% !important;
  }
}

@media screen and (min-width: 1500px) {
  .p-top-information {
    -ms-grid-columns: 1fr 40%;
        grid-template-columns: 1fr 40%;
  }
}

.p-top-information .area-a {
  border: 2px solid #ff944b;
  border-radius: 20px;
  padding-top: calc(20 * 1px);
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-top-information .area-a {
    padding-top: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-top-information .area-a {
    padding-right: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-top-information .area-a {
    padding-bottom: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-top-information .area-a.important {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 40px;
  grid-row-gap: calc(var(--spacer) * 2.5);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

@media screen and (min-width: 1500px) {
  .p-top-information .area-a.important {
    -ms-grid-columns: 0.8fr 1fr;
        grid-template-columns: 0.8fr 1fr;
  }
}

.p-top-information .area-a.important .heading {
  display: -ms-grid;
  display: grid;
  place-items: center;
  text-align: center;
  position: relative;
}

.p-top-information .area-a.important .heading .title {
  display: inline-block;
  line-height: calc(32 / 20);
  letter-spacing: 0.1em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  color: #ff944b;
  border-bottom: 1px solid #ff944b;
}

@media screen and (min-width: 1500px) {
  .p-top-information .area-a.important .heading:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    top: 0;
    background-color: #eaeaea;
  }
}

.p-top-information .area-a.important .heading .br {
  display: none;
}

@media screen and (min-width: 1500px) {
  .p-top-information .area-a.important .heading .br {
    display: block;
  }
}

.p-top-information .area-a .text {
  display: -ms-grid;
  display: grid;
  place-items: center start;
}

.p-top-information .area-a .text__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 1.5);
  font-size: 13px;
}

.p-top-information .area-a .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  place-items: start start;
}

.p-top-information .area-a .item time {
  color: #989898;
}

.p-top-modelhouse {
  position: relative;
  padding-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-top-modelhouse {
    padding-top: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-top-modelhouse:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: #f7f7f7;
  height: 100%;
  width: 200%;
  z-index: -2;
}

.p-top-modelhouse .item {
  text-align: center;
}

.p-top-modelhouse .item .heading {
  line-height: calc(32 / 20);
  letter-spacing: 0em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  margin-bottom: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-top-modelhouse .item .heading {
    margin-bottom: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-top-modelhouse .item .heading br {
  display: none;
}

.p-top-modelhouse .p-top-modelhouse__inner {
  background-color: #FFF;
  padding: calc(var(--spacer) * 4);
  display: -ms-grid;
  display: grid;
  margin-left: 15px;
  margin-right: 15px;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-top-modelhouse .p-top-modelhouse__inner {
    text-align: left;
    padding: calc(var(--spacer) * 6);
    margin-left: 0;
    margin-right: 0;
    padding-top: calc(var(--spacer) * 6);
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-top-modelhouse .p-top-modelhouse__inner .info {
  color: #616161;
  line-height: calc(68 / 48);
  letter-spacing: 0em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 48 * 1vw), calc(48 * 1px));
}

.p-list-mh .item {
  display: block;
  padding: 0 15px;
}

@media screen and (min-width: 992px) {
  .p-list-mh .item {
    padding: 0;
  }
}

.p-list-mh .item .text {
  text-align: center;
}

.p-list-mh .item .text .sub {
  border-bottom: 1px solid #eaeaea;
}

.p-list-mh .item .c-image-w {
  padding: 20px;
  background-color: #FFF;
}

@media screen and (min-width: 992px) {
  .p-list-mh .item .c-image-w {
    padding: 0;
    background-color: none;
  }
}

.p-list-mh .item .c-image-a:before {
  padding-top: 62.5%;
}

.p-list-mh .swiper-wrapper {
  display: -ms-grid;
  display: grid;
  grid-row-gap: var(--s-spacer-s);
}

@media screen and (min-width: 992px) {
  .p-list-mh .swiper-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

.p-top-concept-title {
  margin-top: calc(40 * 1px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: clamp(calc(100 * 1px), calc((162 * 100) / 1920 * 1vw), calc(162 * 1px));
  background-image: url(../image/p-nav-unit-image.png);
  background-position: center bottom;
  background-repeat: no-repeat;
}

@media screen and (min-width: 992px) {
  .p-top-concept-title {
    margin-top: clamp(calc(40 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

.p-top-concept-title .heading {
  text-transform: uppercase;
  line-height: calc(35 / 27);
  letter-spacing: 0.4em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 27 * 1vw), calc(27 * 1px));
  white-space: nowrap;
}

.p-top-concept {
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-top-concept {
    padding-bottom: var(--s-spacer-s);
  }
}

.p-top-concept:after {
  position: absolute;
  content: "";
  display: none;
  left: 0;
  background-color: #f8f8f8;
  height: 90%;
  width: 200%;
  z-index: -1;
}

@media screen and (min-width: 992px) {
  .p-top-concept:after {
    bottom: 0;
    display: block;
  }
}

.p-top-concept .item {
  display: -ms-grid;
  display: grid;
      grid-template-areas: "area-a" "area-b" "area-c";
  background-color: #f8f8f8;
  grid-row-gap: calc(var(--spacer) * 4);
  padding: calc(15px + calc(var(--spacer) * 2.5));
  /*margin: 0 calc(50% - 50vw) !important;
    width: 100vw;*/
}

@media screen and (min-width: 992px) {
  .p-top-concept .item {
        grid-template-areas: "area-a" "area-b";
    background-color: none;
    padding: 0;
    width: auto;
    margin: 0 !important;
  }
}

.p-top-concept .item .c-image-a {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
}

@media screen and (min-width: 992px) {
  .p-top-concept .item .c-image-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: area-a;
  }
}

.p-top-concept .item .text {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
}

@media screen and (min-width: 992px) {
  .p-top-concept .item .text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-top-concept .item .btn {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area-c;
}

@media screen and (min-width: 992px) {
  .p-top-concept .item .btn {
    display: none;
  }
}

.p-top-concept-a {
  background-image: url("/wp-content/uploads/2021/04/top-concept-image1.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: clamp(calc(200 * 1px), calc((360 * 100) / 1920 * 1vw), calc(360 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
}

.p-top-concept-a .heading {
  line-height: calc(39 / 31);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 31 * 1vw), calc(31 * 1px));
}

@media screen and (min-width: 950px) {
  .p-top-concept-a .heading {
    letter-spacing: 20px;
  }
}

.p-top-spacer-a {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-top-spacer-a {
    margin-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

.p-top-spacer-b {
  margin-top: calc(60 * 1px);
}

@media screen and (min-width: 992px) {
  .p-top-spacer-b {
    margin-top: clamp(calc(60 * 1px), calc((260 * 100) / 1920 * 1vw), calc(260 * 1px));
  }
}

.p-top-spacer-c {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-top-spacer-c {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

.top-c-columns,
.top-c-styke {
  margin-top: calc(120 * 1px);
}

@media screen and (min-width: 992px) {
  .top-c-columns,
  .top-c-styke {
    margin-top: clamp(calc(60 * 1px), calc((260 * 100) / 1920 * 1vw), calc(260 * 1px));
  }
}

.uvc-cus {
  letter-spacing: 0.2em !important;
}

@media screen and (min-width: 992px) {
  .uvc-cus {
    letter-spacing: 0.3em !important;
  }
}

.value-lay {
  position: relative;
}

@media screen and (min-width: 992px) {
  .value-lay {
    position: relative;
    width: 92%;
    margin: 180px auto 180px;
  }
}

@media screen and (min-width: 992px) {
  .value-lay:after {
    top: 130px;
    display: block;
    position: absolute;
    content: "";
    background-color: #fafafa;
    height: 40%;
    z-index: -1;
    left: -100%;
    right: -100%;
    width: 100vw;
    margin: auto;
  }
}

.value-lay .cus_layout001 {
  grid-row-gap: calc(var(--spacer) * 10);
}

.value-lay .eng {
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--spacer) * 4);
}

.value-lay .eng:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#f8e7fd), to(#ffc9a8));
  background: linear-gradient(to right, #f8e7fd 0%, #ffc9a8 100%);
  z-index: -1;
}

.value-lay .item {
  background-color: #f8f8f8;
  grid-row-gap: calc(var(--spacer) * 4);
  padding: calc(15px + calc(var(--spacer) * 2.5));
  padding-top: calc(15px + calc(var(--spacer) * 4.5));
  position: relative;
}

@media screen and (min-width: 992px) {
  .value-lay .item {
    padding: 0;
    background: none;
  }
}

.value-lay .item .cursive {
  text-align: right;
  margin-top: -5px;
  padding-right: 10px;
  position: absolute;
  z-index: 10;
  font-family: "Autograf";
  line-height: calc(28 / 28);
  letter-spacing: 0em;
  font-size: clamp(calc(36 * 1px), calc((100 / 1920) * 38 * 1vw), calc(38 * 1px));
  line-height: 1 !important;
  color: #ff944c;
  top: -14px;
  left: 5%;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

@media screen and (min-width: 992px) {
  .value-lay .item .cursive {
    top: -1.5vw;
  }
}

.value-lay .item .heading {
  line-height: calc(24 / 15);
  letter-spacing: 0.3em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  margin-bottom: 2em;
}

@media screen and (min-width: 992px) {
  .value-lay .item .heading {
    margin-top: 2em;
    margin-bottom: 2em;
  }
}

.value-lay .item .text {
  margin-top: 1em;
}

.value-lay .item .text p {
  line-height: calc(22 / 12);
  letter-spacing: 0em;
  text-align: left;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
  margin: 2em 0 0.5em 0;
}

@media screen and (min-width: 992px) {
  .value-lay .item .text p {
    margin: 0;
  }
}

.top-column-split {
  width: 92%;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .top-column-split {
    margin: 0 auto 2.7em;
  }
}

.top-column-split .child-list .mb-cates ul {
  border-top: 1px solid #dcdcdc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 3.5em;
  position: relative;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}

@media screen and (min-width: 992px) {
  .top-column-split .child-list .mb-cates ul {
    display: none;
  }
}

.top-column-split .child-list .mb-cates ul li {
  position: relative;
  top: -1px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #ffffff;
  border-top: 1px solid #dcdcdc;
}

.top-column-split .child-list .mb-cates ul li:hover {
  background: #ffffff;
  border: 1px solid #dcdcdc;
  border-top: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.top-column-split .child-list .mb-cates ul li a {
  display: block;
  width: 150px;
  text-align: center;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-size: 90%;
}

.top-column-split .child-list .mb-cates ul.res li a {
  width: 100px;
}

.top-column-split .child-list .element {
  margin-bottom: calc(var(--spacer) * 10);
}

@media screen and (min-width: 992px) {
  .top-column-split .child-list .element {
    margin-bottom: calc(var(--spacer) * 6);
  }
}

.top-column-split .child-list .element a {
  position: relative;
}

.top-column-split .child-list .element a time {
  font-size: 10px;
  color: #303133;
}

@media screen and (min-width: 992px) {
  .top-column-split .child-list .element a time {
    font-size: 12px;
  }
}

.top-column-split .child-list .element a .syatai-bl {
  font-family: "Autograf";
  line-height: calc(28 / 28);
  letter-spacing: 0em;
  font-size: clamp(calc(36 * 1px), calc((100 / 1920) * 56 * 1vw), calc(56 * 1px));
  line-height: 1 !important;
  color: #42c9e1;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  display: block;
  position: absolute;
}

@media screen and (min-width: 992px) {
  .top-column-split .child-list .element a .syatai-bl {
    position: static;
    margin-left: -0.2em;
  }
}

.top-column-split .child-list .element a .syatai-or {
  font-family: "Autograf";
  line-height: calc(28 / 28);
  letter-spacing: 0em;
  font-size: clamp(calc(36 * 1px), calc((100 / 1920) * 56 * 1vw), calc(56 * 1px));
  line-height: 1 !important;
  color: #ff9351;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  display: block;
  position: absolute;
}

@media screen and (min-width: 992px) {
  .top-column-split .child-list .element a .syatai-or {
    position: static;
    margin-left: -0.2em;
  }
}

.top-column-split .child-list .element a img {
  margin-top: 4.5em;
}

.top-column-split .child-list .element a h3 {
  margin-top: 1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 29.5 * 1vw), calc(29.5 * 1px));
  letter-spacing: 0.46em;
}

.top-column-split .child-list .tax-cate {
  display: none;
}

@media screen and (min-width: 992px) {
  .top-column-split .child-list .tax-cate {
    display: block;
  }
  .top-column-split .child-list .tax-cate ul {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
        -ms-flex-pack: left;
            justify-content: left;
    margin: 0 auto 2em;
  }
  .top-column-split .child-list .tax-cate ul li {
    border: none;
  }
  .top-column-split .child-list .tax-cate ul li a {
    width: auto;
    text-align: left;
    padding-top: 0;
    padding-right: 1em;
    font-size: 11px;
  }
  .top-column-split .child-list .tax-cate ul li a:before {
    content: "#";
    margin-right: 3px;
  }
}

.top-c-catelistpc {
  display: none;
}

@media screen and (min-width: 992px) {
  .top-c-catelistpc {
    display: block;
    border-top: 1px solid #dcdcdc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 3% auto 0;
    position: relative;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }
  .top-c-catelistpc li {
    position: relative;
    top: -1px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid #ffffff;
    border-top: 1px solid #dcdcdc;
  }
  .top-c-catelistpc li:hover {
    background: #ffffff;
    border: 1px solid #dcdcdc;
    border-top: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .top-c-catelistpc li a {
    display: block;
    width: 10vw;
    text-align: center;
    padding: 8% 0;
  }
}

.cus-works {
  margin-top: 120px;
}

@media screen and (min-width: 992px) {
  .cus-works {
    margin-top: var(--s-spacer);
  }
}

.cus-works02 {
  margin-bottom: 40px;
}

@media screen and (min-width: 992px) {
  .cus-works02 {
    margin-bottom: var(--s-spacer-s);
  }
}

.p-blog-title {
  height: clamp(calc(250 * 1px), calc((500 * 100) / 1920 * 1vw), calc(500 * 1px));
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-blog-title img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-blog-title img {
    max-width: 419px;
    width: calc((419 * 100) / 1920 * 1vw);
  }
}

.p-blog-archive-title {
  text-align: center;
  display: none;
}

.post-type-archive-blog .p-blog-archive-title {
  display: none;
}

.post-type-archive-blog.date .p-blog-archive-title {
  /*display: block !important;*/
}

.p-blog-list .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 35% 1fr;
      grid-template-columns: 35% 1fr;
  grid-column-gap: 15px;
}

@media screen and (min-width: 992px) {
  .p-blog-list .item {
    display: block;
    border-bottom: 1px solid #c4c2c3;
    padding-bottom: calc(var(--spacer) * 4);
  }
}

.p-blog-list .item .cat {
  color: #ff944b;
  font-weight: 500;
  letter-spacing: 3px;
}

.p-blog-list .item .heading {
  line-height: calc(24 / 17);
  letter-spacing: 0em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
}

@media screen and (min-width: 992px) {
  .p-blog-list .item .heading {
    margin-top: calc(var(--spacer) * 4);
  }
}

.p-blog-list .item .excerpt {
  line-height: calc(22 / 12);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
}

.p-blog-list .item .text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.p-blog-list time {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 36px;
  width: 36px;
  left: 5px;
  top: 5px;
  background-color: #FFF;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10;
}

@media screen and (min-width: 992px) {
  .p-blog-list time {
    height: 80px;
    width: 80px;
    left: 10px;
    top: 10px;
  }
}

.p-blog-list time .day {
  line-height: 1 !important;
  font-size: 1.6rem;
  padding-bottom: 2px;
}

@media screen and (min-width: 992px) {
  .p-blog-list time .day {
    font-size: 3rem;
    padding-bottom: 8px;
  }
}

.p-blog-list time .month {
  line-height: 1;
  padding-top: 0;
  font-size: 1.1rem;
  border-top: 1px solid #c4c2c3;
  text-transform: uppercase;
}

@media screen and (min-width: 992px) {
  .p-blog-list time .month {
    padding-top: 8px;
    font-size: 1.5rem;
  }
}

.p-blog-single-content {
  line-height: calc(36 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  color: #989898;
}

.p-blog-list-b {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-blog-list-b {
    margin-top: clamp(calc(40 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

.p-blog-list-b .item {
  text-align: center;
  display: block;
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-blog-list-b .item {
    margin-top: clamp(calc(100 * 1px), calc((150 * 100) / 1920 * 1vw), calc(150 * 1px));
  }
}

.p-blog-list-b .item .heading {
  letter-spacing: 3px;
}

.p-blog-list-b .item .excerpt {
  max-width: 700px;
  color: #989898;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.p-blog-list-b .item .excerpt:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: "";
  width: 24px;
  height: 1px;
  background-color: #989898;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-blog-list-b .item .excerpt:before {
  position: absolute;
  top: 0;
  left: 50%;
  content: "";
  width: 24px;
  height: 1px;
  background-color: #989898;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-blog-list-b .item .c-image-a:before {
  padding-top: 41.66667%;
}

.p-blog-list-b .item time {
  color: #989898;
  position: relative;
  display: block;
  letter-spacing: 3px;
}

.p-blog-list-b .item time:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
}

.p-blog-list-b .item:first-child {
  margin-top: 0;
}

.p-blog-writer {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 10px;
  color: #989898;
  letter-spacing: 2px;
}

.p-blog-writer img {
  margin-top: 2px;
  margin-right: 5px;
}

.p-blog-list-c {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 4);
}

.p-blog-list-c .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 1fr;
      grid-template-columns: 90px 1fr;
  grid-column-gap: 20px;
  grid-row-gap: calc(var(--spacer) * 4);
}

.p-blog-list-c .item time {
  color: #989898;
}

.p-blog-list-c .item .text {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.p-blog-list-c .item .c-image-a:before {
  padding-top: 100%;
}

.p-blog-single {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-column-gap: 4%;
  grid-row-gap: var(--s-spacer);
}

@media screen and (min-width: 992px) {
  .p-blog-single {
    width: calc((1424 * 100) / 1920 * 1vw);
    max-width: 1424px;
  }
}

@media screen and (min-width: 992px) {
  .p-blog-single {
    -ms-grid-columns: 1fr 300px;
        grid-template-columns: 1fr 300px;
  }
}

@media screen and (min-width: 1500px) {
  .p-blog-single {
    grid-column-gap: 70px;
  }
}

.p-blog-single .heading-a {
  color: #989898;
  line-height: 1 !important;
  border-bottom: 1px solid #989898;
  line-height: calc(36 / 23);
  letter-spacing: 0em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 23 * 1vw), calc(23 * 1px));
}

.p-blog-single .area-a {
  position: relative;
}

.p-blog-single .p-blog-time-a {
  color: #989898;
  position: relative;
  display: block;
  letter-spacing: 3px;
}

.p-blog-single .p-blog-time-a:before {
  content: "";
  width: 300%;
  height: 1px;
  background-color: #eaeaea;
  position: absolute;
  bottom: 10%;
  right: 0;
  z-index: -1;
}

.p-blog-single .main-image:before {
  padding-top: 66.71114%;
}

.p-blog-heading {
  line-height: calc(36 / 30);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  margin-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  color: #363636;
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-blog-heading {
    margin-top: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-blog-heading {
    padding-bottom: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-blog-heading:before {
  content: "";
  height: 1px;
  width: 25px;
  background-color: #989898;
  position: absolute;
  left: 0;
  bottom: 0;
}

.p-blog-archive-list .p-blog-archive-btn {
  padding-left: 1.2em;
  cursor: pointer;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-blog-archive-list .p-blog-archive-btn:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f054";
  color: #c4c2c3;
  position: absolute;
  left: 0;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
}

.p-blog-archive-list .p-blog-archive-btn.open:before {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.p-blog-archive-list ul {
  padding-left: 1.2em;
  display: none;
}

.p-blog-archive-list ul.open {
  display: block;
}

.p-author .furigana {
  font-size: 10px;
  color: #989898;
  letter-spacing: 2px;
}

.p-author .position {
  color: #989898;
}

.p-author .name {
  letter-spacing: 5px;
}

.p-author .p-writer__image {
  max-width: 100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: clamp(calc(100 * 1px), calc((150 * 100) / 1920 * 1vw), calc(150 * 1px));
  margin-left: initial;
  margin-right: initial;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (min-width: 992px) {
  .p-author .p-writer__image {
    max-width: 150px;
    width: calc((150 * 100) / 1920 * 1vw);
  }
}

.p-author .p-writer__image-none {
  max-width: 100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: clamp(calc(100 * 1px), calc((150 * 100) / 1920 * 1vw), calc(150 * 1px));
  margin-left: initial;
  margin-right: initial;
  background-color: #EEE;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media screen and (min-width: 992px) {
  .p-author .p-writer__image-none {
    max-width: 150px;
    width: calc((150 * 100) / 1920 * 1vw);
  }
}

.p-author .column-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap;
}

.p-blog-related-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}

.p-blog-related-list .item {
  width: 50%;
  text-align: center;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-blog-related-list .item {
    width: 20%;
  }
}

@media screen and (min-width: 992px) {
  .p-blog-related-list .item {
    padding-right: clamp(calc(20 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-blog-related-list .item .heading {
  line-height: calc(16 / 12);
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
}

.p-blog-related-list .item time {
  display: block;
  line-height: calc(17 / 17);
  letter-spacing: 0em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
  color: #989898;
}

.p-blog-related-list .item .c-image-a:before {
  padding-top: 100%;
}

.p-blog-related-list .swiper-nav-w {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.p-blog-related-list .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-blog-related-list.active {
  position: relative;
}

.p-blog-related-list.active .swiper-wrapper {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
}

.p-works-title {
  background: url("../image/title_works_img.png") right 3.125vw no-repeat;
  background-size: 7.396vw auto;
  margin-bottom: 5.2vw;
  margin-left: 8.75vw;
  margin-right: 8.75vw;
  margin-top: 3.125vw;
  padding-top: 4.6875vw;
  position: relative;
  text-align: right;
}

.p-works-title::after {
  background: url("../image/title_works_line.png") right top no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  left: 0;
  top: 0;
  height: 17vw;
  position: absolute;
  width: 77.5vw;
  z-index: -1;
}

.p-works-title.single::after {
  background: url("../image/title_works_line02.png") right top no-repeat;
  background-size: 100% auto;
  content: "";
  display: block;
  left: 0;
  top: 0;
  height: 17vw;
  position: absolute;
  width: 89vw;
  z-index: -1;
}

.p-works-title .title{
  color: #7f7e7e;
  font-family: 'Cormorant Garamond', serif;
  font-size: 4.166vw;
  line-height: 1.8;
  letter-spacing: 0.075em;
  padding-right: 0.78125vw;
}

.p-works-title .eng{
  color: #b4b4b4;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 1.3;
  padding-right: 1.5625vw;
}

.p-works-title .text{
  color: #a4a4a4;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.8em;
  letter-spacing: 0.35em;
  margin-top: 1.25vw;
  padding-right: 1.5625vw;
}

@media screen and (max-width: 992px) {
  .p-works-title {
    background: url("../image/title_works_img.png") right 3.125vw no-repeat;
    background-size: 13.2vw auto;
  }

  .p-works-title::after,
  .p-works-title.single::after {
    display: block;
  }
  
  .p-works-title .title{
    font-size: 7.377vw;
  }

  .p-works-title .eng{
    font-size: 1vw;
  }

  .p-works-title .text{
    font-size: 1.5vw;
  }
}

.p-works-title-a {
  text-align: center;
  width: 100%;
  margin-bottom: 1.4166vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3.33vw;
}

.p-works-title-a .owner_eng {
  color: #a9a8a8;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 3.385vw;
  letter-spacing: 0.1em;
  line-height: 1.1;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 16.3vw;
}

.p-works-title-a .owner_eng span{
  color: #691e22;
}

.p-works-title-a .owner_eng::before,
.p-works-title-a .owner_eng::after {
  background: #DDDBDB;
  content: "";
  height: 1px;
  top: 2.2vw;
  position: absolute;
  width: 11.198vw;
}

.p-works-title-a .owner_eng::before {
  left: -11.198vw;
}

.p-works-title-a .owner_eng::after {
  right: -11.198vw;
}

.p-works-title-a .address_eng {
  color: #909090;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0.2em;
}

.p-works-title-a .heading {
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.5625vw;
  letter-spacing: 0.1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.1vw;
  position: relative;
  width: 85vw;
}

.p-works-title-a .heading::after {
  background: url("../image/line.png") 0 0 no-repeat;
  background-size: 85vw 0.2083vw;
  bottom: -1vw;
  content: "";
  height: 0.2083vw;
  left: 0;
  position: absolute;
  width: 85vw;
}

@media screen and (max-width: 992px) {
  .p-works-title-a .owner_eng {
    font-size: 6.770vw;
    width: 32.6vw;
  }
  .p-works-title-a .owner_eng::before,
  .p-works-title-a .owner_eng::after {
    height: 1px;
    top: 4.4vw;
    width: 22.396vw;
  }
  
  .p-works-title-a .owner_eng::before {
    left: -22.396vw;
  }
  
  .p-works-title-a .owner_eng::after {
    right: -22.396vw;
  }

  .p-works-title-a .address_eng {
    font-size: 1.354vw;
  }

  .p-works-title-a .heading {
    font-size: 3.125vw;
    margin-top: 2.2vw;
  }
}

.p-style-title-jp{
  background: url("../image/title_style_line.png") right 0.1vw no-repeat;
  background-size: 100vw auto;
  position: absolute;
  left: 0;
  text-align: center;
  top: 17vw;
  width: 100vw;
}

.p-style-title-jp div{
  color: #8d8c8c;
  font-feature-settings: "palt" 1;
  font-size: 1.9645vw;
  letter-spacing: 1.5em;
  padding-left: 1.5em;
}

.p-style-title-jp span{
  color: #b5b5b5;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.9vw;
  letter-spacing: 0.25em;
  display: block;
}

.p-style-title {
  margin-bottom: 5.2vw;
  margin-left: 80px;
  margin-right: 80px;
  margin-top: 5.5vw;
  position: relative;
  text-align: right;
}

.p-style-title .title{
  color: #7f7e7e;
  font-family: 'Cormorant Garamond', serif;
  font-size: 4.166vw;
  line-height: 1.8;
  letter-spacing: 0.075em;
  padding-right: 0.78125vw;
}

.p-style-title .eng{
  color: #b4b4b4;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 1.3;
  padding-right: 1.5625vw;
}

.p-style-title .text{
  color: #a4a4a4;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.8em;
  letter-spacing: 0.35em;
  margin-top: 1.25vw;
  padding-right: 1.5625vw;
}

.p-style-list{
  margin-top: 4.8vw;
  padding-bottom: 8vw;
  position: relative;
}
.p-style-list::after {
  background: #FAFAFA;
  content: "";
  height: 41.667vw;
  left: 0;
  top: 0;
  position: absolute;
  width: 100vw;
  z-index: -1;
}

.p-style-list .left_text,
.p-style-list .right_text{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size:0.7734vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 2vw;
  transform: rotate(-90deg);
}

.p-style-list .left_text{
  left: 6.4vw;
}

.p-style-list .right_text{
  right: 6.4vw;
}

.p-style-list .left_text span,
.p-style-list .right_text span{
  color: #969595;
  font-size: 0.75vw;
  letter-spacing: 0;
  padding-left: 0.677vw;
}

.p-style-list ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2vw;
  width: 71.35vw;
}

.p-style-list ul li{
  width: 23.4375vw;
}

.p-style-list ul li dt p{
  color: #a6a6a6;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.7vw;
  height: 1vw;
  letter-spacing: -0.025em;
  margin-top: 1.4vw;
  text-align: center;
}

.p-style-list ul li:nth-child(1) dt p{
  color: #7a0303;
}

.p-style-list ul li:nth-child(2) dt p span{
  color: #97abcf;
  font-size: 0.9vw;
}

.p-style-list ul li:nth-child(3) dt p span{
  color: #c3b555;
  font-size: 0.9vw;
}

.p-style-list ul li dd{
  margin-top: 5.0vw;
  text-align: center;
}

.p-style-list ul li dd .style_logo img{
  height: 3.23vw;
  opacity: 0.85;
}

.p-style-list ul li dd .style_name{
  color: #696767;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em;
  font-size: 1vw;
  margin-top: 0.3vw;
}

.p-style-list ul li dd .style_eng{
  color: #C6C5C5;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.852vw;
  margin-top: 0.15vw;
}

.p-style-list ul li dd .style_ttl{
  color: #6b6666;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.2em;
  font-size: 1.236vw;
  margin-top: 2.0vw;
}

.p-style-list ul li dd .style_text{
  color: #878686;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.18em;
  line-height: 2.52;
  font-size: 0.87vw;
  margin-top: 0.8vw;
  padding-left: 1.145vw;
  padding-right: 1.145vw;
  text-align: left;
}

.p-style-list ul li dd .style_link{
  display: flex;
  justify-content: space-between;
  margin-left: 1.145vw;
  margin-right: 1.927vw;
  margin-top: 3.4375vw;
}

.p-style-list ul li dd .style_link p{
  color: #C6C5C5;
  font-size: 0.6vw;
  letter-spacing: 0.1em;
  margin-top: 0.4vw;
}

.p-style-list ul li dd .style_link a{
  color: #a38b77;
  font-family: 'Marcellus', serif;
  font-size: 1.095vw;
  display: block;
  letter-spacing: -0.025em;
  line-height: 1.0;
  position: relative;
  padding-left: 0.8vw;
  text-align: right;
}

.p-style-list ul li dd .style_link a::before{
  background: url("../image/arrow_next.png") 0 0 no-repeat;
  background-size: 0.9375vw auto;
  content: "";
  height: 2.03125vw;
  left: 0;
  top: 0;
  position: absolute;
  width: 0.9375vw;
}

.p-style-list ul li dd .style_link a span{
  color: #959494;
  display: block;
  font-family: "丸明Yoshino StdN R", serif;
  font-feature-settings: "palt" 1;
  font-size: 0.833vw;
  margin-top: 1.25vw;
}

@media screen and (max-width: 992px) {
  .p-style-title-jp{
    background: none;
    top: 100px;
  }

  .p-style-title-jp div{
    font-size: 3.929vw;
  }

  .p-style-title-jp span{
    font-size: 1.8vw;
  }

  .p-style-title {
    margin-left: 8.75vw;
    margin-right: 8.75vw;
    margin-top: 18vw;
  }
  
  .p-style-title .title{
    font-size: 7.377vw;
  }

  .p-style-title .eng{
    font-size: 1vw;
  }

  .p-style-title .text{
    font-size: 1.5vw;
  }

  .p-style-list{
    padding-bottom: 0;
  }

  .p-style-list::after {
    display: none;
  }

  .p-style-list .left_text,
  .p-style-list .right_text{
    display: none;
  }

  .p-style-list ul{
    padding-top: 0;
    width: 100vw;
  }

  .p-style-list ul li{
    margin-bottom: 5vw;
    margin-top: 5vw;
    width: 100vw;
  }

  .p-style-list ul li dl{
    display: flex;
    justify-content: space-between;
    width: 100vw;
  }

  .p-style-list ul li:nth-child(2) dl{
    flex-direction: row-reverse;
  }

  .p-style-list ul li dt{
    width: 40vw;
  }

  .p-style-list ul li dt img{
    height: 60vw;
    object-fit: cover;
    width: 40vw;
  }

  .p-style-list ul li dt p{
    font-size: 1.4vw;
    height: 2vw;
    margin-top: 2.8vw;
  }

  .p-style-list ul li:nth-child(2) dt p span,
  .p-style-list ul li:nth-child(3) dt p span{
    font-size: 1.8vw;
  }

  .p-style-list ul li dd{
    margin-top: 0;
    padding-left: 5vw;
    padding-right: 5vw;
    width: 60vw;
  }

  .p-style-list ul li dd .style_logo img{
    height: 6vw;
  }

  .p-style-list ul li dd .style_name{
    font-size: 2vw;
  }

  .p-style-list ul li dd .style_eng{
    font-size: 1.704vw;
    margin-top: 1.8vw;
  }

  .p-style-list ul li dd .style_ttl{
    font-size: 2.472vw;
    margin-top: 4.8vw;
  }

  .p-style-list ul li dd .style_text{
    font-size: 1.74vw;
    margin-top: 3.125vw;
    padding-left: 2.29vw;
    padding-right: 2.29vw;
  }

  .p-style-list ul li dd .style_link{
    margin-left: 2.29vw;
    margin-right: 3.854vw;
    margin-top: 6.875vw;
  }

  .p-style-list ul li dd .style_link p{
    font-size: 1.2vw;
    margin-top: 0.8vw;
  }

  .p-style-list ul li dd .style_link a{
    font-size: 2.19vw;
    padding-left: 1.6vw;
  }

  .p-style-list ul li dd .style_link a::before{
    background-size: 1.875vw auto;
    height: 4.0625vw;
    width: 1.875vw;
  }

  .p-style-list ul li dd .style_link a span{
    font-size: 1.666vw;
    margin-top: 2.5vw;
  }
}

.single-style .breadcrumbs-area.block{
  display: block;
  margin-bottom: 4vw;
  margin-top: 6.9vw;
}

.single-style .tp-title.acttl{
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 1.5vw;
}

.style_title_logo{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 54.5vw;
}

.style_title_logo dt{
  height: 4.27vw;
  margin-right: 3.4375vw;
  padding-left: 1.5vw;
}

.style_title_logo dt img{
  height: 4.27vw;
  opacity: 0.85;
}

.style_title_logo dd{
  color: #696767;
  font-family: "丸明Yoshino StdN R", serif;
  font-feature-settings: "palt" 1;
  font-size: 1.83vw;
  letter-spacing: 0.1em;
  line-height: 1.0;
}

.style_title_logo dd span{
  color: #D7D7D7;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: normal;
  font-size: 1.1vw;
  letter-spacing: 0;
  margin-top: 0.7vw;
}

.style_title_back{
  padding-right: 1vw;
  width: 6.0vw;
}

.style_title_back a{
  color: #a38b77;
  font-family: 'Marcellus', serif;
  font-size: 1.095vw;
  display: block;
  letter-spacing: -0.025em;
  line-height: 1.0;
  position: relative;
  text-align: right;
}

.style_title_back a::before{
  background: url("../image/arrow_next.png") 0 0 no-repeat;
  background-size: 0.9375vw auto;
  content: "";
  height: 2.03125vw;
  left: 0;
  top: 0;
  position: absolute;
  width: 0.9375vw;
}

.style_title_back a span{
  color: #959494;
  display: block;
  font-family: "丸明Yoshino StdN R", serif;
  font-feature-settings: "palt" 1;
  font-size: 0.833vw;
  margin-top: 1.25vw;
}

.p-style-single{
  margin-top: 7.3vw;
  position: relative;
}

.p-style-single .st_single_ttl{
  margin-bottom: 6.77vw;
  position: relative;
}

.p-style-single .st_single_ttl .side_text{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 0.8125vw;
  left: 8.5vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 4.4vw;
  transform: rotate(-90deg);
}

.p-style-single .st_single_ttl .side_text span {
  color: #969595;
  font-size: 0.7875vw;
  letter-spacing: 0;
  padding-left: 0.677vw;
}

.p-style-single .st_single_ttl dl{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 20vw;
  width: 62vw;
}

.p-style-single .st_single_ttl dl dt{
  width: 19vw;
}

.p-style-single .st_single_ttl dl dt div{
  color: #866d58;
  font-feature-settings: "palt" 1;
  font-size: 2.094vw;
  letter-spacing: 0.6em;
  line-height: 1.7;
  margin-bottom: 2.9vw;
}

.p-style-single .st_single_ttl dl dt span{
  color: #D7D7D7;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.1vw;
  letter-spacing: 0;
}

.p-style-single .st_single_ttl dl dd{
  width: 35vw;
}

.p-style-single .st_single_ttl dl dd p{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.09375vw;
  letter-spacing: 0.1em;
  list-style: 1.8;
  margin-bottom: 1.0em;
}

.p-style-single .st_single_subttl{
  margin-bottom: 5.677vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 9.74vw;
  padding-bottom: 3.5vw;
  position: relative;
  width: 57.76vw;
}

.p-style-single .st_single_subttl::after{
  background: url("../image/line.png") 0 0 no-repeat;
  background-size: 83.125vw auto;
  bottom: 0;
  content: "";
  height: 4px;
  left: calc(50% - 41.5625vw);
  position: absolute;
  width: 83.125vw;
}

.p-style-single .st_single_subttl dl{
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
}

.p-style-single .st_single_subttl dl dt{
  color: #575757;
  font-feature-settings: "palt" 1;
  font-size: 1.823vw;
  letter-spacing: 0.6em;
  width: 50vw;
}

.p-style-single .st_single_subttl dl dd{
  color: #909090;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0;
  position: relative;
  width: 18.676vw;
}

.p-style-single .st_single_subttl dl dd::after{
  background: url("../image/arrow_next2.png") 50% 50% no-repeat;
  background-size: cover;
  content: "";
  height: 2.8646vw;
  position: absolute;
  right: 0;
  top: calc(50% - 27px);
  width: 1.3021vw;
}

.p-style-single .st_single_subttl .st_single_eng{
  color: #D7D7D7;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.1vw;
  letter-spacing: 0;
  margin-bottom: 1.2vw;
  margin-top: 0.9vw;
}

.p-style-single .st_single_subttl p{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.0417vw;
  letter-spacing: 0.1;
  line-height: 1.9;
}

.p-style-single .st_single_roop ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: 57.76vw;
}

.p-style-single .st_single_roop ul li{
  color: #696767;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1;
  line-height: 1.9;
  margin-bottom: 3.5vw;
  width: 25.677vw;
}

.p-style-single .st_single_roop ul li div{
  border-bottom: 1px solid #E8E8E8;
  font-size: 1.1458vw;
  margin-bottom: 1.3vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.3vw;
  padding-bottom: 0.1vw;
  width: 25vw;
}

.p-style-single .st_single_roop ul li p{
  font-size: 1.0417vw;
  margin-left: auto;
  margin-right: auto;
  width: 25vw;
}

.p-style-single .back_link{
  bottom: 3.333vw;
  padding-right: 1vw;
  position: absolute;
  right: 6.5vw;
  width: 6.0vw;
}

.p-style-single .back_link a{
  color: #a38b77;
  font-family: 'Marcellus', serif;
  font-size: 1.095vw;
  display: block;
  letter-spacing: -0.025em;
  line-height: 1.0;
  position: relative;
  text-align: right;
}

.p-style-single .back_link a::before{
  background: url("../image/arrow_next.png") 0 0 no-repeat;
  background-size: 0.9375vw auto;
  content: "";
  height: 2.03125vw;
  left: 0;
  top: 0;
  position: absolute;
  width: 0.9375vw;
}

.p-style-single .back_link a span{
  color: #959494;
  display: block;
  font-family: "丸明Yoshino StdN R", serif;
  font-feature-settings: "palt" 1;
  font-size: 0.833vw;
  margin-top: 1.25vw;
}

.p-style-single .st_single_gallery_slide {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 31.0vw!important;
}

.p-style-single .st_single_gallery_slide::before{
  background: #F8F8F8;
  content: "";
  height: 36.1vw;
  left: -34.5vw;
  position: absolute;
  top: 10.43125vw;
  width: 100vw;
}

.style_splide .splide__slide {
  margin-left: 1.04vw;
  margin-right: 1.04vw;
  width: 46.66vw !important;
}

.style_splide.gallery .splide__slide {
  margin-left: 0;
  margin-right: 0;
  width: 31.0vw !important;
}

.style_splide .splide__slide .images,
.style_splide .splide__slide .images img{
  height: 27.92vw !important;
  object-fit: cover;
  width: 46.66vw !important;
}

.style_splide.gallery .splide__slide .images,
.style_splide.gallery .splide__slide .images img{
  height: 46.5vw !important;
  object-fit: cover;
  width: 31.0vw !important;
}

.style_splide .splide__slide .text{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.0417vw;
  letter-spacing: 0.1em;
  line-height: 1.9;
  margin-bottom: 3.333vw;
  margin-top: 4.58vw;
}

.style_splide .splide__track::after{
  background: url(../image/line_event.png) 0 0 no-repeat;
  background-size: 88vw auto;
  bottom: 0;
  content: "";
  height: 3px;
  left: 6vw;
  position: absolute;
  width: 88vw;
}

.style_splide.gallery .splide__track::after {
  display: none;
}

.style_splide .splide__pagination {
  bottom: auto;
  flex-wrap: nowrap;
  left: 26.67vw;
  padding-left: 0;
  padding-right: 0;
  right: auto;
  top: 29.0vw;
  width: 46.66vw;
}

.style_splide.gallery .splide__pagination {
  left: 0;
  top: 48.3vw;
  width: 31.0vw;
}

.style_splide .splide__pagination li {
  width: 100%;
}

.style_splide .splide__pagination .splide__pagination__page {
  background: #CAC8C9;
  border-radius: 0;
  height: 2px;
  margin: 0;
  opacity: 1.0;
  position: relative;
  width: 100%;
}

.style_splide .splide__pagination .splide__pagination__page.is-active {
  background: #070707;
  transform: none;
}

.style_splide .splide__arrows .splide__arrow {
  top: 14.3vw;
  height: 6.1458vw;
  width: 6.1458vw;
}

.style_splide.gallery .splide__arrows .splide__arrow {
  display: none;
}

.style_splide .splide__arrows .splide__arrow svg{
  display: none;
}

.style_splide .splide__arrows .splide__arrow.splide__arrow--prev {
  background: url("../image/arrow_prev_style.svg") 50% 50% no-repeat;
  background-size: 6.1458vw auto;
  left: calc(50% - 27.45vw);
}

.style_splide .splide__arrows .splide__arrow.splide__arrow--next {
  background: url("../image/arrow_next_style.svg") 50% 50% no-repeat;
  background-size: 6.1458vw auto;
  right: calc(50% - 27.45vw);
}

@media screen and (max-width:992px) {
  .single-style .tp-title .style_title,
  .single-style .tp-title > span{
    display: none;
  }
  .style_title_logo{
    margin-bottom: 3vw;
    margin-top: 3vw;
    width: 75vw;
  }

  .style_title_logo dt{
    height: 8.54vw;
    margin-right: 3.875vw;
    padding-left: 0;
  }

  .style_title_logo dt img{
    height: 8.54vw;
  }

  .style_title_logo dd{
    font-size: 3.66vw;
  }

  .style_title_logo dd span{
    font-size: 2.2vw;
  }

  .tp-title .style_title_back{
    margin-bottom: 3vw;
    margin-top: 3vw;
    padding-right: 1vw;
    width: 12.0vw!important;
  }

  .tp-title .style_title_back a{
    font-size: 2.19vw;
  }

  .tp-title .style_title_back a::before{
    background-size: 1.875vw auto;
    height: 4.0625vw;
    width: 1.875vw;
  }

  .tp-title .style_title_back a span{
    font-size: 1.666vw;
    margin-top: 2.5vw;
  }

.p-style-single{
  margin-top: 7.3vw;
}

  .p-style-single .st_single_ttl{
    margin-bottom: 13.54vw;
  }

  .p-style-single .st_single_ttl .side_text{
    font-size: 1.625vw;
    left: 1.5vw;
    top: 10.4vw;
  }

  .p-style-single .st_single_ttl .side_text span {
    font-size: 1.575vw;
    padding-left: 1.354vw;
  }

  .p-style-single .st_single_ttl dl{
    margin-left: 15vw;
    width: 70vw;
  }

  .p-style-single .st_single_ttl dl dt{
    width: 70vw;
  }

  .p-style-single .st_single_ttl dl dt div{
    font-size: 6vw;
    margin-bottom: 5.8vw;
  }

  .p-style-single .st_single_ttl dl dt span{
    font-size: 2.2vw;
  }

  .p-style-single .st_single_ttl dl dd{
    margin-top: 8vw;
    width: 70vw;
  }

  .p-style-single .st_single_ttl dl dd p{
    font-size: 2.1875vw;
  }

  .p-style-single .st_single_subttl{
    margin-bottom: 11.354vw;
    margin-top: 19.48vw;
    padding-bottom: 7.0vw;
    width: 70vw;
  }

  .p-style-single .st_single_subttl dl{
    flex-wrap: wrap;
  }

  .p-style-single .st_single_subttl dl dt{
    font-size: 3.646vw;
    width: 70vw;
  }

  .p-style-single .st_single_subttl dl dd{
    font-size: 1.354vw;
    margin-right: 1.40625vw;
    width: 70vw;
  }

  .p-style-single .st_single_subttl dl dd::after{
    height: 5.7292vw;
    top: -4vw;
    width: 2.6042vw;
  }

  .p-style-single .st_single_subttl .st_single_eng{
    display: none;
  }

  .p-style-single .st_single_subttl p{
    font-size: 2.0834vw;
    margin-top: 1.8vw;
  }

  .p-style-single .st_single_roop ul{
    width: 70vw;
  }

  .p-style-single .st_single_roop ul li{
    margin-bottom: 7.0vw;
    width: 32vw;
  }

  .p-style-single .st_single_roop ul li div{
    font-size: 2.2916vw;
    margin-bottom: 2.6vw;
    margin-top: 2.6vw;
    padding-bottom: 0.2vw;
    width: 30vw;
  }

  .p-style-single .st_single_roop ul li p{
    font-size: 2.0834vw;
    width: 30vw;
  }

  .p-style-single .back_link{
    bottom: 6.666vw;
    padding-right: 2vw;
    width: 12.0vw;
  }

  .p-style-single .back_link a{
    font-size: 2.19vw;
  }

  .p-style-single .back_link a::before{
    background-size: 1.875vw auto;
    height: 4.0625vw;
    width: 1.875vvw;
  }

  .p-style-single .back_link a span{
    font-size: 1.666vw;
    margin-top: 2.5vw;
  }

  .style_splide .splide__slide {
    margin-left: 1.04vw;
    margin-right: 1.04vw;
    width: 70vw !important;
  }

  .style_splide .splide__slide .images,
  .style_splide .splide__slide .images img{
    height: 41.88vw !important;
    width: 70vw !important;
  }

  .style_splide .splide__slide .text{
    font-size: 2.0834vw;
    margin-bottom: 6.666vw;
    margin-top: 9.16vw;
  }

  .style_splide .splide__pagination {
    left: 15vw;
    top: 43vw;
    width: 70vw;
  }

  .style_splide .splide__arrows .splide__arrow {
    top: 21.8vw;
  }

  .style_splide .splide__arrows .splide__arrow.splide__arrow--prev {
    left: calc(50% - 39vw);
  }

  .style_splide .splide__arrows .splide__arrow.splide__arrow--next {
    right: calc(50% - 39vw);
  }
}

.p-ebook-title{
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  margin-top: 2.0vw;
  text-align: center;
}

.p-ebook-title .images img{
  margin: 0 auto;
  width: 19.9vw;
}

.p-ebook-title .title{
  color: #484848;
  font-size: 3.125vw;
  line-height: 1.0em;
}

.p-ebook-title .title span{
  color: #a38b77;
  padding-left: 0.2em;
}

.p-ebook-title .eng{
  color: #D7D7D7;
  font-size: 1.105vw;
  margin-bottom: 1.0vw;
  margin-top: 0.5vw;
}

.post-type-archive-ebook .breadcrumbs-area,
.single-ebook .breadcrumbs-area{
  display: none;
}

.post-type-archive-ebook .breadcrumbs-area.block,
.single-ebook .breadcrumbs-area.block{
  display: block;
}

.post-type-archive-ebook .tp-title.acttl,
.single-ebook .tp-title{
  border-bottom: none!important;
  justify-content: flex-start;
  margin-bottom: 1.1vw;
  margin-left: 80px;
  margin-right: 80px;
  margin-top: 3.5vw;
}

.post-type-archive-ebook .tp-subtitle,
.single-ebook .tp-subtitle{
  border-top: 1px solid #e8e8e8;
  margin-left: 80px;
  margin-right: 80px;
  padding-top: 1.5vw;
  max-width: 1760px;
  width: 100%;
}

.post-type-archive-ebook .tp-section .tp-subtitle,
.single-ebook .tp-section .tp-subtitle{
  border-top: none;
  margin-left: 6.5vw;
  margin-right: 6.5vw;
}

.post-type-archive-ebook .ebook-list ul{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 5.0vw;
  margin-top: 5.0vw;
  position: relative;
}

.post-type-archive-ebook .ebook-list ul::after{
  background: url("../image/line_event.png") 0 0 no-repeat;
  background-size: 78.59375vw auto;
  bottom: 0;
  content: "";
  height: 3px;
  left: calc(50% - 39.296875vw);
  position: absolute;
  width: 78.59375vw;
}

.post-type-archive-ebook .ebook-list ul li{
  margin-bottom: 4.5vw;
  margin-left: 1.4vw;
  margin-right: 1.4vw;
  width: 26.666vw;
}

.post-type-archive-ebook .ebook-list ul li .ebook_single_area{
  background: #FAFAFA;
  padding-bottom: 0.8vw;
  padding-top: 1.4vw;
  position: relative;
}

.post-type-archive-ebook .ebook-list ul li .ebook_single_area .image{
  text-align: center;
  width: 24.222vw;
}

.post-type-archive-ebook .ebook-list ul li .ebook_single_area .image img{
  height: 15.88vw;
  object-fit: cover;
  margin-bottom: 0.3vw;
  margin-left: 1.222vw;
  margin-right: 1.222vw;
  width: 24.222vw;
}

.post-type-archive-ebook .ebook-list ul li .ebook_single_area .text{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.1458vw;
  letter-spacing: 0.1em;
  text-align: center;
}

.post-type-archive-ebook .ebook-list ul li .ebook_single_area .time{
  color: #939393;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 0.7734vw;
  letter-spacing: 0.1em;
  line-height: 1.0;
  text-align: center;
}

.post-type-archive-ebook .ebook-list ul li .ebook_single_area .left_text{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 0.7734vw;
  left: -4.0vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 11.9vw;
  transform: rotate(-90deg);
}

.post-type-archive-ebook .ebook-list ul li .ebook_single_area .left_text span{
  color: #969595;
  font-size: 0.75vw;
  letter-spacing: 0;
  padding-left: 0.8vw;
}

.post-type-archive-ebook .ebook-list ul li .ebook_link{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 0.833vw;
  margin-right: 0.833vw;
  margin-top: 2.0vw;
  width: 25vw;
}

.post-type-archive-ebook .ebook-list ul li .ebook_link dt{
  color: #959494;
  font-feature-settings: "palt" 1;
  font-size: 0.833vw;
  letter-spacing: 0;
}

.post-type-archive-ebook .ebook-list ul li .ebook_link dd{
  background: url("../image/arrow_next.png") 0 0 no-repeat;
  background-size: 1.197vw auto;
  color: #a38b77;
  font-family: 'Marcellus', serif;
  font-size: 1.3307vw;
  letter-spacing: -0.025em;
  line-height: 1.0;
  text-align: right;
  width: 5.2083vw;
}

.p-ebook-single_main{
  background: #FAFAFA;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5.88vw;
  position: relative;
  width: 61.77vw;
}

.p-ebook-single_main .left_text{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 1.26vw;
  left: -9.3vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 7.4vw;
  transform: rotate(-90deg);
}

.p-ebook-single_main .left_text span{
  color: #b5b5b5;
  font-size: 0.95vw;
  letter-spacing: 0;
  padding-left: 1.4vw;
}

.p-ebook-single_main .image{
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 3.333vw;
  padding-top: 3.333vw;
  width: 47.4vw;
}

.p-ebook-single_main .image img{
  height: 28.38vw;
  object-fit: cover;
  width: 47.4vw;
}

.p-ebook-single_main .back a,
.p-ebook-single_main .next a{
  color: #a38b77;
  height: 5.88vw;
  display: block;
  font-family: 'Cormorant Garamond', serif;
  font-size: 1.33vw;
  letter-spacing: -0.025em;
  position: absolute;
  top: 21.666vw;
  width: 18vw;
}

.p-ebook-single_main .back a{
  left: -13.333vw;
  padding-left: 5.052vw;
  padding-top: 4.635vw;
  text-align: left;
}

.p-ebook-single_main .next a{
  right: -13.333vw;
  padding-right: 5.052vw;
  padding-top: 4.635vw;
  text-align: right;
}

.p-ebook-single_main .back a::before,
.p-ebook-single_main .next a::before{
  content: "";
  height: 3.125vw;
  line-height: 1.0em;
  top: 0;
  position: absolute;
  width: 1.40625vw;
}

.p-ebook-single_main .back a::before{
  background: url("../image/arrow_prev2.png") 0 0 no-repeat;
  background-size: 1.40625vw auto;
  left: 0;
}

.p-ebook-single_main .next a::before{
  background: url("../image/arrow_next2.png") 0 0 no-repeat;
  background-size: 1.40625vw auto;
  right: 0;
}

.p-ebook-single_main .back a::after,
.p-ebook-single_main .next a::after{
  color: #909090;
  content: "that makes you feel like living in the French countryside";
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0;
  top: 1.4vw;
  position: absolute;
  width: 16vw;
}

.p-ebook-single_main .back a::after{
  right: 0;
  text-align: right;
}

.p-ebook-single_main .next a::after{
  left: 0;
  text-align: left;
}

.p-ebook-single .p-ebook_copy{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.4vw;
  letter-spacing: 0.1em;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-bottom: 2.2vw;
  padding-top: 1.0vw;
  position: relative;
  text-align: center;
}

.p-ebook-single .p-ebook_copy::after,
.p-ebook-single .p-ebook_text::after{
  background: url("../image/line.png") 0 0 no-repeat;
  background-size: 80vw auto;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 80vw;
}

.p-ebook-single .p-ebook_copy_eng{
  color: #BCBCBC;
  font-size: 1.0vw;
  letter-spacing: 0;
  padding-top: 0.5vw;
  text-align: center;
}

.p-ebook-single .p-ebook_text{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.17vw;
  letter-spacing: 0.1em;
  line-height: 2.24;
  margin-left: 10vw;
  margin-right: 10vw;
  padding-bottom: 2.2vw;
  padding-top: 2.0vw;
  position: relative;
  text-align: center;
}

.p-ebook-single .p-ebook_download{
  margin-top: 3.64vw;
  width: 100vw;
}

.p-ebook-single .p-ebook_download .download_title{
  color: #a38b77;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 3.3854vw;
  letter-spacing: 0;
  position: relative;
  text-align: center;
}

.p-ebook-single .p-ebook_download .download_text{
  color: #6b6666;
  letter-spacing: 0.1em;
  line-height: 1.554;
  font-size: 1.17vw;
  padding-bottom: 4.0vw;
  position: relative;
  text-align: center;
}

.p-ebook-single .p-ebook_download .download_text::after{
  background: url("../image/arrow_prev.png") 0 0 no-repeat;
  background-size: 1.40625vw auto;
  bottom: 0;
  content: "";
  height: 3.125vw;
  left: calc(50% - 0.703125vw);
  line-height: 1.0;
  position: absolute;
  transform: rotate(-90deg);
  width: 1.40625vw;
}

.p-ebook-single .p-ebook_download .p-ebook_form{
  background: #F2EFEA;
  margin-top: 3.385vw;
  padding-bottom: 6.25vw;
  padding-top: 5.0vw;
  text-align: left;
}

.p-ebook-single .p-ebook_download .p-ebook_form .reservation-form{
  color: #424242;
  margin-left: auto;
  margin-right: auto;
  width: 51vw;
}

.p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 2.0vw;
}

.p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dt{
  padding-top: 0.6vw;
  width: 13.8vw;
}

.p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dt span{
  display: inline-block;
  position: relative;
}

.p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dd{
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
  letter-spacing: 0.4em;
}

.p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dd .input-test{
  width: 20.5vw;
}

.p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dd.birthday .input-test{
  width: 7.8125vw;
}

.p-ebook-single .p-ebook_download .p-ebook_form .p-contact-submit input{
  background-color: #8A3135;
}

.p-ebook-single .p-ebook_download .p-ebook_form .complete_text{
  text-align: center;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  width: 90vw;
}

.p-ebook-single .p-ebook_download .p-ebook_form .complete_text .u-fs-xl{
  margin-bottom: 1.0em;
}


@media screen and (max-width:992px) {
  .p-ebook-title .images img{
    width: 40vw;
  }

  .p-ebook-title .title{
    font-size: 6.25vw;
  }

  .p-ebook-title .eng{
    font-size: 2.21vw;
    margin-bottom: 2.0vw;
    margin-top: 1vw;
  }

  .post-type-archive-ebook .tp-title.acttl,
  .post-type-archive-ebook .tp-subtitle,
  .single-ebook .tp-title,
  .single-ebook .tp-subtitle{
    margin-left: calc(var(--spacer) * 2.5);
    margin-right: calc(var(--spacer) * 2.5);
    width: calc(100% - 5.0rem);
  }

  .post-type-archive-ebook .tp-title.acttl,
  .post-type-archive-ebook .tp-subtitle,
  .single-ebook .tp-title,
  .single-ebook .tp-subtitle{
    margin-left: calc(var(--spacer) * 2.5);
    margin-right: calc(var(--spacer) * 2.5);
    width: calc(100% - 5.0rem);
  }

  .post-type-archive-ebook .ebook-list ul{
    margin: 8.0vw auto;
    padding-bottom: 3vw;
    width: 90vw;
  }

  .post-type-archive-ebook .ebook-list ul li{
    margin-bottom: 10.0vw;
    margin-left: 0;
    margin-right: 0;
    width: 90vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_single_area{
    padding-bottom: 3.0vw;
    padding-top: 5.0vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_single_area .image{
    width: 74.0vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_single_area .image img{
    height: 49.82vw;
    margin-bottom: 1.2vw;
    margin-left: 8vw;
    margin-right: 8vw;
    width: 74.0vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_single_area .text{
    font-size: 4.0vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_single_area .time{
    font-size: 2.0vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_single_area .left_text{
    font-size: 3.0vw;
    left: -15.0vw;
    top: 37vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_single_area .left_text span{
    font-size: 2.8vw;
    padding-left: 2.2vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_link{
    margin-left: 2.0vw;
    margin-right: 2.0vw;
    margin-top: 6.0vw;
    width: 86vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_link dt{
    font-size: 3vw;
  }

  .post-type-archive-ebook .ebook-list ul li .ebook_link dd{
    background-size: 4.788vw auto;
    font-size: 5.3228vw;
    width: 20.8232vw;
  }

  .p-ebook-single_main{
    margin-top: 10vw;
    width: 80vw;
  }

  .p-ebook-single_main .left_text{
    display: none;
  }

  .p-ebook-single_main .image{
    padding-bottom: 4vw;
    padding-top: 4vw;
    width: 60vw;
  }

  .p-ebook-single_main .image img{
    height: 35.92vw;
    width: 60vw;
  }

  .p-ebook-single_main .back a,
  .p-ebook-single_main .next a{
    font-size: 3.5vw;
  }

  .p-ebook-single_main .back a{
    left: -9vw;
    padding-top: 0;
  }

  .p-ebook-single_main .next a{
    right: -9vw;
    padding-top: 0;
  }

  .p-ebook-single_main .back a::before,
  .p-ebook-single_main .next a::before{
    background-size: 2.8125vw auto;
    height: 6.25vw;
    width: 2.8125vw;
  }

  .p-ebook-single_main .back a::after,
  .p-ebook-single_main .next a::after{
    display: none
  }

  .p-ebook-single .p-ebook_copy{
    font-size: 3.125vw;
    margin-left: 5;
    margin-right: 5;;
    padding-bottom: 4.4vw;
    padding-top: 2.0vw;
  }

  .p-ebook-single .p-ebook_copy::after,
  .p-ebook-single .p-ebook_text::after{
    background-size: 90vw auto;
    width: 90vw;
  }

  .p-ebook-single .p-ebook_copy_eng{
    font-size: 2.2104vw;
    padding-top: 1.0vw;
  }

  .p-ebook-single .p-ebook_text{
    font-size: 2.604vw;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-bottom: 4.4vw;
    padding-top: 4.0vw;
  }

  .p-ebook-single .p-ebook_download{
    margin-top: 7.28vw;
  }

  .p-ebook-single .p-ebook_download .download_title{
    font-size: 6.7708vw;
  }

  .p-ebook-single .p-ebook_download .download_text{
    font-size: 2.604vw;
    padding-bottom: 7.0vw;
  }

  .p-ebook-single .p-ebook_download .download_text::after{
    background-size: 2.8125vw auto;
    height: 6.25vw;
    left: calc(50% - 1.40625vw);
    width: 2.8125vw;
  }

  .p-ebook-single .p-ebook_download .p-ebook_form{
    margin-top: 6.77vw;
    padding-bottom: 12.5vw;
    padding-top: 10.0vw;
  }

  .p-ebook-single .p-ebook_download .p-ebook_form .reservation-form{
    width: 90vw;
  }

  .p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl{
    margin-bottom: 4.0vw;
  }

  .p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dt{
    padding-top: 1.2vw;
    width: 90vw;
  }

  .p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dd{
    width: 90vw;
  }

  .p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dd .input-test{
    width: 90vw;
  }

  .p-ebook-single .p-ebook_download .p-ebook_form .reservation-form dl dd.birthday .input-test{
    width: 19vw;
  }
}

/* --------------------------------------------------------------------------
   会社概要
-------------------------------------------------------------------------- */

.company-title{
  margin-bottom: 8.3vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6vw;
  position: relative;
  text-align: center;
  width: 34vw;
}

.company-title::before,
.company-title::after{
  content: "";
  height: 2.8645vw;
  position: absolute;
  top: 1.0vw;
  width: 1.25vw; 
}

.company-title::before{
  background: url("../image/arrow_prev.png") 0 0 no-repeat;
  background-size: 1.25vw auto;
  left: 0;
}

.company-title::after{
  background: url("../image/arrow_next.png") 0 0 no-repeat;
  background-size: 1.25vw auto;
  right: 0;
}

.company-title .title{
  color: #a38b77;
  font-family: 'Cormorant Garamond', serif;
  font-size: 3.958vw;
  line-height: 1.0;
  letter-spacing: 0.1em;
}

.company-title .text{
  color: #a4a4a4;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0.35em;
  margin-bottom: 0.7vw;
  margin-top: 2.2vw;
}

.company-title .eng{
  color: #b4b4b4;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 1.3;
}

.page-id-219 .breadcrumbs-area{
  display: none;
}

.page-id-219 .breadcrumbs-area.block{
  display: block;
}

.page-id-219 .tp-title{
  border-bottom: none!important;
  justify-content: flex-start;
  margin-bottom: 1.1vw;
  margin-left: 80px;
  margin-right: 80px;
  margin-top: 3.5vw;
}

.page-id-219 .tp-title .company_title{
  letter-spacing: 0.1em;
}

.page-id-219 .tp-subtitle{
  border-top: 1px solid #e8e8e8;
  margin-left: 80px;
  margin-right: 80px;
  padding-top: 1.5vw;
  max-width: 1760px;
  width: 100%;
}

.company_profile dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 3.125vw;
  margin-left: 19.27vw;
  margin-top: 7.66vw;
  width: 74.84vw;
}

.company_profile dl dt .title{
  color: #555452;
  font-feature-settings: "palt" 1;
  font-size: 2.094vw;
  letter-spacing: 0.45em;
  line-height: 1.666;
}

.company_profile dl dt .eng{
  color: #D7D7D7;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.105vw;
  letter-spacing: 0;
  margin-top: 5.885vw;
}

.company_profile dl dd{
  width: 44.166vw;
}

.company_profile dl dd li{
  border-bottom: 1px solid #E8E8E8;
  color: #696767;
  font-size: 1.1vw;
  margin-bottom: 0.6vw;
  padding-bottom: 0.3vw;
  padding-left: 7.3vw;
  width: 44.166vw;
}

.company_business{
  background: #FAFAFA;
  padding-bottom: 0.7vw;
  padding-top: 4.375vw;
}

.company_business .text{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.1vw;
  letter-spacing: 0.1em;
  line-height: 2.6;
  margin-left: 19.27vw;
}

.company_business .text p{
  margin-bottom: 2.6em;
}

.company_hanamizuki dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 4.6875vw;
  margin-left: 19.27vw;
  margin-top: 4.6875vw;
  width: 59.375vw;
}

.company_hanamizuki dl dt .title{
  color: #555452;
  font-feature-settings: "palt" 1;
  font-size: 1.823vw;
  letter-spacing: 0.45em;
}

.company_hanamizuki dl dt .eng{
  color: #D7D7D7;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.105vw;
  letter-spacing: 0;
  margin-bottom: 1.6145vw;
  margin-top: 1.6145vw;
}

.company_hanamizuki dl dt .text{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.0417vw;
  letter-spacing: 0.1em;
  line-height: 1.9;
  margin-bottom: 2.5vw;
}
.company_hanamizuki dl dt .link{
  font-feature-settings: "palt" 1;
  font-size: 1.0417vw;
  letter-spacing: 0.1em;
}

.company_hanamizuki dl dt .link a{
  color: #696767;
  text-decoration: underline;
}

.company_hanamizuki dl dd{
  text-align: center;
  width: 17.448vw;
}

.company_hanamizuki dl dd img{
  width: 13.38vw;
}

.company_hanamizuki dl dd a{
  background: #F2EEED;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  color: #535352;
  display: block;
  height: 2.24vw;
  font-size: 0.833vw;
  line-height: 2.24vw;
  margin-top: 2.65vw;
  width: 100%;
}

.company_address{
  position: relative;
}

.company_address::after{
  background: url("../image/line_event.png") 0 0 no-repeat;
  background-size: 83.23vw auto;
  content: "";
  height: 3px;
  left: calc(50% - 41.615vw);
  position: absolute;
  top: 0;
  width: 83.23vw;
}

.company_address dl{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 4.6875vw;
  margin-left: 19.27vw;
  padding-top: 10.9375vw;
  width: 59.375vw;
}

.company_address dl dt .title{
  color: #575757;
  font-feature-settings: "palt" 1;
  font-size: 1.823vw;
  letter-spacing: 0.6em;
}

.company_address dl dt .eng{
  color: #D7D7D7;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.105vw;
  letter-spacing: 0;
  margin-top: 1.6145vw;
}

.company_address dl dd span{
  color: #909090;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0;
  margin-right: 1.40625vw;
  margin-top: 1.0vw;
  position: relative;
  padding-left: 1.823vw;
  width: 18.646vw;
}

.company_address dl dd span::after {
  background: url("../image/arrow_next2.png") 50% 50% no-repeat;
  background-size: cover;
  content: "";
  height: 2.8646vw;
  position: absolute;
  right: 0;
  top: calc(50% - 27px);
  width: 1.3021vw;
}

.mapp-layout{
  border: none!important;
}


@media screen and (max-width:992px) {
  .company-title{
    width: 68vw;
  }

  .company-title::before,
  .company-title::after{
    height: 5.725vw;
    top: 2.0vw;
    width: 2.5vw; 
  }

  .company-title::before,
  .company-title::after{
    background-size: 2.5vw auto;
  }

  .company-title .title{
    font-size: 7.377vw;
  }

  .company-title .text{
    font-size: 1.5vw;
  }

  .company-title .eng{
    font-size: 1vw;
  }

  .page-id-219 .tp-title,
  .page-id-219 .tp-subtitle{
    margin-left: calc(var(--spacer) * 2.5);
    margin-right: calc(var(--spacer) * 2.5);
    width: calc(100% - 5.0rem);
  }

  .company_profile dl{
    margin-bottom: 7vw;
    margin-left: 10vw;
    margin-top: 10vw;
    width: 80vw;
  }

  .company_profile dl dt .title{
    font-size: 4.188vw;
  }

  .company_profile dl dt .eng{
    font-size: 2.21vw;
  }

  .company_profile dl dd{
    margin-top: 5.885vw;
    width: 100%;
  }

  .company_profile dl dd li{
    font-size: 2.395vw;
    margin-bottom: 1.2vw;
    padding-bottom: 0.6vw;
    padding-left: 5vw;
    width: 100%;
  }

  .company_business{
    padding-bottom: 1.0vw;
    padding-top: 8vw;
  }

  .company_business .text{
    font-size: 2.395vw;
    margin-left: 10vw;
  }

  .company_hanamizuki dl{
    margin-bottom: 8vw;
    margin-left: 10vw;
    margin-top: 8vw;
    width: 80vw;
  }

  .company_hanamizuki dl dt .title{
    font-size: 3.646vw;
  }

  .company_hanamizuki dl dt .eng{
    font-size: 2.21vw;
    margin-bottom: 3.229vw;
    margin-top: 3.229vw;
  }

  .company_hanamizuki dl dt .text{
    font-size: 2.0834vw;
    margin-bottom: 5.0vw;
  }

  .company_hanamizuki dl dt .link{
    font-size: 2.0834vw;
  }

  .company_hanamizuki dl dd{
    text-align: center;
    width: 40vw;
  }

  .company_hanamizuki dl dd img{
    margin-top: 5.3vw;
    width: 25vw;
  }

  .company_hanamizuki dl dd a{
    height: 8vw;
    font-size: 1.666vw;
    line-height: 8vw;
    margin-top: 5.3vw;
  }

  .company_address dl{
    margin-bottom: 8vw;
    margin-left: 10vw;
    padding-top: 8vw;
    width: 80vw;
  }

  .company_address dl dt .title{
    font-size: 3.646vw;
  }

  .company_address dl dt .eng{
    font-size: 2.21vw;
    margin-top: 3.229vw;
  }

  .company_address dl dd span{
    font-size: 1.354vw;
    margin-right: 2.8125vw;
    margin-top: 2.0vw;
    padding-left: 3.646vw;
    width: 37.292vw;
  }

  .company_address dl dd span::after {
    height: 5.7292vw;
    top: calc(50% - 3.5vw);
    width: 2.6042vw;
  }
  .mapp-layout .mapp-wrapper{
    padding-bottom: 120vw!important;
  }
}

/* --------------------------------------------------------------------------
   コンセプト
-------------------------------------------------------------------------- */
.page-id-214 .breadcrumbs-area{
  display: none;
}

.concept-title{
  position: relative;
}

.concept-title .title{
  color: #dededd;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 3.886vw;
  line-height: 1.0;
  letter-spacing: 0.6em;
  position: absolute;
  text-align: right;
}

.concept-title .title.top{
  right: 24.5vw;
  top: 6.667vw;
}

.concept-title .title.bottom{
  right: 11.0vw;
  top: 13.07vw;
}

.concept-title .sub_title{
  color: #e7e3e3;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 1.25vw;
  letter-spacing: 0;
  left: 7.34375vw;
  line-height: 1.0;
  position: absolute;
  top: 4.478vw;
}

.concept-title .text{
  color: #d4d2d2;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0.4em;
  position: absolute;
  right: 12.65625vw;
  top: 11.51vw;
}

.concept-title .eng{
  color: #dfdddd;
  font-size: 0.46875vw;
  letter-spacing: 0;
  left: 7.34375vw;
  line-height: 1.3;
  position: absolute;
  top: 16.875vw;
}

.concept-title .images{
  z-index: 0;
}

.page-id-214 .tp-concept{
  margin-bottom: 5.2vw;
  margin-top: 3.54vw;
}

.concept_content .concept_head{
  margin-bottom: 5vw;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 7.3vw;
  position: relative;
  width: 73.854vw;
}

.concept_content .concept_head::after{
  background: url("../image/line_event.png") 0 0 no-repeat;
  background-size: 88.125vw auto;
  bottom: 0;
  content: "";
  height: 4px;
  left: calc(50% - 44.0625vw);
  position: absolute;
  width: 88.125vw;
}

.concept_content .concept_head .text{
  color: #727171;
  font-size: 2.24vw;
  letter-spacing: 0.5em;
  margin-left: -0.45em;
}

.concept_content .concept_head .text span{
  color: #a99381;
}

.concept_content .concept_head .eng{
  color: #909090;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.667vw;
  letter-spacing: 0.2em;
}

.concept_content .concept_head dl{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: 3.125vw;
}

.concept_content .concept_head dl dt{
  color: #dfdddd;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  letter-spacing: 0;
  font-size: 0.83vw;
  line-height: 1.3;
}

.concept_content .concept_head dl dd{
  color: #888;
  font-feature-settings: "palt" 1;
  font-size: 1.0vw;
  letter-spacing: 0.1em;
  line-height: 2.5;
}

.concept_features{
  margin-left: auto;
  margin-right: auto;
  width: 73.854vw;
}

.concept_features .concept_features_ttl{
  padding-left: 2.86vw;
}

.concept_features .title{
  color: #727171;
  font-size: 1.667vw;
  letter-spacing: 0.4em;
  line-height: 1.875;
}

.concept_features .eng{
  color: #CDC0B5;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.5416vw;
  letter-spacing: 0.2em;
  line-height: 1.38;
  margin-bottom: 2.7vw;
  margin-top: 1.4vw;
}

.concept_features .text{
  color: #727171;
  font-feature-settings: "palt" 1;
  font-size: 0.9375vw;
  letter-spacing: 0.1em;
  line-height: 2.1;
}

.concept_features ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 7.5vw;
  position: relative;
}

.concept_features ul::after{
  background: #FBF9FA;
  content: "";
  height: 30.208vw;
  left: calc(50% - 36.927vw);
  top: 12.1vw;
  position: absolute;
  width: 86.927vw;
  z-index: -1;
}

.concept_features ul li{
  width: 35.15625vw;
}

.concept_features ul li img{
  margin-bottom: 5.0vw;
  object-fit: cover;
  width: 35.15625vw;
}

.concept_features ul li:last-child img{
  height: 25.05vw;
}

.concept_features ul li .txt_eng{
  color: #dfdddd;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 0.83vw;
  letter-spacing: 0;
  line-height: 1.333;
  padding-left: 1.0em;
}

.concept_features ul li:nth-child(2) .txt_eng{
  margin-bottom: 5.6vw;
  margin-top: 6.8vw;
}

.concept_features ul li .title,
.concept_features ul li .eng,
.concept_features ul li .text{
  padding-left: 4.323vw;
}

.concept_features ul li .text p{
  font-feature-settings: normal;
  letter-spacing: 0.08em;
  margin-bottom: 1.6vw;
  text-align: justify;
  width: 23.854vw;
}

.concept_features ul li .link{
  margin-top: 5.0vw;
}

.concept_features ul li .link a{
  background: #AD8D78;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  color: #FFF;
  display: block;
  font-feature-settings: "palt" 1;
  font-size: 1.198vw;
  height: 2.8125vw;
  line-height: 2.8125vw;
  letter-spacing: 0.35em;
  margin-left: auto;
  margin-right: 0;
  text-align: center;
  width: 11.667vw;
}


@media screen and (max-width:992px) {
  .page-id-214 .tp-concept{
    margin-bottom: 10vw;
  }

  .concept_content .concept_head{
    margin-bottom: 10vw;
    padding-bottom: 14.6vw;
  }

  .concept_content .concept_head .text{
    font-size: 4.0vw;
  }

  .concept_content .concept_head .eng{
    font-size: 1.334vw;
  }

  .concept_content .concept_head dl{
    margin-top: 6.25vw;
  }

  .concept_content .concept_head dl dt{
    font-size: 1.66vw;
    width: 100%;
  }

  .concept_content .concept_head dl dd{
    font-size: 1.8vw;
    margin-top: 5vw;
    width: 100%;
  }

  .concept_features .concept_features_ttl{
    padding-left: 5.62vw;
  }

  .concept_features .title{
    font-size: 3.334vw;
  }

  .concept_features .eng{
    font-size: 1.0832vw;
    margin-bottom: 3.75vw;
    margin-top: 3.75vw;
  }

  .concept_features .text{
    font-size: 1.875vw;
  }

  .concept_features ul{
    margin-top: 15.0vw;
  }

  .concept_features ul li{
    width: 100%;
  }

  .concept_features ul::after{
    display: none;
  }

  .concept_features ul li img{
    margin-bottom: 7.1875vw;
    width: 73.854vw;
  }
  
  .concept_features ul li:last-child img{
    height: 52.623vw;
  }

  .concept_features ul li .txt_eng{
    font-size: 1.66vw;
  }

  .concept_features ul li:nth-child(2) .txt_eng{
    margin-bottom: 11.2vw;
    margin-top: 13.6vw;
  }

  .concept_features ul li .title,
  .concept_features ul li .eng,
  .concept_features ul li .text{
    padding-left: 8.646vw;
  }

  .concept_features ul li .text p{
    margin-bottom: 5.4vw;
    width: 47.708vw;
  }
}

/* --------------------------------------------------------------------------
   ショールーム
-------------------------------------------------------------------------- */
.page-id-1254 .breadcrumbs-area.block{
  margin-top: 6.82vw;
}

.page-id-1254 .tp-title{
  justify-content: flex-start;
}

.page-id-1254 .tp-title .showroom_title{
  letter-spacing: 0.1em;
  width: 17vw;
}

.page-id-1254 .tp-title .showroom_sub_title{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.823vw;
  letter-spacing: 0.1em;
  line-height: 1.2;
  margin-left: 4.58vw;
  text-align: left;
  width: 47.135vw;
}

.page-id-1254 .tp-title .showroom_sub_title span{
  color: #D7D7D7;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.105vw;
  letter-spacing: 0;
}

.showroom_content .showroom_head{
  margin-bottom: 6.77vw;
  margin-top: 7.08vw;
  position: relative;
}

.showroom_content .showroom_head .side_text{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 0.8125vw;
  left: 8.5vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 4.4vw;
  transform: rotate(-90deg);
}

.showroom_content .showroom_head .side_text span {
  color: #969595;
  font-size: 0.7875vw;
  letter-spacing: 0;
  padding-left: 0.677vw;
}

.showroom_content .showroom_head dl{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-left: 20vw;
  width: 62vw;
}

.showroom_content .showroom_head dl dt{
  width: 37vw;
}

.showroom_content .showroom_head dl dt div{
  color: #866d58;
  font-feature-settings: "palt" 1;
  font-size: 2.094vw;
  letter-spacing: 0.6em;
  line-height: 1.7;
  margin-bottom: 2.9vw;
}

.showroom_content .showroom_head dl dt span{
  color: #D7D7D7;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.1vw;
  letter-spacing: 0;
}

.showroom_content .showroom_head dl dd{
  width: 24vw;
}

.showroom_content .showroom_head dl dd p{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.09375vw;
  letter-spacing: 0.1em;
  list-style: 1.8;
  margin-bottom: 1.0em;
}

.showroom_content .company_address::after{
  top: 14.5vw;
}

.showroom_content .showroom_staff{
  margin-bottom: 15vw;
  margin-top: 15vw;
}

.showroom_content .showroom_staff .showroom_staff_title{
  display: flex;
  justify-content: flex-start;
}

.showroom_content .showroom_staff .showroom_staff_title .eng{
  color: #909090;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.677vw;
  letter-spacing: 0;
  margin-right: 1.40625vw;
  margin-top: 0.5vw;
  position: relative;
  padding-left: 1.71875vw;
  padding-top: 0.7vw;
  width: 18.646vw;
}

.showroom_content .showroom_staff .showroom_staff_title .eng::after {
  background: url("../image/arrow_next2.png") 50% 50% no-repeat;
  background-size: cover;
  content: "";
  height: 2.8646vw;
  position: absolute;
  right: 0;
  top: 0;
  width: 1.3021vw;
}

.showroom_content .showroom_staff .showroom_staff_title .title{
  color: #575757;
  font-feature-settings: "palt" 1;
  font-size: 1.823vw;
  letter-spacing: 0.6em;
  margin-left: 3.02vw;
  width: 22.8125vw;
}

.showroom_content .showroom_staff .showroom_staff_title .text{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.0417vw;
  letter-spacing: 0.1em;
  line-height: 1.9;
}

.showroom_content .showroom_staff dl{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 8.333vw;
}

.showroom_content .showroom_staff dl dt{
  width: 63.854vw;
}

.showroom_content .showroom_staff dl dt img{
  width: 63.854vw;
}

.showroom_content .showroom_staff dl dt p{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 0.9375vw;
  letter-spacing: 0.1em;
  margin-left: 2.5vw;
  margin-top: 2.8645vw;
}

.showroom_content .showroom_staff dl dd{
  text-align: center;
  width: 36.146vw;
}

.showroom_content .showroom_staff dl dd .link{
  padding-bottom: 4.7vw;
}

.showroom_content .showroom_staff dl dd .link a{
  background: #AD8D78;
  border-bottom-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  color: #FFF;
  display: block;
  font-feature-settings: "palt" 1;
  font-size: 1.198vw;
  height: 2.8125vw;
  line-height: 2.8125vw;
  letter-spacing: 0.35em;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 11.667vw;
}

@media screen and (max-width:992px) {
  .showroom_content .showroom_head{
    margin-bottom: 13.54vw;
  }

  .showroom_content .showroom_head .side_text{
    font-size: 1.625vw;
    left: 1.5vw;
    top: 10.4vw;
  }

  .showroom_content .showroom_head .side_text span {
    font-size: 1.575vw;
    padding-left: 1.354vw;
  }

  .showroom_content .showroom_head dl{
    margin-left: 15vw;
    width: 70vw;
  }

  .showroom_content .showroom_head dl dt{
    width: 70vw;
  }

  .showroom_content .showroom_head dl dt div{
    font-size: 6vw;
    margin-bottom: 5.8vw;
  }

  .showroom_content .showroom_head dl dt span{
    font-size: 2.2vw;
  }

  .showroom_content .showroom_head dl dd{
    margin-top: 8vw;
    width: 70vw;
  }

  .showroom_content .showroom_head dl dd p{
    font-size: 2.1875vw;
  }

  .showroom_content .company_address::after{
    top: 31.0vw;
  }

  .showroom_content .company_address dd{
    padding-top: 4vw;
  }

  .showroom_content .showroom_staff .showroom_staff_title{
    flex-wrap: wrap;
  }

  .showroom_content .showroom_staff .showroom_staff_title .eng{
    font-size: 1.354vw;
    margin-right: 2.8125vw;
    margin-top: 1.0vw;
    padding-left: 3.4375vw;
    padding-top: 1.4vw;
    width: 37.292vw;
  }

  .showroom_content .showroom_staff .showroom_staff_title .eng::after {
    height: 5.7292vw;
    width: 2.6042vw;
  }

  .showroom_content .showroom_staff .showroom_staff_title .title{
    font-size: 3.646vw;
    margin-left: 6.04vw;
    width: 45.625vw;
  }

  .showroom_content .showroom_staff .showroom_staff_title .text{
    font-size: 2.0834vw;
    margin-left: 5.0vw;
    margin-top: 5.0vw;
  }

  .showroom_content .showroom_staff dl{
    margin-top: 5.0vw;
    flex-wrap: wrap;
  }

  .showroom_content .showroom_staff dl dt{
    width: 100vw;
  }

  .showroom_content .showroom_staff dl dt img{
    height: auto;
    width: 100vw;
  }

  .showroom_content .showroom_staff dl dt p{
    font-size: 1.875vw;
    margin-left: 5.0vw;
    margin-top: 5.729vw;
  }

  .showroom_content .showroom_staff dl dd{
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
  }

  .showroom_content .showroom_staff dl dd .link{
    padding-bottom: 0;
  }

  .showroom_content .showroom_staff dl dd .link a{
    font-size: 2.396vw;
    height: 5.625vw;
    line-height: 5.625vw;
    margin-left: auto;
    margin-right: 0;
    margin-top: 4.0vw;
    width: 23.334vw;
  }
}







.p-tag-btn {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-row-gap: calc(var(--spacer) * 2.5);
}

@media screen and (min-width: 992px) {
  .p-tag-btn {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

@media screen and (min-width: 992px) {
  .p-tag-btn {
    -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
  }
}

.p-tag-btn .p-all-tag-btn {
  cursor: pointer;
}

.p-tag-btn .p-all-tag-btn:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f02c";
  color: #c4c2c3;
}

.tp-title .p-tag-btn{
  text-align: right;
  position: relative;
}

.tp-title .popular-tag{
  justify-content: flex-end;
  position: absolute;
  right: 0;
}

.post-type-archive .tp-title.acttl,
.tax-works_tag .tp-title.acttl,
.page-id-1254 .tp-title.acttl{
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 1.0vw;
  margin-top: 4.5vw;
  margin-left: calc(var(--spacer) * 2.5);
  margin-right: calc(var(--spacer) * 2.5);
  position: relative;
  max-width: 1760px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .post-type-archive .tp-title.acttl,
  .tax-works_tag .tp-title.acttl,
  .page-id-1254 .tp-title.acttl{
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media screen and (max-width: 992px) {
  .post-type-archive-works .tp-title .popular-tag,
  .tax-works_tag .tp-title .popular-tag{
    margin-bottom: 2vw;
    margin-top: 2vw;
    justify-content: flex-start;
    position: relative;
  }
}

.sub-title{
  display: flex;
  justify-content: space-between;
}

.sub-title .sub-title_box{
  padding-top: 0.8vw;
}

.sub-title .sub-title_box div{
  font-size: 1.4em;
}

.post-type-archive-works .sub-title .sub-title_box div,
.tax-works_tag .sub-title .sub-title_box div,
.tax-works_tag .sub-title .sub-title_box div{
  margin-left: -0.4em;
}

.sub-title .sub-title_box p{
  font-size: 0.95em;
  margin-top: 1.0em;
}

.sub-title .p-all-tag-btn{
  font-size: 0.7em;
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  .sub-title{
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
  
  .sub-title .sub-title_box div{
    font-size: 1.2em;
  }
  .sub-title .p-all-tag-btn{
    margin: 1.0em 0;
    text-align: right;
  }
}

.popular-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.popular-tag a {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E6E6E6;
  background-color: #FFF;
  border-radius: 8px;
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 1.45rem;
  letter-spacing: 0.1em;
  padding-top: 3px;
  padding-bottom: 3px;
  letter-spacing: 0 !important;
}

.popular-tag a:before {
  content: "#";
  font-size: 0.95em;
}

@media screen and (max-width: 992px) {
  .post-type-archive-works .tp-title .popular-tag a{
    font-size: 1.1rem;
    margin-left: 0;
    margin-right: calc(var(--spacer) * 1.0);
  }
  .post-type-archive-works .tp-title .popular-tag a:before{
    margin-left: 0;
  }
}

.popular-tag.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-tag {
  display: none;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-tag {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-tag .p-tag__inner {
  background-color: #f8f8f8;
  display: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-tag .p-tag__inner a {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #FFF;
  border-radius: 8px;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  margin: 3px;
}

.p-tag .p-tag__inner a:before {
  content: "#";
}

.p-tag .p-tag__inner.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-works-single .p-works-single__top {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 4);
      grid-template-areas: "area-a area-b area-c" "area-a2 area-b2 area-c2" "area-a3 area-b3 area-c3";
}

.p-works-single .p-works-single__image {
  background: #FBFBFB;
  margin-left: auto;
  margin-right: 0;
  padding-bottom: 4.166vw;
  padding-top: 4.166vw;
  position: relative;
  width: 80vw;
}

.p-works-single .p-works-single__image .info{
  color: #909090;
  left: 0;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 0.721875vw;
  position: absolute;
  text-align: center;
  top: 1vw;
  width: 60vw;
}

.p-works-single .p-works-single__image .image {
  margin-left: 6vw;
  width: 48vw;
}


.p-works-single .p-works-single__text {
  margin-left: 27vw;
  margin-right: auto;
  width: 38vw;
}

.p-works-single .p-works-single__text .text {
  color: #918f8f;
  font-feature-settings: "palt" 1;
  font-size: 0.9171875vw;
  line-height: 2.7;
}

.p-works-single .p-works-number {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-works-single .p-works-number {
    width: calc((1308 * 100) / 1920 * 1vw);
    max-width: 1308px;
  }
}

.p-works-single .p-works-number .w, .p-works-single .p-works-number .dot {
  line-height: calc(52 / 52);
  letter-spacing: 0em;
  font-size: clamp(calc(30 * 1px), calc((100 / 1920) * 52 * 1vw), calc(52 * 1px));
}

.p-works-single .p-works-number .dot {
  color: #837b7b;
}

.p-works-single .p-works-number .number {
  color: #837b7b;
  line-height: calc(17 / 17);
  letter-spacing: 0.3em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
}

.p-works-single-roop {
  margin-bottom: 3.645vw;
}

.p-works-single-width-a {
  margin-left: 13.19vw;
  margin-right: auto;
  width: 74.34vw;
}

.p-works-single-width-a .c-heading-c{
  color: #696767;
  font-feature-settings: "palt" 1;
  letter-spacing: 0.1em;
}

.p-works-single-width-b {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-works-single-width-b {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.photo-gallery {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.photo-gallery li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 10.26vw;
          flex: 0 1 10.26vw;
  margin-bottom: 0.36vw;
  margin-right: 0.36vw;
}

.p-works-single-movie{
  background: linear-gradient(#FAF9F9 90%, transparent 10%);
  padding-top: 3.6vw;
  width: 100%;
}

.p-works-single-movie .movie_title{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 2.34375vw;
  letter-spacing: 0.2em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  width: 23.4375vw;
}

.p-works-single-movie .movie_title::before,
.p-works-single-movie .movie_title::after{
  content: "";
  height: 1.875vw;
  top: 1.6vw;
  position: absolute;
  width: 0.833vw;
}

.p-works-single-movie .movie_title::before{
  background: url("../image/arrow_prev2.png") 0 0 no-repeat;
  background-size: 0.833vw 1.875vw;
  left: 0;
}

.p-works-single-movie .movie_title::after{
  background: url("../image/arrow_next2.png") 0 0 no-repeat;
  background-size: 0.833vw 1.875vw;
  right: 0;
}

.p-works-single-movie .movie_title span{
  color: #909090;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: normal;
  letter-spacing: 0;
  font-size: 0.677vw;
}

.p-works-single-movie .line{
  margin-bottom: 3.6vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.0vw;
  height: 0.2083vw;
  line-height: 4px;
  width: 83.23vw;
}

.p-works-single-movie .line img{
  width: 83.23vw;
}

.p-works-single-movie .movie_box,
.p-works-single-movie .movie_box iframe{
  border: 0;
  height: 29.166vw;
  margin-left: auto;
  margin-right: auto;
  width: 70vw;
}

.cus_related {
  margin-top: 10vw;
}

.cus_related .heading{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 2.34375vw;
  letter-spacing: 0.2em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  text-align: center;
  width: 31.25vw;
}

.cus_related .heading::before,
.cus_related .heading::after{
  content: "";
  height: 1.875vw;
  top: 1.6vw;
  position: absolute;
  width: 0.833vw;
}

.cus_related .heading::before{
  background: url("../image/arrow_prev2.png") 0 0 no-repeat;
  background-size: 0.833vw 1.875vw;
  left: 0;
}

.cus_related .heading::after{
  background: url("../image/arrow_next2.png") 0 0 no-repeat;
  background-size: 0.833vw 1.875vw;
  right: 0;
}

.cus_related .heading span{
  color: #909090;
  display: block;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: normal;
  letter-spacing: 0;
  font-size: 0.677vw;
}

.cus_related .sub{
  color: #696767;
  font-feature-settings: "palt" 1;
  font-size: 0.9375vw;
  letter-spacing: 0.1em;
  margin-bottom: 3.6vw;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1.8vw;
  position: relative;
  text-align: center;
  width: 83.23vw;
}

.cus_related .sub::before{
  background: url("../image/line_movie.png") 0 0 no-repeat;
  background-size: 83.23vw 0.2083vw;
  content: "";
  height: 0.2083vw;
  left: 0;
  position: absolute;
  top: 0.5vw;
  width: 83.23vw;
}
.related_splide .splide__pagination {
  position: relative !important;
  font-family: DINAlternate, "DINAlternate", Perpetua, "Perpetua", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.related_splide .splide__pagination {
  counter-reset: pagination-num;
  margin: 4.5vw auto 0 auto;
}
.related_splide .splide__pagination .splide__pagination__page {
  background: #CAC8C9;
  border-radius: 0;
  font-family: DINAlternate, "DINAlternate", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  height: 2px;
  margin: 0;
  opacity: 1.0;
  position: relative;
  width: 0.8333vw;
}
.related_splide .splide__pagination .splide__pagination__page::after {
  color: #292929;
  content: counter(pagination-num);
  counter-increment: pagination-num;
  font-family: DINAlternate, "DINAlternate", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-size: 1.04167vw;
  font-weight: 400;
  height: 0;
  position: absolute;
  overflow: hidden;
  top: -0.4em;
  width: 0.8333vw;
}
.related_splide .splide__pagination li:first-child .splide__pagination__page::after {
  height: 1.0em;
  left: -1.5em;
  line-height: 1.0em;
}
.related_splide .splide__pagination li:last-child .splide__pagination__page::after {
  height: 1.0em;
  line-height: 1.0em;
  right: -1.5em;
}
.related_splide .splide__pagination .splide__pagination__page.is-active {
  background: #070707;
  transform: none;
}
.related_splide .splide__arrows .splide__arrow {
  bottom: -0.75vw;
  height: 1.40625vw;
  top: auto;
  width: 0.67708vw;
}
.related_splide .splide__arrows .splide__arrow svg {
  display: none;
}
.related_splide .splide__arrows .splide__arrow.splide__arrow--prev {
  background: url("../image/arrow_prev.png") 50% 50% no-repeat;
  background-size: 0.67708vw 1.40625vw;
  left: calc(50% - 6.97708vw);
}
.related_splide .splide__arrows .splide__arrow.splide__arrow--next {
  background: url("../image/arrow_next.png") 50% 50% no-repeat;
  background-size: 0.67708vw 1.40625vw;
  right: calc(50% - 6.97708vw);
}
.related_splide .splide__slide{
  margin-right: 1.65vw;
  margin-top: 4.166vw;
}
.related_splide .splide__slide,
.related_splide .splide__slide img,
.related_splide .splide__slide .tp-works-list_box {
  margin-bottom: 3.4vw;
  object-fit: cover;
  width: 22.92vw!important;
  max-width: 440px;
}
.related_splide .splide__slide img,
.related_splide .splide__slide .tp-works-list_box {
  margin-bottom: 0;
  height: 16.87vw!important;
  max-height: 324px;
}
.related_splide #splide01-slide01 ,.related_splide #splide01-slide05,.related_splide #splide01-clone01,.related_splide #splide01-clone05,.related_splide #splide01-clone09 ,.related_splide #splide01-clone13{
  margin-top: 0.833vw;
}
.related_splide #splide01-slide01 ,.related_splide #splide01-slide05,.related_splide #splide01-clone01,.related_splide #splide01-clone05,.related_splide #splide01-clone09 ,.related_splide #splide01-clone13,
.related_splide #splide01-slide01 img ,.related_splide #splide01-slide05 img,.related_splide #splide01-clone01 img,.related_splide #splide01-clone05 img,.related_splide #splide01-clone09 img ,.related_splide #splide01-clone13 img,
.related_splide #splide01-slide01 .tp-works-list_box ,.related_splide #splide01-slide05 .tp-works-list_box ,.related_splide #splide01-clone01 .tp-works-list_box ,.related_splide #splide01-clone05 .tp-works-list_box ,.related_splide #splide01-clone09 .tp-works-list_box ,.related_splide #splide01-clone13 .tp-works-list_box {
  object-fit: cover;
  width: 31.25vw!important;
  max-width: 600px;
}
.related_splide #splide01-slide01 img ,.related_splide #splide01-slide05 img ,.related_splide #splide01-clone01 img ,.related_splide #splide01-clone05 img ,.related_splide #splide01-clone09 img ,.related_splide #splide01-clone13 img ,
.related_splide #splide01-slide01 .tp-works-list_box ,.related_splide #splide01-slide05 .tp-works-list_box ,.related_splide #splide01-clone01 .tp-works-list_box ,.related_splide #splide01-clone05 .tp-works-list_box ,.related_splide #splide01-clone09 .tp-works-list_box ,.related_splide #splide01-clone13 .tp-works-list_box {
  height: 23.02vw!important;
  max-height: 442px;
}
.related_splide #splide01-slide03 ,.related_splide #splide01-clone11 ,.related_splide #splide01-clone03 ,.related_splide #splide01-clone07{
  margin-top: 0;
}
.related_splide #splide01-slide03 ,.related_splide #splide01-clone11 ,.related_splide #splide01-clone03 ,.related_splide #splide01-clone07 ,
.related_splide #splide01-slide03 img ,.related_splide #splide01-clone11 img ,.related_splide #splide01-clone03 img ,.related_splide #splide01-clone07 img ,
.related_splide #splide01-slide03 .text_box ,.related_splide #splide01-clone11 .text_box ,.related_splide #splide01-clone03 .text_box ,.related_splide #splide01-clone07 .text_box ,
.related_splide #splide01-slide03 .tp-works-list_box,.related_splide #splide01-clone11 .tp-works-list_box ,.related_splide #splide01-clone03 .tp-works-list_box,.related_splide #splide01-clone07 .tp-works-list_box{
  object-fit: cover;
  width: 17.96vw!important;
  max-width: 345px;
}
.related_splide #splide01-slide03 img ,.related_splide #splide01-clone11 img ,.related_splide #splide01-clone03 img ,.related_splide #splide01-clone07 img ,
.related_splide #splide01-slide03 .tp-works-list_box ,.related_splide #splide01-clone11 .tp-works-list_box ,.related_splide #splide01-clone03 .tp-works-list_box ,.related_splide #splide01-clone07 .tp-works-list_box {
  height: 24.22vw!important;
  max-height: 465px;
}
.related_splide .splide__slide a{
  display: block;
  position: relative;
}
.related_splide .splide__slide p{
  color: #484848;
  display: block;
  font-feature-settings: "palt" 1;
  font-family: PerpetuaProRoman, serif;
  font-size: 1.1589vw;
  margin-top: 1.6vw;
  padding-left: 1vw;
}
.related_splide .splide__slide .tp-works-list_box{
  background: rgba(0,0,0,0.5);
  color: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  text-align: center;
  transition: 0.75s;
}
.related_splide .splide__slide .tp-works-list_box:hover{
  opacity: 1.0;
}
.related_splide .splide__slide .tp-works-list_box .text_box{
  font-size: 0.8vw;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform: translateY(-50%);
  width: 100%;
}


@media screen and (max-width: 992px) {
  .related_splide .splide__slide{
    margin-right: 2.3vw;
  }
  .related_splide .splide__slide,
  .related_splide .splide__slide img,
  .related_splide .splide__slide .tp-works-list_box {
    margin-bottom: 3.4vw;
    width: 30.4vw!important;
    max-width: 504px;
  }
  .related_splide ul li img,
  .related_splide ul li .tp-works-list_box {
    height: 22.4vw!important;
    max-height: 371px;
  }
.related_splide #splide01-slide01 ,.related_splide #splide01-slide05,.related_splide #splide01-clone01,.related_splide #splide01-clone05,.related_splide #splide01-clone09 ,.related_splide #splide01-clone13{
  margin-top: 0.833vw;
}
.related_splide #splide01-slide01 ,.related_splide #splide01-slide05,.related_splide #splide01-clone01,.related_splide #splide01-clone05,.related_splide #splide01-clone09 ,.related_splide #splide01-clone13,
.related_splide #splide01-slide01 img ,.related_splide #splide01-slide05 img,.related_splide #splide01-clone01 img,.related_splide #splide01-clone05 img,.related_splide #splide01-clone09 img ,.related_splide #splide01-clone13 img,
.related_splide #splide01-slide01 .tp-works-list_box ,.related_splide #splide01-slide05 .tp-works-list_box ,.related_splide #splide01-clone01 .tp-works-list_box ,.related_splide #splide01-clone05 .tp-works-list_box ,.related_splide #splide01-clone09 .tp-works-list_box ,.related_splide #splide01-clone13 .tp-works-list_box {
    width: 41.3vw!important;
    max-width: 687px;
  }
  
.related_splide #splide01-slide01 img ,.related_splide #splide01-slide05 img ,.related_splide #splide01-clone01 img ,.related_splide #splide01-clone05 img ,.related_splide #splide01-clone09 img ,.related_splide #splide01-clone13 img ,
.related_splide #splide01-slide01 .tp-works-list_box ,.related_splide #splide01-slide05 .tp-works-list_box ,.related_splide #splide01-clone01 .tp-works-list_box ,.related_splide #splide01-clone05 .tp-works-list_box ,.related_splide #splide01-clone09 .tp-works-list_box ,.related_splide #splide01-clone13 .tp-works-list_box {
    height: 30.5vw!important;
    max-height: 506px;
  }
.related_splide #splide01-slide03 ,.related_splide #splide01-clone11 ,.related_splide #splide01-clone03 ,.related_splide #splide01-clone07 ,
.related_splide #splide01-slide03 img ,.related_splide #splide01-clone11 img ,.related_splide #splide01-clone03 img ,.related_splide #splide01-clone07 img ,
.related_splide #splide01-slide03 .text_box ,.related_splide #splide01-clone11 .text_box ,.related_splide #splide01-clone03 .text_box ,.related_splide #splide01-clone07 .text_box ,
.related_splide #splide01-slide03 .tp-works-list_box,.related_splide #splide01-clone11 .tp-works-list_box ,.related_splide #splide01-clone03 .tp-works-list_box,.related_splide #splide01-clone07 .tp-works-list_box {
    width: 23.7vw!important;
    max-width: 394px;
  }
.related_splide #splide01-slide03 img ,.related_splide #splide01-clone11 img ,.related_splide #splide01-clone03 img ,.related_splide #splide01-clone07 img ,
.related_splide #splide01-slide03 .tp-works-list_box ,.related_splide #splide01-clone11 .tp-works-list_box ,.related_splide #splide01-clone03 .tp-works-list_box ,.related_splide #splide01-clone07 .tp-works-list_box {
    height: 31.9vw!important;
    max-height: 529px;
  }
  .related_splide ul li p{
    font-size: 2.5vw;
  }
  .related_splide ul li .tp-works-list_box{
    display: none;
  }
}
@media screen and (max-width:992px) {
  .related_splide .splide__pagination {
    margin: 10vw auto 0 auto;
  }
  .related_splide .splide__pagination .splide__pagination__page {
    width: 16px;
  }
  .related_splide .splide__pagination .splide__pagination__page::after {
    font-size: 1.0em;
    width: 16px;
  }
  .related_splide .splide__arrows .splide__arrow {
    bottom: -1.4vw;
    height: 17px;
    width: 8px;
  }
  .related_splide .splide__arrows .splide__arrow.splide__arrow--prev {
    background-size: 8px 17px;
    left: calc(50% - 85px);
  }
  .related_splide .splide__arrows .splide__arrow.splide__arrow--next {
    background-size: 8px 17px;
    right: calc(50% - 85px);
  }
}

@media screen and (max-width: 992px) {
  .p-works-single .p-works-single__image {
    padding-bottom: 6vw;
    padding-top: 6vw;
    width: 92.5vw;
  }

  .p-works-single .p-works-single__image .info{
    font-size: 1.2vw;
    top: 1.5vw;
    width: 85vw;
  }

  .p-works-single .p-works-single__image .image {
    margin-left: 7.5vw;
    width: 70vw;
  }
  
  .p-works-single .p-works-single__text {
    margin-left: 20vw;
    width: 50vw;
  }
  
  .p-works-single .p-works-single__text .text {
    font-size: 1.5vw;
  }
  
  .p-works-single-width-a {
    margin-left: 5vw;
    width: 92vw;
  }
  
  .photo-gallery li {
    -ms-flex: 0 1 22vw;
    flex: 0 1 22vw;
    margin-bottom: 1vw;
    margin-right: 1vw;
  }
  
  .p-works-single-movie{
    padding-top: 7.2vw;
  }

  .p-works-single-movie .movie_title{
    font-size: 4.7vw;
    width: 46.87vw;
  }
  
  .p-works-single-movie .movie_title::before,
  .p-works-single-movie .movie_title::after{
    height: 3.75vw;
    top: 3.2vw;
    position: absolute;
    width: 1.666vw;
  }

  .p-works-single-movie .movie_title::before{
    background-size: 1.666vw 3.75vw;
  }

  .p-works-single-movie .movie_title::after{
    background-size: 1.666vw 3.75vw;
  }

  .p-works-single-movie .movie_title span{
    font-size: 1.354vw;
  }

  .p-works-single-movie .line{
    margin-bottom: 7.2vw;
    margin-top: 4.0vw;
  }

  .p-works-single-movie .movie_box,
  .p-works-single-movie .movie_box iframe{
    height: 29.166vw;
    margin-left: auto;
    margin-right: auto;
    width: 70vw;
  }
  
  .cus_related .heading{
    font-size: 4.7vw;
    width: 62.5vw;
  }

  .cus_related .heading::before,
  .cus_related .heading::after{
    height: 3.75vw;
    top: 3.2vw;
    width: 1.666vw;
  }

  .cus_related .heading::before{
    background-size: 1.666vw 3.75vw;
  }
  
  .cus_related .heading::after{
    background-size: 1.666vw 3.75vw;
  }
  
  .cus_related .heading span{
    font-size: 1.354vw;
  }

  .cus_related .sub{
    font-size: 1.875vw;
    margin-bottom: 7.2vw;
    padding-top: 3.6vw;
    width: 83.23vw;
  }

  .cus_related .sub::before{
    top: 1.0vw;
  }
}



.p-works-spacer-a {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-works-spacer-a {
    margin-top: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
  }
}

.p-list-works-r {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
}

@media screen and (min-width: 992px) {
  .p-list-works-r {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-list-works-r .item {
  background-color: #f7f7f7;
  display: block;
  width: 50%;
}

@media screen and (min-width: 992px) {
  .p-list-works-r .item {
    width: 25%;
  }
}

.p-list-works-r .item .text .heading {
  line-height: calc(24 / 15);
  letter-spacing: 0.3em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

.p-list-works-r .item .text .sub {
  line-height: calc(16 / 11);
  letter-spacing: 0.1em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
}

.p-list-works-r .item .c-image-a:before {
  padding-top: 129.87013%;
}

.p-list-works-r.type-b {
  width: 100% !important;
  max-width: initial;
}

.p-list-works-r.d-block {
  overflow: hidden;
}

.p-list-works-r .swiper-nav-w {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 0;
}

.p-list-works-r .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-list-works-r.active {
  position: relative;
}

.p-staff-nav {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-staff-nav {
    margin-top: clamp(calc(50 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

.p-staff-title {
  padding-top: calc(50 * 1px);
  padding-bottom: calc(50 * 1px);
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  place-items: start start;
  -ms-grid-columns: 40% 40%;
      grid-template-columns: 40% 40%;
  border-bottom: 1px solid #f3f3f3;
}

@media screen and (min-width: 992px) {
  .p-staff-title {
    padding-top: clamp(calc(50 * 1px), calc((135 * 100) / 1920 * 1vw), calc(135 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-staff-title {
    padding-bottom: clamp(calc(50 * 1px), calc((115 * 100) / 1920 * 1vw), calc(115 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-staff-title {
    width: calc((1454 * 100) / 1920 * 1vw);
    max-width: 1454px;
  }
}

@media screen and (min-width: 992px) {
  .p-staff-title {
    -ms-grid-columns: 1.4fr 2fr;
        grid-template-columns: 1.4fr 2fr;
  }
}

.p-staff-title .area-a img {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-staff-title .area-a img {
    max-width: 294px;
    width: calc((294 * 100) / 1920 * 1vw);
  }
}

.p-staff-title .area-b img {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-staff-title .area-b img {
    max-width: 312px;
    width: calc((312 * 100) / 1920 * 1vw);
  }
}

.p-staff-title-b {
  margin-top: calc(40 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-staff-title-b {
    margin-top: clamp(calc(40 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-staff-title-b {
    width: calc((1454 * 100) / 1920 * 1vw);
    max-width: 1454px;
  }
}

.p-staff-title-b img {
  max-width: 15%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-staff-title-b img {
    max-width: 82px;
    width: calc((82 * 100) / 1920 * 1vw);
  }
}

.p-staff-title-single-w {
  padding-top: calc(40 * 1px);
  padding-bottom: calc(40 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-staff-title-single-w {
    padding-top: clamp(calc(40 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-staff-title-single-w {
    padding-bottom: clamp(calc(40 * 1px), calc((130 * 100) / 1920 * 1vw), calc(130 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-staff-title-single-w {
    width: calc((1310 * 100) / 1920 * 1vw);
    max-width: 1310px;
  }
}

.p-staff-title-single {
  height: clamp(calc(80 * 1px), calc((165 * 100) / 1920 * 1vw), calc(165 * 1px));
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-staff-title-single .area-a {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  color: #3c3c3c;
  line-height: calc(40 / 45);
  letter-spacing: -0.1em;
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 45 * 1vw), calc(45 * 1px));
}

.p-staff-title-single .area-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-staff-title-single .area-b img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-staff-title-single .area-b img {
    max-width: 294px;
    width: calc((294 * 100) / 1920 * 1vw);
  }
}

.p-staff-title-single .area-b img {
  margin-left: initial;
  margin-right: initial;
}

.p-list-staff {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(40 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  /*align-items: start;*/
  grid-column-gap: 7%;
  grid-row-gap: var(--s-spacer);
}

@media screen and (min-width: 992px) {
  .p-list-staff {
    width: calc((1342 * 100) / 1920 * 1vw);
    max-width: 1342px;
  }
}

@media screen and (min-width: 992px) {
  .p-list-staff {
    margin-top: clamp(calc(40 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-list-staff {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}

.p-list-staff .item {
  display: block;
}

.p-list-staff .item .text {
  text-align: center;
}

.p-list-staff .item .text .name {
  line-height: 1.7 !important;
  letter-spacing: 5px;
}

.p-list-staff .item .text .position {
  color: #989898;
  letter-spacing: 3px;
}

.p-list-staff .item .text .furigana {
  color: #989898;
  letter-spacing: 3px;
}

.p-list-staff .item .c-image-a:before {
  padding-top: 109.89011%;
}

.p-staff-archive-title {
  letter-spacing: 3px;
}

.p-staff-main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  grid-row-gap: calc(var(--spacer) * 4);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-column-gap: 7%;
}

@media screen and (min-width: 992px) {
  .p-staff-main {
    width: calc((1075 * 100) / 1920 * 1vw);
    max-width: 1075px;
  }
}

@media screen and (min-width: 992px) {
  .p-staff-main {
    -ms-grid-columns: 1fr 45%;
        grid-template-columns: 1fr 45%;
  }
}

.p-staff-main .position {
  line-height: calc(36 / 20);
  letter-spacing: 0em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.p-staff-main .name {
  line-height: calc(42 / 30);
  letter-spacing: 0.6em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  white-space: nowrap;
}

.p-staff-main .furigana {
  color: #989898;
  letter-spacing: 5px;
}

.p-staff-main .c-image-a {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-staff-main .c-image-a {
    max-width: initial;
  }
}

.p-staff-main .c-image-a:before {
  padding-top: 108.69565%;
}

.p-staff-main .area-a {
  position: relative;
}

.p-staff-main .area-a .p-icon-unit {
  position: absolute;
  right: 0;
  top: 0;
}

.staff-p-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  grid-row-gap: 20px;
  -ms-grid-columns: auto auto 1fr;
      grid-template-columns: auto auto 1fr;
}

.p-staff-hobby {
  background-color: #f8f8f8;
}

.single-staff .p-nav-unit .item-a,
.post-type-archive-staff .p-nav-unit .item-a,
.tax-staff_cat .p-nav-unit .item-a {
  opacity: 0.4;
}

.post-type-archive-staff .p-nav-unit__inner .item-a,
.single-staff .p-nav-unit__inner .item-a {
  opacity: 0.4;
}

.p-re-title-a {
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-re-title-a {
    padding-top: clamp(calc(30 * 1px), calc((150 * 100) / 1920 * 1vw), calc(150 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-title-a {
    padding-bottom: clamp(calc(30 * 1px), calc((135 * 100) / 1920 * 1vw), calc(135 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-title-a {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-re-title-a .image-a img {
  max-width: 35%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-re-title-a .image-a img {
    max-width: 284px;
    width: calc((284 * 100) / 1920 * 1vw);
  }
}

.p-re-title-a .image-b {
  margin-top: calc(30 * 1px);
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-re-title-a .image-b {
    margin-top: clamp(calc(30 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

.p-re-title-a .image-b img {
  max-width: 35%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-re-title-a .image-b img {
    max-width: 208px;
    width: calc((208 * 100) / 1920 * 1vw);
  }
}

.p-re-title-b {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #f3f3f3;
  line-height: calc(48 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  padding-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-title-b {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-re-title-b {
    padding-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-re-title-c {
  text-align: center;
}

.p-re-title-c img {
  width: 50%;
  max-width: 220px;
}

@media screen and (min-width: 992px) {
  .p-re-title-c img {
    width: auto;
    max-width: initial;
  }
}

.p-re-spacer-a {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-spacer-a {
    margin-top: clamp(calc(50 * 1px), calc((128 * 100) / 1920 * 1vw), calc(128 * 1px));
  }
}

.p-re-spacer-b {
  margin-top: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-spacer-b {
    margin-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-re-spacer-c {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-spacer-c {
    margin-top: clamp(calc(40 * 1px), calc((128 * 100) / 1920 * 1vw), calc(128 * 1px));
  }
}

.p-re-spacer-d {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-spacer-d {
    margin-top: clamp(calc(40 * 1px), calc((116 * 100) / 1920 * 1vw), calc(116 * 1px));
  }
}

.p-re-icon {
  display: inline-block;
  text-align: center;
  padding-left: calc(0 * 1px);
  padding-bottom: calc(0 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-icon {
    padding-left: clamp(calc(0 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-icon {
    padding-bottom: clamp(calc(0 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-re-icon .number {
  color: #ff944b;
  line-height: calc(20 / 20);
  letter-spacing: -0.05em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.p-re-icon .sub-a {
  line-height: calc(10 / 10);
  letter-spacing: -0.05em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
  color: #555;
}

.p-re-icon .sub-b {
  line-height: calc(10 / 10);
  letter-spacing: -0.05em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
  color: #b0b0b0;
}

.p-re-heading {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-re-heading {
    width: calc((1370 * 100) / 1920 * 1vw);
    max-width: 1370px;
  }
}

.p-re-heading .heading {
  line-height: calc(48 / 28);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
}

.p-re-heading .sub {
  line-height: calc(24 / 16);
  letter-spacing: 0.2em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-re-heading .icon.map img {
  max-width: 20px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-re-heading .icon.map img {
    max-width: 38px;
    width: calc((38 * 100) / 1920 * 1vw);
  }
}

.p-re-heading .icon.list img {
  max-width: 28px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-re-heading .icon.list img {
    max-width: 44px;
    width: calc((44 * 100) / 1920 * 1vw);
  }
}

.p-re-heading .sub-b {
  color: #a9a4a1;
  line-height: calc(10 / 10);
  letter-spacing: 0.3em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
  text-align: center;
  border-top: 1px solid #f3f3f3;
}

.p-re-heading.style-a .icon,
.p-re-heading.style-a .sub {
  color: #ef584c;
}

.p-re-heading.style-b .icon,
.p-re-heading.style-b .sub {
  color: #2ab8bc;
}

.p-re-list {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(30 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  /*align-items: start;*/
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-column-gap: 3%;
}

@media screen and (min-width: 992px) {
  .p-re-list {
    width: calc((1370 * 100) / 1920 * 1vw);
    max-width: 1370px;
  }
}

@media screen and (min-width: 992px) {
  .p-re-list {
    margin-top: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-list {
    grid-column-gap: 5.4%;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}

.p-re-list .item {
  padding-top: calc(10 * 1px);
  padding-left: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  border: 1px solid #e0e0e0;
  display: block;
}

@media screen and (min-width: 992px) {
  .p-re-list .item {
    padding-top: clamp(calc(10 * 1px), calc((18 * 100) / 1920 * 1vw), calc(18 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-list .item {
    padding-right: clamp(calc(10 * 1px), calc((18 * 100) / 1920 * 1vw), calc(18 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((18 * 100) / 1920 * 1vw), calc(18 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-list .item {
    padding-bottom: clamp(calc(10 * 1px), calc((24 * 100) / 1920 * 1vw), calc(24 * 1px));
  }
}

.p-re-list .item .heading {
  line-height: calc(36 / 18);
  letter-spacing: 0.3em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.p-re-list .item .text {
  text-align: center;
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-list .item .text {
    margin-top: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-re-list .item .c-image-a:before {
  padding-top: 53.19149%;
}

.p-re-list .item .area {
  margin-top: calc(20 * 1px);
  line-height: calc(24 / 14);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

@media screen and (min-width: 992px) {
  .p-re-list .item .area {
    margin-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-re-list .item .price {
  margin-top: calc(5 * 1px);
  line-height: calc(30 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

@media screen and (min-width: 992px) {
  .p-re-list .item .price {
    margin-top: clamp(calc(5 * 1px), calc((15 * 100) / 1920 * 1vw), calc(15 * 1px));
  }
}

.p-re-list .item .btn {
  border: 1px solid #e0e0e0;
  border-radius: 3px;
  max-width: 80px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: clamp(calc(20 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  color: #707070;
  line-height: calc(11 / 11);
  letter-spacing: 0.3em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
}

@media screen and (min-width: 992px) {
  .p-re-list .item .btn {
    max-width: 100px;
    width: calc((100 * 100) / 1920 * 1vw);
  }
}

.p-re-list .item .number {
  text-align: center;
}

.p-re-list .item .number .icon {
  width: var(--re-icon);
  height: var(--re-icon);
  border-radius: calc(0.5 * var(--re-icon));
  border: 1px solid #ff944b;
  color: #ff944b;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-re-list .item .number .sub {
  font-size: 8px;
  line-height: 1 !important;
  letter-spacing: 0;
  color: #989898;
}

.p-re-list .item .new {
  height: 20px;
  line-height: 1 !important;
  text-align: right;
}

.p-re-list .item .new .icon {
  background-color: #5ccff8;
  line-height: calc(14 / 14);
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
  color: #FFF;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 20px;
  border-radius: 3px;
}

.p-re-single-gallery {
  margin-top: calc(20 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .p-re-single-gallery {
    margin-top: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-single-gallery {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-re-single-gallery {
    -ms-grid-columns: 1fr 39%;
        grid-template-columns: 1fr 39%;
  }
}

.p-re-table {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

@media screen and (min-width: 992px) {
  .p-re-table {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-re-table {
    margin-top: clamp(calc(50 * 1px), calc((85 * 100) / 1920 * 1vw), calc(85 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-table {
    text-align: center;
    -ms-grid-columns: 30% 1fr;
        grid-template-columns: 30% 1fr;
  }
}

.p-re-table .item {
  border-bottom: 1px solid #eaeaea;
}

.p-re-table .item:nth-child(odd) {
  background-color: #f8f8f8;
}

/*.thumblist {
display: flex;
flex-wrap: wrap;
.thumblist-item {
 position: relative;
width: 200px;
    &:before {
        content: '';
        display: block;
        padding-top: (1)*100%;
    }
    img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
}*/
.re-single-heading {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #f3f3f3;
}

@media screen and (min-width: 992px) {
  .re-single-heading {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .re-single-heading {
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
  }
}

.re-single-heading .heading {
  line-height: calc(48 / 30);
  letter-spacing: 0.2em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.re-single-heading .menseki {
  line-height: calc(48 / 30);
  letter-spacing: 0.1em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.re-main-image {
  width: 100%;
  padding: 3px;
  border: 1px solid #e0e0e0;
}

.re-main-image .re-main-image__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  /*img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        &:before {
            content: '';
            display: block;
            padding-top: (1/1.4)*100%;
        }*/
}

.re-thumbnail {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px;
  cursor: pointer;
}

@media screen and (min-width: 992px) {
  .re-thumbnail {
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.re-thumbnail .re-thumbnail__item {
  border: 1px solid #eaeaea;
  background-color: #FFF;
  position: relative;
}

.re-thumbnail .re-thumbnail__item:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.re-thumbnail .re-thumbnail__item img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 8px;
}

.re-thumbnail .re-thumbnail__item.current {
  background-color: #eaeaea;
}

.p-re-single .acf-map-w {
  border: 1px solid #e0e0e0;
  padding-top: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-single .acf-map-w {
    padding-top: clamp(calc(10 * 1px), calc((25 * 100) / 1920 * 1vw), calc(25 * 1px));
    padding-bottom: clamp(calc(10 * 1px), calc((25 * 100) / 1920 * 1vw), calc(25 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((25 * 100) / 1920 * 1vw), calc(25 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((25 * 100) / 1920 * 1vw), calc(25 * 1px));
  }
}

.p-re-single .acf-map {
  width: 100%;
  height: clamp(calc(300 * 1px), calc((527 * 100) / 1920 * 1vw), calc(527 * 1px));
}

.p-re-single .acf-map img {
  max-width: inherit !important;
}

.p-re-nav-b {
  margin-top: calc(50 * 1px);
  display: -ms-grid;
  display: grid;
  width: 100%;
  place-items: center;
  grid-column-gap: 5%;
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "area-a area-b" "area-a2 area-b2" "area-c area-c";
}

@media screen and (min-width: 992px) {
  .p-re-nav-b {
    margin-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-nav-b {
    grid-column-gap: clamp(5%, calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 950px) {
  .p-re-nav-b {
    width: auto;
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: auto 1fr auto 1fr auto;
        grid-template-columns: auto 1fr auto 1fr auto;
        grid-template-areas: "area-a area-b area-c area-d area-e";
    grid-column-gap: calc(var(--spacer) * 4);
  }
}

.p-re-nav-b .c-btn-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 950px) {
  .p-re-nav-b .c-btn-b {
    margin-bottom: 24px;
  }
}

.p-re-nav-b .c-btn-b.prev {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-a2;
}

@media screen and (min-width: 950px) {
  .p-re-nav-b .c-btn-b.prev {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: area-a;
  }
}

.p-re-nav-b .c-btn-b.next {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: area-b2;
}

@media screen and (min-width: 950px) {
  .p-re-nav-b .c-btn-b.next {
    grid-area: area-e;
  }
}

.p-re-nav-b .item {
  width: 100%;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  border: 1px solid #eaeaea;
  text-align: center;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-top: calc(10 * 1px);
  padding-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-nav-b .item {
    max-width: 305px;
    width: calc((305 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-re-nav-b .item {
    padding-right: clamp(calc(10 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-nav-b .item {
    padding-top: clamp(calc(10 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-nav-b .item {
    padding-bottom: clamp(calc(20 * 1px), calc((35 * 100) / 1920 * 1vw), calc(35 * 1px));
  }
}

.p-re-nav-b .item.prev {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
}

@media screen and (min-width: 950px) {
  .p-re-nav-b .item.prev {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-re-nav-b .item.next {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
}

@media screen and (min-width: 950px) {
  .p-re-nav-b .item.next {
    grid-area: area-d;
  }
}

.p-re-nav-b .all-btn {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area-c;
}

.p-re-nav-b .heading {
  line-height: calc(26 / 14);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

.p-re-nav-b .area {
  line-height: calc(22 / 11);
  letter-spacing: 0.1em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
}

.p-re-nav-b .price {
  line-height: calc(22 / 14);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

.p-re-nav-b .c-image-a:before {
  padding-top: 53.19149%;
}

.p-re-nav-b .new {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-re-nav-b .new .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: calc(16 / 11);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
  letter-spacing: 0;
  background-color: #5ccff8;
  color: #FFF;
  border-radius: 3px;
}

.p-re-nav-b .p-re-nav__number {
  margin-top: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-re-nav-b .p-re-nav__number {
    margin-top: clamp(calc(20 * 1px), calc((35 * 100) / 1920 * 1vw), calc(35 * 1px));
  }
}

.p-re-nav-b .p-re-nav__number .number {
  color: #ff944b;
  max-width: 30px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: clamp(calc(30 * 1px), calc((62 * 100) / 1920 * 1vw), calc(62 * 1px));
  border: 1px solid #ff944b;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: calc(22 / 15);
  letter-spacing: -0.05em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-re-nav-b .p-re-nav__number .number {
    max-width: 62px;
    width: calc((62 * 100) / 1920 * 1vw);
  }
}

.p-re-nav-b .p-re-nav__number .sub-a {
  line-height: calc(10 / 10);
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
}

.p-re-nav-b .p-re-nav__number .sub-b {
  line-height: calc(10 / 10);
  letter-spacing: -0.05em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
  color: #b0b0b0;
}

.p-re-nav {
  display: -ms-grid;
  display: grid;
  width: 100%;
  place-items: center;
  grid-column-gap: 10%;
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "area-a area-b" "area-a2 area-b2" "area-c area-c";
}

@media screen and (min-width: 950px) {
  .p-re-nav {
    width: auto;
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: auto 1fr auto 1fr auto;
        grid-template-columns: auto 1fr auto 1fr auto;
        grid-template-areas: "area-a area-b area-c area-d area-e";
    grid-column-gap: calc(var(--spacer) * 4);
  }
}

.p-re-nav .c-btn-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 950px) {
  .p-re-nav .c-btn-b {
    margin-bottom: 24px;
  }
}

.p-re-nav .c-btn-b.prev {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-a2;
}

@media screen and (min-width: 950px) {
  .p-re-nav .c-btn-b.prev {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: area-a;
  }
}

.p-re-nav .c-btn-b.next {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: area-b2;
}

@media screen and (min-width: 950px) {
  .p-re-nav .c-btn-b.next {
    grid-area: area-e;
  }
}

.p-re-nav .item {
  width: 100%;
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
}

@media screen and (min-width: 950px) {
  .p-re-nav .item {
    width: 220px;
  }
}

.p-re-nav .item.prev {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
}

@media screen and (min-width: 950px) {
  .p-re-nav .item.prev {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-re-nav .item.next {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
}

@media screen and (min-width: 950px) {
  .p-re-nav .item.next {
    grid-area: area-d;
  }
}

.p-re-nav .all-btn {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area-c;
}

.p-re-nav .info {
  text-align: center;
  border: 1px solid #eaeaea;
}

.p-re-nav .furigana {
  font-size: 10px;
  color: #989898;
}

@media screen and (min-width: 950px) {
  .p-re-nav .furigana {
    letter-spacing: 4px;
  }
}

.p-re-nav .c-image-a:before {
  padding-top: 108.69565%;
}

.p-re-nav .c-image-a.style-a:before {
  padding-top: 71.42857%;
}

.p-re-nav .price-name {
  color: #989898;
}

.p-re-nav .price-price {
  color: #989898;
}

.p-re-nav .price-zeikomi {
  color: #989898;
}

.p-re-nav .new {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-re-nav .new .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  background-color: #5ccff8;
  color: #FFF;
}

.re-map {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #f3f3f3;
  padding-top: calc(5 * 1px);
  padding-bottom: calc(5 * 1px);
  padding-right: calc(5 * 1px);
  padding-left: calc(5 * 1px);
}

@media screen and (min-width: 992px) {
  .re-map {
    width: calc((1370 * 100) / 1920 * 1vw);
    max-width: 1370px;
  }
}

@media screen and (min-width: 992px) {
  .re-map {
    padding-top: clamp(calc(5 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-bottom: clamp(calc(5 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-right: clamp(calc(5 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-left: clamp(calc(5 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

.re-map .re-map__inner {
  background-color: #fcfcfc;
  padding-top: calc(8 * 1px);
  padding-bottom: calc(8 * 1px);
  padding-right: calc(8 * 1px);
  padding-left: calc(8 * 1px);
}

@media screen and (min-width: 992px) {
  .re-map .re-map__inner {
    padding-top: clamp(calc(8 * 1px), calc((18 * 100) / 1920 * 1vw), calc(18 * 1px));
    padding-bottom: clamp(calc(8 * 1px), calc((18 * 100) / 1920 * 1vw), calc(18 * 1px));
    padding-right: clamp(calc(8 * 1px), calc((18 * 100) / 1920 * 1vw), calc(18 * 1px));
    padding-left: clamp(calc(8 * 1px), calc((18 * 100) / 1920 * 1vw), calc(18 * 1px));
  }
}

.re-map .re-map__inner p {
  color: #a9a4a1;
  line-height: calc(10 / 10);
  letter-spacing: 0.3em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
  text-align: center;
}

.p-re-contact {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 4);
  border: 1px solid #eaeaea;
  background-color: #f8f8f8;
  text-align: center;
  color: #828282;
  -ms-grid-rows: auto 1px auto;
      grid-template-rows: auto 1px auto;
}

@media screen and (min-width: 992px) {
  .p-re-contact {
    grid-row-gap: 0;
    -ms-grid-columns: 1fr 1px 1fr;
        grid-template-columns: 1fr 1px 1fr;
  }
}

.p-re-contact .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ff944b;
  line-height: calc(40 / 40);
  letter-spacing: 0.1em;
  font-size: clamp(calc(24 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.p-re-contact .tel img {
  width: 40px;
}

.p-re-contact .tel-sub {
  line-height: calc(24 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.p-re-contact .btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #73a2ca;
  border-radius: 8px;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  height: clamp(calc(40 * 1px), calc((53 * 100) / 1920 * 1vw), calc(53 * 1px));
  line-height: calc(24 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  color: #FFF;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .p-re-contact .btn {
    padding-right: clamp(calc(20 * 1px), calc((34 * 100) / 1920 * 1vw), calc(34 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((34 * 100) / 1920 * 1vw), calc(34 * 1px));
  }
}

.p-re-contact .btn img {
  width: 40px;
}

.p-re-contact .border {
  background-color: #eaeaea;
}

.p-re-info-a {
  line-height: calc(36 / 25);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
  text-align: center;
  background-color: #fcfcfc;
}

.p-re-info-c {
  line-height: calc(39 / 18);
  letter-spacing: 0.2em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  text-align: center;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background-color: #fafafa;
}

.p-re-info-b {
  padding-top: calc(20 * 1px);
  line-height: calc(39 / 18);
  letter-spacing: 0.2em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  padding-bottom: calc(20 * 1px);
  text-align: center;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

@media screen and (min-width: 992px) {
  .p-re-info-b {
    padding-top: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-re-info-b {
    padding-bottom: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
  }
}

.p-nav-unit-spacer-mt {
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-nav-unit-spacer-mt {
    margin-top: clamp(calc(100 * 1px), calc((220 * 100) / 1920 * 1vw), calc(220 * 1px));
  }
}

.p-nav-unit-spacer-mt-b {
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-nav-unit-spacer-mt-b {
    margin-top: clamp(calc(100 * 1px), calc((220 * 100) / 1920 * 1vw), calc(220 * 1px));
  }
}

.p-nav-unit {
  background-color: #f8f8f8;
  text-align: center;
  position: relative;
}

.p-nav-unit .p-nav-unit__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
}

.p-nav-unit .p-nav-unit__inner .item .heading {
  line-height: calc(22 / 22);
  letter-spacing: 0.1em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
}

.p-nav-unit .p-nav-unit__inner .item .border {
  width: 40px;
  height: 40px;
  background-image: linear-gradient(45deg, transparent 49%, #c4c2c3 49%, #c4c2c3 51%, transparent 51%, transparent);
  margin-left: auto;
  margin-right: auto;
}

.p-nav-unit .p-nav-unit__inner .item .icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
  color: #989898;
}

.p-nav-unit .image {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-nav-unit-company {
  padding: 20px 0 30px 0;
  background-color: #f8f8f8;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 992px) {
  .p-nav-unit-company {
    padding: initial;
    height: 235px;
  }
}

.p-nav-unit-company .p-nav-unit__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-nav-unit-company .p-nav-unit__inner {
    width: 800px;
  }
}

.p-nav-unit-company .p-nav-unit__inner .item .heading {
  color: #7e7e7e;
  display: inline-block;
  position: relative;
}

.p-nav-unit-company .p-nav-unit__inner .item .heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 2px;
  width: 80%;
}

.p-nav-unit-company .p-nav-unit__inner .item .icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: auto;
  margin-right: auto;
}

.p-nav-unit-company .p-nav-unit__inner .item-a i {
  color: #d3cbca;
}

.p-nav-unit-company .p-nav-unit__inner .item-a .heading:after {
  background-color: #d3cbca;
}

.p-nav-unit-company .p-nav-unit__inner .item-b {
  border-left: 1px solid #e7e5e6;
}

.p-nav-unit-company .p-nav-unit__inner .item-b i {
  color: #bec5c1;
}

.p-nav-unit-company .p-nav-unit__inner .item-b .heading:after {
  background-color: #bec5c1;
}

.p-nav-unit-company .p-nav-unit__inner .item-c {
  border-left: 1px solid #e7e5e6;
}

.p-nav-unit-company .p-nav-unit__inner .item-c i {
  color: #c0c5d7;
}

.p-nav-unit-company .p-nav-unit__inner .item-c .heading:after {
  background-color: #c0c5d7;
}

.p-nav-unit-company .image {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.p-icon-unit {
  display: inline-block;
  text-align: center;
}

.p-icon-unit .icon {
  width: var(--re-icon);
  height: var(--re-icon);
  border-radius: calc(0.5 * var(--re-icon));
  border: 1px solid #ff944b;
  color: #ff944b;
  line-height: calc(45 / 45);
  letter-spacing: 0em;
  font-size: clamp(calc(30 * 1px), calc((100 / 1920) * 45 * 1vw), calc(45 * 1px));
  line-height: 1 !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-icon-unit .sub-a {
  font-size: 10px;
  letter-spacing: 0;
  line-height: 1 !important;
  color: #989898;
}

.p-icon-unit .sub-b {
  line-height: 1 !important;
  letter-spacing: 0;
  color: #989898;
}

.p-icon-unit.style-b .icon {
  border: 1px solid #EEE;
  color: #4c87cd;
}

.p-icon-unit.style-c .icon {
  border: 1px solid #EEE;
  color: #ff944b;
}

.p-unit-event-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: 1px solid #f3f3f3;
}

.p-unit-event-cat a {
  display: inline-block;
  line-height: calc(24 / 18);
  letter-spacing: 0em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  margin-right: calc(var(--spacer) * 2.5);
  margin-left: calc(var(--spacer) * 2.5);
  margin-bottom: calc(var(--spacer) * 1.5);
}

.p-unit-event-cat a:before {
  content: "#";
  color: #ff944b;
}

.cus_mp {
  margin-top: 40px;
}

.p-price-title-a {
  height: clamp(calc(120 * 1px), calc((224 * 100) / 1920 * 1vw), calc(224 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  margin-bottom: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-price-title-a {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-price-title-a img {
  max-width: 35%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-price-title-a img {
    max-width: 240px;
    width: calc((240 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-price-title-a {
    margin-bottom: clamp(calc(30 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-price-title-b {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-price-title-b {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-price-title-b .image img {
  max-width: 40%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-price-title-b .image img {
    max-width: 245px;
    width: calc((245 * 100) / 1920 * 1vw);
  }
}

.p-price-title-b .text {
  border-top: 1px solid #f3f3f3;
  line-height: calc(33 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-price-title-c {
  text-align: center;
  height: clamp(calc(250 * 1px), calc((348 * 100) / 1920 * 1vw), calc(348 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-price-title-c {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-price-title-c img {
  max-width: 55%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-price-title-c img {
    max-width: 329px;
    width: calc((329 * 100) / 1920 * 1vw);
  }
}

.p-price-title-c img {
  position: absolute;
  left: 28.5%;
}

@media screen and (min-width: 992px) {
  .p-price-title-c img {
    left: 41.5%;
  }
}

.p-price-list {
  margin-top: calc(40 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  /*align-items: start;*/
  grid-column-gap: 4%;
  grid-row-gap: calc(30 * 1px);
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 992px) {
  .p-price-list {
    margin-top: clamp(calc(40 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-price-list {
    width: calc((1407 * 100) / 1920 * 1vw);
    max-width: 1407px;
  }
}

@media screen and (min-width: 992px) {
  .p-price-list {
    grid-row-gap: clamp(calc(30 * 1px), calc((150 * 100) / 1920 * 1vw), calc(150 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-price-list {
    grid-column-gap: 6.68%;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}

.p-price-list .item {
  padding-left: calc(6 * 1px);
  padding-right: calc(6 * 1px);
  padding-top: calc(8 * 1px);
  padding-bottom: calc(15 * 1px);
  border: 1px solid #e0e0e0;
  display: block;
  background-color: #fcfcfc;
}

@media screen and (min-width: 992px) {
  .p-price-list .item {
    padding-right: clamp(calc(6 * 1px), calc((8 * 100) / 1920 * 1vw), calc(8 * 1px));
    padding-left: clamp(calc(6 * 1px), calc((8 * 100) / 1920 * 1vw), calc(8 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-price-list .item {
    padding-top: clamp(calc(8 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-price-list .item {
    padding-bottom: clamp(calc(15 * 1px), calc((25 * 100) / 1920 * 1vw), calc(25 * 1px));
  }
}

.p-price-list .item .heading {
  margin-top: calc(20 * 1px);
  letter-spacing: 5px;
}

@media screen and (min-width: 992px) {
  .p-price-list .item .heading {
    margin-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-price-list .item .text .heading {
  line-height: 1.7 !important;
}

.p-price-list .item .c-image-a:before {
  padding-top: 100%;
}

.p-price-list .item .price {
  line-height: calc(36 / 24);
  letter-spacing: 0em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-price-single-title .heading {
  line-height: calc(48 / 30);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  border-bottom: 1px solid #f3f3f3;
}

.p-price-single-gallery {
  margin-top: calc(25 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-column-gap: 4.5%;
  grid-row-gap: calc(var(--spacer) * 9);
}

@media screen and (min-width: 992px) {
  .p-price-single-gallery {
    margin-top: clamp(calc(25 * 1px), calc((48 * 100) / 1920 * 1vw), calc(48 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-price-single-gallery {
    -ms-grid-columns: 58% 1fr;
        grid-template-columns: 58% 1fr;
  }
}

.p-price-spec .price {
  border-bottom: 1px solid #f3f3f3;
}

.p-price-spec .price .kakaku {
  line-height: calc(36 / 36);
  letter-spacing: 0em;
  font-size: clamp(calc(24 * 1px), calc((100 / 1920) * 36 * 1vw), calc(36 * 1px));
}

.p-price-spec .price .sub {
  line-height: calc(18 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.p-price-spec .price-area {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  grid-column-gap: 3%;
  grid-row-gap: calc(var(--spacer) * 1.5);
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  line-height: calc(48 / 20);
  letter-spacing: 0.3em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.p-price-spec .price-area dt {
  text-align: justify;
}

.p-price-spec .price-shiyo {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  grid-column-gap: 3%;
  grid-row-gap: calc(var(--spacer) * 2.5);
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
}

.p-price-spec .price-shiyo dt p {
  text-align: justify;
  background-color: #fbfbfb;
  line-height: calc(32 / 16);
  letter-spacing: 0.3em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  text-align: center;
}

.p-price-spec .price-shiyo dd {
  line-height: calc(32 / 16);
  letter-spacing: 0.3em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-price-spec .price-title-a {
  margin-top: calc(30 * 1px);
  line-height: calc(34 / 20);
  letter-spacing: 0.3em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

@media screen and (min-width: 992px) {
  .p-price-spec .price-title-a {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.price-heading-b {
  line-height: calc(35 / 25);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
}

.p-price-single {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: calc(40 * 1px);
  border-bottom: 1px solid #f3f3f3;
}

@media screen and (min-width: 992px) {
  .p-price-single {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-price-single {
    padding-bottom: clamp(calc(40 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-price-single__border {
  background-color: #f8f8f8;
}

.price-gallery {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: -ms-grid;
  display: grid;
  grid-row-gap: calc(var(--spacer) * 4);
  grid-column-gap: calc(var(--spacer) * 4);
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
}

@media screen and (min-width: 992px) {
  .price-gallery {
    -ms-grid-columns: (1fr)[5];
        grid-template-columns: repeat(5, 1fr);
  }
}

.price-gallery li {
  position: relative;
}

.price-gallery li:before {
  content: '';
  display: block;
  padding-top: 66.66667%;
}

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

.p-price-nav-w {
  padding-bottom: calc(40 * 1px);
  border-bottom: 1px solid #f3f3f3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 992px) {
  .p-price-nav-w {
    padding-bottom: clamp(calc(40 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.p-price-nav {
  display: -ms-grid;
  display: grid;
  place-items: center;
  margin-left: auto;
  margin-right: auto;
  grid-column-gap: 5%;
  width: 100%;
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      grid-template-areas: "area-a area-b" "area-a2 area-b2" "area-c area-c";
}

@media screen and (min-width: 992px) {
  .p-price-nav {
    grid-column-gap: 10%;
  }
}

@media screen and (min-width: 950px) {
  .p-price-nav {
    width: auto;
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: auto 1fr auto 1fr auto;
        grid-template-columns: auto 1fr auto 1fr auto;
        grid-template-areas: "area-a area-b area-c area-d area-e";
    grid-column-gap: calc(var(--spacer) * 4);
  }
}

.p-price-nav .c-btn-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 950px) {
  .p-price-nav .c-btn-b {
    margin-bottom: 24px;
  }
}

.p-price-nav .c-btn-b.prev {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-a2;
}

@media screen and (min-width: 950px) {
  .p-price-nav .c-btn-b.prev {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: area-a;
  }
}

.p-price-nav .c-btn-b.next {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: area-b2;
}

@media screen and (min-width: 950px) {
  .p-price-nav .c-btn-b.next {
    grid-area: area-e;
  }
}

.p-price-nav .item {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-price-nav .item {
    max-width: 300px;
    width: calc((300 * 100) / 1920 * 1vw);
  }
}

.p-price-nav .item.prev {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
}

@media screen and (min-width: 950px) {
  .p-price-nav .item.prev {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-price-nav .item.next {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
}

@media screen and (min-width: 950px) {
  .p-price-nav .item.next {
    grid-area: area-d;
  }
}

.p-price-nav .all-btn {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area-c;
}

.p-price-nav .info {
  text-align: center;
}

.p-price-nav .c-image-a:before {
  padding-top: 108.69565%;
}

.p-price-nav .c-image-a.style-a:before {
  padding-top: 71.42857%;
}

.p-price-nav .price-name {
  color: #989898;
  line-height: calc(24 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-price-nav .metre {
  line-height: calc(36 / 18);
  letter-spacing: 0.2em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  white-space: nowrap;
}

@media screen and (min-width: 992px) {
  .p-price-nav .metre {
    line-height: calc(36 / 18);
    letter-spacing: 0.5em;
    font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  }
}

.p-price-nav .price-price {
  line-height: calc(24 / 14);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
  color: #989898;
}

.p-price-nav .price-zeikomi {
  font-size: 10px;
  color: #989898;
}

.p-price-nav .new {
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.p-price-nav .new .icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  background-color: #5ccff8;
  color: #FFF;
}

.p-price-nav .p-re-nav__number {
  text-align: left;
  color: #ff944b;
}

.post-type-archive-price .p-nav-unit__inner .item-b,
.single-price .p-nav-unit__inner .item-b {
  opacity: 0.4;
}

.price-c-btn .arrow {
  background-color: #232323;
}

.price-c-btn .text {
  color: #232323;
}

/*.post-type-archive-price,
.single-price {
    .p-nav-unit {
        .item-b {
            opacity: 0.4;
        }
    }
}*/


.p-event-title {
  margin-bottom: 8.33vw;
  margin-left: 80px;
  margin-right: 80px;
  margin-top: 8.33vw;
  position: relative;
  text-align: right;
}

.p-event-title .title{
  background: url("../image/feather.png") right 0.2vw no-repeat;
  background-size: 14.85vw auto;
  color: #919090;
  font-size: 4.166vw;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  line-height: 1.4;
  letter-spacing: 0.1em;
}

.p-event-title .sub_title{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 2.86vw;
  letter-spacing: 0;
  position: absolute;
  right: 320px;
  top: 3.6vw;
}

.p-event-title .sub_title span{
  color: #a38b77;
}

.p-event-title .eng{
  color: #b4b4b4;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt" 1;
  font-size: 9px;
  letter-spacing: 0;
  line-height: 1.3;
}

.p-event-title .text{
  color: #a4a4a4;
  font-family: PerpetuaProRoman, serif;
  font-size: 0.8em;
  left: 0;
  letter-spacing: 0.35em;
  top: 3.1vw;
  position: absolute;
}

.post-type-archive-event .tp-title.acttl,
.tax-event_cat .tp-title.acttl,
.single-event .tp-title.acttl{
  border-bottom: 1px solid #E6E6E6;
  justify-content: flex-start;
  margin-bottom: 1.0vw;
  margin-top: 4.5vw;
  margin-left: calc(var(--spacer) * 2.5);
  margin-right: calc(var(--spacer) * 2.5);
  position: relative;
  max-width: 1760px;
  width: 100%;
}

.post-type-archive-event .tp-title .event_title,
.tax-event_cat .tp-title .event_title,
.single-event .tp-title .event_title{
  color: #919090;
  width: 18vw;
}

.post-type-archive-event .tp-title .event_title span,
.tax-event_cat .tp-title .event_title span,
.single-event .tp-title .event_title span{
  color: #a99280;
}

.post-type-archive-event .tp-title .event_title span::before,
.tax-event_cat .tp-title .event_title span::before,
.single-event .tp-title .event_title span::before{
  content: "・";
  color: #919090;
  font-size: 0.6em;
}

.tp-title .p-event-cat{
  color: #726e6e;
  font-feature-settings: "palt" 1;
  font-size: 1.0416vw;
  letter-spacing: 0.2em;
  position: absolute;
  right: 0;
  top: 2.5vw;
}

.tp-title .p-event-cat ul{
  display: flex;
  justify-content: flex-end;
}

.tp-title .p-event-cat ul li{
  margin-left: 1.5vw;
  margin-right: 1.5vw;
}

.post-type-archive-event .tp-title .p-event-cat li a.all,
.single-event .tp-title .p-event-cat li a.all,
.tp-title .p-event-cat li.current a{
  border-bottom: 1px solid #8A3135;
}

.tp-title .p-event-cat li a:hover{
  border-bottom: 1px solid #8A3135;
}

@media screen and (min-width: 992px) {
  .post-type-archive-event .tp-title.acttl,
  .tax-event_cat .tp-title.acttl,
  .single-event .tp-title.acttl{
    margin-left: 80px;
    margin-right: 80px;
    width: calc(100% - 160px);
  }
}

@media screen and (max-width: 992px) {
  .p-event-title {
    margin-left: 8.75vw;
    margin-right: 8.75vw;
  }
  
  .p-event-title .title{
    background-size: 25vw auto;
    font-size: 7.377vw;
  }

  .p-event-title .sub_title{
    font-size: 5.5vw;
    right: 35vw;
    top: 7.0vw;
  }

  .p-event-title .eng{
    font-size: 1vw;
  }

  .p-event-title .text{
    font-size: 1.5vw;
    position: relative;
  }

  .post-type-archive-event .tp-title.acttl,
  .tax-event_cat .tp-title.acttl,
  .single-event .tp-title.acttl{
    padding-bottom: 5vw;
}

  .post-type-archive-event .tp-title .p-event-cat,
  .tax-event_cat .tp-title .p-event-cat,
  .single-event .tp-title .p-event-cat{
    font-size: 1.1rem;
    position: relative;
  }

  .post-type-archive-event .tp-title .p-event-cat ul li,
  .tax-event_cat .tp-title .p-event-cat ul li,
  .single-event .tp-title .p-event-cat ul li{
    margin-left: 0;
    margin-right: 3vw;
  }
}



.p-event-title02 {
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  place-items: start start;
  -ms-grid-columns: 35% 40%;
      grid-template-columns: 35% 40%;
}

@media screen and (min-width: 992px) {
  .p-event-title02 {
    padding-top: clamp(calc(30 * 1px), calc((210 * 100) / 1920 * 1vw), calc(210 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-title02 {
    padding-bottom: clamp(calc(30 * 1px), calc((210 * 100) / 1920 * 1vw), calc(210 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-title02 {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-event-title02 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    max-width: 1620px;
  }
}

.p-event-title02 .area-a {
  margin: 0 auto;
  display: none;
}

.p-event-title02 .area-a img {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-event-title02 .area-a img {
    max-width: 309px;
    width: calc((309 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-event-title02 .area-a {
    display: block;
  }
}

.p-event-title02 .area-b {
  margin: 0 auto;
}

.p-event-title02 .area-b img {
  width: 50%;
  max-width: 350px;
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 992px) {
  .p-event-title02 .area-b img {
    width: calc((350 * 100) / 1920 * 1vw);
  }
}

.p-event-title02 .area-c {
  margin: 0 auto;
  display: none;
}

.p-event-title02 .area-c img {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-event-title02 .area-c img {
    max-width: 309px;
    width: calc((309 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-event-title02 .area-c {
    display: block;
  }
}

.p-event-title-a {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-event-title-a {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-event-title-a {
    margin-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-title-a {
    max-width: 1680px;
    width: 100%;
  }
}

.p-event-title-a .heading {
  line-height: calc(40 / 34);
  letter-spacing: 0.35em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 34 * 1vw), calc(34 * 1px));
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 0 !important;
}

.p-event-title-a .sub {
  font-size: 10px;
  color: #a9a4a1;
}

.p-event-title-b {
  margin-top: calc(50 * 1px);
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-event-title-b {
    width: calc((1550 * 100) / 1920 * 1vw);
    max-width: 1550px;
  }
}

@media screen and (min-width: 992px) {
  .p-event-title-b {
    margin-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-event-title-b .heading {
  line-height: calc(30 / 30);
  letter-spacing: 0.35em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  padding-bottom: calc(50 * 1px);
  border-bottom: 1px solid #f3f3f3;
  line-height: 160%;
}

.p-event-title-b .sub {
  line-height: calc(16 / 11);
  letter-spacing: 0.3em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
  color: #a9a4a1;
}

.p-event-title-c {
  margin-top: calc(120 * 1px);
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-event-title-c {
    width: calc((1550 * 100) / 1920 * 1vw);
    max-width: 1550px;
  }
}

@media screen and (min-width: 992px) {
  .p-event-title-c {
    margin-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-event-title-c .heading {
  line-height: calc(30 / 30);
  letter-spacing: 0.35em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  padding-bottom: 0;
  border-bottom: 1px solid #f3f3f3;
  line-height: 160%;
}

.p-event-title-c .sub {
  line-height: calc(16 / 11);
  letter-spacing: 0.3em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
  color: #a9a4a1;
}

.p-event-title-single {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-event-title-single {
    width: calc((1550 * 100) / 1920 * 1vw);
    max-width: 1550px;
  }
}

.p-event-title-single img {
  max-width: 45%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-event-title-single img {
    max-width: 353px;
    width: calc((353 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-event-title-single {
    padding-top: clamp(calc(30 * 1px), calc((210 * 100) / 1920 * 1vw), calc(210 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-title-single {
    padding-bottom: clamp(calc(30 * 1px), calc((210 * 100) / 1920 * 1vw), calc(210 * 1px));
  }
}

.p-event-cat-w {
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  grid-column-gap: 20px;
}

@media screen and (min-width: 992px) {
  .p-event-cat-w {
    margin-top: clamp(calc(50 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-cat-w {
    width: calc((1410 * 100) / 1920 * 1vw);
    max-width: 1410px;
  }
}

@media screen and (min-width: 950px) {
  .p-event-cat-w {
    -ms-grid-columns: 1fr 70%;
        grid-template-columns: 1fr 70%;
    grid-column-gap: initial;
  }
}

.p-event-cat-w .all {
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
}

.p-event-cat-w .all:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  width: 80%;
  height: 2px;
  background-color: #e8e8e8;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-event-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 950px) {
  .p-event-cat {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-event-cat a {
  display: inline-block;
  color: #60605f;
  font-size: 1.2em;
  /*&:before {
            content: "#";
            @extend .u-mr-xxs;
        }*/
}

@media screen and (min-width: 950px) {
  .p-event-cat a {
    margin-right: initial;
    margin-bottom: initial;
  }
}

.p-event-pickup .bg {
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
  background-color: #fcfcfc;
}

@media screen and (min-width: 992px) {
  .p-event-pickup .bg {
    padding-top: clamp(calc(30 * 1px), calc((75 * 100) / 1920 * 1vw), calc(75 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-pickup .bg {
    padding-bottom: clamp(calc(30 * 1px), calc((75 * 100) / 1920 * 1vw), calc(75 * 1px));
  }
}

.p-event-pickup .border {
  border-top: 1px solid #ccc;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-event-pickup .border {
    padding-top: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-pickup .border {
    padding-bottom: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.p-event-pickup .item {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  margin-left: auto;
  margin-right: auto;
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-template-areas: "area-a area-b";
}

@media screen and (min-width: 992px) {
  .p-event-pickup .item {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-event-pickup .item {
    grid-row-gap: initial;
    -ms-grid-columns: 0.68fr 1fr;
        grid-template-columns: 0.68fr 1fr;
    grid-column-gap: 17%;
        grid-template-areas: "area-a area-b";
  }
}

.p-event-pickup .heading {
  line-height: calc(44 / 28);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
}

@media screen and (min-width: 992px) {
  .p-event-pickup .st-bun {
    font-size: clamp(12px, calc(0.75rem + (16 - 12) * ((100vw - 992px) / (1920 - 992))), 16px);
  }
}

.p-event-pickup .excerpt {
  line-height: calc(32 / 14);
  letter-spacing: 0em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

.p-event-pickup .image {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
}

@media screen and (min-width: 992px) {
  .p-event-pickup .image {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-event-pickup .image a {
  display: block;
}

.p-event-pickup .c-image-a:before {
  padding-top: 71.42857%;
}

.p-event-pickup .area-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
}

@media screen and (min-width: 992px) {
  .p-event-pickup .area-a {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: area-a;
  }
}

.p-event-pickup .title {
  line-height: calc(36 / 24);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-event-pickup .date .day {
  line-height: calc(58 / 48);
  letter-spacing: -0.1em;
  font-size: clamp(calc(24 * 1px), calc((100 / 1920) * 48 * 1vw), calc(48 * 1px));
}

.p-event-pickup .date .sub {
  color: #989898;
}

.p-event-pickup .btn {
  display: inline-block;
  position: relative;
  padding-right: 90px;
  line-height: calc(13 / 13);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
}

.p-event-pickup .btn:before {
  position: absolute;
  right: 0;
  top: 50%;
  content: "";
  width: 60px;
  height: 1px;
  background-color: #bbb;
}

.p-event-pickup .btn:after {
  position: absolute;
  right: 1px;
  top: 50%;
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid #bbb;
  border-right: 1px solid #bbb;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

.p-event-list{
  margin-bottom: 5vw;
}

.p-event-list ul{
  position: relative;
  padding-bottom: 3.9vw;
}

.p-event-list ul::after{
  background: url(../image/line_event.png) 0 0 no-repeat;
  background-size: 78.59375vw auto;
  bottom: -0.2vw;
  content: "";
  height: 3px;
  left: calc(50% - 39.296875vw);
  position: absolute;
  width: 78.59375vw;
}

.p-event-list ul li{
  height: 21vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6vw;
  position: relative;
  width: 65.104vw;
}

.p-event-list ul li::before{
  background: #FAFAFA;
  content: "";
  height: 18.75vw;
  left: 0;
  position: absolute;
  top: 2.5vw;
  width: 65.104vw;
  z-index: -1;
}

.p-event-list ul li .side_text{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 0.8125vw;
  left: -4.0vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 4.4vw;
  transform: rotate(-90deg);
}

.p-event-list ul li .side_text span {
  color: #969595;
  font-size: 0.7875vw;
  letter-spacing: 0;
  padding-left: 0.677vw;
}

.p-event-list ul li .side_text2{
  color: #6b6666;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-size: 0.7vw;
  font-weight: 400;
  right: -1.8vw;
  letter-spacing: 0.2em;
  position: absolute;
  top: 4.2vw;
  transform: rotate(90deg);
}

.p-event-list ul li .cate{
  color: #a38b77;
  font-size: 2.08vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  height: 2.08vw;
  line-height: 2.08vw;
  left: 2.604vw;
  position: absolute;
  top: 0;
  z-index: 1;
}

.p-event-list ul li .images{
  content: "";
  height: 18.4375vw;
  left: 1.82vw;
  position: absolute;
  top: 1.2vw;
  width: 30.71vw;
}

.p-event-list ul li .images img{
  height: 18.4375vw;
  object-fit: cover;
  width: 30.71vw;
}

.p-event-list ul li .year{
  color: #6b6666;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-size: 0.7vw;
  font-weight: 400;
  right: 0.1vw;
  letter-spacing: 0.2em;
  position: absolute;
  top: 18.3vw;
  transform: rotate(90deg);
}

.p-event-list ul li .text_box{
  content: "";
  left: 36.3vw;
  position: absolute;
  top: 1.667vw;
  width: 27vw;
}

.p-event-list ul li .text_box::before{
  background: url("../image/feather.png") 0 0 no-repeat;
  background-size: 14.0625vw auto;
  content: "";
  height: 4.5vw;
  left: -5.78vw;
  position: absolute;
  top: -3.02vw;
  width: 14.0625vw;
}

.p-event-list ul li .text_box .ev_title {
  color: #484848;
  font-size: 1.226vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.2em;
  line-height: 1.4;
}
.p-event-list ul li .text_box .ev_address {
  color: #6b6666;
  font-size: 0.5208vw;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-weight: 400;
  letter-spacing: 0.2em;
  margin-top: 0.5vw;
}
.p-event-list ul li .text_box .ev_day {
  color: #484848;
  font-size: 0.986vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.2em;
  line-height: 1.6;
}
.p-event-list ul li .text_box .ev_day span span {
  font-size: 1.961vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0;
  vertical-align: 0.25vw;
}
.p-event-list ul li .text_box .ev_day .ev-end .ev-m {
  position: relative;
}
.p-event-list ul li .text_box .ev_day .ev-end .ev-m::before {
  content: "~";
  font-size: 1.961vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: -0.15vw;
}
.p-event-list ul li .text_box .ev_sub_title {
  color: #696767;
  font-size: 1.0vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.1em;
  margin-top: 0.5vw;
}

.p-event-list ul li .text_box .ev_excerpt {
  color: #6b6666;
  font-size: 0.613vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.2em;
  margin-top: 0.7vw;
}

.p-event-list ul li .text_box .ev_viewmore a{
  background: url("../image/arrow_next.png") 0.573vw 0 no-repeat;
  background-size: 1.0vw auto;
  color: #a38b77;
  display: block;
  font-family: 'Marcellus', serif;
  font-size: 1.1458vw;
  left: 0;
  letter-spacing: -0.025em;
  line-height: 1.0;
  padding-left: 2.34375vw;
  position: absolute;
  text-align: center;
  top: 14.74vw;
  width: 5.73vw;
}

@media screen and (max-width: 992px) {
  .p-event-list ul{
    position: relative;
    padding-bottom: 3.9vw;
  }

  .p-event-list ul::after{
    background-size: 90vw auto;
    bottom: -0.2vw;
    left: 5vw;
    width: 90vw;
  }

  .p-event-list ul li{
    height: 87vw;
    margin-top: 6vw;
    width: 80vw;
  }

  .p-event-list ul li::before{
    height: 42vw;
    top: 6.5vw;
    width: 80vw;
  }

  .p-event-list ul li .side_text{
    font-size: 2vw;
    left: -9.8vw;
    top: 11.6vw;
  }

  .p-event-list ul li .side_text span {
    font-size: 1.9vw;
    padding-left: 2.0vw;
  }

  .p-event-list ul li .side_text2{
    font-size: 1.8vw;
    right: -6.0vw;
    top: 11.2vw;
  }

  .p-event-list ul li .cate{
    font-size: 6vw;
    height: 6vw;
    line-height: 6vw;
    left: 6vw;
  }

  .p-event-list ul li .images{
    height: 42vw;
    left: 5vw;
    top: 3vw;
    width: 70vw;
  }

  .p-event-list ul li .images img{
    height: 42vw;
    width: 70vw;
  }

  .p-event-list ul li .year{
    font-size: 1.8vw;
    right: -0.9vw;
    top: 41.5vw;
  }

  .p-event-list ul li .text_box{
    left: 10vw;
    top: 50vw;
    width: 60vw;
  }

  .p-event-list ul li .text_box::before{
    background-size: 28.125vw auto;
    height: 9vw;
    left: -10.0vw;
    top: -3.0vw;
    width: 28.125vw;
  }

  .p-event-list ul li .text_box .ev_title {
    font-size: 4.0vw;
  }
  
  .p-event-list ul li .text_box .ev_address {
    font-size: 2vw;
    margin-top: 1.5vw;
  }
  
  .p-event-list ul li .text_box .ev_day {
    font-size: 2.5vw;
  }

  .p-event-list ul li .text_box .ev_day span span {
    font-size: 5vw;
    vertical-align: 0.25vw;
  }

  .p-event-list ul li .text_box .ev_day .ev-end .ev-m::before {
    font-size: 5vw;
    vertical-align: -0.15vw;
  }

  .p-event-list ul li .text_box .ev_sub_title {
    font-size: 2.5vw;
    margin-top: 1.0vw;
  }

  .p-event-list ul li .text_box .ev_excerpt {
    font-size: 1.5vw;
    margin-top: 0.7vw;
  }

  .p-event-list ul li .text_box .ev_viewmore a{
    background: url("../image/arrow_next.png") 1.146vw 0 no-repeat;
    background-size: 2.0vw auto;
    font-size: 2.2916vw;
    left: auto;
    letter-spacing: -0.025em;
    padding-left: 4.6878vw;
    right: -5vw;
    top: 30vw;
    width: 11.46vw;
  }
}

.p-event-single .p-event-single_title{
  color: #484848;
  font-feature-settings: "palt" 1;
  font-size: 1.625vw;
  letter-spacing: 0.2em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 8.95vw;
  padding-bottom: 1.4vw;
  position: relative;
  text-align: center;
  width: 100%;
}
.p-event-single .p-event-single_title::before{
  background: url("../image/feather.png") 0 0 no-repeat;
  background-size: 17.1875vw auto;
  content: "";
  height: 5.365vw;
  left: calc(50% - 16.40625vw);
  position: absolute;
  top: -3.28125vw;
  width: 17.1875vw;
}
.p-event-single .p-event-single_title::after{
  background: url("../image/line_movie.png") 0 0 no-repeat;
  background-size: 47.4vw auto;
  bottom: 0;
  content: "";
  height: 4px;
  left: calc(50% - 23.7vw);
  position: absolute;
  width: 47.4vw;
}
.p-event-single .p-event-single_sub_title{
  color: #6b6666;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt" 1;
  font-size: 0.7948vw;
  letter-spacing: 0.2em;
  margin-top: 0.6vw;
  text-align: center;
}

.p-event-single .p-event-single_image{
  background: #FAFAFA;
  height: 31.25vw;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875vw;
  position: relative;
  width: 74vw;
}

.p-event-single .p-event-single_image .side_text{
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 0.8125vw;
  left: -3.0vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 2.8vw;
  transform: rotate(-90deg);
}

.p-event-single .p-event-single_image .side_text span {
  color: #969595;
  font-size: 0.7875vw;
  letter-spacing: 0;
  padding-left: 0.677vw;
}

.p-event-single .p-event-single_image .side_text2{
  color: #6b6666;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-size: 0.7vw;
  font-weight: 400;
  right: -1.6vw;
  letter-spacing: 0.2em;
  position: absolute;
  top: 1.8vw;
  transform: rotate(90deg);
}

.p-event-single .p-event-single_image .cate{
  color: #a38b77;
  font-size: 2.08vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  height: 2.08vw;
  line-height: 2.08vw;
  left: calc(50% - 20.5vw);
  position: absolute;
  top: 0.9875vw;
  z-index: 1;
}

.p-event-single .p-event-single_image .images{
  content: "";
  height: 26.2vw;
  left: calc(50% - 21.875vw);
  position: absolute;
  top: 2.1875vw;
  width: 43.75vw;
}

.p-event-single .p-event-single_image .images img{
  height: 26.2vw;
  object-fit: cover;
  width: 43.75vw;
}

.p-event-single .p-event-single_image .year{
  color: #6b6666;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-size: 0.7vw;
  font-weight: 400;
  right: 0.3vw;
  letter-spacing: 0.2em;
  position: absolute;
  top: 18.3vw;
  transform: rotate(90deg);
}

.p-event-single .p-event-single-main {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.875vw;
  width: 43.75vw;
}

.p-event-single .p-event-single-main .ev_si_address {
  color: #6b6666;
  font-size: 0.5vw;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-weight: 400;
  letter-spacing: 0.2em;
}

.p-event-single .p-event-single-main .ev_si_day {
  color: #484848;
  font-size: 1.42vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-event-single .p-event-single-main .ev_si_day span span {
  font-size: 2.823vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0;
  vertical-align: 0.25vw;
}

.p-event-single .p-event-single-main .ev_si_day .ev-m {
  color: #a38b77;
}

.p-event-single .p-event-single-main .ev_si_day .ev-end .ev-m {
  position: relative;
}

.p-event-single .p-event-single-main .ev_si_day .ev-end .ev-m::before {
  color: #484848;
  content: "~";
  font-size: 2.823vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: -0.15vw;
}

.p-event-single .p-event-single-main .ev_si_title {
  color: #696767;
  font-size: 1.1671875vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.1em;
  line-height: 1.4;
  margin-top: 0.6vw;
}

.p-event-single .p-event-single-main .ev_si_info {
  color: #6b6666;
  font-size: 0.917vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.1em;
  margin-top: 1.0vw;
}

.p-event-single-main .content {
  color: #6b6666;
  font-feature-settings: "palt" 1;
  font-size: 0.917vw;
  line-height: 1.8;
  margin-top: 2.6vw;
  padding-top: 2.08vw;
  position: relative;
}

.p-event-single-main .content::before {
  background: url("../image/line.png") 0 0 no-repeat;
  background-size: 61.667vw auto;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  top: 0;
  width: 61.667vw;
}

@media screen and (max-width: 992px) {
  .p-event-single .p-event-single_title{
    font-size: 3.25vw;
    margin-top: 17.9vw;
    padding-bottom: 2.8vw;
  }

  .p-event-single .p-event-single_title::before{
    background-size: 34.375vw auto;
    height: 10.73vw;
    left: calc(50% - 32.8125vw);
    top: -6.5625vw;
    width: 34.375vw;
  }

  .p-event-single .p-event-single_title::after{
    background-size: 94.8vw auto;
    height: 4px;
    left: 10vw;
    width: 90vw;
  }

  .p-event-single .p-event-single_sub_title{
    font-size: 1.5896vw;
    margin-top: 1.2vw;
  }

  .p-event-single .p-event-single_image{
    height: 62.5vw;
    margin-top: 3.75vw;
    width: 100vw;
  }

  .p-event-single .p-event-single_image .side_text{
    font-size: 1.625vw;
    left: -6.0vw;
    top: 5.6vw;
  }

  .p-event-single .p-event-single_image .side_text span {
    font-size: 1.575vw;
    padding-left: 1.354vw;
  }

  .p-event-single .p-event-single_image .side_text2{
    font-size: 1.4vw;
    right: -3.2vw;
    top: 3.6vw;
  }

  .p-event-single .p-event-single_image .cate{
    font-size: 4.16vw;
    height: 4.16vw;
    line-height: 4.16vw;
    left: calc(50% - 40.5vw);
    top: 2vw;
  }

  .p-event-single .p-event-single_image .images{
    height: 52.4vw;
    left: calc(50% - 43.75vw);
    top: 4.375vw;
    width: 87.5vw;
  }

  .p-event-single .p-event-single_image .images img{
    height: 52.4vw;
    width: 87.5vw;
  }

  .p-event-single .p-event-single_image .year{
    font-size: 1.4vw;
    right: 0.6vw;
    top: 36.6vw;
  }

  .p-event-single .p-event-single-main {
    margin-top: 3.75vw;
    width: 80vw;
  }

  .p-event-single .p-event-single-main .ev_si_address {
    font-size: 1.0vw;
  }

  .p-event-single .p-event-single-main .ev_si_day {
    font-size: 2.84vw;
  }

  .p-event-single .p-event-single-main .ev_si_day span span {
    font-size: 5.646vw;
    vertical-align: 0.5vw;
  }

  .p-event-single .p-event-single-main .ev_si_day .ev-end .ev-m::before {
    font-size: 5.646vw;
    vertical-align: -0.30vw;
  }

  .p-event-single .p-event-single-main .ev_si_title {
    font-size: 0.9em;
    margin-top: 1.2vw;
  }

  .p-event-single .p-event-single-main .ev_si_info {
    font-size: 0.8em;
    margin-top: 2.0vw;
  }

  .p-event-single-main .content {
    font-size: 0.7em;
    margin-top: 5.2vw;
    padding-top: 4.16vw;
  }

  .p-event-single-main .content .u-fs-lg{
    font-size: 1.5em;
  }

  .p-event-single-main .content::before {
    background-size: 90vw auto;
    width: 85vw;
  }
}



.p-event-cat-w {
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
  grid-column-gap: 20px;
}

@media screen and (min-width: 992px) {
  .p-event-cat-w {
    margin-top: clamp(calc(50 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-event-cat-w {
    width: calc((1410 * 100) / 1920 * 1vw);
    max-width: 1410px;
  }
}

@media screen and (min-width: 950px) {
  .p-event-cat-w {
    -ms-grid-columns: 1fr 70%;
        grid-template-columns: 1fr 70%;
    grid-column-gap: initial;
  }
}

.p-event-cat-w .all {
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
}

.p-event-cat-w .all:after {
  position: absolute;
  left: 50%;
  bottom: 0;
  content: "";
  width: 80%;
  height: 2px;
  background-color: #e8e8e8;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.p-event-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (min-width: 950px) {
  .p-event-cat {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.p-event-cat a {
  display: inline-block;
  color: #60605f;
  /*&:before {
            content: "#";
            @extend .u-mr-xxs;
        }*/
}

@media screen and (min-width: 950px) {
  .p-event-cat a {
    margin-right: initial;
    margin-bottom: initial;
  }
}

@media screen and (max-width: 992px) {
}








.p-mh-title {
  position: relative;
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(50 * 1px);
  padding-bottom: calc(50 * 1px);
}

.p-mh-title img {
  max-width: 38%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-mh-title img {
    max-width: 262px;
    width: calc((262 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-mh-title {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

@media screen and (min-width: 992px) {
  .p-mh-title {
    padding-top: clamp(calc(50 * 1px), calc((163 * 100) / 1920 * 1vw), calc(163 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-title {
    padding-bottom: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

.p-mh-title .icon-area {
  position: absolute;
  left: 0;
  top: 0%;
}

@media screen and (min-width: 992px) {
  .p-mh-title .icon-area {
    top: 50%;
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
}

.p-mh-spacer-a {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-spacer-a {
    margin-top: clamp(calc(50 * 1px), calc((180 * 100) / 1920 * 1vw), calc(180 * 1px));
  }
}

.re-map {
  margin-top: calc(30 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .re-map {
    margin-top: clamp(calc(30 * 1px), calc((82 * 100) / 1920 * 1vw), calc(82 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .re-map {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-mh-title-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: calc(33 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  border-bottom: 1px solid #f3f3f3;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-mh-title-a {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-mh-list {
  display: -ms-grid;
  display: grid;
  grid-row-gap: calc(80 * 1px);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-list {
    grid-row-gap: clamp(calc(80 * 1px), calc((330 * 100) / 1920 * 1vw), calc(330 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-list {
    width: calc((1246 * 100) / 1920 * 1vw);
    max-width: 1246px;
  }
}

@media screen and (min-width: 992px) {
  .p-mh-list {
    margin-top: clamp(calc(50 * 1px), calc((320 * 100) / 1920 * 1vw), calc(320 * 1px));
  }
}

.p-mh-list .item {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 5%;
  grid-row-gap: calc(var(--spacer) * 6);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

@media screen and (min-width: 992px) {
  .p-mh-list .item {
    -ms-grid-columns: 1fr 52%;
        grid-template-columns: 1fr 52%;
  }
}

.p-mh-list .item .name {
  line-height: calc(48 / 28);
  letter-spacing: 0.3em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
}

.p-mh-list .item .btn {
  line-height: calc(12 / 12);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
  height: 36px;
  border-radius: 18px;
  vertical-align: middle;
  padding-left: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  border: 2px solid #e7e7e7;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 992px) {
  .p-mh-list .item .btn {
    height: 42px;
    border-radius: 21px;
  }
}

@media screen and (min-width: 992px) {
  .p-mh-list .item .btn {
    padding-right: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-mh-list .item .btn i {
  -webkit-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7);
  color: #6e6e6e;
}

.p-mh-list .item .area-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto;
  grid-column-gap: 5%;
}

.p-mh-list .item .c-image-a:before {
  padding-top: 65.35948%;
}

.p-mh-list .item .mh-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  line-height: calc(18 / 12);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
  grid-row-gap: 5px;
  -ms-grid-columns: auto auto 1fr;
      grid-template-columns: auto auto 1fr;
}

.p-mh-list .item .icon-area {
  text-align: right;
}

.p-mh-single .c-image-a.main-image {
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-mh-single .c-image-a.main-image {
    margin-top: clamp(calc(50 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-single .c-image-a.main-image {
    width: calc((1260 * 100) / 1920 * 1vw);
    max-width: 1260px;
  }
}

.p-mh-single .c-image-a.main-image:before {
  padding-top: 54.05405%;
}

.p-mh-single .acf-map:before {
  content: '';
  display: block;
  padding-top: 71.42857%;
}

.p-mh-single .acf-map img {
  max-width: inherit !important;
}

.p-mh-single-layout {
  margin-top: calc(40 * 1px);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  display: -ms-grid;
  display: grid;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  grid-row-gap: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout {
    margin-top: clamp(calc(40 * 1px), calc((170 * 100) / 1920 * 1vw), calc(170 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout {
    width: calc((1260 * 100) / 1920 * 1vw);
    max-width: 1260px;
  }
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout {
    grid-row-gap: clamp(calc(30 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout {
    -ms-grid-columns: 1fr 48%;
        grid-template-columns: 1fr 48%;
  }
}

.p-mh-single-layout .name {
  margin-top: calc(20 * 1px);
  line-height: calc(48 / 30);
  letter-spacing: 0.3em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout .name {
    margin-top: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.p-mh-single-layout .sub1 {
  line-height: calc(18 / 12);
  letter-spacing: 0.1em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
  color: #686868;
}

.p-mh-single-layout .mh-info {
  margin-top: calc(20 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  line-height: calc(30 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  grid-row-gap: 5px;
  -ms-grid-columns: auto auto 1fr;
      grid-template-columns: auto auto 1fr;
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout .mh-info {
    margin-top: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.p-mh-single-layout .btn {
  margin-top: calc(20 * 1px);
  color: #ff9351;
  line-height: calc(24 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #c4c2c3;
  max-width: 200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-right: initial;
  height: clamp(calc(34 * 1px), calc((44 * 100) / 1920 * 1vw), calc(44 * 1px));
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout .btn {
    margin-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-single-layout .btn {
    max-width: 240px;
    width: calc((240 * 100) / 1920 * 1vw);
  }
}

.p-mh-single-title {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-mh-single-title {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-mh-single-title .heading {
  line-height: calc(40 / 30);
  letter-spacing: 0.18em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  border-bottom: 1px solid #f3f3f3;
}

.p-mh-single-title .eng {
  font-size: 10px;
  color: #777;
}

.p-mh-main-w {
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-mh-main-w {
    margin-top: clamp(calc(50 * 1px), calc((175 * 100) / 1920 * 1vw), calc(175 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-main-w {
    width: calc((1260 * 100) / 1920 * 1vw);
    max-width: 1260px;
  }
}

.p-mh-main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-left: right;
}

@media screen and (min-width: 992px) {
  .p-mh-main {
    width: calc((932 * 100) / 1920 * 1vw);
    max-width: 932px;
  }
}

.p-mh-covid-19 {
  text-align: center;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}

@media screen and (min-width: 992px) {
  .p-mh-covid-19 {
    line-height: 2.4;
  }
}

.p-mh-covid-19 .font-a {
  color: #c8a56d;
  letter-spacing: 2px;
}

.p-mh-covid-19 .font-c {
  color: #989898;
  letter-spacing: 2px;
}

.p-news-title-single {
  height: clamp(calc(250 * 1px), calc((580 * 100) / 1920 * 1vw), calc(580 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-news-title-single img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-news-title-single img {
    max-width: 364px;
    width: calc((364 * 100) / 1920 * 1vw);
  }
}

.p-blog-archive-title {
  text-align: center;
  display: none;
}

/*.post-type-archive-news {
    .p-blog-archive-title {
        display: none;
    }
}
.post-type-archive-news.date {
    .p-blog-archive-title {
        display: block !important;
    }
}*/
.p-news-list .item {
  display: block;
}

.p-news-list .item:first-child {
  margin-top: var(--s-spacer-s) !important;
}

.p-news-list .item .heading {
  text-align: center;
  line-height: calc(30 / 22);
  letter-spacing: 0.2em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
  position: relative;
}

.p-news-list .item .heading:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.p-news-list .item .heading:after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #eaeaea;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.p-news-list .item .cat {
  text-align: center;
  color: #989898;
  letter-spacing: 3px;
}

.p-news-list .item .excerpt {
  margin-top: calc(30 * 1px);
  line-height: calc(30 / 12);
  letter-spacing: 0.1em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #989898;
}

@media screen and (min-width: 992px) {
  .p-news-list .item .excerpt {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-news-list .item .excerpt {
    width: calc((682 * 100) / 1920 * 1vw);
    max-width: 682px;
  }
}

.p-news-list .item .c-image-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-news-list .item .c-image-a {
    width: calc((682 * 100) / 1920 * 1vw);
    max-width: 682px;
  }
}

.p-news-list .item .c-image-a:before {
  padding-top: 59.88024%;
}

.p-news-list .item time {
  color: #989898;
  text-align: center;
  display: block;
  letter-spacing: 3px;
}

.p-news-list-c {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 4);
}

.p-news-list-c .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 90px 1fr;
      grid-template-columns: 90px 1fr;
  grid-column-gap: 20px;
  grid-row-gap: calc(var(--spacer) * 4);
}

.p-news-list-c .item time {
  color: #989898;
}

.p-news-list-c .item .c-image-a:before {
  padding-top: 100%;
}

.p-news-list-c .item .no-image {
  position: relative;
  background-color: #eaeaea;
  display: -ms-grid;
  display: grid;
  place-items: center;
  height: 90px;
  color: #FFF;
  /*&:before {
                content: "";
                padding-top: (1/1)*100%;
                display: block;
            }*/
}

.p-column-title {
  height: clamp(calc(250 * 1px), calc((630 * 100) / 1920 * 1vw), calc(630 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  place-items: center start;
  -ms-grid-columns: 40% 45%;
      grid-template-columns: 40% 45%;
}

@media screen and (min-width: 992px) {
  .p-column-title {
    width: calc((1468 * 100) / 1920 * 1vw);
    max-width: 1468px;
  }
}

@media screen and (min-width: 992px) {
  .p-column-title {
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
  }
}

.p-column-title .area-a img {
  max-width: 80%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-column-title .area-a img {
    max-width: 311px;
    width: calc((311 * 100) / 1920 * 1vw);
  }
}

.p-column-title .area-b {
  text-align: right;
}

.p-column-title .area-b img {
  max-width: 80%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-column-title .area-b img {
    max-width: 326px;
    width: calc((326 * 100) / 1920 * 1vw);
  }
}

.p-column-title-single {
  height: clamp(calc(250 * 1px), calc((575 * 100) / 1920 * 1vw), calc(575 * 1px));
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.p-column-title-single img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-column-title-single img {
    max-width: 326px;
    width: calc((326 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-column-title-single {
    width: calc((1480 * 100) / 1920 * 1vw);
    max-width: 1480px;
  }
}

.p-column-title-single img {
  position: absolute;
  left: 28%;
}

@media screen and (min-width: 992px) {
  .p-column-title-single img {
    left: 42%;
  }
}

.l-column-main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .l-column-main {
    width: calc((1468 * 100) / 1920 * 1vw);
    max-width: 1468px;
  }
}

.p-column-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  /*align-items: start;*/
}

@media screen and (min-width: 992px) {
  .p-column-list {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
  }
}

.p-column-list .heading {
  line-height: calc(26 / 19);
  letter-spacing: 0.5em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 19 * 1vw), calc(19 * 1px));
}

.p-column-list .item {
  display: block;
}

.p-column-list .item .text {
  height: 90px;
}

.p-column-list .item .sine {
  text-align: right;
  margin-top: -5px;
  padding-right: 10px;
  position: relative;
  z-index: 10;
  font-family: "Autograf";
  line-height: calc(28 / 28);
  letter-spacing: 0em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
  line-height: 1 !important;
  color: #98a0a1;
}

@media screen and (min-width: 992px) {
  .p-column-list .item .sine {
    margin-top: -10px;
  }
}

.p-column-list .item .sine .sine-image {
  display: none;
}

.p-column-list .item .c-image-a:before {
  padding-top: 175.4386%;
}

.p-column-list .item .category {
  letter-spacing: 8px;
}

.p-column-list .item.column_life {
  background-color: #f0f4f7;
  padding-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-list .item.column_life {
    padding-top: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-column-list .item.column_life .sine-image.life,
.p-column-list .item.column_life .cat-name.life {
  display: block;
}

.p-column-list .item.column_visit {
  background-color: #f6f5f1;
  padding-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-list .item.column_visit {
    padding-top: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-column-list .item.column_visit .sine-image.visit,
.p-column-list .item.column_visit .cat-name.visit {
  display: block;
}

.p-column-list .item.column_house {
  background-color: #f6f1f1;
  padding-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-list .item.column_house {
    padding-top: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-column-list .item.column_house .sine-image.house,
.p-column-list .item.column_house .cat-name.house {
  display: block;
}

.p-column-list .item.column_design {
  background-color: #f4f6f1;
  padding-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-list .item.column_design {
    padding-top: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-column-list .item.column_design .sine-image.design,
.p-column-list .item.column_design .cat-name.design {
  display: block;
}

.p-column-list .item.column_voice {
  background-color: #f3f4f7;
  padding-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-list .item.column_voice {
    padding-top: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-column-list .item.column_voice .sine-image.voice,
.p-column-list .item.column_voice .cat-name.voice {
  display: block;
}

.p-column-list .item.first {
  display: none;
}

@media screen and (min-width: 992px) {
  .p-column-list .item.first {
    padding-right: 15%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: auto 1fr;
        grid-template-rows: auto 1fr;
    place-items: end start;
  }
}

.p-column-list .item.first .heading {
  margin-top: calc(-1 * var(--column-s-a));
  line-height: calc(50 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  color: #232323;
}

.p-column-list.single .heading {
  line-height: calc(24 / 16);
  letter-spacing: 0.5em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-column-list.d-block {
  display: block !important;
  margin-top: 85px;
}

.p-column-list .cat-year {
  color: #989898;
  font-size: 10px !important;
  letter-spacing: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1 !important;
}

.p-column-list .cat-year .cat-name {
  display: none;
  text-transform: uppercase;
}

.p-column-list .cat-year .year:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #989898;
  margin-bottom: 3px;
  opacity: 0.5;
}

.swiper-nav-w {
  display: none;
}

.active .swiper-nav-w {
  display: block;
}

.p-column-cat-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  /*white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;*/
}

@media screen and (min-width: 992px) {
  .p-column-cat-list {
    -ms-grid-columns: 1fr 2fr;
        grid-template-columns: 1fr 2fr;
    /*height: $column-s-a;*/
  }
}

.p-column-cat-list .area-a {
  display: block;
  position: relative;
}

.p-column-cat-list .area-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-template-areas: "area-a" "area-b";
  grid-row-gap: 20px;
}

@media screen and (min-width: 992px) {
  .p-column-cat-list .area-b {
    grid-row-gap: 0;
        grid-template-areas: "area-a area-b";
    -ms-grid-columns: 1fr auto;
        grid-template-columns: 1fr auto;
  }
}

.p-column-cat-list .area-b .cat-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
}

@media screen and (min-width: 992px) {
  .p-column-cat-list .area-b .cat-list {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: area-a;
  }
}

.p-column-cat-list .area-b .cat-list li + li {
  padding-left: calc(20 * 1px);
  margin-bottom: calc(15 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-cat-list .area-b .cat-list li + li {
    padding-left: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-cat-list .area-b .cat-list li + li {
    margin-bottom: clamp(calc(15 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-column-cat-list .area-b .cat-list li a {
  color: #60605f;
}

.p-column-cat-list .area-b .cat-list li a:before {
  content: ".";
  margin-right: 3px;
}

.p-column-cat-list .area-b .cat-list li a:after {
  content: ".";
  margin-left: 3px;
}

.p-column-cat-list .area-b .all-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
}

@media screen and (min-width: 992px) {
  .p-column-cat-list .area-b .all-btn {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-column-cat-list .area-b .all {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1 !important;
  vertical-align: middle;
}

.p-column-cat-list .area-b .all img {
  max-width: 12px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-column-cat-list .area-b .all img {
    max-width: 20px;
    width: calc((20 * 100) / 1920 * 1vw);
  }
}

.p-column-cat-list .area-b .all a {
  color: #60605f;
}

.swiper-container-column .swiper-wrapper,
.swiper-container-column-sp .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.swiper-container-column .swiper-slide,
.swiper-container-column-sp .swiper-slide {
  width: 60%;
}

@media screen and (min-width: 992px) {
  .swiper-container-column .swiper-slide,
  .swiper-container-column-sp .swiper-slide {
    width: 33%;
  }
}

.swiper-container-column.active .swiper-wrapper,
.swiper-container-column-sp.active .swiper-wrapper {
  -webkit-box-pack: initial;
      -ms-flex-pack: initial;
          justify-content: initial;
}

.swiper-container-column.active .swiper-slide,
.swiper-container-column-sp.active .swiper-slide {
  width: initial;
}

.p-column-single {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-column-single .p-mt-spacer-a {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-single .p-mt-spacer-a {
    margin-top: clamp(calc(40 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single {
    width: calc((1480 * 100) / 1920 * 1vw);
    max-width: 1480px;
  }
}

.p-column-single .p-column-single__top {
  margin-top: calc(40 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  grid-row-gap: calc(var(--spacer) * 4);
      grid-template-areas: "area-a" "area-b";
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top {
    margin-top: clamp(calc(40 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top {
    padding-right: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top {
    grid-row-gap: calc(var(--spacer) * 2.5);
    -ms-grid-columns: 61% 1fr;
        grid-template-columns: 61% 1fr;
        grid-template-areas: "area-a area-b";
  }
}

.p-column-single .p-column-single__top .image {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top .image {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: area-a;
  }
}

.p-column-single .p-column-single__top .image .text {
  margin-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  line-height: calc(60 / 16);
  letter-spacing: 0.25em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top .image .text {
    margin-top: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top .image .text {
    padding-bottom: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.p-column-single .p-column-single__top .copy {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
  line-height: calc(57 / 35);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 35 * 1vw), calc(35 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top .copy {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top .copy p {
    padding-right: 5%;
  }
}

.p-column-single .p-column-single__top .info {
  line-height: 1 !important;
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__top .info {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-column-single .p-column-single__content {
  background-color: #fcfcfc;
  padding-bottom: calc(20 * 1px);
  line-height: calc(60 / 16);
  letter-spacing: 0.25em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__content {
    padding-bottom: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.p-column-single .p-column-single__image {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-top: calc(40 * 1px);
      grid-template-areas: "area-b area-c";
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__image {
    padding-right: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__image {
    padding-top: clamp(calc(40 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__image {
    -ms-grid-columns: 61% 1fr;
        grid-template-columns: 61% 1fr;
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__image .image {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-column-single .p-column-single__text {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-top: calc(20 * 1px);
      grid-template-areas: "area-b area-c";
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__text {
    padding-right: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__text {
    padding-top: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__text {
    -ms-grid-columns: 61% 1fr;
        grid-template-columns: 61% 1fr;
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__text .text,
  .p-column-single .p-column-single__text .info {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-column-single .p-column-single__spec {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__spec {
    padding-right: clamp(calc(20 * 1px), calc((95 * 100) / 1920 * 1vw), calc(95 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((95 * 100) / 1920 * 1vw), calc(95 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__spec {
    -ms-grid-columns: 71% 1fr;
        grid-template-columns: 71% 1fr;
        grid-template-areas: "area-b area-b";
  }
}

@media screen and (min-width: 1500px) {
  .p-column-single .p-column-single__spec {
    -ms-grid-columns: 71% 1fr;
        grid-template-columns: 71% 1fr;
  }
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__spec .image {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: area-b;
  }
}

.p-column-single .p-column-single__spec .image-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__spec .image-list {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 3%;
  }
}

.p-column-single .p-column-single__spec .image-list .spac-image {
  text-align: center;
}

.p-column-single .p-column-single__spec .image-list .spac-image img {
  max-width: 80%;
}

@media screen and (min-width: 992px) {
  .p-column-single .p-column-single__spec .image-list .spac-image img {
    max-width: 100%;
  }
}

.p-column-single .p-column-single-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-column-single .p-column-single-tag li a:before {
  content: "#";
  margin-right: 3px;
}

.p-column-single-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-column-single-heading {
    width: calc((1430 * 100) / 1920 * 1vw);
    max-width: 1430px;
  }
}

.p-column-single-heading .heading {
  line-height: calc(48 / 36);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 36 * 1vw), calc(36 * 1px));
  text-align: center;
  position: relative;
  width: 100%;
}

.p-column-single-heading .heading:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #f3f3f3;
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
}

.p-column-single-heading .heading.style-b {
  letter-spacing: 10px;
}

.p-column-single-heading .heading.style-c {
  letter-spacing: 0px;
}

.p-column-single-heading .sub {
  color: #a9a4a1;
  line-height: calc(14 / 11);
  letter-spacing: 0.3em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 11 * 1vw), calc(11 * 1px));
}

.p-column-works-link {
  text-align: center;
  background-color: #f8f8f8;
}

.p-column-category {
  text-align: center;
  line-height: calc(36 / 24);
  letter-spacing: 0.1em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-column-sp-area .popular-tag {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-column-sp-area .popular-tag {
    width: calc((440 * 100) / 1920 * 1vw);
    max-width: 440px;
  }
}

@media screen and (min-width: 992px) {
  .p-column-sp-area {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.p-column-sp-area .heading {
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  letter-spacing: 5px;
}

.cus_u-mtg {
  margin-top: 85px !important;
}

.wp-video {
  width: 100% !important;
}

iframe {
  max-width: 100% !important;
}

.p-privacy {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-privacy {
    width: calc((1420 * 100) / 1920 * 1vw);
    max-width: 1420px;
  }
}

.p-privacy .heading-a {
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-privacy .heading-a {
    margin-top: clamp(calc(100 * 1px), calc((214 * 100) / 1920 * 1vw), calc(214 * 1px));
  }
}

.p-privacy-heading {
  margin-top: calc(70 * 1px);
}

@media screen and (min-width: 992px) {
  .p-privacy-heading {
    margin-top: clamp(calc(70 * 1px), calc((207 * 100) / 1920 * 1vw), calc(207 * 1px));
  }
}

.p-privacy-heading h1 img {
  max-width: 70%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-privacy-heading h1 img {
    max-width: 554px;
    width: calc((554 * 100) / 1920 * 1vw);
  }
}

.p-privacy-heading .sub {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-privacy-heading .sub {
    margin-top: clamp(calc(40 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-privacy-layout {
  border-top: 1px solid #DDD;
}

.p-privacy-layout .row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 2.5);
  border-bottom: 1px solid #DDD;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  place-items: center start;
  padding-top: calc(50 * 1px);
  padding-bottom: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-privacy-layout .row {
    -ms-grid-columns: 40% 55%;
        grid-template-columns: 40% 55%;
  }
}

@media screen and (min-width: 992px) {
  .p-privacy-layout .row {
    padding-top: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-privacy-layout .row {
    padding-bottom: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
  }
}

.p-privacy-layout .row .text {
  line-height: calc(45 / 17);
  letter-spacing: 0.2em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
}

.p-privacy-info {
  background-color: #f2f2f0;
  border-radius: 5px;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-privacy-info {
    padding-top: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((74 * 100) / 1920 * 1vw), calc(74 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((74 * 100) / 1920 * 1vw), calc(74 * 1px));
  }
}

.p-privacy-info .border {
  border-bottom: 1px solid #dddddd;
}

.p-privacy-info .access {
  background-color: #FFF;
  border-radius: 5px;
  padding: calc(var(--spacer) * 2.5);
}

@media screen and (min-width: 992px) {
  .p-privacy-info .access {
    padding: 60px 40px;
  }
}

.p-privacy-info a {
  text-decoration: underline;
}

.p-employment .p-employment-width-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-employment .p-employment-width-a {
    width: calc((1265 * 100) / 1920 * 1vw);
    max-width: 1265px;
  }
}

.p-employment-heading {
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-employment-heading {
    margin-top: clamp(calc(50 * 1px), calc((95 * 100) / 1920 * 1vw), calc(95 * 1px));
  }
}

.p-employment-heading .title {
  background-color: #f2f2f0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(calc(120 * 1px), calc((340 * 100) / 1920 * 1vw), calc(340 * 1px));
}

.p-employment-heading .title h1 {
  -ms-grid-column-align: start;
      justify-self: start;
  padding-left: 15px;
}

@media screen and (min-width: 992px) {
  .p-employment-heading .title h1 {
    padding-left: 15%;
  }
}

.p-employment-heading .title h1 img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-employment-heading .title h1 img {
    max-width: 159px;
    width: calc((159 * 100) / 1920 * 1vw);
  }
}

.p-employment-heading .title .area-b {
  -ms-grid-column-align: end;
      justify-self: end;
  padding-right: 10px;
}

@media screen and (min-width: 992px) {
  .p-employment-heading .title .area-b {
    padding-right: 10%;
  }
}

.p-employment-heading .title .area-b img {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-employment-heading .title .area-b img {
    max-width: 531px;
    width: calc((531 * 100) / 1920 * 1vw);
  }
}

.p-employment-heading .image {
  height: clamp(calc(120 * 1px), calc((340 * 100) / 1920 * 1vw), calc(340 * 1px));
}

.p-employment-heading-a {
  text-align: center;
  margin-top: calc(50 * 1px);
}

.p-employment-heading-a img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-employment-heading-a img {
    max-width: 359px;
    width: calc((359 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-employment-heading-a {
    margin-top: clamp(calc(50 * 1px), calc((190 * 100) / 1920 * 1vw), calc(190 * 1px));
  }
}

.p-employment-heading-b {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
  line-height: calc(48 / 17);
  letter-spacing: 0.3em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
}

@media screen and (min-width: 992px) {
  .p-employment-heading-b {
    width: calc((1161 * 100) / 1920 * 1vw);
    max-width: 1161px;
  }
}

@media screen and (min-width: 992px) {
  .p-employment-heading-b {
    margin-top: clamp(calc(50 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

.p-employment-heading-c {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-employment-heading-c {
    width: calc((1220 * 100) / 1920 * 1vw);
    max-width: 1220px;
  }
}

@media screen and (min-width: 992px) {
  .p-employment-heading-c {
    margin-top: clamp(calc(50 * 1px), calc((150 * 100) / 1920 * 1vw), calc(150 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-employment-heading-c {
    margin-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-employment-heading-c .heading {
  line-height: calc(48 / 30);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.p-employment-heading-c .eng {
  font-size: 10px;
}

.p-employment-layout {
  margin-top: calc(50 * 1px);
  background-color: #f2f2f0;
  line-height: calc(24 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  border-radius: 5px;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-employment-layout {
    margin-top: clamp(calc(50 * 1px), calc((210 * 100) / 1920 * 1vw), calc(210 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-employment-layout {
    padding-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.p-employment-layout .row {
  display: -ms-grid;
  display: grid;
  padding-top: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
}

@media screen and (min-width: 992px) {
  .p-employment-layout .row {
    padding-top: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-employment-layout .row {
    padding-bottom: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

.p-employment-layout .row .area-a:after {
  content: "：";
  margin: 0 calc(var(--spacer) * 1.5);
}

.p-employment-layout-b .row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 2.5);
  border: 2px solid #f2f2f0;
  border-radius: 5px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (min-width: 992px) {
  .p-employment-layout-b .row {
    -ms-grid-columns: 35% 65%;
        grid-template-columns: 35% 65%;
  }
}

.p-employment-layout-b .row .heading {
  line-height: calc(36 / 20);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  text-align: center;
}

.p-employment-layout-b .row .text {
  line-height: calc(36 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  padding-left: calc(30 * 1px);
  padding-right: calc(30 * 1px);
  border-left: 1px solid #f2f2f0;
}

@media screen and (min-width: 992px) {
  .p-employment-layout-b .row .text {
    padding-right: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-left: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-employment-layout-c {
  margin-top: calc(20 * 1px);
  background-color: #f2f2f0;
  line-height: calc(36 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  border-radius: 5px;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-employment-layout-c {
    margin-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-employment-layout-c {
    padding-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.p-employment-info {
  background-color: #f2f2f0;
  border-radius: 5px;
}

.p-employment-info .border {
  border-bottom: 1px solid #dddddd;
}

.p-employment-info .access {
  background-color: #FFF;
  border-radius: 5px;
  padding: calc(var(--spacer) * 2.5);
}

@media screen and (min-width: 992px) {
  .p-employment-info .access {
    padding: calc(var(--spacer) * 4);
  }
}

.p-employment-info a {
  text-decoration: underline;
}

.p-emp-s {
  margin-top: calc(30 * 1px);
  line-height: calc(36 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-emp-s {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-emp-s {
    width: calc((1220 * 100) / 1920 * 1vw);
    max-width: 1220px;
  }
}

.page-id-834 .p-nav-unit__inner .item-b {
  opacity: 0.4;
}

.p-support {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support {
    width: calc((1436 * 100) / 1920 * 1vw);
    max-width: 1436px;
  }
}

.p-support-title-w {
  margin-top: calc(50 * 1px);
  background-color: #f7f7f7;
  border-radius: 8px;
  padding-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
}

@media screen and (min-width: 992px) {
  .p-support-title-w {
    margin-top: clamp(calc(50 * 1px), calc((196 * 100) / 1920 * 1vw), calc(196 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-support-title-w {
    padding-top: clamp(calc(15 * 1px), calc((38 * 100) / 1920 * 1vw), calc(38 * 1px));
    padding-bottom: clamp(calc(15 * 1px), calc((38 * 100) / 1920 * 1vw), calc(38 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((38 * 100) / 1920 * 1vw), calc(38 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((38 * 100) / 1920 * 1vw), calc(38 * 1px));
  }
}

.p-support-title {
  margin-top: calc(50 * 1px);
  height: clamp(calc(auto * 1px), calc((950 * 100) / 1920 * 1vw), calc(950 * 1px));
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/wp-content/uploads/2021/04/support-title-bg.jpg");
}

@media screen and (min-width: 992px) {
  .p-support-title {
    margin-top: clamp(calc(50 * 1px), calc((196 * 100) / 1920 * 1vw), calc(196 * 1px));
  }
}

.p-support-title .title {
  background-color: #fdfdfd;
  max-width: 80%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: clamp(calc(160 * 1px), calc((550 * 100) / 1920 * 1vw), calc(550 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support-title .title {
    max-width: 550px;
    width: calc((550 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-support-title .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-support-title .title img {
  max-width: 70%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-support-title .title img {
    max-width: 418px;
    width: calc((418 * 100) / 1920 * 1vw);
  }
}

.p-support-title .title img {
  margin-top: calc(0 * 1px);
}

@media screen and (min-width: 992px) {
  .p-support-title .title img {
    margin-top: clamp(calc(0 * 1px), calc((255 * 100) / 1920 * 1vw), calc(255 * 1px));
  }
}

.p-support-title .text {
  max-width: 735px;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(30 * 1px);
  padding-left: calc(30 * 1px);
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support-title .text {
    padding-top: clamp(calc(20 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
    padding-right: clamp(calc(30 * 1px), calc((0 * 100) / 1920 * 1vw), calc(0 * 1px));
    padding-left: clamp(calc(30 * 1px), calc((0 * 100) / 1920 * 1vw), calc(0 * 1px));
  }
}

.p-support-title-b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: clamp(calc(160 * 1px), calc((230 * 100) / 1920 * 1vw), calc(230 * 1px));
}

.p-support-title-b img {
  max-width: 30%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-support-title-b img {
    max-width: 209px;
    width: calc((209 * 100) / 1920 * 1vw);
  }
}

.p-support-layout {
  border: 1px solid #d0cfcf;
  padding-top: calc(40 * 1px);
  padding-bottom: calc(40 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
  display: -ms-grid;
  display: grid;
  margin-top: calc(50 * 1px);
  place-items: center start;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-template-areas: "area-a" "area-b" "area-c";
}

@media screen and (min-width: 992px) {
  .p-support-layout {
    padding-top: clamp(calc(40 * 1px), calc((85 * 100) / 1920 * 1vw), calc(85 * 1px));
    padding-bottom: clamp(calc(40 * 1px), calc((85 * 100) / 1920 * 1vw), calc(85 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((138 * 100) / 1920 * 1vw), calc(138 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((138 * 100) / 1920 * 1vw), calc(138 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-support-layout {
    margin-top: clamp(calc(50 * 1px), calc((130 * 100) / 1920 * 1vw), calc(130 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-support-layout {
    -ms-grid-columns: 1fr 24%;
        grid-template-columns: 1fr 24%;
        grid-template-areas: "area-a area-b" "area-c area-c";
  }
}

@media screen and (min-width: 992px) {
  .p-support-layout.type-b {
    -ms-grid-columns: 1fr 28%;
        grid-template-columns: 1fr 28%;
  }
}

.p-support-layout.type-c {
  background-color: #FFF;
  border: none;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(30 * 1px);
  padding-left: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-support-layout.type-c {
    padding-top: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
    padding-right: clamp(calc(30 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-left: clamp(calc(30 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-support-layout .number {
  color: #bad5df;
  line-height: calc(68 / 68);
  letter-spacing: 0em;
  font-size: clamp(calc(35 * 1px), calc((100 / 1920) * 68 * 1vw), calc(68 * 1px));
}

.p-support-layout .heading {
  line-height: calc(70 / 33);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 33 * 1vw), calc(33 * 1px));
}

.p-support-layout .read {
  line-height: calc(35 / 16);
  letter-spacing: 0.3em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-support-layout .read.type-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support-layout .read.type-a {
    width: calc((520 * 100) / 1920 * 1vw);
    max-width: 520px;
  }
}

.p-support-layout .read.type-b {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support-layout .read.type-b {
    width: calc((790 * 100) / 1920 * 1vw);
    max-width: 790px;
  }
}

.p-support-layout .read.type-c {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support-layout .read.type-c {
    width: calc((710 * 100) / 1920 * 1vw);
    max-width: 710px;
  }
}

.p-support-layout .read.type-d {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support-layout .read.type-d {
    width: calc((680 * 100) / 1920 * 1vw);
    max-width: 680px;
  }
}

.p-support-layout .read.type-e {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-support-layout .read.type-e {
    width: calc((710 * 100) / 1920 * 1vw);
    max-width: 710px;
  }
}

.p-support-layout .btn {
  margin-top: calc(20 * 1px);
  display: inline-block;
  border: 1px solid #959595;
  line-height: 1;
}

@media screen and (min-width: 992px) {
  .p-support-layout .btn {
    margin-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-support-layout .area-b {
  margin-top: calc(30 * 1px);
  text-align: center;
}

.p-support-layout .area-b img {
  max-width: 60%;
}

@media screen and (min-width: 992px) {
  .p-support-layout .area-b img {
    max-width: 100%;
  }
}

@media screen and (min-width: 992px) {
  .p-support-layout .area-b {
    margin-top: clamp(calc(30 * 1px), calc((0 * 100) / 1920 * 1vw), calc(0 * 1px));
  }
}

.p-support-layout .area-c {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area-c;
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-support-layout .area-c {
    margin-top: clamp(calc(40 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.p-support-layout-c {
  margin-top: calc(30 * 1px);
  line-height: calc(36 / 20);
  letter-spacing: 0.2em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  text-align: center;
  background-position: top center;
  background-repeat: no-repeat;
  background-image: url("../image/p-nav-unit-image.png");
}

@media screen and (min-width: 992px) {
  .p-support-layout-c {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-support-layout-c .icon img {
  max-width: 180px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-support-layout-c .icon img {
    max-width: 290px;
    width: calc((290 * 100) / 1920 * 1vw);
  }
}

.page-id-1147 .p-nav-unit__inner .item-c {
  opacity: 0.4;
}

.p-company {
  max-width: 1511px;
  margin-left: auto;
  margin-right: auto;
}

.p-company .p-mh-border {
  margin-top: calc(30 * 1px);
  max-width: 50px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: clamp(calc(50 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  position: relative;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
}

@media screen and (min-width: 992px) {
  .p-company .p-mh-border {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-company .p-mh-border {
    max-width: 100px;
    width: calc((100 * 100) / 1920 * 1vw);
  }
}

.p-company .p-mh-border:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #a5a5a5;
  -webkit-transform: skewX(-45deg);
          transform: skewX(-45deg);
}

.p-company-title {
  margin-top: calc(30 * 1px);
  padding-top: calc(40 * 1px);
  background-color: #f7f7f7;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-company-title {
    margin-top: clamp(calc(30 * 1px), calc((75 * 100) / 1920 * 1vw), calc(75 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-company-title {
    padding-top: clamp(calc(40 * 1px), calc((75 * 100) / 1920 * 1vw), calc(75 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-company-title {
    width: calc((1511 * 100) / 1920 * 1vw);
    max-width: 1511px;
  }
}

.p-company-title .c-image-a:before {
  padding-top: 34.35246%;
}

.p-company-title .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}

.p-company-title .title img {
  max-width: 30vw;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-title .title img {
    max-width: 365px;
    width: calc((365 * 100) / 1920 * 1vw);
  }
}

.p-company-title .title:before {
  content: '';
  display: block;
  padding-top: 13.22751%;
}

.p-company-title .title img {
  margin-bottom: -5%;
  margin-right: 4vw;
}

.p-company-title-b {
  text-align: center;
  margin-top: calc(50 * 1px);
  max-width: 45%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-company-title-b {
    margin-top: clamp(calc(50 * 1px), calc((235 * 100) / 1920 * 1vw), calc(235 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-company-title-b {
    max-width: 210px;
    width: calc((210 * 100) / 1920 * 1vw);
  }
}

.p-company-title-b-2 {
  text-align: center;
  margin-top: calc(40 * 1px);
  max-width: 45%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-company-title-b-2 {
    margin-top: clamp(calc(40 * 1px), calc((85 * 100) / 1920 * 1vw), calc(85 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-company-title-b-2 {
    max-width: 527px;
    width: calc((527 * 100) / 1920 * 1vw);
  }
}

.p-conpany-text-a {
  margin-top: calc(40 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: calc(46 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

@media screen and (min-width: 992px) {
  .p-conpany-text-a {
    margin-top: clamp(calc(40 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-text-a {
    width: calc((765 * 100) / 1920 * 1vw);
    max-width: 765px;
  }
}

.p-conpany-layout-a {
  margin-top: calc(80 * 1px);
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-a {
    margin-top: clamp(calc(80 * 1px), calc((230 * 100) / 1920 * 1vw), calc(230 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-a {
    padding-left: 25px;
    padding-right: 20px;
  }
}

.p-conpany-layout-a .heading {
  line-height: calc(36 / 32);
  letter-spacing: 0.3em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 32 * 1vw), calc(32 * 1px));
}

.p-conpany-layout-a .read {
  line-height: calc(36 / 16);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-a .read {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-conpany-layout-a .name {
  line-height: calc(36 / 18);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  margin-top: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-a .name {
    margin-top: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.p-conpany-layout-a__inner-w {
  border: 1px solid #eaeaea;
  padding-top: calc(50 * 1px);
  padding-bottom: calc(50 * 1px);
  padding-right: calc(50 * 1px);
  padding-left: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-a__inner-w {
    padding-top: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
    padding-bottom: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
    padding-right: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
    padding-left: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

.p-conpany-layout-a__inner {
  display: -ms-grid;
  display: grid;
  place-items: center start;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 4);
  grid-column-gap: 8%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-a__inner {
    -ms-grid-columns: 1fr 46%;
        grid-template-columns: 1fr 46%;
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-a__inner {
    width: calc((1000 * 100) / 1920 * 1vw);
    max-width: 1000px;
  }
}

.p-conpany-list {
  margin-top: calc(50 * 1px);
  grid-row-gap: calc(30 * 1px);
  line-height: calc(48 / 22);
  letter-spacing: 0.1em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  grid-column-gap: 2%;
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
}

@media screen and (min-width: 992px) {
  .p-conpany-list {
    margin-top: clamp(calc(50 * 1px), calc((170 * 100) / 1920 * 1vw), calc(170 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-list {
    grid-row-gap: clamp(calc(30 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-list {
    width: calc((1000 * 100) / 1920 * 1vw);
    max-width: 1000px;
  }
}

.p-conpany-list-b {
  margin-top: calc(50 * 1px);
  line-height: calc(48 / 22);
  letter-spacing: 0.1em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  grid-row-gap: calc(30 * 1px);
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
}

@media screen and (min-width: 992px) {
  .p-conpany-list-b {
    margin-top: clamp(calc(50 * 1px), calc((170 * 100) / 1920 * 1vw), calc(170 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-list-b {
    width: calc((1000 * 100) / 1920 * 1vw);
    max-width: 1000px;
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-list-b {
    grid-row-gap: clamp(calc(30 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

.p-conpany-list-c {
  margin-top: calc(20 * 1px);
  line-height: calc(36 / 17);
  letter-spacing: 0.1em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
  display: -ms-grid;
  display: grid;
  grid-row-gap: calc(var(--spacer) * 1.5);
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
}

@media screen and (min-width: 992px) {
  .p-conpany-list-c {
    margin-top: clamp(calc(20 * 1px), calc((55 * 100) / 1920 * 1vw), calc(55 * 1px));
  }
}

.p-conpany-list-c dt,
.p-conpany-list-c dd {
  border-bottom: 1px solid #f2f2f0;
}

.p-company-title-c {
  text-align: center;
  margin-top: calc(70 * 1px);
}

@media screen and (min-width: 992px) {
  .p-company-title-c {
    margin-top: clamp(calc(70 * 1px), calc((155 * 100) / 1920 * 1vw), calc(155 * 1px));
  }
}

.p-company-title-c img {
  max-width: 25%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-title-c img {
    max-width: 180px;
    width: calc((180 * 100) / 1920 * 1vw);
  }
}

.p-conpany-layout-c {
  margin-top: calc(40 * 1px);
  display: -ms-grid;
  display: grid;
  grid-column-gap: 5%;
  grid-row-gap: calc(var(--spacer) * 9);
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-c {
    margin-top: clamp(calc(40 * 1px), calc((85 * 100) / 1920 * 1vw), calc(85 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-c {
    width: calc((1000 * 100) / 1920 * 1vw);
    max-width: 1000px;
  }
}

.p-conpany-layout-c .item {
  background-color: #f2f2f0;
  text-align: center;
  border-radius: 8px;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
}

.p-conpany-layout-c .item .heading {
  background-color: #FFF;
  border-radius: 5px;
  line-height: calc(19 / 20);
  letter-spacing: 0.3em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  padding-top: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-c .item .heading {
    padding-top: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-bottom: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-c .item {
    padding-top: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-conpany-layout-c .item .text {
  line-height: calc(38 / 21);
  letter-spacing: 0.1em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 21 * 1vw), calc(21 * 1px));
}

.p-conpany-layout-c .item .text .sub {
  line-height: calc(16 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-conpany-layout-c .item .btn {
  display: inline-block;
  background-color: #FFF;
  border-radius: 5px;
  line-height: calc(16 / 16);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  padding-top: calc(2 * 1px);
  padding-bottom: calc(2 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-conpany-layout-c .item .btn {
    padding-top: clamp(calc(2 * 1px), calc((7 * 100) / 1920 * 1vw), calc(7 * 1px));
    padding-bottom: clamp(calc(2 * 1px), calc((7 * 100) / 1920 * 1vw), calc(7 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.p-conpany-outline {
  margin-top: calc(80 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-conpany-outline {
    margin-top: clamp(calc(80 * 1px), calc((230 * 100) / 1920 * 1vw), calc(230 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-conpany-outline {
    width: calc((1000 * 100) / 1920 * 1vw);
    max-width: 1000px;
  }
}

.p-conpany-outline .heading {
  line-height: calc(48 / 22);
  letter-spacing: 0.2em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
}

.p-company-title-d {
  text-align: center;
  margin-top: calc(100 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-company-title-d {
    margin-top: clamp(calc(100 * 1px), calc((250 * 100) / 1920 * 1vw), calc(250 * 1px));
  }
}

.p-company-title-d img {
  max-width: 200px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-title-d img {
    max-width: 385px;
    width: calc((385 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-company-title-d {
    width: calc((1000 * 100) / 1920 * 1vw);
    max-width: 1000px;
  }
}

.p-company-group {
  display: -ms-grid;
  display: grid;
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      grid-template-areas: "area-a" "area-b" "area-c";
  grid-column-gap: 5%;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .p-company-group {
    margin-top: clamp(calc(50 * 1px), calc((130 * 100) / 1920 * 1vw), calc(130 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-company-group {
    width: calc((1000 * 100) / 1920 * 1vw);
    max-width: 1000px;
  }
}

@media screen and (min-width: 992px) {
  .p-company-group {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "area-a area-b" "area-c area-c";
  }
}

.p-company-group .item {
  border: 2px solid #f2f2f0;
  border-radius: 8px;
}

.p-company-group .item .sub {
  line-height: calc(20 / 12);
  letter-spacing: 0.2em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
}

.p-company-group .item .info {
  line-height: calc(24 / 14);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

.p-company-group .item-a {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: area-a;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-a {
    padding-top: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-company-group .item-a .logo {
  height: clamp(calc(40 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-company-group .item-a .logo img {
  max-width: 100px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-a .logo img {
    max-width: 210px;
    width: calc((210 * 100) / 1920 * 1vw);
  }
}

.p-company-group .item-a .image img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-a .image img {
    max-width: 255px;
    width: calc((255 * 100) / 1920 * 1vw);
  }
}

.p-company-group .item-b {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: area-b;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-b {
    padding-top: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-company-group .item-b .logo {
  height: clamp(calc(40 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-company-group .item-b .logo img {
  max-width: 220px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-b .logo img {
    max-width: 316px;
    width: calc((316 * 100) / 1920 * 1vw);
  }
}

.p-company-group .item-b .image img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-b .image img {
    max-width: 255px;
    width: calc((255 * 100) / 1920 * 1vw);
  }
}

.p-company-group .item-c {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: area-c;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  text-align: center;
  grid-row-gap: calc(var(--spacer) * 2.5);
  place-items: center start;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-c {
    padding-top: clamp(calc(20 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-company-group .item-c {
    text-align: left;
    -ms-grid-columns: 1fr 40%;
        grid-template-columns: 1fr 40%;
  }
}

.p-company-group .item-c .logo img {
  max-width: 220px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-c .logo img {
    max-width: 360px;
    width: calc((360 * 100) / 1920 * 1vw);
  }
}

.p-company-group .item-c .image {
  text-align: center;
}

.p-company-group .item-c .image img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-c .image img {
    max-width: 316px;
    width: calc((316 * 100) / 1920 * 1vw);
  }
}

.p-company-group .item-c .sub {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-company-group .item-c .sub {
    width: calc((360 * 100) / 1920 * 1vw);
    max-width: 360px;
  }
}

.p-company-group .item-c .type-b {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.p-conpany-mh {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-conpany-mh {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

.p-conpany-mh .p-conpany-mh-title {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-conpany-mh .p-conpany-mh-title {
    width: calc((800 * 100) / 1920 * 1vw);
    max-width: 800px;
  }
}

.p-conpany-mh .p-conpany-mh-title .eng {
  line-height: calc(40 / 30);
  letter-spacing: 0.4em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.p-conpany-mh .p-conpany-mh-title .sub {
  margin-top: calc(20 * 1px);
  line-height: calc(22 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-conpany-mh .p-conpany-mh-title .sub {
    margin-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-mh-slide {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-slide {
    margin-top: clamp(calc(40 * 1px), calc((88 * 100) / 1920 * 1vw), calc(88 * 1px));
  }
}

.p-mh-slide .p-mh-slide-item {
  position: relative;
}

.p-mh-slide .p-mh-slide-item .c-image-a {
  position: relative;
  z-index: -1;
}

.p-mh-slide .p-mh-slide-item .c-image-a:before {
  padding-top: 62.5%;
}

@media screen and (min-width: 992px) {
  .p-mh-slide .p-mh-slide-item .c-image-a:before {
    padding-top: 43.47826%;
  }
}

.p-mh-slide .p-mh-slide-item .info {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: rgba(100, 100, 100, 0.7);
  padding-top: calc(15 * 1px);
  padding-bottom: calc(15 * 1px);
  padding-left: calc(15 * 1px);
  padding-right: calc(15 * 1px);
  text-align: center;
  color: #FFF;
}

@media screen and (min-width: 992px) {
  .p-mh-slide .p-mh-slide-item .info {
    padding-top: clamp(calc(15 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-slide .p-mh-slide-item .info {
    padding-bottom: clamp(calc(15 * 1px), calc((35 * 100) / 1920 * 1vw), calc(35 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-slide .p-mh-slide-item .info {
    padding-right: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-mh-slide .p-mh-slide-item .info .heading {
  white-space: nowrap;
  line-height: calc(28 / 24);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-mh-slide .p-mh-slide-item .info .text {
  white-space: nowrap;
  margin-top: calc(10 * 1px);
  line-height: calc(28 / 16);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

@media screen and (min-width: 992px) {
  .p-mh-slide .p-mh-slide-item .info .text {
    margin-top: clamp(calc(10 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-mh-slide .p-mh-slide-item .info .btn {
  background-color: #FFF;
  margin-top: calc(10 * 1px);
  display: inline-block;
  padding-top: calc(1 * 1px);
  padding-bottom: calc(1 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-slide .p-mh-slide-item .info .btn {
    margin-top: clamp(calc(10 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mh-slide .p-mh-slide-item .info .btn {
    padding-top: clamp(calc(1 * 1px), calc((3 * 100) / 1920 * 1vw), calc(3 * 1px));
    padding-bottom: clamp(calc(1 * 1px), calc((3 * 100) / 1920 * 1vw), calc(3 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-mh-slide .swiper-nav {
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-slide .swiper-nav {
    margin-top: clamp(calc(30 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.page-id-1259 .p-nav-unit__inner .item-c {
  opacity: 0.4;
}

.p-concept01-title {
  margin-top: calc(30 * 1px);
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept01-title {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept01-title {
    width: calc((1510 * 100) / 1920 * 1vw);
    max-width: 1510px;
  }
}

.p-concept01-title .area-a {
  max-width: 70%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept01-title .area-a {
    max-width: 640px;
    width: calc((640 * 100) / 1920 * 1vw);
  }
}

.p-concept01-title-b {
  margin-top: calc(40 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-concept01-title-b {
    margin-top: clamp(calc(40 * 1px), calc((130 * 100) / 1920 * 1vw), calc(130 * 1px));
  }
}

.p-concept01-title-b img {
  max-width: 80%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept01-title-b img {
    max-width: 982px;
    width: calc((982 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept01-title-b {
    width: calc((1030 * 100) / 1920 * 1vw);
    max-width: 1030px;
  }
}

.p-concept01-title-b .text {
  margin-top: calc(40 * 1px);
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  color: #848484;
  text-align: left;
}

@media screen and (min-width: 992px) {
  .p-concept01-title-b .text {
    margin-top: clamp(calc(40 * 1px), calc((114 * 100) / 1920 * 1vw), calc(114 * 1px));
  }
}

.p-concept01-layout {
  margin-top: calc(120 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .p-concept01-layout {
    width: calc((1290 * 100) / 1920 * 1vw);
    max-width: 1290px;
  }
}

@media screen and (min-width: 992px) {
  .p-concept01-layout {
    -ms-grid-columns: 29% 1fr;
        grid-template-columns: 29% 1fr;
    grid-column-gap: 3.4%;
  }
}

.p-concept01-layout .area-b__areaa {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr auto;
      grid-template-columns: 1fr auto;
  place-items: center start;
}

.p-concept01-layout .number {
  color: #ff9351;
  line-height: calc(68 / 68);
  letter-spacing: 0em;
  font-size: clamp(calc(35 * 1px), calc((100 / 1920) * 68 * 1vw), calc(68 * 1px));
}

.p-concept01-layout .heading {
  line-height: calc(43 / 29);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 29 * 1vw), calc(29 * 1px));
}

.p-concept01-layout .text {
  line-height: calc(25 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

.p-concept01-layout .tag {
  color: #6a6969;
  line-height: calc(18 / 12);
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
}

.p-concept01-layout .pcbtn {
  display: none;
}

@media screen and (min-width: 992px) {
  .p-concept01-layout .pcbtn {
    display: block;
  }
}

.p-concept01-layout .smhbtn {
  display: block;
  padding: 1em 1em 1em 0.7em;
}

@media screen and (min-width: 992px) {
  .p-concept01-layout .smhbtn {
    display: none;
  }
}

.p-flow .spacer-mt-a {
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow .spacer-mt-a {
    margin-top: clamp(calc(100 * 1px), calc((300 * 100) / 1920 * 1vw), calc(300 * 1px));
  }
}

.p-flow .spacer-mt-b {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow .spacer-mt-b {
    margin-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

.p-flow .arrow-b {
  position: relative;
  margin-top: calc(30 * 1px);
  line-height: 1 !important;
}

@media screen and (min-width: 992px) {
  .p-flow .arrow-b {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.p-flow .arrow-b p {
  color: #ff9351;
  line-height: calc(24 / 18);
  letter-spacing: 0.3em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  display: inline;
}

.p-flow .arrow-b img {
  width: 25px;
}

@media screen and (min-width: 992px) {
  .p-flow .arrow-b img {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.p-flow .arrow-c {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: initial;
  line-height: 1 !important;
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-flow .arrow-c {
    width: calc((450 * 100) / 1920 * 1vw);
    max-width: 450px;
  }
}

.p-flow .arrow-c img {
  width: 25px;
}

.p-flow .p-flat {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  place-items: center start;
  grid-column-gap: 30px;
  grid-row-gap: calc(var(--spacer) * 4);
}

@media screen and (min-width: 992px) {
  .p-flow .p-flat {
    display: -ms-inline-grid;
    display: inline-grid;
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
  }
}

.p-flow .p-flat.spacer {
  margin-top: calc(30 * 1px);
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow .p-flat.spacer {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow .p-flat.spacer {
    margin-bottom: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-flow .p-flat.spacer-b {
  margin-top: calc(50 * 1px);
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow .p-flat.spacer-b {
    margin-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow .p-flat.spacer-b {
    margin-bottom: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-flow .p-attention {
  background-color: #5e76db;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow .p-attention {
    width: calc((450 * 100) / 1920 * 1vw);
    max-width: 450px;
  }
}

@media screen and (min-width: 992px) {
  .p-flow .p-attention {
    padding-top: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-bottom: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

.p-flow .p-attention .heading {
  line-height: calc(16 / 18);
  letter-spacing: 0em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.p-flow .p-attention .sub {
  line-height: calc(18 / 12);
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
  text-align: left;
}

.p-flow .p-text-a {
  line-height: calc(36 / 14);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

.p-flow-title-a {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: clamp(calc(50 * 1px), calc((360 * 100) / 1920 * 1vw), calc(360 * 1px));
  background-position: right bottom;
  background-repeat: no-repeat;
  background-image: url("../image/flow-title-bg.png");
}

@media screen and (min-width: 992px) {
  .p-flow-title-a {
    width: calc((1225 * 100) / 1920 * 1vw);
    max-width: 1225px;
  }
}

.p-flow-title-a img {
  max-width: 85%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-flow-title-a img {
    max-width: 868px;
    width: calc((868 * 100) / 1920 * 1vw);
  }
}

.p-flow-title-a .heading {
  width: 100%;
  position: absolute;
  left: 3%;
  bottom: 0;
}

.p-flow-title-a .heading img {
  max-width: 35%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-flow-title-a .heading img {
    max-width: 284px;
    width: calc((284 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-flow-title-a .heading {
    left: 0;
  }
}

.p-flow-title-a .eng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-flow-title-a .eng img {
  max-width: 40%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-flow-title-a .eng img {
    max-width: 392px;
    width: calc((392 * 100) / 1920 * 1vw);
  }
}

.p-flow-title-b {
  background-color: #f2f2f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  height: clamp(calc(120 * 1px), calc((280 * 100) / 1920 * 1vw), calc(280 * 1px));
}

@media screen and (min-width: 992px) {
  .p-flow-title-b {
    padding-right: clamp(calc(20 * 1px), calc((105 * 100) / 1920 * 1vw), calc(105 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((105 * 100) / 1920 * 1vw), calc(105 * 1px));
  }
}

.p-flow-title-b .number {
  line-height: calc(50 / 50);
  letter-spacing: 0em;
  font-size: clamp(calc(30 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  color: #ff9351;
}

.p-flow-title-b .heading {
  line-height: calc(50 / 36);
  letter-spacing: 0em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 36 * 1vw), calc(36 * 1px));
}

.p-flow-title-b .eng {
  font-size: 10px;
  color: #777777;
}

.p-flow-content {
  background-color: #f2f2f0;
  padding-bottom: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow-content {
    padding-bottom: clamp(calc(50 * 1px), calc((220 * 100) / 1920 * 1vw), calc(220 * 1px));
  }
}

.p-flow-frame-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a {
    width: calc((1515 * 100) / 1920 * 1vw);
    max-width: 1515px;
  }
}

.p-flow-frame-a.type-a {
  padding-top: calc(50 * 1px);
  padding-bottom: calc(50 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a.type-a {
    padding-top: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
    padding-bottom: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((0 * 100) / 1920 * 1vw), calc(0 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((0 * 100) / 1920 * 1vw), calc(0 * 1px));
  }
}

.p-flow-frame-a.type-b {
  margin-top: calc(20 * 1px);
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a.type-b {
    margin-top: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a.type-b {
    padding-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-flow-frame-a .heading-b {
  margin-top: calc(50 * 1px);
  margin-bottom: calc(20 * 1px);
  line-height: calc(40 / 27);
  letter-spacing: 0.2em;
  font-size: clamp(calc(17 * 1px), calc((100 / 1920) * 27 * 1vw), calc(27 * 1px));
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-b {
    margin-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-b {
    margin-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-flow-frame-a .heading-c {
  line-height: calc(40 / 27);
  letter-spacing: 0.1em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 27 * 1vw), calc(27 * 1px));
  background-color: #f2f2f0;
  border-radius: 10px;
  text-align: center;
  padding-top: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c {
    padding-top: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-bottom: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-flow-frame-a .heading-c.spacer {
  margin-top: calc(30 * 1px);
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.spacer {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.spacer {
    margin-bottom: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-flow-frame-a .heading-c.spacer-b {
  margin-top: calc(50 * 1px);
  margin-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.spacer-b {
    margin-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.spacer-b {
    margin-bottom: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-flow-frame-a .heading-c.type-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-right: initial;
  text-align: left;
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.type-a {
    width: calc((550 * 100) / 1920 * 1vw);
    max-width: 550px;
  }
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.type-a {
    text-align: center;
  }
}

.p-flow-frame-a .heading-c.type-b {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-right: initial;
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.type-b {
    width: calc((450 * 100) / 1920 * 1vw);
    max-width: 450px;
  }
}

.p-flow-frame-a .heading-c.type-e {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-right: initial;
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.type-e {
    width: calc((450 * 100) / 1920 * 1vw);
    max-width: 450px;
  }
}

.p-flow-frame-a .heading-c.free:after {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 0;
  top: 50%;
  content: "無料";
  background-color: #ff9351;
  height: clamp(calc(26 * 1px), calc((35 * 100) / 1920 * 1vw), calc(35 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 50px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: initial;
  color: #FFF;
  line-height: calc(18 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.free:after {
    -webkit-transform: translate(130%, -50%);
            transform: translate(130%, -50%);
  }
}

@media screen and (min-width: 992px) {
  .p-flow-frame-a .heading-c.free:after {
    max-width: 110px;
    width: calc((110 * 100) / 1920 * 1vw);
  }
}

.p-flow-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-flow-inner {
    width: calc((1225 * 100) / 1920 * 1vw);
    max-width: 1225px;
  }
}

.p-flow-layout-a {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8% 1fr 8% 1fr;
      grid-template-columns: 1fr 8% 1fr 8% 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .p-flow-layout-a {
    width: calc((1225 * 100) / 1920 * 1vw);
    max-width: 1225px;
  }
}

@media screen and (min-width: 992px) {
  .p-flow-layout-a {
    -ms-grid-columns: 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr;
        grid-template-columns: 1fr 4% 1fr 4% 1fr 4% 1fr 4% 1fr;
  }
}

.p-flow-layout-a .item {
  border: 1px solid #f2f2f0;
  border-radius: 10px;
  padding-top: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-flow-layout-a .item {
    padding-top: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-bottom: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-flow-layout-a .item .number {
  line-height: calc(50 / 50);
  letter-spacing: 0em;
  font-size: clamp(calc(30 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  color: #ff9351;
}

.p-flow-layout-a .item .heading {
  line-height: calc(40 / 27);
  letter-spacing: 0.1em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 27 * 1vw), calc(27 * 1px));
  position: relative;
}

.p-flow-layout-a .item .heading:after {
  content: "";
  width: 10%;
  height: 1px;
  background-color: #979797;
  position: absolute;
  left: 0;
  bottom: 0;
}

.p-flow-layout-a .item .eng {
  font-size: 10px;
  letter-spacing: 0;
}

.p-flow-layout-a .arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-flow-layout-a .arrow.u-sp-none {
  display: none;
}

@media screen and (min-width: 992px) {
  .p-flow-layout-a .arrow.u-sp-none {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.p-flow-layout-a .arrow img {
  width: 40%;
}

@media screen and (min-width: 992px) {
  .p-flow-layout-b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.p-flow-layout-b .item {
  width: 100%;
  margin-bottom: 20px;
  border: 2px solid #f2f2f0;
  border-radius: 8px;
  text-align: center;
  line-height: calc(40 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  padding-top: calc(3 * 1px);
  padding-bottom: calc(3 * 1px);
  padding-right: calc(30 * 1px);
  padding-left: calc(30 * 1px);
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-flow-layout-b .item {
    width: initial;
    margin-bottom: 0;
    margin-right: 30px;
  }
}

@media screen and (min-width: 992px) {
  .p-flow-layout-b .item {
    padding-top: clamp(calc(3 * 1px), calc((3 * 100) / 1920 * 1vw), calc(3 * 1px));
    padding-bottom: clamp(calc(3 * 1px), calc((3 * 100) / 1920 * 1vw), calc(3 * 1px));
    padding-right: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-left: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

.p-flow-layout-b .item:after {
  position: absolute;
  right: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #ff9351;
}

.p-flow-layout-b .item.type-b:after {
  border-color: transparent transparent transparent #b2aca9;
}

.p-flow-layout-c {
  margin-top: calc(30 * 1px);
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 20% 1fr;
      grid-template-columns: 20% 1fr;
  place-items: center start;
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-flow-layout-c {
    margin-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow-layout-c {
    padding-top: clamp(calc(20 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow-layout-c {
    padding-bottom: clamp(calc(20 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-flow-layout-c {
    -ms-grid-columns: 100px 1fr;
        grid-template-columns: 100px 1fr;
  }
}

.p-flow-layout-c:before {
  position: absolute;
  left: 13px;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: #c4c2c3;
}

@media screen and (min-width: 992px) {
  .p-flow-layout-c:before {
    left: 0;
  }
}

.p-flow-layout-c .s-arrow {
  position: absolute;
  top: 11%;
  left: 13px;
}

@media screen and (min-width: 992px) {
  .p-flow-layout-c .s-arrow {
    left: 0;
  }
}

.p-flow-layout-c .s-arrow .inner {
  width: 13vw;
  height: 1px;
  background-color: #c4c2c3;
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-flow-layout-c .s-arrow .inner {
    width: 90px;
  }
}

.p-flow-layout-c .s-arrow .inner:before {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 15px;
  border-color: transparent transparent transparent #ff9351;
}

.page-id-1603 .p-nav-unit-spacer-mt-b {
  margin-top: 0;
}

.page-id-1603 .p-nav-unit__inner .item-a {
  opacity: 0.4;
}

.p-concept-01-title {
  margin-top: calc(30 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-concept-01-title {
    margin-top: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-title {
    width: calc((1410 * 100) / 1920 * 1vw);
    max-width: 1410px;
  }
}

.p-concept-01-title .heading {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}

.p-concept-01-title .heading img {
  max-width: 65%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-title .heading img {
    max-width: 283px;
    width: calc((283 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-title .heading {
    left: -8%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.p-concept-01-title-b {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-01-title-b {
    width: calc((704 * 100) / 1920 * 1vw);
    max-width: 704px;
  }
}

.p-concept-01-title-b img {
  max-width: 80%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-title-b img {
    max-width: 704px;
    width: calc((704 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-title-b {
    margin-top: clamp(calc(50 * 1px), calc((175 * 100) / 1920 * 1vw), calc(175 * 1px));
  }
}

.p-concept-01-title-b .text {
  margin-top: calc(25 * 1px);
  text-align: left;
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-01-title-b .text {
    margin-top: clamp(calc(25 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-01-layout {
  margin-top: calc(100 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: calc(50 * 1px);
  padding-bottom: calc(40 * 1px);
  padding-right: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout {
    margin-top: clamp(calc(100 * 1px), calc((160 * 100) / 1920 * 1vw), calc(160 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout {
    width: calc((1410 * 100) / 1920 * 1vw);
    max-width: 1410px;
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout {
    padding-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout {
    padding-bottom: clamp(calc(40 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout {
    padding-right: clamp(calc(20 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-concept-01-layout .number {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-70%);
          transform: translateY(-70%);
}

.p-concept-01-layout .number .numbers {
  color: #90daf3;
  line-height: calc(68 / 65);
  letter-spacing: 0em;
  font-size: clamp(calc(35 * 1px), calc((100 / 1920) * 65 * 1vw), calc(65 * 1px));
  z-index: 10;
}

.p-concept-01-layout .number .heading.type1 img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .number .heading.type1 img {
    max-width: 148px;
    width: calc((148 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-layout .number .heading.type2 img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .number .heading.type2 img {
    max-width: 170px;
    width: calc((170 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-layout .number .heading.type3 img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .number .heading.type3 img {
    max-width: 202px;
    width: calc((202 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-layout .number .heading.type4 img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .number .heading.type4 img {
    max-width: 175px;
    width: calc((175 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-layout .number .heading.type5 img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .number .heading.type5 img {
    max-width: 170px;
    width: calc((170 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-layout .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  place-items: center start;
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .inner {
    -ms-grid-columns: 1fr 41%;
        grid-template-columns: 1fr 41%;
    /*grid-column-gap: 3.4%;*/
  }
}

.p-concept-01-layout .inner .heading {
  line-height: calc(35 / 21);
  letter-spacing: 0.2em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 21 * 1vw), calc(21 * 1px));
}

.p-concept-01-layout .inner .text {
  margin-top: calc(30 * 1px);
  line-height: calc(35 / 17);
  letter-spacing: 0.2em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .inner .text {
    margin-top: clamp(calc(30 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .inner .text {
    width: calc((630 * 100) / 1920 * 1vw);
    max-width: 630px;
  }
}

.p-concept-01-layout .inner .link a {
  color: #6a6969;
  line-height: calc(35 / 15);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

.p-concept-01-layout .border {
  background-color: #f0f0f0;
  position: absolute;
  z-index: -1;
}

.p-concept-01-layout .border.top {
  top: 0;
  right: calc(var(--c-border) * -1);
  height: 1px;
  width: calc(70% + var(--c-border));
}

@media screen and (min-width: 992px) {
  .p-concept-01-layout .border.top {
    width: calc(80% + var(--c-border));
  }
}

.p-concept-01-layout .border.right {
  bottom: calc(var(--c-border) * -1);
  right: 0;
  height: calc(100% + (var(--c-border) * 2));
  width: 1px;
}

.p-concept-01-layout .border.bottom {
  bottom: 0;
  left: 0;
  height: 1px;
  width: calc(100% + var(--c-border));
}

.p-concept-01-arrow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3px;
}

@media screen and (min-width: 992px) {
  .p-concept-01-arrow {
    width: calc((1540 * 100) / 1920 * 1vw);
    max-width: 1540px;
  }
}

.p-concept-01-arrow img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-arrow img {
    max-width: 45px;
    width: calc((45 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-arrow .arrow {
  display: inline-block;
  background-color: #FFF;
  padding-right: 10px;
  line-height: 1 !important;
}

.p-concept-02 .spacer-mb-a {
  margin-bottom: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02 .spacer-mb-a {
    margin-bottom: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
  }
}

.p-concept-02-title-b {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
  background-size: 90%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../image/p-nav-unit-image.png");
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-b {
    width: calc((722 * 100) / 1920 * 1vw);
    max-width: 722px;
  }
}

.p-concept-02-title-b img {
  max-width: 80%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-b img {
    max-width: 722px;
    width: calc((722 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-b {
    margin-top: clamp(calc(50 * 1px), calc((175 * 100) / 1920 * 1vw), calc(175 * 1px));
  }
}

.p-concept-02-title-b .text {
  margin-top: calc(25 * 1px);
  text-align: left;
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-b .text {
    margin-top: clamp(calc(25 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-02-title-c {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-c {
    width: calc((1600 * 100) / 1920 * 1vw);
    max-width: 1600px;
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-c {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

.p-concept-02-title-c .think {
  text-align: left;
  margin-bottom: -1%;
}

.p-concept-02-title-c .think img {
  max-width: 20%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-c .think img {
    max-width: 218px;
    width: calc((218 * 100) / 1920 * 1vw);
  }
}

.p-concept-02-title-c .heading {
  text-align: center;
}

.p-concept-02-title-c .heading img {
  max-width: 40%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-c .heading img {
    max-width: 289px;
    width: calc((289 * 100) / 1920 * 1vw);
  }
}

.p-concept-02-layout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: calc(50 * 1px);
  padding-bottom: calc(40 * 1px);
  padding-right: 20px;
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout {
    padding-top: clamp(calc(50 * 1px), calc((135 * 100) / 1920 * 1vw), calc(135 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout {
    padding-bottom: clamp(calc(40 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout {
    padding-right: calc(20 * 1px);
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .p-concept-02-layout {
    padding-right: clamp(calc(20 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

.p-concept-02-layout .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  place-items: center start;
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner {
    -ms-grid-columns: 1fr 37.3%;
        grid-template-columns: 1fr 37.3%;
    /*grid-column-gap: 3.4%;*/
  }
}

.p-concept-02-layout .inner .heading-a {
  line-height: calc(54 / 28);
  letter-spacing: 0.1em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
}

.p-concept-02-layout .inner .heading-a.color-b {
  color: #8cc9d9;
}

.p-concept-02-layout .inner .text {
  margin-top: calc(20 * 1px);
  line-height: calc(35 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner .text {
    margin-top: clamp(calc(20 * 1px), calc((55 * 100) / 1920 * 1vw), calc(55 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner .text {
    width: calc((630 * 100) / 1920 * 1vw);
    max-width: 630px;
  }
}

.p-concept-02-layout .inner-b {
  background-color: #f3f5f7;
  padding-left: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b {
    padding-right: clamp(calc(10 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b {
    padding-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b {
    padding-bottom: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-02-layout .inner-b .heading {
  text-align: center;
}

.p-concept-02-layout .inner-b .heading img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b .heading img {
    max-width: 410px;
    width: calc((410 * 100) / 1920 * 1vw);
  }
}

.p-concept-02-layout .inner-b .p-concept-02-title-e {
  text-align: center;
  grid-column-gap: 8%;
}

.p-concept-02-layout .inner-b .p-concept-02-title-e img {
  max-width: 100%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b .p-concept-02-title-e img {
    max-width: 1115px;
    width: calc((1115 * 100) / 1920 * 1vw);
  }
}

.p-concept-02-layout .inner-b .inner-b__layout {
  margin-top: calc(30 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  grid-column-gap: 10%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b .inner-b__layout {
    margin-top: clamp(calc(30 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b .inner-b__layout {
    grid-column-gap: clamp(10%, calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

.p-concept-02-layout .inner-b .inner-b__layout ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 4);
}

.p-concept-02-layout .inner-b .inner-b__layout ul li {
  background-color: #FFF;
  border-radius: 8px;
  text-align: center;
  line-height: calc(32 / 18);
  letter-spacing: 0em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  padding-top: calc(5 * 1px);
  padding-bottom: calc(5 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b .inner-b__layout ul li {
    padding-top: clamp(calc(5 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-bottom: clamp(calc(5 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

.p-concept-02-layout .inner-b.spacer-a {
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-b.spacer-a {
    margin-top: clamp(calc(30 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

.p-concept-02-layout .inner-c {
  margin-top: calc(30 * 1px);
  padding-left: calc(0 * 1px);
  padding-right: calc(0 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 1.5%;
  grid-row-gap: calc(var(--spacer) * 2.5);
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-c {
    margin-top: clamp(calc(30 * 1px), calc((85 * 100) / 1920 * 1vw), calc(85 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-c {
    padding-right: clamp(calc(0 * 1px), calc((15 * 100) / 1920 * 1vw), calc(15 * 1px));
    padding-left: clamp(calc(0 * 1px), calc((15 * 100) / 1920 * 1vw), calc(15 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-c {
    -ms-grid-columns: (1fr)[6];
        grid-template-columns: repeat(6, 1fr);
  }
}

.p-concept-02-layout .inner-c .item {
  text-align: center;
}

.p-concept-02-layout .inner-c .item p {
  line-height: calc(18 / 12);
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
  color: #6a6969;
}

.p-concept-02-layout .inner-d {
  margin-top: calc(30 * 1px);
  display: -ms-grid;
  display: grid;
  background-color: #f3f5f7;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
  grid-column-gap: 5%;
  grid-row-gap: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-d {
    margin-top: clamp(calc(30 * 1px), calc((65 * 100) / 1920 * 1vw), calc(65 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-d {
    padding-top: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-bottom: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-d {
    -ms-grid-columns: 43% 1fr;
        grid-template-columns: 43% 1fr;
  }
}

.p-concept-02-layout .inner-d .area-a {
  text-align: center;
}

.p-concept-02-layout .inner-d .heading {
  line-height: calc(35 / 25);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
}

.p-concept-02-layout .inner-d .text {
  margin-top: calc(20 * 1px);
  line-height: calc(35 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout .inner-d .text {
    margin-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-concept-02-layout .border {
  background-color: #f0f0f0;
  position: absolute;
  z-index: -1;
}

.p-concept-02-layout .border.top {
  top: 0;
  right: 0;
  height: 1px;
  width: 100%;
}

.p-concept-02-layout .border.right {
  bottom: 0;
  right: 0;
  height: 100%;
  width: 1px;
}

.p-concept-02-layout .border.bottom {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}

.p-concept-02-layout.spacer-a {
  margin-top: calc(60 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout.spacer-a {
    margin-top: clamp(calc(60 * 1px), calc((160 * 100) / 1920 * 1vw), calc(160 * 1px));
  }
}

.p-concept-02-layout.spacer-b {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-layout.spacer-b {
    margin-top: clamp(calc(40 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-02-title-d {
  text-align: center;
  margin-top: calc(40 * 1px);
}

.p-concept-02-title-d img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-d img {
    max-width: 371px;
    width: calc((371 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-d {
    margin-top: clamp(calc(40 * 1px), calc((130 * 100) / 1920 * 1vw), calc(130 * 1px));
  }
}

.p-concept-02-title-e {
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-e {
    margin-top: clamp(calc(30 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
  }
}

.p-concept-02-title-f {
  text-align: center;
  margin-top: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-f {
    margin-top: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
  }
}

.p-concept-02-title-f img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-f img {
    max-width: 362px;
    width: calc((362 * 100) / 1920 * 1vw);
  }
}

.p-concept-02-title-g {
  text-align: center;
  margin-top: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-g {
    margin-top: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
  }
}

.p-concept-02-title-g img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-02-title-g img {
    max-width: 426px;
    width: calc((426 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-arrow {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3px;
}

@media screen and (min-width: 992px) {
  .p-concept-01-arrow {
    width: calc((1540 * 100) / 1920 * 1vw);
    max-width: 1540px;
  }
}

.p-concept-01-arrow img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-01-arrow img {
    max-width: 45px;
    width: calc((45 * 100) / 1920 * 1vw);
  }
}

.p-concept-01-arrow .arrow {
  display: inline-block;
  background-color: #FFF;
  padding-right: 10px;
  line-height: 1 !important;
}

.p-concept-03 .spacer-mt-a {
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-03 .spacer-mt-a {
    margin-top: clamp(calc(100 * 1px), calc((300 * 100) / 1920 * 1vw), calc(300 * 1px));
  }
}

.p-concept-03 .spacer-mt-b {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-03 .spacer-mt-b {
    margin-top: clamp(calc(50 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-03-title {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-03-title {
    width: calc((1530 * 100) / 1920 * 1vw);
    max-width: 1530px;
  }
}

.p-concept-03-title img {
  max-width: 25%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-03-title img {
    max-width: 309px;
    width: calc((309 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-title {
    margin-top: clamp(calc(50 * 1px), calc((188 * 100) / 1920 * 1vw), calc(188 * 1px));
  }
}

.p-concept-03-title-b {
  text-align: center;
}

.p-concept-03-title-b img {
  max-width: 80%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-03-title-b img {
    max-width: 843px;
    width: calc((843 * 100) / 1920 * 1vw);
  }
}

.p-concept-03-text-a {
  margin-top: calc(25 * 1px);
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-03-text-a {
    margin-top: clamp(calc(25 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-text-a {
    width: calc((820 * 100) / 1920 * 1vw);
    max-width: 820px;
  }
}

.p-concept-03-layout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: calc(50 * 1px);
  padding-bottom: calc(40 * 1px);
  padding-right: 20px;
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout {
    padding-top: clamp(calc(50 * 1px), calc((135 * 100) / 1920 * 1vw), calc(135 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout {
    padding-bottom: clamp(calc(40 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout {
    padding-right: calc(20 * 1px);
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .p-concept-03-layout {
    padding-right: clamp(calc(20 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

.p-concept-03-layout .inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  place-items: center start;
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .inner {
    -ms-grid-columns: 1fr 37.3%;
        grid-template-columns: 1fr 37.3%;
    /*grid-column-gap: 3.4%;*/
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .inner .area-a {
    margin-top: -10%;
  }
}

.p-concept-03-layout .inner .heading-a {
  line-height: calc(66 / 35);
  letter-spacing: 0.2em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 35 * 1vw), calc(35 * 1px));
}

.p-concept-03-layout .inner .text {
  margin-top: calc(20 * 1px);
  line-height: calc(35 / 13);
  letter-spacing: 0.1em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: initial;
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .inner .text {
    margin-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .inner .text {
    width: calc((550 * 100) / 1920 * 1vw);
    max-width: 550px;
  }
}

.p-concept-03-layout .number {
  position: absolute;
  left: 3%;
  top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 1;
  color: #ffaa21;
  line-height: calc(110 / 100);
  letter-spacing: 0em;
  font-size: clamp(calc(50 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .number {
    left: 35%;
  }
}

.p-concept-03-layout .eng {
  font-size: 10px;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 15%;
  margin-top: calc(10 * 1px);
  color: #777777;
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .eng {
    left: 42%;
  }
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .eng {
    margin-top: clamp(calc(10 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-concept-03-layout .border {
  background-color: #f0f0f0;
  position: absolute;
  z-index: -1;
}

.p-concept-03-layout .border.top {
  top: 0;
  right: 0;
  height: 1px;
  width: 85%;
}

@media screen and (min-width: 992px) {
  .p-concept-03-layout .border.top {
    width: 58%;
  }
}

.p-concept-03-layout .border.right {
  bottom: 0;
  right: 0;
  height: 100%;
  width: 1px;
}

.p-concept-03-layout .border.bottom {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}

.p-concept-04 .spacer-mt-a {
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-04 .spacer-mt-a {
    margin-top: clamp(calc(100 * 1px), calc((300 * 100) / 1920 * 1vw), calc(300 * 1px));
  }
}

.p-concept-04 .spacer-mt-b {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-04 .spacer-mt-b {
    margin-top: clamp(calc(40 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-04 .spacer-mt-c {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-04 .spacer-mt-c {
    margin-top: clamp(calc(40 * 1px), calc((115 * 100) / 1920 * 1vw), calc(115 * 1px));
  }
}

.p-concept-04 .spacer-mt-d {
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-04 .spacer-mt-d {
    margin-top: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-concept-04-title-a {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(80 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-a {
    width: calc((810 * 100) / 1920 * 1vw);
    max-width: 810px;
  }
}

.p-concept-04-title-a img {
  max-width: 75%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-a img {
    max-width: 810px;
    width: calc((810 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-a {
    margin-top: clamp(calc(80 * 1px), calc((250 * 100) / 1920 * 1vw), calc(250 * 1px));
  }
}

.p-concept-04-title-a .text {
  margin-top: calc(30 * 1px);
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-a .text {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

.p-concept-04-title-b {
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-b {
    margin-top: clamp(calc(50 * 1px), calc((280 * 100) / 1920 * 1vw), calc(280 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-b {
    width: calc((1600 * 100) / 1920 * 1vw);
    max-width: 1600px;
  }
}

.p-concept-04-title-b img {
  max-width: 25%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-b img {
    max-width: 215px;
    width: calc((215 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-c {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -2%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-c {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-c img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-c img {
    max-width: 401px;
    width: calc((401 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-d {
  text-align: center;
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-d {
    margin-top: clamp(calc(50 * 1px), calc((150 * 100) / 1920 * 1vw), calc(150 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-d {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-d img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-d img {
    max-width: 423px;
    width: calc((423 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-f {
  text-align: center;
  margin-top: calc(20 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-f {
    margin-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-f {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-f img {
  max-width: 90%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-f img {
    max-width: 912px;
    width: calc((912 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-g {
  text-align: center;
  margin-top: calc(20 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-g {
    margin-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-g {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-g img {
  max-width: 90%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-g img {
    max-width: 989px;
    width: calc((989 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-h {
  text-align: center;
  margin-top: -1%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-h {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-h img {
  max-width: 40%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-h img {
    max-width: 357px;
    width: calc((357 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-i {
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-i {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-i {
    width: calc((1600 * 100) / 1920 * 1vw);
    max-width: 1600px;
  }
}

.p-concept-04-title-i img {
  max-width: 25%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-i img {
    max-width: 215px;
    width: calc((215 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-j {
  text-align: center;
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-j {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-j {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-j img {
  max-width: 60%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-j img {
    max-width: 580px;
    width: calc((580 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-k {
  text-align: center;
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-k {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-k {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-k img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-k img {
    max-width: 464px;
    width: calc((464 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-l {
  text-align: center;
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-l {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-l {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-l img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-l img {
    max-width: 464px;
    width: calc((464 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-title-m {
  text-align: center;
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-m {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-m {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-04-title-m img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-04-title-m img {
    max-width: 503px;
    width: calc((503 * 100) / 1920 * 1vw);
  }
}

.p-concept-04-layout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: calc(50 * 1px);
  padding-bottom: calc(40 * 1px);
  padding-right: 20px;
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout {
    padding-top: clamp(calc(50 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout {
    padding-bottom: clamp(calc(40 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout {
    padding-right: calc(20 * 1px);
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .p-concept-04-layout {
    padding-right: clamp(calc(20 * 1px), calc((72 * 100) / 1920 * 1vw), calc(72 * 1px));
  }
}

.p-concept-04-layout .inner-a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  place-items: center start;
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-a {
    -ms-grid-columns: 1fr 37.3%;
        grid-template-columns: 1fr 37.3%;
  }
}

.p-concept-04-layout .inner-a .heading-a {
  line-height: calc(53 / 28);
  letter-spacing: 0.2em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
}

.p-concept-04-layout .inner-a .text {
  margin-top: calc(20 * 1px);
  line-height: calc(35 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-a .text {
    margin-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-a .text {
    width: calc((630 * 100) / 1920 * 1vw);
    max-width: 630px;
  }
}

.p-concept-04-layout .inner-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  place-items: center start;
  background-color: #f3f5f7;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-b {
    padding-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-b {
    margin-top: clamp(calc(50 * 1px), calc((110 * 100) / 1920 * 1vw), calc(110 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-b {
    -ms-grid-columns: 1fr 45%;
        grid-template-columns: 1fr 45%;
  }
}

.p-concept-04-layout .inner-b .heading {
  line-height: calc(32 / 24);
  letter-spacing: 0.2em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-concept-04-layout .inner-b .text {
  margin-top: calc(20 * 1px);
  line-height: calc(35 / 15);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-right: initial;
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-b .text {
    margin-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-b .text {
    width: calc((500 * 100) / 1920 * 1vw);
    max-width: 500px;
  }
}

.p-concept-04-layout .inner-b .link {
  text-align: right;
  margin-top: calc(5 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-04-layout .inner-b .link {
    margin-top: clamp(calc(5 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

.p-concept-04-layout .inner-b .link a {
  color: #46ace8;
  line-height: calc(15 / 13);
  letter-spacing: 0em;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
}

.p-concept-04-layout .border {
  background-color: #f0f0f0;
  position: absolute;
  z-index: -1;
}

.p-concept-04-layout .border.top {
  top: 0;
  right: 0;
  height: 1px;
  width: 100%;
}

.p-concept-04-layout .border.right {
  bottom: 0;
  right: 0;
  height: 100%;
  width: 1px;
}

.p-concept-04-layout .border.bottom {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}

.p-concept-05 .spacer-mt-a {
  margin-top: calc(100 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-05 .spacer-mt-a {
    margin-top: clamp(calc(100 * 1px), calc((300 * 100) / 1920 * 1vw), calc(300 * 1px));
  }
}

.p-concept-05 .spacer-mt-b {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-05 .spacer-mt-b {
    margin-top: clamp(calc(40 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-05 .spacer-mt-c {
  margin-top: calc(40 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-05 .spacer-mt-c {
    margin-top: clamp(calc(40 * 1px), calc((115 * 100) / 1920 * 1vw), calc(115 * 1px));
  }
}

.p-concept-05 .spacer-mt-d {
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-05 .spacer-mt-d {
    margin-top: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-concept-05-title-a {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: calc(80 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-a {
    width: calc((868 * 100) / 1920 * 1vw);
    max-width: 868px;
  }
}

.p-concept-05-title-a img {
  max-width: 85%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-a img {
    max-width: 868px;
    width: calc((868 * 100) / 1920 * 1vw);
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-a {
    margin-top: clamp(calc(80 * 1px), calc((250 * 100) / 1920 * 1vw), calc(250 * 1px));
  }
}

.p-concept-05-title-a .text {
  margin-top: calc(30 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: calc(40 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  text-align: left;
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-a .text {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-a .text {
    width: calc((820 * 100) / 1920 * 1vw);
    max-width: 820px;
  }
}

.p-concept-05-title-b {
  margin-top: calc(50 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-b {
    margin-top: clamp(calc(50 * 1px), calc((200 * 100) / 1920 * 1vw), calc(200 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-b {
    width: calc((1600 * 100) / 1920 * 1vw);
    max-width: 1600px;
  }
}

.p-concept-05-title-b img {
  max-width: 20%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-b img {
    max-width: 144px;
    width: calc((144 * 100) / 1920 * 1vw);
  }
}

.p-concept-05-title-c {
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: -2%;
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-c {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-05-title-c img {
  max-width: 40%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-05-title-c img {
    max-width: 343px;
    width: calc((343 * 100) / 1920 * 1vw);
  }
}

.p-concept-05-r-border {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-right: 1px solid #f0f0f0;
}

@media screen and (min-width: 992px) {
  .p-concept-05-r-border {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

.p-concept-05-layout {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(40 * 1px);
  padding-right: 20px;
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout {
    width: calc((1460 * 100) / 1920 * 1vw);
    max-width: 1460px;
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout {
    padding-top: clamp(calc(20 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout {
    padding-bottom: clamp(calc(40 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout {
    padding-right: calc(20 * 1px);
  }
}

@media screen and (min-width: 992px) and (min-width: 992px) {
  .p-concept-05-layout {
    padding-right: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-concept-05-layout .inner-a {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  place-items: center start;
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-a {
    -ms-grid-columns: 1fr 35%;
        grid-template-columns: 1fr 35%;
  }
}

.p-concept-05-layout .inner-a .heading-a {
  line-height: calc(78 / 28);
  letter-spacing: 0.2em;
  font-size: clamp(calc(17 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
}

.p-concept-05-layout .inner-a .heading-a .icon {
  line-height: 1;
  margin-bottom: calc(10 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-a .heading-a .icon {
    margin-bottom: clamp(calc(10 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-concept-05-layout .inner-a .heading-a .icon img {
  max-width: 12%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-a .heading-a .icon img {
    max-width: 66px;
    width: calc((66 * 100) / 1920 * 1vw);
  }
}

.p-concept-05-layout .inner-a .text {
  margin-top: calc(20 * 1px);
  line-height: calc(35 / 15);
  letter-spacing: 0.2em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-a .text {
    margin-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-a .text {
    width: calc((680 * 100) / 1920 * 1vw);
    max-width: 680px;
  }
}

.p-concept-05-layout .inner-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  grid-column-gap: 2%;
  margin-top: calc(30 * 1px);
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-b {
    grid-column-gap: clamp(2%, calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-b {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-b {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

.p-concept-05-layout .inner-b .item {
  background-color: #f3f5f7;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-b .item {
    padding-top: clamp(calc(20 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-b .item {
    -ms-grid-columns: 51% 44%;
        grid-template-columns: 51% 44%;
  }
}

.p-concept-05-layout .inner-b .item .heading-b {
  line-height: calc(30 / 20);
  letter-spacing: 0.1em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.p-concept-05-layout .inner-b .item .text {
  margin-top: calc(20 * 1px);
  line-height: calc(32 / 14);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-b .item .text {
    margin-top: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-concept-05-layout .inner-c {
  margin-top: calc(40 * 1px);
  background-color: #f3f5f7;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(15 * 1px);
  padding-left: calc(15 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 6);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-c {
    margin-top: clamp(calc(40 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-c {
    padding-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-right: clamp(calc(15 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
    padding-left: clamp(calc(15 * 1px), calc((90 * 100) / 1920 * 1vw), calc(90 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-c {
    -ms-grid-columns: 51% 44%;
        grid-template-columns: 51% 44%;
  }
}

.p-concept-05-layout .inner-c .heading-b {
  line-height: calc(36 / 22);
  letter-spacing: 0.1em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
}

.p-concept-05-layout .inner-c .text {
  margin-top: calc(20 * 1px);
  line-height: calc(36 / 15);
  letter-spacing: 0em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

@media screen and (min-width: 992px) {
  .p-concept-05-layout .inner-c .text {
    margin-top: clamp(calc(20 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-concept-05-layout .border {
  background-color: #f0f0f0;
  position: absolute;
  z-index: -1;
}

.p-concept-05-layout .border.top {
  top: 0;
  right: 0;
  height: 1px;
  width: 100%;
}

.p-concept-05-layout .border.bottom {
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
}

.p-concept-05-arrow img {
  max-width: 50%;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-concept-05-arrow img {
    max-width: 45px;
    width: calc((45 * 100) / 1920 * 1vw);
  }
}

.p-concept-05-arrow .arrow {
  display: inline-block;
  background-color: #FFF;
  margin-top: -2px;
  line-height: 1 !important;
}

@media screen and (min-width: 992px) {
  .p-concept-05-arrow .arrow {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.p-mh-reservation {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.p-mh-reservation .free_area{
  text-align: center;
}

.p-mh-reservation .free_area img{
  margin-bottom: 10px;
}

@media screen and (min-width: 992px) {
  .p-mh-reservation {
    width: calc((1450 * 100) / 1920 * 1vw);
    max-width: 1450px;
  }
}

.p-mh-reservation .font-a {
  line-height: calc(45 / 18);
  letter-spacing: 0.3em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.p-mh-reservation .spacer-a {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-reservation .spacer-a {
    margin-top: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
  }
}

.p-mh-reservation .spacer-b {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mh-reservation .spacer-b {
    margin-top: clamp(calc(50 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-mhr-title-a {
  height: clamp(calc(100 * 1px), calc((220 * 100) / 1920 * 1vw), calc(220 * 1px));
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -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;
  margin-bottom: clamp(calc(100 * 1px), calc((220 * 100) / 1920 * 1vw), calc(220 * 1px));
  border-bottom: 1px solid #e8e8e8;
}

.p-mhr-title-a .heading {
  color: #555452;
  line-height: calc(76 / 36);
  letter-spacing: 0.45em;
  text-indent: 0.45em;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
  font-feature-settings: "palt" 1;
}

.p-mhr-title-a .eng {
  color: #B7B7B7;
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.p-mhr-title-b {
  text-align: center;
  line-height: calc(38 / 30);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.p-mhr-title-c {
  text-align: center;
  margin-top: calc(30 * 1px);
  line-height: calc(48 / 30);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  background-color: #fcfcfc;
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mhr-title-c {
    margin-top: clamp(calc(30 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mhr-title-c {
    padding-top: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-bottom: clamp(calc(30 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((20 * 100) / 1920 * 1vw), calc(20 * 1px));
  }
}

.p-mhr-title-d {
  text-align: center;
  line-height: calc(38 / 30);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.p-mhr-title-d img {
  max-width: 40px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-mhr-title-d img {
    max-width: 75px;
    width: calc((75 * 100) / 1920 * 1vw);
  }
}

.p-mhr-layout-a {
  background-color: #F4F5F7;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
  text-align: center;
}

@media screen and (min-width: 992px) {
  .p-mhr-layout-a {
    padding-top: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((30 * 100) / 1920 * 1vw), calc(30 * 1px));
  }
}

.p-mhr-layout-a .heading {
  line-height: calc(38 / 24);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-mhr-layout-a .tel {
  line-height: calc(48 / 20);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  background-color: #AD8D78;
  border-radius: 8px;
  color: #FFF!important;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .p-mhr-layout-a .tel {
    line-height: calc(48 / 30);
    width: calc((530 * 100) / 1920 * 1vw);
    max-width: 530px;
  }
}

.p-mhr-layout-a .tel a{
  color: #FFF!important;
}

.p-mhr-layout-a .sub {
  line-height: calc(24 / 16);
  letter-spacing: 0.3em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.request_text{
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 22.5 * 1vw), calc(25 * 1px));
  letter-spacing: 0.3em;
  line-height: 1.5;
  padding-bottom: clamp(calc(30 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  padding-top: clamp(calc(30 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  text-align: center;
}

.p-mhr-frame-a {
  background-color: #fcfcfc;
  padding-top: calc(40 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mhr-frame-a {
    padding-top: clamp(calc(40 * 1px), calc((120 * 100) / 1920 * 1vw), calc(120 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-mhr-frame-b {
  background-color: #FAFAFA;
  color: #424242;
  padding-top: calc(20 * 1px);
  padding-bottom: calc(20 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mhr-frame-b {
    padding-top: clamp(calc(20 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((235 * 100) / 1920 * 1vw), calc(235 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((235 * 100) / 1920 * 1vw), calc(235 * 1px));
  }
}

.p-mhr-frame-c {
  padding-top: calc(40 * 1px);
  padding-bottom: calc(30 * 1px);
  background-color: #fcfcfc;
  padding-left: calc(20 * 1px);
  padding-right: calc(20 * 1px);
}

@media screen and (min-width: 992px) {
  .p-mhr-frame-c {
    padding-top: clamp(calc(40 * 1px), calc((70 * 100) / 1920 * 1vw), calc(70 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mhr-frame-c {
    padding-bottom: clamp(calc(30 * 1px), calc((86 * 100) / 1920 * 1vw), calc(86 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mhr-frame-c {
    padding-right: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }
}

.p-mhr-layout-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 11);
  grid-column-gap: 6%;
}

@media screen and (min-width: 992px) {
  .p-mhr-layout-b {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

.p-mhr-layout-b .item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 42%;
      grid-template-columns: 1fr 42%;
  grid-column-gap: 2%;
}

.p-mhr-layout-b .item .heading {
  line-height: calc(38 / 24);
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-mhr-layout-b .item .heading-b {
  line-height: calc(34 / 17);
  letter-spacing: 0.2em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
}

.p-mhr-layout-b .item .sub {
  font-size: 10px;
  letter-spacing: 0;
}

.p-mhr-layout-c {
  margin-top: calc(60 * 1px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 11);
  grid-column-gap: 2%;
}

@media screen and (min-width: 992px) {
  .p-mhr-layout-c {
    margin-top: clamp(calc(60 * 1px), calc((135 * 100) / 1920 * 1vw), calc(135 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-mhr-layout-c {
    -ms-grid-columns: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 0 !important;
  }
}

.p-mhr-layout-c .item {
  border: 1px solid #d7d7d7;
  padding-top: calc(30 * 1px);
  padding-bottom: calc(30 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
  position: relative;
}

@media screen and (min-width: 992px) {
  .p-mhr-layout-c .item {
    padding-top: clamp(calc(30 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
    padding-bottom: clamp(calc(30 * 1px), calc((80 * 100) / 1920 * 1vw), calc(80 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-mhr-layout-c .item .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 60%;
  left: 50%;
  top: 0;
  background-color: #fcfcfc;
}

.p-mhr-layout-c .item .heading img {
  max-width: 140px;
  width: 100%;
}

@media screen and (min-width: 992px) {
  .p-mhr-layout-c .item .heading img {
    max-width: 167px;
    width: calc((167 * 100) / 1920 * 1vw);
  }
}

.p-mhr-layout-c .item .text {
  line-height: calc(33 / 16);
  letter-spacing: 0.1em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.p-form-a .error {
  font-size: 10px !important;
  color: #d93b3b !important;
  position: absolute;
  left: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.p-form-a .tel .text {
  line-height: calc(20 / 14);
  letter-spacing: 0.4em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

.p-form-a .tel .number {
  line-height: calc(34 / 22);
  letter-spacing: 0.1em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
}

.p-form-a .font-a {
  line-height: calc(36 / 18);
  letter-spacing: 0.2em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  padding-left: 1.0em;
}

.p-form-a .font-b {
  line-height: calc(18 / 14);
  letter-spacing: 0.4em;
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));
}

.p-form-a a {
  text-decoration: underline;
}
.p-form-a a.mail {
  color: #1cb0e7;
}

.p-form-a select,
.p-form-a .input-test,
.p-form-a textarea {
  width: 100%;
  line-height: calc(24 / 15);
  letter-spacing: 0em;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  font-family: "丸明Yoshino StdN R" , serif !important;
  padding-top: calc(5 * 1px);
  padding-bottom: calc(5 * 1px);
  padding-right: calc(5 * 1px);
  padding-left: calc(5 * 1px);
  color: #828282;
  cursor: pointer;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: 1px solid #d4d5d6;
  background-color: #FFF;
}

@media screen and (min-width: 992px) {
  .p-form-a select,
  .p-form-a .input-test,
  .p-form-a textarea {
    padding-top: clamp(calc(5 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
    padding-bottom: clamp(calc(5 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
    padding-right: clamp(calc(5 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
    padding-left: clamp(calc(5 * 1px), calc((12 * 100) / 1920 * 1vw), calc(12 * 1px));
  }
}

.p-form-a .heading-a {
  margin-top: calc(30 * 1px);
  margin-bottom: calc(20 * 1px);
  line-height: calc(36 / 25);
  letter-spacing: 0.4em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
}
.p-form-a .heading-a:nth-child(2) {
  margin-top: 0;
}

@media screen and (min-width: 992px) {
  .p-form-a .heading-a {
    margin-top: clamp(calc(30 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-form-a .heading-a {
    margin-bottom: clamp(calc(20 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-form-a .heading-a.type-b {
  color: #d93b3b;
}

.p-form-a .heading-a.must{
  display: inline-block;
  position: relative;
}

.p-form-a .heading-a.must:after {
  content: "*";
  color: #d93b3b;
  font-size: 18px;
  position: absolute;
  right: -1.0em;
  top: 0;
}

.p-form-a .p-form-privacy.must a{
  display: inline-block;
  position: relative;
  padding-left: 1.0em;
}

.p-form-a .p-form-privacy.must a:after {
  content: "*";
  color: #d93b3b;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: -10px;
}

.p-form-a .item-a {
  max-width: 100%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-left: initial;
  margin-right: initial;
  position: relative;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 15 * 1vw), calc(20 * 1px));
  letter-spacing: 0.4em;
}

@media screen and (min-width: 992px) {
  .p-form-a .item-a {
    max-width: 400px;
    width: calc((400 * 100) / 1920 * 1vw);
  }
}

.p-form-a .item-a br {
  display: none;
}

.p-form-a .item-a.arrow:after {
  position: absolute;
  right: 20px;
  bottom: 40%;
  content: "";
  width: 10px;
  height: 10px;
  z-index: 10;
  border-bottom: 1px solid #868686;
  border-right: 1px solid #868686;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

.p-form-a .item-b {
  display: -ms-inline-grid;
  display: inline-grid;
  -ms-grid-columns: auto;
      grid-template-columns: auto;
  white-space: nowrap;
  grid-row-gap: calc(var(--spacer) * 4);
  grid-column-gap: 10%;
}

@media screen and (min-width: 992px) {
  .p-form-a .item-b {
    -ms-grid-columns: auto auto;
        grid-template-columns: auto auto;
  }
}

.p-form-a .item-b span {
  margin-left: 0 !important;
  line-height: calc(36 / 21);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 21 * 1vw), calc(21 * 1px));
  white-space: nowrap;
}

.p-form-a .item-b br {
  display: none;
}

.p-form-a .address {
  position: relative;
}

.p-form-a .postal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-form-a .postal input {
  width: calc( 100% - 30px) !important;
}

.p-form-a .postal:before {
  content: "〒";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 30px;
  height: 100%;
  line-height: calc(24 / 24);
  letter-spacing: 0em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
}

.p-form-layout-a {
  display: -ms-grid;
  display: grid;
  margin-top: calc(30 * 1px);
  -ms-grid-columns: auto 1fr 1fr 1fr;
      grid-template-columns: auto 1fr 1fr 1fr;
  grid-column-gap: 3%;
  place-items: center start;
}

@media screen and (min-width: 992px) {
  .p-form-layout-a {
    margin-top: clamp(calc(30 * 1px), calc((40 * 100) / 1920 * 1vw), calc(40 * 1px));
  }
}

.p-form-layout-a .item {
  width: 100%;
  position: relative;
}

.p-form-layout-a .item:after {
  position: absolute;
  right: 20px;
  bottom: 40%;
  content: "";
  width: 10px;
  height: 10px;
  z-index: 10;
  border-bottom: 1px solid #868686;
  border-right: 1px solid #868686;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}

.p-form-layout-a .item.heading {
  line-height: calc(36 / 20);
  letter-spacing: 0.3em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.p-form-layout-a .item.heading:after {
  display: none;
}

.p-form-layout-a br {
  display: none;
}

.p-form-layout-a select {
  /* padding-right: 40px !important;
        direction: rtl;*/
}

.p-form-layout-b {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
  grid-row-gap: calc(var(--spacer) * 4);
  text-align: center;
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-form-layout-b {
    -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
  }
}

@media screen and (min-width: 992px) {
  .p-form-layout-b {
    margin-top: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
  }
}

.p-form-layout-b .item {
  line-height: calc(36 / 20);
  letter-spacing: 0.2em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.p-form-layout-c {
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-form-layout-c {
    margin-top: clamp(calc(50 * 1px), calc((140 * 100) / 1920 * 1vw), calc(140 * 1px));
  }
}

.p-form-layout-c .heading {
  line-height: calc(36 / 20);
  letter-spacing: 0.2em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  margin-bottom: calc(var(--spacer) * 2.5);
}

.p-form-layout-c .text {
  line-height: calc(30 / 18);
  letter-spacing: 0.1em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  padding-left: 1.0em;
  position: relative;
  margin-top: calc(var(--spacer) * 0.5);
}

.p-form-layout-c .text::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  height: 1.0em;
  width: 1.0em;
}

.p-form-privacy {
  text-align: center;
  position: relative;
  margin-top: calc(50 * 1px);
}

@media screen and (min-width: 992px) {
  .p-form-privacy {
    margin-top: clamp(calc(50 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }
}

.p-form-privacy .mwform-checkbox-field-text {
  display: none;
}

.p-form-privacy input {
  position: relative;
}

.p-contact-submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.p-contact-submit input {
  background-color: #AD8D78;
  padding-top: calc(10 * 1px);
  padding-bottom: calc(10 * 1px);
  padding-right: calc(10 * 1px);
  padding-left: calc(10 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  line-height: calc(36 / 20);
  letter-spacing: 0.2em;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  color: #FFF;
  font-family: "丸明Yoshino StdN R" , serif !important;
}

@media screen and (min-width: 992px) {
  .p-contact-submit input {
    padding-top: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-bottom: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-right: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
    padding-left: clamp(calc(10 * 1px), calc((10 * 100) / 1920 * 1vw), calc(10 * 1px));
  }
}

@media screen and (min-width: 992px) {
  .p-contact-submit input {
    width: calc((500 * 100) / 1920 * 1vw);
    max-width: 500px;
  }
}

.back-btn {
  background-color: #c4c2c3 !important;
}

.form-check .none {
  display: none;
}

.form-check .item-a.arrow:after {
  display: none;
}

.form-check .p-form-layout-a {
  -ms-grid-columns: auto auto auto auto;
      grid-template-columns: auto auto auto auto;
}

.form-check .p-form-layout-a .item {
  width: initial;
}

.form-check .p-form-layout-a .item:after {
  display: none;
}

#sb_instagram {
  margin-left: auto;
  margin-right: auto;
}

#sbi_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: calc(20 * 1px);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  #sbi_images {
    margin-top: clamp(calc(20 * 1px), calc((45 * 100) / 1920 * 1vw), calc(45 * 1px));
  }
}

@media screen and (min-width: 992px) {
  #sbi_images {
    width: calc((1550 * 100) / 1920 * 1vw);
    max-width: 1550px;
  }
}

.sbi_item {
  width: 14.2% !important;
  height: 100% !important;
}

.sbi_photo_wrap {
  width: 100% !important;
  height: 100% !important;
}

.sbi_photo {
  display: block;
  position: relative;
}

.sbi_photo:before {
  content: '';
  display: block;
  padding-top: 100%;
}

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

.svg-inline--fa,
.sbi-screenreader {
  display: none;
}

/* -----------------------------------------------------------------------------
   #Utility
   -------------------------------------------------------------------------- */
.u-d-pc {
  display: none !important;
}

@media screen and (min-width: 992px) {
  .u-d-pc {
    display: block !important;
  }
}

.u-d-sp {
  display: block !important;
}

@media screen and (min-width: 992px) {
  .u-d-sp {
    display: none !important;
  }
}

.u-di-pc {
  display: none !important;
}

@media screen and (min-width: 992px) {
  .u-di-pc {
    display: inline-block !important;
  }
}

.u-di-sp {
  display: inline-block !important;
}

@media screen and (min-width: 992px) {
  .u-di-sp {
    display: none !important;
  }
}

.u-d-i {
  display: inline-block;
}

.u-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.u-d-flex-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (min-width: 992px) {
  .u-d-flex-sp {
    display: none !important;
  }
}

.u-m-xxs {
  margin: calc(var(--spacer) * 1);
}

.u-m-xs {
  margin: calc(var(--spacer) * 1.5);
}

.u-m-sm {
  margin: calc(var(--spacer) * 2.5);
}

.u-m-md {
  margin: calc(var(--spacer) * 4);
}

.u-m-lg {
  margin: calc(var(--spacer) * 6);
}

.u-m-xl {
  margin: calc(var(--spacer) * 9);
}

.u-m-xxl {
  margin: calc(var(--spacer) * 11);
}

.u-mt-none {
  margin-top: 0 !important;
}

.u-mt-xxs, .breadcrumbs, .p-list-C .item .text .sub, .p-list-works-r .item .text .sub, .p-re-icon .sub-a, .p-price-nav .metre, .p-price-nav .price-price, .p-event-title-a .sub, .p-mh-single-title .eng {
  margin-top: calc(var(--spacer) * 1);
}

.u-mt-xs, .p-blog-writer, .p-list-staff .item .text .position, .p-re-heading .sub-b, .p-re-nav .furigana, .p-price-list .item .text .sub, .p-event-title-b .sub, .p-event-title-c .sub, .p-mh-list .item .name, .p-mh-covid-19 .font-c, .p-column-list .item .text .sub, .p-support-layout .heading, .p-concept-01-layout .number .heading {
  margin-top: calc(var(--spacer) * 1.5);
}

.u-mt-sm, .c-heading-a .sub, .p-list-E .item .text, .p-list-mh .item .text, .p-blog-list .item .excerpt, .p-blog-related-list .item time, .p-column-list .cat-year, .p-support-layout .read, .p-flow-title-b .eng, .p-flow-layout-a .item .eng, .p-mhr-layout-a .tel, .p-mhr-layout-a .sub, .p-form-layout-c .text {
  margin-top: calc(var(--spacer) * 2.5);
}

.u-mt-md, .p-blog-list-b .item .heading, .p-blog-list-b .item .excerpt, .p-list-staff .item .text, .p-staff-main .name, .p-price-title-b .text, .p-column-list .item .category, .p-concept-02-layout .inner-c .item p {
  margin-top: calc(var(--spacer) * 4);
}

.u-mt-lg-sp {
  margin-top: calc(var(--spacer) * 6);
}

@media screen and (min-width: 992px) {
  .u-mt-lg-sp {
    margin-top: 0;
  }
}

.u-mt-lg, .p-conpany-layout-c .item .text {
  margin-top: calc(var(--spacer) * 6);
}

.u-mt-xl {
  margin-top: calc(var(--spacer) * 9);
}

.u-mt-xxl {
  margin-top: calc(var(--spacer) * 11);
}

.u-mr-xxs, .p-tag-btn .p-all-tag-btn:before, .p-tag .p-tag__inner a:before, .p-unit-event-cat a:before {
  margin-right: calc(var(--spacer) * 1);
}

.u-mr-xs, .l-footer-menuarea .contact-btn .icon, .l-globalnavi-sp .contact-btn .icon, .p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item time, .p-top-information .area-a .item time, .p-re-contact .tel img, .p-re-contact .btn img {
  margin-right: calc(var(--spacer) * 1.5);
}

.u-mr-sm, .l-breadcrum-list li, .p-contact .c-btn-lg span:before, .swiper-nav .swiper-nav__inner .swiper-pagination-current, .p-column-cat-list .area-b .all img {
  margin-right: calc(var(--spacer) * 2.5);
}

.u-mr-md {
  margin-right: calc(var(--spacer) * 4);
}

.u-mr-lg {
  margin-right: calc(var(--spacer) * 6);
}

.u-mr-xl, .l-header .l-header__inner .l-header-menu p, .l-header-sp .l-header-sp__inner .l-header-menu p {
  margin-right: calc(var(--spacer) * 9);
}

.u-mr-xxl {
  margin-right: calc(var(--spacer) * 11);
}

.u-mb-xxs, .c-layout-b .heading, .popular-tag a, .p-re-list .item .new, .p-re-nav-b .p-re-nav__number .number, .p-mh-list .item .name, .p-mh-single-layout .name, .p-news-list .item .cat {
  margin-bottom: calc(var(--spacer) * 1);
}

.u-mb-xs, .side-contact-btn .icon, .p-list-E .item .text .heading, .p-top-information .area-a.important .heading .title, .p-list-mh .item .text .heading, .p-list-mh .item .text .sub, .p-blog-heading, .p-blog-archive-list, .p-re-heading .icon.map, .p-re-heading .icon.list, .p-mh-covid-19 .font-a, .p-employment-heading-c .heading {
  margin-bottom: calc(var(--spacer) * 1.5);
}

.u-mb-sm, .l-globalnavi-sp .cat, .c-heading-c, .c-heading-d, .p-list-D .item time, .p-list-E .item .text .sub, .c-heading-md, .c-heading-sm, .p-blog-list-b .item time, .p-blog-archive-list ul, .p-blog-related-list .item time, .p-price-list .item .heading, .price-heading-b, .p-event-list .heading, .p-event-list .title, .p-flow .arrow-b p {
  margin-bottom: calc(var(--spacer) * 2.5);
}

.u-mb-md, .c-heading-lg, .p-blog-single .heading-a, .p-event-pickup .heading, .p-event-pickup .title, .p-event-pickup .date, .p-mh-main img, .p-news-list .item .heading, .p-news-list .item time, .p-column-single .u-fs-lg, .p-column-single .c-heading-b .heading.style-c, .c-heading-b .p-column-single .heading.style-c, .p-column-single .c-heading-lg, .p-column-single .p-blog-archive-title, .p-column-single .p-column-single-heading .heading.style-c, .p-column-single-heading .p-column-single .heading.style-c {
  margin-bottom: calc(var(--spacer) * 4);
}

.u-mb-lg {
  margin-bottom: calc(var(--spacer) * 6);
}

.u-mb-xl {
  margin-bottom: calc(var(--spacer) * 9);
}

.u-mb-xxl {
  margin-bottom: calc(var(--spacer) * 11);
}

.u-ml-xxs, .p-list-B .count, .p-mh-list .item .btn i {
  margin-left: calc(var(--spacer) * 1);
}

.u-ml-xs, .p-flow .p-attention .sub {
  margin-left: calc(var(--spacer) * 1.5);
}

.u-ml-sm, .swiper-nav .swiper-nav__inner .swiper-pagination-total, .popular-tag a {
  margin-left: calc(var(--spacer) * 2.5);
}

.u-ml-md {
  margin-left: calc(var(--spacer) * 4);
}

.u-ml-lg {
  margin-left: calc(var(--spacer) * 6);
}

.u-ml-xl {
  margin-left: calc(var(--spacer) * 9);
}

.u-ml-xxl {
  margin-left: calc(var(--spacer) * 11);
}

.u-mx-xxs {
  margin-left: calc(var(--spacer) * 1);
  margin-right: calc(var(--spacer) * 1);
}

.u-mx-xs, .p-column-list .cat-year .year:before, .p-column-single .p-column-single-tag li {
  margin-left: calc(var(--spacer) * 1.5);
  margin-right: calc(var(--spacer) * 1.5);
}

.u-mx-sm, .wp-pagenavi span,
.wp-pagenavi a {
  margin-left: calc(var(--spacer) * 2.5);
  margin-right: calc(var(--spacer) * 2.5);
}

.u-mx-md, .l-globalnavi .sub-menu a {
  margin-left: calc(var(--spacer) * 4);
  margin-right: calc(var(--spacer) * 4);
}

.u-mx-lg {
  margin-left: calc(var(--spacer) * 6);
  margin-right: calc(var(--spacer) * 6);
}

.u-mx-xl {
  margin-left: calc(var(--spacer) * 9);
  margin-right: calc(var(--spacer) * 9);
}

.u-mx-xxl {
  margin-left: calc(var(--spacer) * 11);
  margin-right: calc(var(--spacer) * 11);
}

.u-my-xxs {
  margin-top: calc(var(--spacer) * 1);
  margin-bottom: calc(var(--spacer) * 1);
}

.u-my-xs {
  margin-top: calc(var(--spacer) * 1.5);
  margin-bottom: calc(var(--spacer) * 1.5);
}

.u-my-sm {
  margin-top: calc(var(--spacer) * 2.5);
  margin-bottom: calc(var(--spacer) * 2.5);
}

.u-my-sm {
  margin-top: calc(var(--spacer) * 2.5);
  margin-bottom: calc(var(--spacer) * 2.5);
}

.u-my-md, .p-staff-main .furigana {
  margin-top: calc(var(--spacer) * 4);
  margin-bottom: calc(var(--spacer) * 4);
}

.u-my-lg {
  margin-top: calc(var(--spacer) * 6);
  margin-bottom: calc(var(--spacer) * 6);
}

.u-my-xl {
  margin-top: calc(var(--spacer) * 9);
  margin-bottom: calc(var(--spacer) * 9);
}

.u-my-xxl {
  margin-top: calc(var(--spacer) * 11);
  margin-bottom: calc(var(--spacer) * 11);
}

.u-p-xxs {
  padding: calc(var(--spacer) * 1);
}

.u-p-xs, .p-re-nav .info {
  padding: calc(var(--spacer) * 1.5);
}

.u-p-sm, .p-list-C .item .text, .p-list-D .item .text, .p-tag .p-tag__inner, .p-list-works-r .item .text, .p-re-table .item, .p-column-works-link {
  padding: calc(var(--spacer) * 2.5);
}

.u-p-md, .p-re-contact, .p-price-single__border, .p-employment-info {
  padding: calc(var(--spacer) * 4);
}

.u-p-lg {
  padding: calc(var(--spacer) * 6);
}

.u-p-xl {
  padding: calc(var(--spacer) * 9);
}

.u-p-xxl {
  padding: calc(var(--spacer) * 11);
}

.u-pt-xxs {
  padding-top: calc(var(--spacer) * 1);
}

.u-pt-xs, .p-list-B a {
  padding-top: calc(var(--spacer) * 1.5);
}

.u-pt-sm, .p-list-A__item, .p-re-heading .sub-b {
  padding-top: calc(var(--spacer) * 2.5);
}

.u-pt-md, .p-price-title-b .text {
  padding-top: calc(var(--spacer) * 4);
}

.u-pt-lg {
  padding-top: calc(var(--spacer) * 6);
}

.u-pt-xl {
  padding-top: calc(var(--spacer) * 9);
}

.u-pt-xxl {
  padding-top: calc(var(--spacer) * 11);
}

.u-pr-xxs {
  padding-right: calc(var(--spacer) * 1);
}

.u-pr-xs {
  padding-right: calc(var(--spacer) * 1.5);
}

.u-pr-sm, .p-conpany-list-c dt {
  padding-right: calc(var(--spacer) * 2.5);
}

.u-pr-md {
  padding-right: calc(var(--spacer) * 4);
}

.u-pr-lg {
  padding-right: calc(var(--spacer) * 6);
}

.u-pr-xl {
  padding-right: calc(var(--spacer) * 9);
}

.u-pr-xxl {
  padding-right: calc(var(--spacer) * 11);
}

.u-pb-xxs, .c-heading-md, .re-single-heading, .p-price-single-title .heading {
  padding-bottom: calc(var(--spacer) * 1);
}

.u-pb-xs, .c-heading-b .heading, .p-list-B a, .c-heading-lg, .p-list-mh .item .text .sub, .p-blog-single .heading-a, .p-nav-unit-company .p-nav-unit__inner .item .heading, .p-price-spec .price, .p-event-title-a .heading, .p-mh-title-a, .p-mh-single-title .heading, .p-conpany-list-c dt,
.p-conpany-list-c dd {
  padding-bottom: calc(var(--spacer) * 1.5);
}

.u-pb-sm, .p-list-A__item, .p-list-E .item .text .sub, .re-map .re-map__inner p, .p-column-single-heading .heading, .p-flow-layout-a .item .heading {
  padding-bottom: calc(var(--spacer) * 2.5);
}

.u-pb-md, .p-employment-info .border, .p-flow-title-b .number, .p-flow-layout-a .item .number {
  padding-bottom: calc(var(--spacer) * 4);
}

.u-pb-lg, .p-privacy-info .border, .p-flow .arrow-c {
  padding-bottom: calc(var(--spacer) * 6);
}

.u-pb-xl {
  padding-bottom: calc(var(--spacer) * 9);
}

.u-pb-xxl, .p-blog-related-list.active, .p-list-works-r.active {
  padding-bottom: calc(var(--spacer) * 11);
}

.u-pl-xxs {
  padding-left: calc(var(--spacer) * 1);
}

.u-pl-xs {
  padding-left: calc(var(--spacer) * 1.5);
}

.u-pl-sm, .p-list-A__item__text {
  padding-left: calc(var(--spacer) * 2.5);
}

.u-pl-md {
  padding-left: calc(var(--spacer) * 4);
}

.u-pl-lg, .p-contact__tel {
  padding-left: calc(var(--spacer) * 6);
}

.u-pl-xl {
  padding-left: calc(var(--spacer) * 9);
}

.u-pl-xxl {
  padding-left: calc(var(--spacer) * 11);
}

.u-px-xxs, .p-re-nav .new .icon, .p-price-spec .price-shiyo dt p, .p-price-nav .new .icon {
  padding-left: calc(var(--spacer) * 1);
  padding-right: calc(var(--spacer) * 1);
}

.u-px-xs, .l-globalnavi > .menu-item > a, .popular-tag a, .p-tag .p-tag__inner a, .p-re-list .item .new .icon, .p-re-nav-b .new .icon, .p-support-layout .btn {
  padding-left: calc(var(--spacer) * 1.5);
  padding-right: calc(var(--spacer) * 1.5);
}

.u-px-sm, .l-globalnavi-sp .l-globalnavi-sp-menu, .l-globalnavi-sp .cat, .c-btn-c, .c-btn-back .area-a {
  padding-left: calc(var(--spacer) * 2.5);
  padding-right: calc(var(--spacer) * 2.5);
}

.u-px-md {
  padding-left: calc(var(--spacer) * 4);
  padding-right: calc(var(--spacer) * 4);
}

.u-px-lg {
  padding-left: calc(var(--spacer) * 6);
  padding-right: calc(var(--spacer) * 6);
}

.u-px-xl {
  padding-left: calc(var(--spacer) * 9);
  padding-right: calc(var(--spacer) * 9);
}

.u-px-xxl {
  padding-left: calc(var(--spacer) * 11);
  padding-right: calc(var(--spacer) * 11);
}

.u-py-xxs, .c-btn-a.style-d, .p-tag .p-tag__inner a, .p-re-nav-b .area, .p-support-layout .btn {
  padding-top: calc(var(--spacer) * 1);
  padding-bottom: calc(var(--spacer) * 1);
}

.u-py-xs, .l-globalnavi-sp .l-globalnavi-sp-menu, .c-btn-c {
  padding-top: calc(var(--spacer) * 1.5);
  padding-bottom: calc(var(--spacer) * 1.5);
}

.u-py-sm, .p-works-single .p-works-single__text, .p-re-nav-b .heading, .p-re-info-a, .p-re-info-c {
  padding-top: calc(var(--spacer) * 2.5);
  padding-bottom: calc(var(--spacer) * 2.5);
}

.u-py-md, .side-contact-btn .kengaku, .side-contact-btn .shiryo, .p-blog-list-b .item .excerpt, .p-mh-covid-19, .p-news-list .item .heading, .p-employment-layout-b .row {
  padding-top: calc(var(--spacer) * 4);
  padding-bottom: calc(var(--spacer) * 4);
}

.u-py-lg, .l-globalnavi .sub-menu {
  padding-top: calc(var(--spacer) * 6);
  padding-bottom: calc(var(--spacer) * 6);
}

.u-py-xl, .l-footer-pinterest, .p-contact, .p-staff-hobby, .p-nav-unit .p-nav-unit__inner {
  padding-top: calc(var(--spacer) * 9);
  padding-bottom: calc(var(--spacer) * 9);
}

.u-py-xxl {
  padding-top: calc(var(--spacer) * 11);
  padding-bottom: calc(var(--spacer) * 11);
}

.u-fs-a, .p-privacy-info {
  line-height: calc(35 / 17);
  letter-spacing: 0.4em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
}

.u-fs-b, .p-privacy-layout .row .heading {
  line-height: calc(34 / 22);
  letter-spacing: 0.3em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
}

.u-fs-c {
  line-height: calc(38 / 18);
  letter-spacing: 0.2em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.u-fs-d, .p-nav-unit-company .p-nav-unit__inner .item .heading {
  line-height: calc(35 / 18);
  letter-spacing: 0.5em;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
}

.u-mt-a {
  margin-top: 80px;
}

@media screen and (min-width: 992px) {
  .u-mt-a {
    margin-top: 245px;
  }
}

.u-mt-b {
  margin-top: 50px;
}

@media screen and (min-width: 992px) {
  .u-mt-b {
    margin-top: 115px;
  }
}

@media screen and (min-width: 992px) {
  .u-px-a {
    padding: 0 74px;
  }
}

.u-fs-xxl, .p-news-list-c .item .no-image {
  line-height: 1.7;
  font-size: calc(1.3125rem + ((1vw - 7.68px) * 3.7109));
}

.u-fs-xl, .p-contact .c-btn-lg span:before, .p-contact__tel, .p-re-list .item .number .icon {
  line-height: 1.7;
  font-size: calc(1.1875rem + ((1vw - 7.68px) * 2.1484));
}

.u-fs-lg, .c-heading-b .heading.style-c, .c-heading-lg, .p-blog-archive-title, .p-column-single-heading .heading.style-c {
  line-height: 1.7;
  font-size: calc(1rem + ((1vw - 7.68px) * 1.5625));
}

.u-fs-md-B {
  font-size: 14px;
}

@media screen and (min-width: 950px) {
  .u-fs-md-B {
    font-size: 18px;
  }
}

.u-fs-md, .c-heading-c, .c-heading-d, .c-heading-e .heading, .p-list-A__item__heading, .c-heading-md, .p-blog-archive-title, .p-list-staff .item .text .name, .p-staff-archive-title, .p-nav-unit .p-nav-unit__inner .item .icon, .p-news-list .item .cat, .p-column-works-link {
  font-size: 16px;
}

@media screen and (min-width: 950px) {
  .u-fs-md, .c-heading-c, .c-heading-d, .c-heading-e .heading, .p-list-A__item__heading, .c-heading-md, .p-blog-archive-title, .p-list-staff .item .text .name, .p-staff-archive-title, .p-nav-unit .p-nav-unit__inner .item .icon, .p-news-list .item .cat, .p-column-works-link {
    font-size: 18px;
  }
}

.u-fs-n, body {
  font-size: 14px;
}

@media screen and (min-width: 950px) {
  .u-fs-n, body {
    font-size: 15px;
  }
}

.u-fs-sm, .side-contact-btn, .l-globalnavi-sp .sub-menu, .c-btn-back .area-b, .p-list-A__item__text time, .wp-pagenavi, .p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item time, .p-list-mh .item .text time, .p-blog-list-b .item .excerpt, .p-blog-list-b .item time, .p-blog-list-c .item .heading, .p-blog-list-c .item time, .p-blog-single .p-blog-time-a, .p-blog-archive-list .p-blog-archive-btn:before, .p-author .position, .p-author .name, .p-tag-btn .title, .p-tag .p-tag__inner a, .p-works-single .p-works-single__top .info, .p-list-staff .item .text .position, .p-re-nav .price-price, .p-re-nav .price-zeikomi, .p-re-nav .new .icon, .p-icon-unit .sub-b, .p-price-nav .new .icon, .p-event-pickup .date .sub, .p-event-list .date .sub, .p-event-single-main .date .sub, .p-mh-covid-19 .font-a, .p-news-list-c .item .heading, .p-news-list-c .item time, .p-column-list .item .category, .p-column-single .p-column-single__top .info {
  font-size: 11px;
  line-height: 1.7;
}

@media screen and (min-width: 950px) {
  .u-fs-sm, .side-contact-btn, .l-globalnavi-sp .sub-menu, .c-btn-back .area-b, .p-list-A__item__text time, .wp-pagenavi, .p-top-ticker-w .p-top-ticker .swiper-slide.p-top-ticker-item time, .p-list-mh .item .text time, .p-blog-list-b .item .excerpt, .p-blog-list-b .item time, .p-blog-list-c .item .heading, .p-blog-list-c .item time, .p-blog-single .p-blog-time-a, .p-blog-archive-list .p-blog-archive-btn:before, .p-author .position, .p-author .name, .p-tag-btn .title, .p-tag .p-tag__inner a, .p-works-single .p-works-single__top .info, .p-list-staff .item .text .position, .p-re-nav .price-price, .p-re-nav .price-zeikomi, .p-re-nav .new .icon, .p-icon-unit .sub-b, .p-price-nav .new .icon, .p-event-pickup .date .sub, .p-event-list .date .sub, .p-event-single-main .date .sub, .p-mh-covid-19 .font-a, .p-news-list-c .item .heading, .p-news-list-c .item time, .p-column-list .item .category, .p-column-single .p-column-single__top .info {
    font-size: 13px;
  }
}

.u-fs-xs, .breadcrumbs, .c-heading-b .sub, .c-btn-a.style-c, .c-btn-a.style-d, .c-list-item__category, .p-list-B .count, .p-list-D .item .text .sub, .p-list-E .item .text .sub, .p-top-ticker-w .p-top-ticker .swiper-pagination, .p-list-mh .item .text .sub, .p-blog-archive-list ul .count, .p-list-staff .item .text .furigana, .p-staff-main .furigana, .p-price-list .item .text .sub, .p-mh-list .item .sub1, .p-mh-covid-19 .font-c, .p-column-list .item .text .sub, .p-column-single .p-column-single-tag li {
  font-size: 10px;
  line-height: 1.7;
}

@media screen and (min-width: 950px) {
  .u-fs-xs, .breadcrumbs, .c-heading-b .sub, .c-btn-a.style-c, .c-btn-a.style-d, .c-list-item__category, .p-list-B .count, .p-list-D .item .text .sub, .p-list-E .item .text .sub, .p-top-ticker-w .p-top-ticker .swiper-pagination, .p-list-mh .item .text .sub, .p-blog-archive-list ul .count, .p-list-staff .item .text .furigana, .p-staff-main .furigana, .p-price-list .item .text .sub, .p-mh-list .item .sub1, .p-mh-covid-19 .font-c, .p-column-list .item .text .sub, .p-column-single .p-column-single-tag li {
    font-size: 11px;
  }
}

@media screen and (max-width: 768px) {
  .u-fs-xxl, .p-news-list-c .item .no-image {
    font-size: 24px;
  }
  .u-fs-xl, .p-contact .c-btn-lg span:before, .p-contact__tel, .p-re-list .item .number .icon {
    font-size: 20px;
  }
  .u-fs-lg, .c-heading-b .heading.style-c, .c-heading-lg, .p-blog-archive-title, .p-column-single-heading .heading.style-c {
    font-size: 18px;
  }
}

@media screen and (min-width: 769px) {
  .u-fs-xxl, .p-news-list-c .item .no-image {
    font-size: 30px;
  }
  .u-fs-xl, .p-contact .c-btn-lg span:before, .p-contact__tel, .p-re-list .item .number .icon {
    font-size: 25px;
  }
  .u-fs-lg, .c-heading-b .heading.style-c, .c-heading-lg, .p-blog-archive-title, .p-column-single-heading .heading.style-c {
    font-size: 21px;
  }
}

@media (min-width: 1280px) {
  .u-fs-xxl, .p-news-list-c .item .no-image {
    font-size: 40px;
  }
  .u-fs-xl, .p-contact .c-btn-lg span:before, .p-contact__tel, .p-re-list .item .number .icon {
    font-size: 30px;
  }.tp-title
  .u-fs-lg, .c-heading-b .heading.style-c, .c-heading-lg, .p-blog-archive-title, .p-column-single-heading .heading.style-c {
    font-size: 24px;
  }
}

.u-ff-A, .c-heading-a .eng, .p-list-E .item .text time, .p-top-ticker-w .heading, .p-top-modelhouse .p-top-modelhouse__inner .info, .p-top-concept-title .heading, .p-column-cat-list .area-b .all a {
  font-family: 'EB Garamond', serif;
}

@font-face {
  font-family: "Autograf";
  src: url("../font/font.woff2") format("woff2"), url("../font/font.woff") format("woff");
}

@font-face {
  font-family: "PerpetuaMTPro";
  src: url("../webfonts/PerpetuaMTPro/font.woff2") format("woff2"), url("../webfonts/PerpetuaMTPro/font.woff") format("woff");
}

.u-fw-b, .side-contact-btn .kengaku, .side-contact-btn .shiryo, .l-footer-menuarea .contact-btn .kengaku, .l-footer-menuarea .contact-btn .shiryo, .l-globalnavi-sp .cat, .l-globalnavi-sp .contact-btn .kengaku, .l-globalnavi-sp .contact-btn .shiryo, .c-heading-e .heading, .c-btn-a.style-b, .p-list-D .item .text .heading, .p-blog-archive-title, .p-blog-list-b .item .heading, .p-author .name, .p-list-staff .item .text .name, .p-staff-archive-title, .p-re-nav .metre, .p-re-nav .new .icon, .p-price-list .item .heading, .p-price-list .item .text .heading, .p-price-nav .new .icon, .p-mh-list .item .name, .p-mh-single-layout .name, .p-news-list .item .heading, .p-column-list .heading {
  font-weight: 600 !important;
}

.u-fw-b-b {
  font-weight: 500 !important;
}

.u-fw-br {
  font-weight: bolder !important;
}

.u-fw-lr {
  font-weight: lighter !important;
}

.u-fw100 {
  font-weight: 100 !important;
}

.u-fw200 {
  font-weight: 200 !important;
}

.u-fw300 {
  font-weight: 300 !important;
}

.u-fw400 {
  font-weight: 400 !important;
}

.u-fw500 {
  font-weight: 500 !important;
}

.u-fw600 {
  font-weight: 600 !important;
}

.u-fw700 {
  font-weight: 700 !important;
}

.u-fw800 {
  font-weight: 800 !important;
}

.u-fw900 {
  font-weight: 900 !important;
}

.u-fsmt, .p-column-list .cat-year {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.u-ta-l {
  text-align: left !important;
}

.u-ta-c {
  text-align: center !important;
}

.u-ta-r {
  text-align: right !important;
}

.u-ta-j {
  text-align: justify !important;
}

.u-br-m {
  display: block;
}

@media screen and (min-width: 950px) {
  .u-br-m {
    display: none;
  }
}

.u-br-p {
  display: none;
}

@media screen and (min-width: 950px) {
  .u-br-p {
    display: block;
  }
}

span.br {
  display: inline-block;
}

.u-lh-1 {
  line-height: 1;
}

.color-a {
  color: #989898;
}

.color-b {
  color: #ff944b;
}

.u-ls-a {
  letter-spacing: 5px;
}

.u-ls-b {
  letter-spacing: 3px;
}

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

.u-cf:after {
  clear: both;
}

.u-cf {
  *zoom: 1;
}
/*# sourceMappingURL=style.css.map */

/* --------------------------------------------------------------------------
   #来場予約　追記 2022/09/13
-------------------------------------------------------------------------- */
.r-meit{
  padding-top: calc(40 * 1px);
}

.r-meit__heading{
  line-height: calc(38 / 24);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
  padding-bottom: 1.5em;
  text-align: center;
}

.r-meit__freepen ol li{
  font-size: 1.1em;
  padding-bottom: 0.8em;
}

.r-tokuten{
  padding-top: calc(40 * 1px);
  padding-bottom: calc(40 * 1px);
  padding-right: calc(20 * 1px);
  padding-left: calc(20 * 1px);
  border: 1px solid #dddddd;
}

.r-tokuten__heading{
  line-height: calc(38 / 24);
  letter-spacing: 0.2em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
  padding-bottom: 1.5em;
}

.r-tokuten__photo{
  margin: 0 auto 3em;
  text-align: center;
}

.r-tokuten_text{
  text-align: center;
}

.reservation-form .cus_what-notice{
  display: flex;
  flex-wrap: wrap;
  gap: 10%
}

.reservation-form .cus_what-notice .horizontal-item{
  margin-left: 0 !important;
  margin-bottom: 1.0em;
}

.p-mh-reservation .confirm{
  background-color: #ffffff;
}

.f-hosoku{
  font-size: 0.7em;
  letter-spacing: 1px;
}

@media screen and (min-width: 992px){
  .r-meit{
    padding-top: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }

  .r-meit__freepen{
    width: 80%;
    margin: 0 auto;
  }

  .r-meit__freepen ol li{
    font-size: 1.5em;
    padding-bottom: 0.8em;
  }

  .r-tokuten{
    padding-top: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-bottom: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-right: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
    padding-left: clamp(calc(20 * 1px), calc((100 * 100) / 1920 * 1vw), calc(100 * 1px));
  }

  .reservation-form .cus_what-notice {
    gap: 4%;
  }
  .mwform-checkbox-field label, .mwform-radio-field label{
    font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 15 * 1vw), calc(20 * 1px));
  }
  .magazine .mwform-checkbox-field label{
    font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  }
  .p-mhr-frame-b .mwform-checkbox-field input{
    margin-right: 10px;
  }
}


/* --------------------------------------------------------------------------
   #来場予約　追記 2023/08/10
-------------------------------------------------------------------------- */
.mm-age{
  width: 30% !important;
}

.mm-age-sai{
  padding-left: 1em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
}

.age-box{
  display: flex;
}

.mm-age-sai{
  padding-left: 1em;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
}

.yoteichibox{
  display: flex;
  flex-wrap: wrap;
  gap: 15%;
  max-width: none !important;
  width: 100% !important;
}


.yoteichibox .horizontal-item{
  margin-left: 0 !important;
}

@media screen and (min-width: 992px){
  .yoteichibox{
    gap: 8%;
  }

}

/* --------------------------------------------------------------------------
   #インスタフィード矢印調整 2023/08/10
-------------------------------------------------------------------------- */
#sb_instagram .sbi_type_video .sbi_playbtn{
  margin-top: -6px !important;
  margin-left: -4px !important;
  font-size: 10px !important;
}

#sb_instagram .sbi_type_carousel .fa-clone {
  font-size: 8px !important;
  right: 5px !important;
  top: 4px !important;
} 


@media screen and (min-width: 992px){
  #sb_instagram .sbi_type_video .sbi_playbtn{
    margin-top: -14px !important;
    margin-left: -10px !important;
    font-size: 35px !important;
  }

  #sb_instagram .sbi_type_carousel .fa-clone {
    right: 12px !important;
    top: 12px !important;
    font-size: 24px !important;
  }
}





/* --------------------------------------------------------------------------
   ページナビ 2022/09/13
-------------------------------------------------------------------------- */
.wp-pagenavi span,
.wp-pagenavi a {
  margin-left: calc(var(--spacer) * 1.5);
  margin-right: calc(var(--spacer) * 1.5);
}

@media screen and (min-width: 992px){
    .wp-pagenavi span,
    .wp-pagenavi a {
      margin-left: calc(var(--spacer) * 2.5);
      margin-right: calc(var(--spacer) * 2.5);
  }
}


/* --------------------------------------------------------------------------
   VIRモデル 2023/04/09
-------------------------------------------------------------------------- */

/* at01 */

.vm-single .at01{
  margin-bottom:clamp(calc(50 * 1px), calc((100 / 1920) * 120 * 1vw), calc(120 * 1px)) !important; ;
}

.vm-single .s01-01,
.vm-single .s01-02,
.vm-single .s01-03{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
}

.vm-single .s01-01 .wpvr-cardboard {
  max-width: none !important;
  width: 100% !important;
  height:clamp(calc(212 * 1px), calc((100 / 1920) * 1087 * 1vw), calc(1087 * 1px)) !important;
}

.vm-single .s01-02 .backimg{
  width: 100%;
  height: 462px;
}

.vm-single .s01-02 img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}

.vm-single .s01-03 .mbYTP_wrapper{
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  position: relative !important;
}

.vm-single .s01-03 .mbYTP_wrapper iframe{
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  position: relative;
}

.vm-single .s01-01 .texraria,
.vm-single .s01-02 .texraria,
.vm-single .s01-03 .texraria{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
  width: 100%;
  text-align: center;
  background-color: rgba(0,0,0,0.4);
  border-top: 0.5px solid rgba(255,255,255,0.5);
  border-bottom: 0.5px solid rgba(255,255,255,0.5);
}

.vm-single .s01-01 .texraria .box,
.vm-single .s01-02 .texraria .box,
.vm-single .s01-03 .texraria .box{
  color: #ffffff;
  margin-top: clamp(calc(20 * 1px), calc((100 / 1920) * 187 * 1vw), calc(187 * 1px));
  margin-bottom: clamp(calc(16 * 1px), calc((100 / 1920) * 110 * 1vw), calc(110 * 1px));
}

.vm-single .s01-01 .texraria .box h2,
.vm-single .s01-02 .texraria .box h2,
.vm-single .s01-03 .texraria .box h2{
  font-size:clamp(calc(18 * 1px), calc((100 / 1920) * 51 * 1vw), calc(51 * 1px));
  letter-spacing: 0.3em;
  margin-bottom: 0.1em;
  border-bottom: 1px solid rgba(255,255,255,0.5);
  padding: 0 2em 0em 2em;
  display: inline-block;
}

.vm-single .s01-01 .texraria .box hr,
.vm-single .s01-02 .texraria .box hr,
.vm-single .s01-03 .texraria .box hr{
  width:clamp(calc(320 * 1px), calc((100 / 1920) * 1098 * 1vw), calc(1098 * 1px));
  margin-bottom: 0%;
  border: none;
  border-top: 1px solid rgba(255,255,255,0.5);
}

.vm-single .s01-01 .texraria .box small,
.vm-single .s01-02 .texraria .box small,
.vm-single .s01-03 .texraria .box small{
  font-size:clamp(calc(11 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  display: block;
  margin-top: 0.3%;
  letter-spacing: 0.5em;
}

.vm-single .s01-01 .texraria .box .en,
.vm-single .s01-02 .texraria .box .en,
.vm-single .s01-03 .texraria .box .en{
  margin-top: 0.5%;
  font-size:clamp(calc(15 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.vm-single .at01 .s02{
  margin-top:clamp(calc(30 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  margin-bottom:clamp(calc(40 * 1px), calc((100 / 1920) * 130 * 1vw), calc(130 * 1px));
}

.vm-single .at01 .s02 .box01{
  border: 1px solid #494949;
  padding: 0.5rem 1rem;
  max-width: 885px;
  margin: 0 auto clamp(calc(14 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
  width: 94%;
  text-align: center;
}

.vm-single .at01 .s02 .box01 strong{
  display: block;
  font-size:clamp(calc(14 * 1px), calc((100 / 1920) * 24 * 1vw), calc(24 * 1px));
  letter-spacing: 0.2em;
}

.vm-single .at01 .s02 .box02{
  text-align: center;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
}

.vm-single .at01 .s03{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  position: relative;
}

.vm-single .at01 .s03 img{
  width: 100%;
}

@media screen and (min-width: 992px){
  .vm-single{
    margin-top: clamp(50px, 5vw, 80px);
  }

  .vm-single .at01 .s02 dl{
    display: flex;
    justify-content: center;
    width: 60%;
  }

  .vm-single .s01-02 .backimg{
    width: 100%;
    height: auto;
  }

  .vm-single .s01-02 img{
    object-fit:unset;
  }
  
  .vm-single .s01-01 .texraria .box h2,
  .vm-single .s01-02 .texraria .box h2,
  .vm-single .s01-03 .texraria .box h2{
    line-height: 1.3;
    letter-spacing: 0.4em;
  }

  .vm-single .s01-01 .texraria .box small,
  .vm-single .s01-02 .texraria .box small,
  .vm-single .s01-03 .texraria .box small{
    letter-spacing: 0.5em;
  }

  .vm-single .s01-01 .texraria .box .en,
  .vm-single .s01-02 .texraria .box .en,
  .vm-single .s01-03 .texraria .box .en{
    margin-top: 0;
  }

  .vm-single .at01 .s02 .box01{
    margin: 0 auto clamp(calc(14 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
    width:clamp(calc(634 * 1px), calc((100 / 1920) * 885 * 1vw), calc(885 * 1px));;
  }

  .vm-single .at01 .s02 .box01 strong {
    letter-spacing: 0.5em;
  }
}


/* at02 */
.vm-single .at02 .s01{
  margin-bottom:clamp(calc(35 * 1px), calc((100 / 1920) * 70 * 1vw), calc(70 * 1px));
  text-align: center;
}

.vm-single .at02 .s01 small{
  display: block;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  margin-bottom:clamp(calc(10 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.vm-single .at02 .s01 p{
  font-family: 'EB Garamond', serif;
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 46 * 1vw), calc(46 * 1px));
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--spacer) * 4);
  margin-bottom:clamp(calc(10 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  letter-spacing: 0.1em;
}

.vm-single .at02 .s01 p:before{
  position: absolute;
  top: 54%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, rgba(242,208,251,0.5),rgba(255,147,81,0.5));
  z-index: -1;
}

.vm-single .at02 .s01 hr{
  border: none;
  border-top: 1px solid #eeeeee;
}

.vm-single .at02 .s02{
  background: #f6f6f6;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top:clamp(calc(45 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
  position: relative;
}

.vm-single .at02 .s02 .inner{
  text-align: center;
}

.vm-single .at02 .s02 .inner h3{
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 36 * 1vw), calc(36 * 1px));
  text-align: center;
  margin-bottom:clamp(calc(15 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  margin-top:-1em;
  display: inline-block;
}

.vm-single .at02 .s02 .inner > small{
  display: block;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  letter-spacing: 0.3em;
  text-align: center;
  color: #c4c2c3;
  margin-bottom:clamp(calc(50 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
}

.vm-single .at02 .s02 .inner .box{
  position: relative;
}

.vm-single .at02 .s02 .inner .box .gridyou{
  margin-bottom:5rem;
  position: relative;
}

.vm-single .at02 .s02 .inner .box .gridyou .right02 > img{
  width: 100%;
}

.vm-single .at02 .s02 .inner .box .gridyou .right02{
  position: relative;
}

.vm-single .at02 .s02 .inner .box .subtitleright{
  position: absolute;
  top: -20px;
  right: 3%;
  display: flex;
}

.vm-single .at02 .s02 .inner .box .subtitleright small{
  writing-mode: vertical-rl;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  color: #a0a0a0;
  text-align: start;
  margin-left: 10px;
}

.vm-single .at02 .s02 .inner .box .subtitleright strong{
  writing-mode: vertical-rl;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 36 * 1vw), calc(36 * 1px));
  text-align: start;
  letter-spacing: 0.4em;
  font-weight: normal;
  line-height: 1.4;
}

.vm-single .at02 .s02 .inner .box .category{
  position: absolute;
  bottom: -0.8em;
  letter-spacing: -0.05em;
  font-size: clamp(calc(42 * 1px), calc((100 / 1920) * 150 * 1vw), calc(150 * 1px));
  color: #eeeeed;
  right: clamp(calc(15 * 1px), calc((100 / 1920) * 140 * 1vw), calc(140 * 1px));
}

.vm-single .at02 .s02 .inner .box .category > img{
  position: absolute;
  width: 20%;
  max-width: 80px;
  bottom: 0.23em;
  right: 0;
}

.vm-single .at02 .s02 .inner .box .tenji-pc{
  display: none;
}

.vm-single .at02 .s02 .inner .tenji-sp{
  background: #ffffff;
  padding: clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  margin: 0;
  width: 90%;
  max-width: 500px;
}

.vm-single .at02 .s02 .inner .tenji-sp .title{
  margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
}

.vm-single .at02 .s02 .inner .tenji-sp .title small{
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
  color: #f8a228;
  margin-bottom:clamp(calc(10 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  display: block;
  text-align: left;
}

.vm-single .at02 .s02 .inner .tenji-sp .title p{
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 32 * 1vw), calc(32 * 1px));
  display: block;
  text-align: left;
  letter-spacing: 0.1em;
}

.vm-single .at02 .s02 .inner .tenji-sp .list{
  margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.vm-single .at02 .s02 .inner .tenji-sp .list dl{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.vm-single .at02 .s02 .inner .tenji-sp .list dl dt{
  text-align: left;
  font-size: 15px;
  margin-bottom: 0.4em;
}

.vm-single .at02 .s02 .inner .tenji-sp .list dl dd{
  text-align: right;
  font-size: 15px;
  padding-right: 3.1em;
}

.vm-single .at02 .s02 .inner .tenji-sp .sougaku{
  margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.vm-single .at02 .s02 .inner .tenji-sp .sougaku dl{
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  align-items: center;
}

.vm-single .at02 .s02 .inner .tenji-sp .sougaku dl dt{
  text-align: left;
  font-size: 15px;
}

.vm-single .at02 .s02 .inner .tenji-sp .sougaku dl dd{
  text-align: right;
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
}

.vm-single .at02 .s02 .inner .tenji-sp .sougaku dl dd span{
  font-size: 0.5em;
}

.vm-single .at02 .s02 .inner .right01{
  width: 100%;
}

.vm-single .at02 .s02 .wpvr-cardboard {
  max-width: none !important;
  width: 100% !important;
  height:clamp(calc(212 * 1px), calc((100 / 1920) * 752 * 1vw), calc(752 * 1px)) !important;
}

iframe {
  max-width: 100% !important;
}


.vm-single .at02 .s02 .right03 .mbYTP_wrapper{
  aspect-ratio: 16 / 9 !important;
  position: relative !important;
}


.vm-single .at02 .s02 .right03 .mbYTP_wrapper iframe{
  max-width:initial !important;
/*
  height: 100% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  position: relative;
*/
}



.vm-single .at02 .s03{
  background: #f6f6f6;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: clamp(calc(60 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px))
}

.vm-single .at02 .s03 .inner{
  padding-left: calc(var(--spacer) * 4.5);
  padding-right: calc(var(--spacer) * 4.5);
}

.vm-single .at02 .s03 .inner .left{
  margin-bottom: 5em;
}

.vm-single .at02 .s03 .inner .commo{
  position: relative;
}

.vm-single .at02 .s03 .inner .commo h3{
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
  margin-bottom:clamp(calc(15 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1;
}

.vm-single .at02 .s03 .inner .commo small {
  display: block;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
  margin-bottom: clamp(calc(15 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  text-align: center;
  color: #9e9e9e;
}

.vm-single .at02 .s03 .inner .commo > img{
  width: 100%;
}

.vm-single .at02 .s03 .inner .commo .element{
  background: #ffffff;
  padding-top:clamp(calc(30 * 1px), calc((100 / 1920) * 60 * 1vw), calc(60 * 1px));
  padding-right:clamp(calc(30 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
  padding-left:clamp(calc(30 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
  padding-bottom:clamp(calc(30 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.vm-single .at02 .s03 .inner .commo .element strong{
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
  margin-bottom:clamp(calc(12 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
  text-align: center;
  display: block;
  line-height: 1.5;
}

.vm-single .at02 .s03 .inner .commo .element img{
  width: 50px;
  display: block;
  margin: 0 auto clamp(calc(20 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.vm-single .at02 .s03 .inner .commo .element p{
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  text-align: left;
}

.vm-single .at02 .s03 .inner .commo .rightstr{
  position: absolute;
  writing-mode: vertical-rl;
  font-size: 10px;
  top: 50%;
  right: -19px;
  transform: translateY(-50%);
  color: #c6a676;
  transform: rotate(-180deg);
}

.vm-single .at02 .s04{
  background: #ffffff;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  padding-top: clamp(calc(150 * 1px), calc((100 / 1920) * 200 * 1vw), calc(200 * 1px));
  margin-top:-60px;
  margin-bottom: clamp(calc(80 * 1px), calc((100 / 1920) * 140 * 1vw), calc(140 * 1px));
}

.vm-single .at02 .s04 .inner {
  padding-left: calc(var(--spacer) * 3.5);
  padding-right: calc(var(--spacer) * 3.5);
}

.vm-single .at02 .s04 .inner img{
  width: 100%;
  display: block;
  margin-bottom: 2em;
}

.vm-single .at02 .s04 .inner .left{
  display: flex;
  flex-direction: row-reverse;
}

.vm-single .at02 .s04 .inner .left small{
  writing-mode: vertical-rl;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  color: #a0a0a0;
  text-align: start;
  margin-left: clamp(calc(10 * 1px), calc((100 / 1920) * 33 * 1vw), calc(33 * 1px));
}

.vm-single .at02 .s04 .inner .left h3{
  writing-mode: vertical-rl;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 25 * 1vw), calc(25 * 1px));
  text-align: start;
  letter-spacing: 0.2em;
  font-weight: normal;
  line-height: 1.5;
  margin-left: clamp(calc(10 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.vm-single .at02 .s04 .inner .left p{
  writing-mode: vertical-rl;
  color: #7f7d7d;
  font-size:clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  height: clamp(calc(300 * 1px), calc((100 / 1920) * 410 * 1vw), calc(410 * 1px));
}

.vm-single .at02 .s04 .inner .left p br{
  display: none;
}

.vm-single .at02 .s04 .media01 #master-container{
  max-width: 1500px !important;
  width: 100% !important;
  height: 55vw !important;
  margin: 0 auto 2em;
}

.vm-single .at02 .s04 .youtube-cover{
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 16 / 8.5;
  margin: 0 auto 2em;
}

.vm-single .at02 .s04 .youtube-cover iframe{
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}

.vm-single .at02 .s05{
  margin: 0 auto  clamp(calc(60 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
} 

.vm-single .at02 .s05 .inner h2{
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  margin-bottom: clamp(calc(20 * 1px), calc((100 / 1920) * 75 * 1vw), calc(75 * 1px));
  text-align: center;
  color: #82b3b5;
  font-weight: bold;
}

.vm-single .at02 .s05 .inner .element{
  margin: 0 auto;
  margin-bottom:clamp(calc(30 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.vm-single .at02 .s05 .inner .element img{
  width: 100%;
  display: block;
}

.vm-single .at02 .s05 .inner .element .im01{
  margin-bottom: 1em;
  margin: 0 auto;
  width: 90%;
  max-width: 341px;
}

.vm-single .at02 .s05 .inner .element .im02{
  margin-bottom: 1em;
  margin: 0 auto;
  width: 90%;
  max-width: 734px;
}

.vm-single .at02 .s05 .inner .detail{
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  font-size: clamp(calc(12 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  line-height: 2;
  width: 80%;
}

.vm-single .at02 .s06{
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-bottom:clamp(calc(75 * 1px), calc((100 / 1920) * 150 * 1vw), calc(150 * 1px));
}

.vm-single .at02 .s06 .swiper-container-f{
  background: #f7f7f7;
  padding-top: clamp(calc(30 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  padding-bottom: clamp(calc(30 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  margin-bottom: 2em;
}

@media screen and (min-width: 768px){
  .vm-single .at02 .s05 .inner .element{
    display: grid;
    max-width: 1140px;
    width: 100%;
    align-items: center;
    grid-template-columns: 1fr 64.7%;
  }
}


@media screen and (min-width: 992px){
  .vm-single .at02 .s01 p{
    padding: 0 calc(var(--spacer) * 20);
  }

  .vm-single .at02 .s01 p:before{
    height: 8px;
  }

  .vm-single .at02 .s02 .inner > small{
    letter-spacing: 0.5em;
  }

  .vm-single .at02 .s02 .inner .box .subtitleright{
    right: clamp(calc(15 * 1px), calc((100 / 1920) * 150 * 1vw), calc(150 * 1px));
  }

  .vm-single .at02 .s02 .right03 #ytPlayerWrap{
    width: 100%;
    height: auto;
    position: relative;
  }
  
  .vm-single .at02 .s02 .right03 .mbYTP_wrapper{
    aspect-ratio: 16 / 7.158 !important;  
  }

  .vm-single .at02 .s02 .right03 .mbYTP_wrapper iframe {
    width: 100% !important;
    /* height: 100% !important; */
    /* margin-top: 0 !important; */
    margin-left: 0 !important;
    position: relative;
  }

  .vm-single .at02 .s02 .inner .box .gridyou .right02 > img{
    width: 100%;
    height: 39.2vw;
    object-fit: cover;
    object-position: center;
  }

  .vm-single .at02 .s02 .inner .tenji-sp{
    display: none;
  }

  .vm-single .at02 .s02 .inner .box .tenji-pc{
    display: block;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc{
    background: #ffffff;
    padding: clamp(calc(20 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
    margin: 0;
    width: 50%;
    max-width: 550px;
    position: absolute;
    bottom: -67px;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .title{
    margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 35 * 1vw), calc(35 * 1px));
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .title small{
    font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 12 * 1vw), calc(12 * 1px));
    color: #f8a228;
    margin-bottom:clamp(calc(10 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
    display: block;
    text-align: left;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .title p{
    font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 32 * 1vw), calc(32 * 1px));
    display: block;
    text-align: left;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .list{
    margin-bottom:clamp(calc(15 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .list dl{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .list dl dt{
    text-align: left;
    font-size: 17px;
    margin-bottom: 0.3em;
    letter-spacing: 0.5em;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .list dl dd{
    text-align: right;
    font-size: 17px;
    padding-right: 4.3em;
    letter-spacing: 0.5em;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .sougaku dl{
    display: grid;
    grid-template-columns: 0.7fr 1fr;
    align-items: baseline;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .sougaku dl dt{
    text-align: left;
    font-size: 17px;
    letter-spacing: 0.5em;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .sougaku dl dd{
    text-align: right;
    font-size: clamp(calc(24 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
    letter-spacing: 0.3em;
  }
  
  .vm-single .at02 .s02 .inner .box .tenji-pc .sougaku dl dd span{
    font-size: 0.5em;
    letter-spacing: 0.3em;
  }

  .vm-single .at02 .s03{
    margin-top: -52px;
  }

  .vm-single .at02 .s03 .inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8%;
    max-width: 1500px;
    margin: 0 auto 5em;    
    width: calc((1500 / 1920) * 100%);
  }

  .vm-single .at02 .s03 .inner .commo .rightstr {
    top: 50%;
    right: -29px;
  }

  .vm-single .at02 .s04{
    margin-top: -173px;
  }

  .vm-single .at02 .s04 .inner {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    max-width: 1500px;
    margin: 0 auto;
    width: calc((1500 / 1920) * 100%);
  }

  .vm-single .at02 .s04 .inner {
    padding-left:0;
    padding-right:0;
}

  .vm-single .at02 .s04 .inner .left h3 {
    line-height: 1.8;
  }

  .vm-single .at02 .s05 .inner .detail {
    line-height: 3;
  }

  .vm-single .at02 .s03 .inner .commo h3 {
    letter-spacing: 0.2em;
  }

  .vm-single .at02 .s04 .inner .left p br{
    display: block;
  }

  .vm-single .at02 .s04 .media01 #master-container{
    height: 100% !important;
  }

  .vm-single .at02 .s03 .inner .left{
    margin-bottom: 0;
  }

}

@media screen and (min-width: 1200px){
  .vm-single .at02 .s02 .box .gridyou{
    display: grid;
    grid-template-columns: 0.142fr 1fr;
  }

  .vm-single .at02 .s02 .inner .box .subtitleright {
    top: -8em;
  }

  .vm-single .at02 .s02 .inner .box .category{
    bottom: -0.85em;
  }

  .vm-single .at02 .s02 .inner .box .category > img {
    bottom: 0.47em;
  }

  .vm-single .at02 .s02 .inner .box .takeweight .karabox{
    background: #ffffff;
    padding: clamp(calc(20 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
    margin: 0;
    width: 50%;
    position: absolute;
    bottom: -67px;
    left: -20%;
  } 

  .vm-single .at02 .s02 .inner .box .tenji-pc {
    width: 40%;
  }

  .vm-single .at02 .s03 .inner {
    padding-left: 0;
    padding-right: 0;
  }

}



/* at03 */
.at03{
  margin-bottom: clamp(calc(100 * 1px), calc((100 / 1920) * 160 * 1vw), calc(160 * 1px));
}

.at03 .s01{
  max-width: 1360px;
  margin: 0 auto;
}

.at03 .s01 .tabmenu {
  border-bottom: 1px solid #e2e2e2;
  display: grid;
  margin: 0 auto clamp(calc(20 * 1px), calc((100 / 1920) * 60 * 1vw), calc(60 * 1px));
  position: relative;
  flex-wrap: nowrap;
  grid-template-columns: 1fr 1fr;
  width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 0 20%;
  z-index: 1;
}

.at03 .s01 .tabmenu .tab1{
  border-top:1px solid #e2e2e2;
  border-left:1px solid #e2e2e2;
  font-size:clamp(calc(16 * 1px), calc((100 / 1920) * 23 * 1vw), calc(23 * 1px));
  color: #f89050;
  text-align: center;
  padding: 0.5em 0.2em;
  border-bottom-color: transparent!important;
  position: relative;
  bottom: -1px;
  background: #ffffff;
}

.at03 .s01 .tabmenu .tab2{
  border:1px solid #e2e2e2;
  background: #f5f5f5;
  font-size:clamp(calc(16 * 1px), calc((100 / 1920) * 23 * 1vw), calc(23 * 1px));
  text-align: center;
  padding: 0.5em 0.2em;
  position: relative;
  bottom: -1px;
}

.at03 .s01 .inner .left{
  margin-bottom: 20px;
}

.at03 .s01 .inner .left dl,
.at03 .s01 .inner .right dl{
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  border-bottom: 1px dashed #e2e2e2;
  font-size:clamp(calc(14 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  align-items:center;
}

.at03 .s01 .inner .left dl dt,
.at03 .s01 .inner .right dl dt{
  padding-bottom: 0.8em;
  padding-top: 0.8em;
}

.at03 .s01 .inner .left dl dd,
.at03 .s01 .inner .right dl dd{
  padding-bottom: 0.8em;
  padding-top: 0.8em;
}

.at03 .s01 .inner .left .linkeda dd a{
  background: #efecec;
  display: block;
  border: 1px solid #cecbcb;
  border-radius: 5px;
  width: 100%;
  padding: 0.3em 0;
  text-align: center;
}


@media screen and (min-width: 992px){
  .at03 .s01{
    max-width: 1384px;
    margin: 0 auto;
    width: calc((1746 / 1920) * 100%);
  }

  .at03 .s01 .inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3%;
    padding: 0 1%;
  }

}


/* at04 */
.at04{
  margin-bottom: clamp(calc(100 * 1px), calc((100 / 1920) * 160 * 1vw), calc(160 * 1px));
}

.at04 .s01{
  max-width: 1492px;
  margin: 0 auto;
}

.at04 .s01 h2{
  font-family: 'EB Garamond', serif;
  font-size: clamp(calc(25 * 1px), calc((100 / 1920) * 36 * 1vw), calc(36 * 1px));
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(calc(40 * 1px), calc((100 / 1920) * 72 * 1vw), calc(72 * 1px));
  letter-spacing: 0.5em;
}

.at04 .s01 h2:before{
  position: absolute;
  top: 54%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, rgba(242,208,251,0.5),rgba(255,147,81,0.5));
  z-index: -1;
}

.at04 .s01 .inbox .tab .headbox{
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  border-bottom: 1px solid #efefef;
  margin-bottom: clamp(calc(30 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 0 calc((15 / 375) * 100%);
}

.at04 .s01 .inbox .tab .tab-list{
  display: flex;
  justify-content: center;
  gap: 2%;
  padding: 3% 3%;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  border: 1px solid #efefef;
  border-bottom: none;
}

.at04 .s01 .inbox .tab .tab-list li{
  width: 25%;
  border: 1px solid #adadad;
  text-align: center;
  padding: 0.3em 0;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 17 * 1vw), calc(17 * 1px));
  cursor: pointer;
}

.at04 .s01 .inbox .tab .tab-list li.current{
  background: #eeba64;
  color: #ffffff;
  border: 1px solid #eeba64;
}

.at04 .s01 .inbox .content-group .content-box{
  position: relative;
}

.at04 .s01 .inbox .content-group .pt01 > h3{
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 27 * 1vw), calc(27 * 1px));
  letter-spacing: 1em; 
  position: absolute;
  top: -6.3%;
  left: 2%;
  line-height: 0;
}

.at04 .s01 .inbox .content-group .pt02 > h3{
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 27 * 1vw), calc(27 * 1px));
  letter-spacing: 1em; 
  position: absolute;
  top: -6%;
  left: 2%;
  line-height: 0;
}

.at04 .s01 .inbox .content-group .pt01 .box .left{
  background: #f7f7f7;
  padding-top:clamp(calc(30 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  padding-left:clamp(calc(15 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
  padding-right:clamp(calc(15 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
  border-bottom: 2px solid #ffffff;
}

.at04 .s01 .inbox .content-group .pt01 .box .right{
  background: #f7f7f7;
  padding-top:clamp(calc(30 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  padding-bottom:clamp(calc(30 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  padding-left:clamp(calc(15 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
  padding-right:clamp(calc(15 * 1px), calc((100 / 1920) * 90 * 1vw), calc(90 * 1px));
}

.at04 .s01 .inbox .content-group .pt01 .box .left dl,
.at04 .s01 .inbox .content-group .pt01 .box .right dl{
  margin-bottom: clamp(calc(25 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.at04 .s01 .inbox .content-group .pt01 .box .right dl{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5%;
}

.at04 .s01 .inbox .content-group .pt01 .box .left dl {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  gap: 5%;
}

.at04 .s01 .inbox .content-group .pt02 .box{
  background: #f7f7f7;
  padding-top:clamp(calc(30 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  padding-bottom:clamp(calc(30 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  padding-left:clamp(calc(15 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  padding-right:clamp(calc(15 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
}

.at04 .s01 .inbox .content-group .pt02 .box .left .element{
  padding-bottom:clamp(calc(30 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));

}

.at04 .s01 .inbox .content-group .pt02 .box .left .element h4{
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
  letter-spacing: normal;
  text-align: left;
  margin-bottom: 0.3em;
}

.at04 .s01 .inbox .content-group .pt02 .box img{
  width: 100%;
}


@media screen and (min-width: 768px){
  .at04 .s01 .inbox .content-group .pt01 > h3 {
    top: -7.3%;
  }

  .at04 .s01 .inbox .content-group .pt02 > h3 {
    top: -5.3%;
  }
}


@media screen and (min-width: 992px){
  .at04 .s01 .inbox .content-group .pt01 .box{
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .at04 .s01 .inbox .content-group .pt02 .box{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10%;
  }

  .at04 .s01 {
    max-width: 1493px;
    margin: 0 auto;
    width: calc((1885 / 1920) * 100%);
    margin-bottom: clamp(calc(100 * 1px), calc((100 / 1920) * 160 * 1vw), calc(160 * 1px));
  }

  .at04 .s01 .inbox .tab .headbox {
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding: 0 20%;
  }

  .at04 .s01 .inbox .tab .tab-list {
    padding: 3% 10%;
    gap: 5%;
  }

  .at04 .s01 .inbox .content-group .pt01 .box .left {
    border-bottom: 0;
    border-right: 1px solid #ffffff;
    padding-bottom: clamp(calc(30 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
  }

  .at04 .s01 .inbox .content-group .pt01 > h3 {
    top: -5vw;
    left: 15%;
  }

  .at04 .s01 .inbox .content-group .pt02 > h3 {
    top: -5vw;
    left: 15%;
  }

  .at04 .s01 .inbox .content-group .pt01 .box .right dl:last-child {
    margin-bottom: 0;
  }

  .at04 .s01 .inbox .content-group .pt01 .box .left dl:last-child {
    margin-bottom: 0;
  }

  .at04 .s01 .inbox .content-group .pt02 .box .left .element:last-child{
    padding-bottom: 0;
  }
}


/* at05 */
.at05{
  margin-bottom: clamp(calc(100 * 1px), calc((100 / 1920) * 200 * 1vw), calc(200 * 1px));
}

.at05 .s01{
  text-align: center;
}

.at05 .s01 p{
  font-family: 'EB Garamond', serif;
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 35 * 1vw), calc(35 * 1px));
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--spacer) * 4);
  margin-bottom: clamp(calc(10 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  letter-spacing: 0.04em;
}

.at05 .s01 p:before{
  position: absolute;
  top: 54%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, rgba(242,208,251,0.5),rgba(255,147,81,0.5));
  z-index: -1;
}

.at05 .s01 small{
  display: block;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  letter-spacing: 0.5em;
  text-align: center;
  color: #c4c2c3;
  margin-bottom: clamp(calc(50 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
}

.at05 .s02 .tab .tab-list{
  border-top: 1px solid #dcdcdc;
  display: flex;
  margin: 0 auto;
  position: relative;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  margin-bottom: clamp(calc(60 * 1px), calc((100 / 1920) * 110 * 1vw), calc(110 * 1px));
}

.at05 .s02 .tab .tab-list li{
  position: relative;
  top: -1px;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  border-top: 1px solid #dcdcdc;
  padding-top:clamp(calc(5 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  padding-bottom:clamp(calc(5 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  padding-left:clamp(calc(7 * 1px), calc((100 / 1920) * 20 * 1vw), calc(100 * 1px));
  padding-right:clamp(calc(7 * 1px), calc((100 / 1920) * 20 * 1vw), calc(100 * 1px));
  text-align: center;
  line-height: 1.4;
  cursor: pointer;
}


.at05 .s02 .tab .tab-list li.current02 {
  background: #ffffff !important;
  border: 1px solid #dcdcdc !important;
  border-top: 1px solid #ffffff !important;
  box-sizing: border-box;
  color: #ff8a00;
}

.at05 .s02 .tab .content-group .content-box ul{
  display: grid;
  gap: 2%;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 50% 25% 25%;
}

.at05 .s02 .tab .content-group .content-box ul li:first-child{
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

.at05 .s02 .tab .content-group .content-box ul li{
  position: relative;
}

.at05 .s02 .tab .content-group .content-box ul li img{
  width: 100%;
}

.at05 .s02 .tab .content-group .content-box ul li p{
  position: absolute;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.3);
  width: 100%;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
}

.at05 .s02 .tab .content-group .content-box ul li img{
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 992px){
  .at05 .s01 p{
    letter-spacing: 0.3em;
  }

  .at05 .s02 .tab .tab-list li{
    width: 20%;
    max-width: 250px;
  }

  .at05 .s02 .tab .content-group{
    max-width: 1384px;
    margin: 0 auto;
    width: calc((1746 / 1920) * 100%);
  }

  .at05 .s02 .tab .content-group .content-box ul{
    display: grid;
    gap: 2%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 33.333% 33.333% 33.333%;
  }

  .at05 .s02 .tab .content-group .content-box ul li p{
    width: 53%;
    font-size: 13px;
    le
  }

  .at05 .s02 .tab .content-group .content-box ul li:first-child{
    grid-column: 2 / 4;
    grid-row: 1 / 3;
  }

  .at05 .s02 .tab .content-group .content-box ul li:nth-child(2){
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .at05 .s02 .tab .content-group .content-box ul li:nth-child(3){
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }

  .at05 .s02 .tab .content-group .content-box ul li:nth-child(4){
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }

  .at05 .s02 .tab .content-group .content-box ul li:nth-child(5){
    grid-column: 2 / 3;
    grid-row: 3 / 4;
  }
  
}


/* at06 */
.at06{
  margin-bottom: clamp(calc(100 * 1px), calc((100 / 1920) * 160 * 1vw), calc(160 * 1px));
}

.at06 .s01{
  text-align: center;
}

.at06 .s01 p{
  font-family: 'EB Garamond', serif;
  font-size: clamp(calc(22 * 1px), calc((100 / 1920) * 35 * 1vw), calc(35 * 1px));
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--spacer) * 4);
  margin-bottom: clamp(calc(10 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  letter-spacing: 0.04em;
}

.at06 .s01 p:before{
  position: absolute;
  top: 54%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, rgba(242,208,251,0.5),rgba(255,147,81,0.5));
  z-index: -1;
}

.at06 .s01 small{
  display: block;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  letter-spacing: 0.5em;
  text-align: center;
  color: #c4c2c3;
  margin-bottom: clamp(calc(30 * 1px), calc((100 / 1920) * 70 * 1vw), calc(70 * 1px));
}

.at06 .s02 .tab .tab-list{
  display: flex;
  margin: 0 auto;
  position: relative;
  flex-wrap: wrap;
  justify-content: center;
}

.at06 .s02 .tab .tab-list li{
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
  cursor: pointer;
}

.at06 .s02 .tab .tab-list li.current03 {
  color: #ff8a00;
  position: relative;
}

.at06 .s02 .tab .tab-list li.current03 .undline{
  position: absolute;
  border: 1px solid #ff8a00;
  width: 45%;
  bottom: 0;
  left: 14%;
  transform: translateX(-14%);
}

.at06 .s02 .tab .tab-list li.current03:last-child .undline {
  position: absolute;
  border: 1px solid #ff8a00;
  width: 45%;
  bottom: 0;
  left: 39%;
  transform: translateX(-39%);
}

.at06 .s02 .tab .tab-list{
  margin-bottom: clamp(calc(40 * 1px), calc((100 / 1920) * 80 * 1vw), calc(80 * 1px));
}

.at06 .s02 .tab .tab-list li::after{
  content: "/";
  padding-right: 1em;
  padding-left: 1em;
  color: #232323;
}

.at06 .s02 .tab .tab-list li:last-child::after{
  content: none;
}

.at06 .s02 .content-group{
  margin-bottom: 30px;
}

.at06 .s02 .content-group .content-box img{
  width: 100%;
}

.at06 .s02 .sidemenu{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3%;
}

.at06 .s02 .sidemenu .element {
  margin-bottom: clamp(calc(40 * 1px), calc((100 / 1920) * 80 * 1vw), calc(80 * 1px)); 
}

.at06 .s02 .sidemenu .element strong{
  display: block;
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 35 * 1vw), calc(35 * 1px));
  margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  line-height: 0;
}

.at06 .s02 .sidemenu .element .el01{
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  letter-spacing: 0.5em;
}

.at06 .s02 .sidemenu .element .el02{
  color: #f99506;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  margin-bottom:clamp(calc(10 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
}

.at06 .s02 .sidemenu .element hr{
  border: 0;
  border-top: solid 1px #dddddd;
}

.at06 .s02 .sidemenupc{
  display: none;
}

@media screen and (min-width: 992px){
  .at06 .s01 p{
    letter-spacing: 0.3em;
  }

  .at06 .s02 .gridpc{
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    gap: 12%;
    margin: 0 auto;
    max-width: 1160px;
    width: calc((1465 / 1920) * 100%);
  }

  .at06 .s02 .sidemenu{
    display: none;
  }

  .at06 .s02 .sidemenupc{
    display: block;
    margin-top: 1em;
  }

  .at06 .s02 .sidemenupc .element {
    margin-bottom: clamp(calc(40 * 1px), calc((100 / 1920) * 70 * 1vw), calc(70 * 1px)); 
  }
  
  .at06 .s02 .sidemenupc .element strong{
    display: block;
    font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
    margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
    line-height: 0.5;
  }
  
  .at06 .s02 .sidemenupc .element .el01{
    font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
    letter-spacing: 0.5em;
  }
  
  .at06 .s02 .sidemenupc .element .el02{
    color: #f99506;
    font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  }

  .at06 .s02 .sidemenupc .element hr{
    border: 0;
    border-top: 1px solid #dddddd;
  }

  .at06 .s02 .tab .tab-list li.current:last-child .undline {
    width: 60%;
  }
}


/* at07 */
.at07{
  margin-bottom: clamp(calc(100 * 1px), calc((100 / 1920) * 120 * 1vw), calc(120 * 1px));
}

.at07 .s01{
  text-align: center;
}

.at07 .s01 p{
  font-family: 'EB Garamond', serif;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 35 * 1vw), calc(35 * 1px));
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 calc(var(--spacer) * 4);
  margin-bottom: clamp(calc(10 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
}

.at07 .s01 p:before{
  position: absolute;
  top: 54%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: linear-gradient(to right, rgba(242,208,251,0.5),rgba(255,147,81,0.5));
  z-index: -1;
}

.at07 .s01 small{
  display: block;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  letter-spacing: 0.5em;
  text-align: center;
  color: #c4c2c3;
  margin-bottom: clamp(calc(30 * 1px), calc((100 / 1920) * 60 * 1vw), calc(60 * 1px));
}

.at07 .s02,
.at07 .s04{
  max-width: 1400px;
  margin: 0 auto;
  margin-bottom:clamp(calc(30 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
}

.at07 .s03{
  max-width: 1400px;
  margin: 0 auto;
  margin-bottom:clamp(calc(70 * 1px), calc((100 / 1920) * 100 * 1vw), calc(100 * 1px));
}

.at07 .s02 .titlebox,
.at07 .s03 .titlebox{
  margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
}

.at07 .s02 .titlebox h2,
.at07 .s03 .titlebox h2{
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 22 * 1vw), calc(22 * 1px));
  letter-spacing: 0.5em;
}

.at07 .s02 .titlebox small,
.at07 .s03 .titlebox small{
  color: #f99506;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  display: flex;
  align-items: center;
}

.at07 .s02 .titlebox small::after,
.at07 .s03 .titlebox small::after{
  border-top: 1px solid #dddddd;
  content: "";
  flex-grow: 1;
  margin-left: 1em;
}

.at07 .s02 .inner .left{
  margin-bottom: 20px;
}

.at07 .s02 .inner .left .acf-map{
  height: 425px;
}

.at07 .s02 .inner .right h3{
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px)); 
  margin-bottom: clamp(calc(20 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  line-height: 2.2;
}

.at07 .s02 .inner .right p{
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px)); 
  line-height: 1.8;
}

.at07 .s03 .inner ul{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3%;
}
.at07 .s03 .inner ul li p{
  text-align: center;
  margin: 0.5em 0 1em 0;
  font-size: 14px;
}

.at07 .s03 .inner ul li img{
  width: 100%;
}

.at07 .s04 .el01{
  text-align: center;
}

.at07 .s04 .el01 .titlebox{
  border-bottom: 1px solid #dddddd;
  margin-bottom:clamp(calc(15 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.at07 .s04 .el01 .titlebox h3{
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px)); 
  margin-bottom: 0.5em;
}

.at07 .s04 .el01 .titlebox small{
  color: #f99506;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  margin-bottom: 1em;
  display: block;
}

.at07 .s04 .el01 .inner{
  background: #f7f7f7;
  padding: 2.5em 25px 0.5em 25px;
  margin-bottom: 40px;
}

.at07 .s04 .el01 .inner ul li{
  margin-bottom:clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.at07 .s04 .el01 .inner ul li strong{
  display: block;
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px)); 
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
  border-bottom: 1px solid #dddddd;
  letter-spacing: 0.1em;
}

.at07 .s04 .el01 .inner ul li p{
  color: #898989;
  font-size: clamp(calc(14 * 1px), calc((100 / 1920) * 14 * 1vw), calc(14 * 1px));  
}


@media screen and (min-width: 992px){
  .at07{
    margin: 0 auto;
    max-width: 1415px;
    width: calc((1800 / 1920) * 100%);
  }

  .at07 .s01 p {
    letter-spacing: 0.3em;
  }
  
  .at07 .s02 .inner{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10%;
  }

  .at07 .s03 .inner ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3%;
  }

  .at07 .s04{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 2%;
  }

  .at07 .s02 .inner .right p{ 
    line-height: 2.5;
  }
}

/* at08 */
.at08{
  border-bottom: 1px solid #dddddd;
  margin: 0 auto;
  margin-bottom: clamp(calc(100 * 1px), calc((100 / 1920) * 200 * 1vw), calc(200 * 1px));
  max-width: 1424px;
}

.at08 .s01 p{
  text-align: center;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 16 * 1vw), calc(16 * 1px));
  letter-spacing: 0.3em;
  margin-bottom:0.7em;
}

.at08 .s01 a {
  background: #82a1c7;
  display: block;
  border-radius: 10px;
  width: 100%;
  padding: 0.6em 0;
  text-align: center;
  color: #ffffff;
  position:relative;
  letter-spacing: 0.3em;
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 18 * 1vw), calc(18 * 1px));
  width: 90%;
  margin: 0 auto 20px;
  max-width: 373px;
  position: relative;
}

.at08 .s01 a .icon{
  width: 22px;
  display: inline-flex;
  margin-right: 1em;
  position: relative;
}

.at08 .s01 a .icon img{
  position: relative;
  top: 0;
}

.at08 .s01 small{
  display: block;
  text-align: center;
  margin-bottom: clamp(calc(40 * 1px), calc((100 / 1920) * 80 * 1vw), calc(80 * 1px));
}

@media screen and (min-width: 992px){
  .at08 .s01 p br{
    display: none;
  }
}

.vm-single .content-box{
  display: none;
}



/* --------------------------------------------------------------------------
   VIRモデル【一覧ページ】 2023/04/20
-------------------------------------------------------------------------- */

.p-virmodel-title{
  margin: 0 auto;
  margin-top: clamp(calc(100 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px));
  margin-bottom: clamp(calc(150 * 1px), calc((100 / 1920) * 300 * 1vw), calc(300 * 1px));
  background: url(../image/vir-listpage-back.png) no-repeat;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-size: contain;
  background-position: right 10% top 1%;
}

.p-virmodel-title .left h1{
  font-size:clamp(calc(32 * 1px), calc((100 / 1920) * 48 * 1vw), calc(48 * 1px));
  margin-bottom: clamp(calc(20 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
  letter-spacing: 0.1em;
  line-height: 1.7;
}

.p-virmodel-title .left small{
  display: block;
  color: #9c8f3b;
  margin-bottom: clamp(calc(20 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.p-virmodel-title .left p{
  font-size:clamp(calc(13 * 1px), calc((100 / 1920) * 15 * 1vw), calc(15 * 1px));
  line-height: 3;
}

.p-virmodel-title .right img{
  width: clamp(calc(60 * 1px), calc((100 / 1920) * 115 * 1vw), calc(115 * 1px));
  height: auto;
}

.p-virmodel-list-single h2{
  font-size:clamp(calc(20 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px)); 
  letter-spacing: 0.2em;
}

.p-virmodel-list-single h2 br{
  display: none;
}

.p-virmodel-list-single hr{
  border: none;
  border-top: 1px solid #dddddd;
  margin-top: -0.7em;
  margin-bottom: clamp(calc(10 * 1px), calc((100 / 1920) * 30 * 1vw), calc(30 * 1px));
}

.p-virmodel-list-single small{
  display: block;
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 10 * 1vw), calc(10 * 1px));
  margin-bottom: clamp(calc(30 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
  text-align: center;
  color: #9e9e9e;
  text-align: left;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02{
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  align-items: center;
}

.p-virmodel-list-single .p-virmodel-main{
  margin-bottom: clamp(calc(20 * 1px), calc((100 / 1920) * 40 * 1vw), calc(40 * 1px));
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .box{
  position: relative;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .leftsm{
  writing-mode: vertical-rl;
  font-size: 10px;
  color: #c6a676;
  transform: rotate(-180deg);
  margin-right: auto;
  margin-top: -25px;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .rightsm{
  writing-mode: vertical-rl;
  font-size: 10px;
  color: #c6a676;
  transform: rotate(-180deg);
  margin-left: auto;
  margin-top: -25px;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 p{
  text-align: center;
  color: #c6a676;
  font-size: 10px;
  padding-top: 1em;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .leftmoji{
  display: none;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .rightmoji{
  display: none;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .hikkitai{
  font-family: "Autograf";
  font-size: clamp(calc(24 * 1px), calc((100 / 1920) * 43 * 1vw), calc(43 * 1px));
  color: #a97625;
  transform: rotate(-5deg);
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: -26px;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01{
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  align-items: center;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .wpvr-cardboard{
  max-width: none !important;
  width: 100% !important;
  height: clamp(calc(176 * 1px), calc((100 / 1920) * 1087 * 1vw), calc(1087 * 1px)) !important;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .box{
  position: relative;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .leftsm{
  writing-mode: vertical-rl;
  font-size: 10px;
  color: #c6a676;
  transform: rotate(-180deg);
  margin-right: auto;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .rightsm{
  writing-mode: vertical-rl;
  font-size: 10px;
  color: #c6a676;
  transform: rotate(-180deg);
  margin-left: auto;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 p{
  text-align: center;
  color: #c6a676;
  font-size: 10px;
  padding-top: 1em;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .leftmoji{
  display: none;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .rightmoji{
  display: none;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .hikkitai{
  font-family: "Autograf";
  font-size: clamp(calc(24 * 1px), calc((100 / 1920) * 43 * 1vw), calc(43 * 1px));
  color: #a97625;
  transform: rotate(-5deg);
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: -26px;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03{
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  align-items: center;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .box{
  position: relative;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .leftsm{
  writing-mode: vertical-rl;
  font-size: 10px;
  color: #c6a676;
  transform: rotate(-180deg);
  margin-right: auto;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .rightsm{
  writing-mode: vertical-rl;
  font-size: 10px;
  color: #c6a676;
  transform: rotate(-180deg);
  margin-left: auto;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 p{
  text-align: center;
  color: #c6a676;
  font-size: 10px;
  padding-top: 1em;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .leftmoji{
  display: none;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .rightmoji{
  display: none;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .hikkitai{
  font-family: "Autograf";
  font-size: clamp(calc(24 * 1px), calc((100 / 1920) * 43 * 1vw), calc(43 * 1px));
  color: #a97625;
  transform: rotate(-5deg);
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: -26px;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .mbYTP_wrapper{
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  position: relative !important;
}

.p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .mbYTP_wrapper iframe{
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  position: relative;
}

.p-virmodel-foot01{
  display: none;
}

.p-virmodel-foot02{
  display: none;
}

.p-virmodel-spfoot .box01{
  margin-bottom: 3em;
}

.p-virmodel-spfoot .box01 h3{
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px));
  margin-bottom: 0;
  text-align: left;
}

.p-virmodel-spfoot .box01 h3 br{
    display: none;
}

.p-virmodel-spfoot .box01 small{
  text-align: left;
  color: #c6a676;
  font-size: 10px;
  margin: 0;
  margin-top: -0.5em;
  margin-bottom: 1em;
}

.p-virmodel-spfoot .box01 dl{
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  gap: 3%;
  align-items: baseline;
}

.p-virmodel-spfoot .box01 dl dt{
  font-size: 14px;
}

.p-virmodel-spfoot .box01 dl dd{
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  letter-spacing: 0.em;
}

.p-virmodel-spfoot .box02 dl {
  border-bottom: 1px solid #dddbdb;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  letter-spacing: 0.5em;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
}

.p-virmodel-spfoot .box02 dl dd span{
  font-size: 0.8em;
  letter-spacing:0.2em;
}

.p-virmodel-spfoot .box03 dl {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  letter-spacing: 0.5em;
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
  align-items: flex-end;
  padding-top: 0.5em;
}

.p-virmodel-spfoot .box03 dd {
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px));
  letter-spacing: 0.3em;
}

.p-virmodel-spfoot .box03 dd span.sp02{
  font-size: 0.59em;
}

.p-virmodel-inner .button{
  display: flex;
  justify-content: right;
  margin-bottom: clamp(calc(140 * 1px), calc((100 / 1920) * 280 * 1vw), calc(280 * 1px));
  margin-top: clamp(calc(10 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
}

.p-virmodel-inner .button a{
  display: block;
  background: #ff9351;
  letter-spacing: 0.2em;
  color: #ffffff;
  padding: 0.2em 0 0.1em 0;
  width: 100%;
  text-align: center;
  margin: 0;
  max-width: 120px;
  font-size: 13px;
}


@media screen and (min-width: 992px){
  .cus_arcive {
    width: 85%;
    margin: 0 auto;
  }
  
  .p-virmodel-inner .button{
    display: flex;
    justify-content: right;
    margin-top: 1em;
  }
  .p-virmodel-inner .button a{
    margin: 0;
  }
  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 img{
    width: 52%;
    margin: 0 auto;
    display: block;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .wpvr-cardboard{
    max-width: none !important;
    width: 52% !important;
    height: clamp(calc(225 * 1px), calc((100 / 1920) * 436 * 1vw), calc(438 * 1px)) !important;
    margin: 0 auto;
    position: relative;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .box{
    position: relative;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .leftmoji{
    display: block;
    font-size: clamp(calc(100 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px));
    color: #eeeeee;
    position: absolute;
    top: 50%;
    left: 19%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  
  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .rightmoji{
    display: block;
    font-size: clamp(calc(100 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px));
    color: #eeeeee;
    position: absolute;
    top: 50%;
    left: 83%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt01 .hikkitai{
    bottom: -2px;
    right: 18%;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .box{
    position: relative;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .leftmoji{
    display: block;
    font-size: clamp(calc(100 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px));
    color: #eeeeee;
    position: absolute;
    top: 50%;
    left: 19%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  
  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .rightmoji{
    display: block;
    font-size: clamp(calc(100 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px));
    color: #eeeeee;
    position: absolute;
    top: 50%;
    left: 83%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt02 .hikkitai{
    bottom: -2px;
    right: 18%;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 #ytPlayerWrap{
    position: relative;
    width: 52%;
    margin: 0 auto;
    display: block;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .box{
    position: relative;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .leftmoji{
    display: block;
    font-size: clamp(calc(100 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px));
    color: #eeeeee;
    position: absolute;
    top: 50%;
    left: -10%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }
  
  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .rightmoji{
    display: block;
    font-size: clamp(calc(100 * 1px), calc((100 / 1920) * 170 * 1vw), calc(170 * 1px));
    color: #eeeeee;
    position: absolute;
    top: 50%;
    left: 114%;
    transform: translate(-50%, -50%);
    z-index: -1;
  }

  .p-virmodel-list-single .p-virmodel-main .p-virmodel-pt03 .hikkitai{
    bottom: -2px;
    right: -11.7%;
  }

  .p-virmodel-spfoot{
    display: none;
  }

  .p-virmodel-foot01{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dddbdb;
    margin-bottom: 1em;
  }
  
  .p-virmodel-foot01 .left h3{
    font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px));
    margin-bottom: 0;
    text-align: left;
  }
  
  .p-virmodel-foot01 .left h3 br{
    display: none;
  }
  
  .p-virmodel-foot01 .left small{
    text-align: left;
    color: #c6a676;
    font-size: 10px;
    margin: 0;
    margin-top: -0.5em;
  }
  
  .p-virmodel-foot01 .right{
    width: 30%;
    max-width: 394px;
  }
  
  .p-virmodel-foot01 .right dl {
    border-bottom: 1px solid #dddbdb;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
    letter-spacing: 0.5em;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;
  }
  
  .p-virmodel-foot01 .right dl:last-child{
    border-bottom: 0;
  }
  
  .p-virmodel-foot01 .right dl dd span{
    font-size: 0.8em;
    letter-spacing:0.2em;
  }
  
  .p-virmodel-foot02{
    display: flex;
    justify-content: space-between;
  }

  .p-virmodel-foot02 .left{
    width: 65%;
  }
  
  .p-virmodel-foot02 .left dl{
    font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
    letter-spacing: 0.3em;
    display: flex;
    align-items: baseline;
  }
  
  .p-virmodel-foot02 .left dt{
    font-size: 14px;
    width: 70px;
  }
  
  .p-virmodel-foot02 .left dd {
      font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px));
      letter-spacing: 0.3em;
  }

  .p-virmodel-foot02 .right {
    width: 35%;
    text-align: right;
  }

  .p-virmodel-foot02 .right p{
    font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px));
    letter-spacing: 0.3em;
  }
  
  .p-virmodel-foot02 .right p span.sp01{
    font-size: 14px;
    padding-right: 3em;
  }
  
  .p-virmodel-foot02 .right p span.sp02{
    font-size: 0.59em;
    letter-spacing: 0.2em;
  }
}

/* --------------------------------------------------------------------------
   VIRモデル【トップページ】 2023/04/22
-------------------------------------------------------------------------- */

.cus_virtopyou .button{
  margin: 0 auto;
  margin-top:clamp(calc(20 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px));
  margin-bottom: 0;
}

.cus-landlife .eng{
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}

/* トップページ用 */

.p-virmodel-spfoot-top .box01{
  border-bottom: 1px solid #dddbdb;
}

.p-virmodel-spfoot-top .box01 h3{
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px));
  margin-bottom: 0;
  text-align: left;
}

.p-virmodel-spfoot-top .box01 h3 br{
    display: none;
}

.p-virmodel-spfoot-top .box01 small{
  text-align: left;
  color: #c6a676;
  font-size: 10px;
  margin: 0;
  margin-top: -0.5em;
  margin-bottom: 2em;
}

.p-virmodel-spfoot-top .box01 dl{
  display: grid;
  grid-template-columns: 0.2fr 1fr;
  gap: 3%;
  align-items:baseline;
}

.p-virmodel-spfoot-top .box01 dl dt{
  font-size: 14px;
}

.p-virmodel-spfoot-top .box01 dl dd{
  font-size: clamp(calc(16 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
  letter-spacing: 0.em;
}

.p-virmodel-spfoot-top .button{
  display: flex;
  justify-content: right;
  margin-top: clamp(calc(10 * 1px), calc((100 / 1920) * 50 * 1vw), calc(50 * 1px)) !important;
}

.p-virmodel-spfoot-top .button a{
  margin: 0;
  max-width: 120px;
  font-size: 13px;
}

.cus-landlife .eng::before{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: "";
  height: 5px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#f8e7fd), to(#ffc9a8));
  background: linear-gradient(to right, #f8e7fd 0%, #ffc9a8 100%);
  z-index: -1;
}

.p-virmodel-foot01-top{
  display: none;
}

.p-virmodel-foot02-top{
  display: none;
}

.p-virmodel-list-single .movie-area{
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
}

.p-virmodel-list-single .ytube-list{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.p-virmodel-list-single .ytube-list iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 992px){
  .cus_virtopyou {
    margin-bottom: 180px;
  }

  .cus-landlife{
    width: 85%;
      margin: 0 auto;
  }

  .p-virmodel-spfoot-top{
    display: none;
  }

  .p-virmodel-foot01-top{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dddbdb;
    padding-bottom: 1em;
  }

  .p-virmodel-foot01-top .left h3{
    font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 26 * 1vw), calc(26 * 1px));
    margin-bottom: 0;
    text-align: left;
  }

  .p-virmodel-foot01-top .left h3 br{
    display:none;
  }

  .p-virmodel-foot01-top .left small{
    text-align: left;
    color: #c6a676;
    font-size: 10px;
    margin: 0;
    margin-top: -0.5em;
  }

  .p-virmodel-foot01-top .right{
    display: flex;
    justify-content: flex-start;
    gap: 2em;
    align-items: center;
  }

  .p-virmodel-foot01-top .right dt {
    font-size: 13px;
  }

  .p-virmodel-foot01-top .right dd {
    font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 20 * 1vw), calc(20 * 1px));
    letter-spacing: 0.3em;
  }
  
  .p-virmodel-foot02-top{
    display: block;
  }

  .p-virmodel-foot02-top .button{
    display: flex;
    justify-content: right;
    margin-top:1em;
  }

  .p-virmodel-foot02-top .button a{
    margin: 0;
  }

  @media screen and (min-width: 992px){
    .p-virmodel-list-single .movie-area{
      width: 52%;
    }
  }
  

}


/* --------------------------------------------------------------------------
   VIRモデル【一覧ページ】 2023/06/05
-------------------------------------------------------------------------- */


.p-virmodel-list-single .movie-area{
  width: 100%;
  margin: 0 auto;
  display: block;
  position: relative;
}

.p-virmodel-list-single .ytube-list{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.p-virmodel-list-single .ytube-list iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 992px){
  .p-virmodel-list-single .movie-area{
    width: 52%;
  }
}


/* --------------------------------------------------------------------------
   ページナビゲーション 2023/06/03
-------------------------------------------------------------------------- */

.wp-pagenavi a, .wp-pagenavi span {
  border: none !important;
  margin-left: calc(var(--spacer) * 1.5) !important;
  margin-right: calc(var(--spacer) * 1.5) !important;
  padding: 0 !important;
}

@media screen and (min-width: 992px){
  .wp-pagenavi a, .wp-pagenavi span {
    margin-left: calc(var(--spacer) * 2.5) !important;
    margin-right: calc(var(--spacer) * 2.5) !important;
  }
}


/* --------------------------------------------------------------------------
   イベント情報 2023/09/26
-------------------------------------------------------------------------- */
.p-event-cat-w{
  grid-column-gap: 8px;
  border: 1px solid #e8e8e8;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  padding: 0.5em 0.3em 0 1em;
  margin-top: calc(50 * 1px);
  margin-bottom: calc(50 * 1px);
}

.p-event-cat-w .area-b .event-nav{
  display: flex;
  justify-content: space-around;
  width: 100%;
}

.p-event-cat-w .area-b .event-nav li:nth-child(4){
  margin: 0;
}

.p-event-cat-w .area-b .event-nav li:nth-child(5){
  display: none;
}


.p-event-cat-w .area-a .event-nav li a,
.p-event-cat-w .area-b .event-nav li a{
  font-size: clamp(calc(11 * 1px), calc((100 / 992) * 15 * 1vw), calc(15 * 1px));
}

.p-event-cat-w .area-a .event-nav li.current a,
.p-event-cat-w .area-b .event-nav li.current a{
  padding-bottom: 0.5em;
  border-bottom: 2px solid #ff944b;
}

.p-event-cat-w .all:after {
  display: none;
}

.p-event-list div:nth-child(1){
  border-top: 0;
}

.p-event-list .area-a {
  display: flex;
  justify-content: space-between;
}

.p-event-list .area-a .left .term-name{
  letter-spacing: 0.3em;
  font-size: clamp(calc(18 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
  color: #eaa973;
}

.p-event-list .area-a .left .sub{
  font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  color: #b0b0b0;
  letter-spacing: 0;
}

.p-event-list .area-a .date{
  display: flex;
  justify-content: end;
}

.p-event-list .area-a .pcsub{
  display: none;
}

.p-event-list .area-a .date .day{
  font-size: clamp(calc(20 * 1px), calc((100 / 1920) * 32 * 1vw), calc(32 * 1px));
  color: #716f6f;
  line-height: 1.5;
}

.p-event-list .area-b{
  margin-top: -1em;
  margin-bottom: -1em;
}

.p-event-list .area-b .heading {
  font-size: clamp(calc(15 * 1px), calc((100 / 1920) * 28 * 1vw), calc(28 * 1px));
  color: #716f6f;
  margin-bottom: 0;
}

.p-event-list .area-b .excerpt {
  display: none;
}

.p-event-list .area-b .detailb {
  display: none;
}

.p-event-list .area-b .detaili a{
  line-height: calc(13 / 13);
  font-size: clamp(calc(11 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
  color:#514c4c;
}

.p-event-list .detaili{
  margin-top: 1em;
  margin-bottom: -2em;
}

.p-event-list .detaili a{
  display: flex;
  align-items: center;
  justify-content: right;
  color: #514c4c;
  letter-spacing: 1;
  font-size: clamp(calc(13 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
}

.p-event-list .detaili a img{
  width: 23px;
  padding-right: 10px;
}

.p-event-list .border {
  padding-bottom: 0 !important;
}

.c-width-n img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.p-event-list .c-image-n img{
  padding-top: 2vw;
  padding-bottom: 2vw;
}

@media screen and (min-width: 992px){
  .p-event-cat-w{
    border: none;
    margin: 0 auto;
    width: 100%;
    margin-top: calc(50 * 1px);
  }

  .p-event-cat-w .area-b .event-nav li:nth-child(5){
    display: block;
  }

  .p-event-list .area-b .excerpt {
    display: block;
  }
  
  .p-event-list .area-b .detailb {
    display: block;
    margin-top: -2em;
  }

  .p-event-list .area-a .left .sub{
    display: none;
  }

  .p-event-list .area-a .pcsub{
    display: block;
    font-size: clamp(calc(10 * 1px), calc((100 / 1920) * 13 * 1vw), calc(13 * 1px));
    color: #b0b0b0;
    letter-spacing: 0;
    position: absolute;
    bottom: 0;
  }

  .p-event-list .detaili{
    display: none;
  }

  .p-event-list .area-a{
    display: block;
    position: relative;
  }

  .p-event-list .area-a .date {
    display: flex;
    justify-content: left;
    position: absolute;
    bottom: 21px;
  }

  .p-event-list .area-b {
    margin-top:0;
    margin-bottom:0;
  }

  .p-event-list > div:nth-child(1){
    border-top: 1px solid #ccc;
  }

  .p-event-list .area-b .heading {
    margin-bottom: 1em;
  }

  .p-event-list .border {
    padding-bottom: clamp(calc(20 * 1px), calc((50 * 100) / 1920 * 1vw), calc(50 * 1px)) !important;
  }

  .p-event-single-main .image{
    padding-top: clamp(calc(20 * 1px), calc((60 * 100) / 1920 * 1vw), calc(60 * 1px));
  }

  .p-event-single-main .image .c-image-n{
    width: 95%;
    margin: 0 auto;
  }

  .p-event-list .c-image-n img{
    padding-top:0;
    padding-bottom:0;
  }
}

/* --------------------------------------------------------------------------
   イベント＆ニューススライダー
-------------------------------------------------------------------------- */
.event_splide {
  margin-top: 5vw;
}
.event_splide .splide__slide {
  height: 37vw !important;
  position: relative;
  width: 32.71vw !important;
}
.event_splide .splide__slide::after {
  background: #FAFAFA;
  content: "";
  height: 18.0vw;
  left: 0;
  position: absolute;
  top: 2.08vw;
  width: 32.71vw;
  z-index: -1;
}
.event_splide .splide__slide .side_text {
  color: #484848;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  font-size: 0.7734vw;
  left: -3.8vw;
  letter-spacing: 0.25em;
  position: absolute;
  top: 4.2vw;
  transform: rotate(-90deg);
}
.event_splide .splide__slide .side_text span {
  color: #969595;
  font-size: 0.75vw;
  letter-spacing: 0;
  padding-left: 0.677vw;
}
.event_splide .splide__slide .cate {
  color: #a38b77;
  font-size: 2.08vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  height: 2.08vw;
  line-height: 2.08vw;
  left: 2.604vw;
  position: absolute;
  top: 0;
  z-index: 1;
}
.event_splide .splide__slide .images {
  height: 17.5vw;
  left: 1.72vw;
  position: absolute;
  top: 1.04vw;
  width: 29.27vw;
  z-index: 0;
}
.event_splide .splide__slide .images img {
  object-fit: cover;
  height: 17.5vw;
  width: 29.27vw;
  z-index: 0;
}
.event_splide .splide__slide .year {
  color: #6b6666;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-size: 0.6667vw;
  font-weight: 400;
  right: 1.2vw;
  letter-spacing: 0.2em;
  position: absolute;
  top: 19.6vw;
  transform: rotate(90deg);
}
.event_splide .splide__slide .text_box {
  margin-left: 3.646vw;
  margin-top: 23.2vw;
  position: relative;
}
.event_splide .splide__slide .text_box::after {
  background: url(../image/feather.png) 0 0 no-repeat;
  background-size: 13.854vw auto;
  content: "";
  height: 4.323vw;
  left: calc(-3.646vw - 40px);
  position: absolute;
  top: -3.1vw;
  width: 13.854vw;
}
.event_splide .splide__slide .text_box .ev_title {
  color: #484848;
  font-size: 1.166vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.2em;
  line-height: 1.4;
}
.event_splide .splide__slide .text_box .ev_address {
  color: #6b6666;
  font-size: 0.5vw;
  font-family: 'Cormorant Garamond', serif;
  font-feature-settings: "palt"1;
  font-weight: 400;
  letter-spacing: 0.2em;
  margin-top: 0.5vw;
}
.event_splide .splide__slide .text_box .ev_day {
  color: #484848;
  font-size: 0.89vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.2em;
  line-height: 1.6;
}
.event_splide .splide__slide .text_box .ev_day span span {
  font-size: 1.76vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0;
  vertical-align: 0.25vw;
}
.event_splide .splide__slide .text_box .ev_day .ev-end .ev-m {
  position: relative;
}
.event_splide .splide__slide .text_box .ev_day .ev-end .ev-m::before {
  content: "~";
  font-size: 1.76vw;
  font-family: PerpetuaProRoman, serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0;
  display: inline-block;
  vertical-align: -0.15vw;
}
.event_splide .splide__slide .text_box .ev_sub_title {
  color: #696767;
  font-size: 0.958vw;
  font-feature-settings: "palt"1;
  letter-spacing: 0.1em;
  margin-top: 1.0vw;
}
.event_splide .splide__track::after{
  background: url(../image/line_event.png) 0 0 no-repeat;
  background-size: 78.59375vw auto;
  bottom: 0;
  content: "";
  height: 3px;
  left: calc(50% - 39.296875vw);
  position: absolute;
  width: 78.59375vw;
}
.event_splide .splide__pagination {
  position: relative !important;
  font-family: DINAlternate, "DINAlternate", Perpetua, "Perpetua", YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.event_splide .splide__pagination {
  counter-reset: pagination-num;
  margin: 5.5vw auto 0 auto;
}
.event_splide .splide__pagination .splide__pagination__page {
  background: #CAC8C9;
  border-radius: 0;
  font-family: DINAlternate, "DINAlternate", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  height: 2px;
  margin: 0;
  opacity: 1.0;
  position: relative;
  width: 0.8333vw;
}
.event_splide .splide__pagination .splide__pagination__page::after {
  color: #292929;
  content: counter(pagination-num);
  counter-increment: pagination-num;
  font-family: DINAlternate, "DINAlternate", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
  font-weight: 400;
  font-size: 1.04167vw;
  height: 0;
  position: absolute;
  overflow: hidden;
  top: -0.4em;
  width: 0.8333vw;
}
.event_splide .splide__pagination li:first-child .splide__pagination__page::after {
  height: 1.0em;
  left: -1.5em;
  line-height: 1.0em;
}
.event_splide .splide__pagination li:last-child .splide__pagination__page::after {
  height: 1.0em;
  line-height: 1.0em;
  right: -1.5em;
}
.event_splide .splide__pagination .splide__pagination__page.is-active {
  background: #070707;
  transform: none;
}
.event_splide .splide__arrows .splide__arrow {
  bottom: -0.75vw;
  height: 1.40625vw;
  top: auto;
  width: 0.67708vw;
}
.event_splide .splide__arrows .splide__arrow svg {
  display: none;
}
.event_splide .splide__arrows .splide__arrow.splide__arrow--prev {
  background: url("../image/arrow_prev.png") 50% 50% no-repeat;
  background-size: 0.67708vw 1.40625vw;
  left: calc(50% - 6.97708vw);
}
.event_splide .splide__arrows .splide__arrow.splide__arrow--next {
  background: url("../image/arrow_next.png") 50% 50% no-repeat;
  background-size: 0.67708vw 1.40625vw;
  right: calc(50% - 6.97708vw);
}
@media screen and (max-width:992px) {
  .event_splide .splide__slide {
    height: 80vw !important;
    width: 68vw !important;
  }
  .event_splide .splide__slide::after {
    height: 36.9vw;
    top: 5.0vw;
    width: 68vw;
  }
  .event_splide .splide__slide .side_text {
    font-size: 1.5vw;
    left: -8.0vw;
    top: 10.5vw;
  }
  .event_splide .splide__slide .side_text span {
    font-size: 1.2vw;
    padding-left: 2.0vw;
  }
  .event_splide .splide__slide .cate {
    font-size: 4.0vw;
    height: 4.0vw;
    line-height: 4.0vw;
    left: 5vw;
  }
  .event_splide .splide__slide .images {
    height: 36.3vw;
    left: 3.45vw;
    top: 2.0vw;
    width: 61.1vw;
  }
  .event_splide .splide__slide .images img {
    height: 36.3vw;
    width: 61.1vw;
  }
  .event_splide .splide__slide .year {
    font-size: 2.0vw;
    right: 1.5vw;
    top: 40.4vw;
  }
  .event_splide .splide__slide .text_box {
    margin-left: 8vw;
    margin-top: 48vw;
  }
  .event_splide .splide__slide .text_box::after {
    background-size: 33vw auto;
    height: 10.3vw;
    left: calc(-8vw - 20px);
    top: -6.0vw;
    width: 33vw;
  }
  .event_splide .splide__slide .text_box .ev_title {
    font-size: 3vw;
  }
  .event_splide .splide__slide .text_box .ev_address {
    font-size: 2.0vw;
    margin-bottom: 1.5vw;
    margin-top: 1.0vw;
  }
  .event_splide .splide__slide .text_box .ev_day {
    font-size: 2.0vw;
  }
  .event_splide .splide__slide .text_box .ev_day span span {
    font-size: 3.5vw;
    vertical-align: 0.25vw;
  }
  .event_splide .splide__slide .text_box .ev_day .ev-end::before {
    font-size: 3.5vw;
    vertical-align: 0.25vw;
  }
  .event_splide .splide__slide .text_box .ev_sub_title {
    font-size: 2.5vw;
    margin-top: 3.0vw;
  }
  .event_splide .splide__pagination {
    margin: 10vw auto 0 auto;
  }
  .event_splide .splide__pagination .splide__pagination__page {
    width: 16px;
  }
  .event_splide .splide__pagination .splide__pagination__page::after {
    font-size: 1.0em;
    width: 16px;
  }
  .event_splide .splide__arrows .splide__arrow {
    bottom: -1.4vw;
    height: 17px;
    width: 8px;
  }
  .event_splide .splide__arrows .splide__arrow.splide__arrow--prev {
    background-size: 8px 17px;
    left: calc(50% - 85px);
  }
  .event_splide .splide__arrows .splide__arrow.splide__arrow--next {
    background-size: 8px 17px;
    right: calc(50% - 85px);
  }
}