@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Hina+Mincho&display=swap");
/* Mixins */
.color1 {
  color: #454545 !important; }

.color2 {
  color: #AD8B63 !important; }

.color3 {
  color: #331C03 !important; }

.color4 {
  color: #F5F0E5 !important; }

.color5 {
  color: #45311a !important; }

.color6 {
  color: #77644E !important; }

.colorw {
  color: #FFFFFF !important; }

html {
  font-size: 10px; }
  @media (max-width: 1440px) and (min-width: 961px) {
    html {
      font-size: 0.694444vw;
      font-size: 0.58vw; } }
  @media (max-width: 960px) and (min-width: 768px) {
    html {
      font-size: 1.30208vw; } }
  @media (max-width: 767px) {
    html {
      font-size: 2.66667vw; } }

*,
:after,
:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

body {
  font-size: 1.8rem;
  letter-spacing: 0;
  line-height: 175%;
  font-weight: 400;
  font-family: "Hina Mincho", serif; }

.anchor_fixtop {
  display: block;
  position: relative;
  top: -8.5rem;
  width: 100%;
  visibility: hidden; }
  @media (max-width: 960px) {
    .anchor_fixtop {
      top: -8rem; } }

.grid-1200 {
  max-width: 123rem; }

p {
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0;
  color: #454545; }

p.has-text-align-center {
  text-align: center; }

#page_top {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 8.8rem;
  height: 8.8rem;
  opacity: 0;
  background: #AD8B63 url(assets/img/page-top.svg) no-repeat center;
  background-size: 2.1rem;
  border: 0;
  cursor: pointer;
  outline: none;
  z-index: 50; }
  #page_top.show {
    opacity: 1; }
    #page_top.show:hover {
      opacity: 0.8; }
  @media (max-width: 960px) {
    #page_top {
      right: 1.5rem;
      bottom: 6.2rem;
      width: 5rem;
      height: 5rem;
      position: fixed; }
      #page_top.fixed {
        bottom: 14rem; } }

.wow_custom {
  opacity: 0;
  -webkit-transform: translate(0, 35px);
  transform: translate(0, 35px);
  transition: all 0.5s ease; }
  .wow_custom.show {
    opacity: 1;
    -webkit-transform: none;
    transform: none; }
    .wow_custom.show.wow_vz_02 {
      animation: fade_in_0 500ms 500ms linear;
      animation-fill-mode: forwards; }
    .wow_custom.show.wow_vz_03 {
      animation: fade_in_0 500ms 1000ms linear;
      animation-fill-mode: forwards; }
    .wow_custom.show.wow_vz_04 {
      animation: fade_in_0 500ms 1500ms linear;
      animation-fill-mode: forwards; }
    .wow_custom.show.wow_vz_05 {
      animation: fade_in_0 500ms 2000ms linear;
      animation-fill-mode: forwards; }

@keyframes fade_in_0 {
  0% {
    opacity: 0;
    transform: translate3d(0, 35px, 0); }
  100% {
    opacity: 1;
    transform: translateZ(0); } }
@keyframes fade_in_1 {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fade_in {
  0% {
    opacity: 0;
    position: relative;
    top: 100px; }
  100% {
    position: relative;
    top: 0px;
    opacity: 1; } }
@keyframes fade_left {
  0% {
    opacity: 0;
    transform: translate3d(-100px, 0, 0); }
  100% {
    opacity: 1;
    transform: translateZ(0); } }
@keyframes fade_right {
  0% {
    opacity: 0;
    transform: translate3d(100px, 0, 0); }
  100% {
    opacity: 1;
    transform: translateZ(0); } }
.fade-left.show {
  animation: fade_left 300ms 200ms ease-in-out;
  animation-fill-mode: forwards; }

.fade-right.show {
  animation: fade_right 300ms 200ms ease-in-out;
  animation-fill-mode: forwards; }

[data-animation="fade-in"].show {
  animation: fade_in_1 500ms 1s ease-in-out;
  animation-fill-mode: forwards; }

.wow_custom_no {
  opacity: 0;
  position: relative;
  z-index: 1; }

@media (max-width: 1280px) and (min-width: 960.5px) {
  body,
  p {
    font-size: 2rem; } }
@media (max-width: 960px) {
  body,
  p {
    font-size: 1.5rem; }

  p {
    line-height: 155%;
    text-align: justify;
    font-size: 1.4rem; } }
body.admin-bar .header {
  top: 32px; }

@media screen and (max-width: 782px) {
  body.admin-bar .header {
    top: 46px; } }
@media print {
  #wpadminbar {
    display: none; } }
:root {
  --wp--preset--color--black: #000000;
  --wp--preset--color--cyan-bluish-gray: #abb8c3;
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--pale-pink: #f78da7;
  --wp--preset--color--vivid-red: #cf2e2e;
  --wp--preset--color--luminous-vivid-orange: #ff6900;
  --wp--preset--color--luminous-vivid-amber: #fcb900;
  --wp--preset--color--light-green-cyan: #7bdcb5;
  --wp--preset--color--vivid-green-cyan: #00d084;
  --wp--preset--color--pale-cyan-blue: #8ed1fc;
  --wp--preset--color--vivid-cyan-blue: #0693e3;
  --wp--preset--color--vivid-purple: #9b51e0; }

.d-block {
  display: block; }

.d-inline {
  display: inline; }

.d-inline-block {
  display: inline-block; }

.d-flex {
  display: flex; }

.d-inline-flex {
  display: inline-flex; }

.d-grid {
  display: grid; }

.d-inline-grid {
  display: inline-grid; }

.d-none {
  display: none; }

.justify-start {
  justify-content: flex-start; }

.justify-center {
  justify-content: center; }

.justify-end {
  justify-content: flex-end; }

.justify-between {
  justify-content: space-between; }

.justify-around {
  justify-content: space-around; }

.items-start {
  align-items: flex-start; }

.items-center {
  align-items: center; }

.items-end {
  align-items: flex-end; }

.items-stretch {
  align-items: stretch; }

.flex-row {
  flex-direction: row !important; }

.flex-row-reverse {
  flex-direction: row-reverse !important; }

.flex-col {
  flex-direction: column !important; }

.flex-col-reverse {
  flex-direction: column-reverse !important; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.overflow-visible {
  overflow: visible; }

.overflow-hidden {
  overflow: hidden; }

.overflow-scroll {
  overflow: scroll; }

.overflow-auto {
  overflow: auto; }

.text-uppercase {
  text-transform: uppercase; }

.text-lowercase {
  text-transform: lowercase; }

.text-nowrap {
  white-space: nowrap; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

img {
  display: block;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border-style: none;
  object-fit: cover; }

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

li {
  line-height: 1.6;
  margin: 0;
  padding: 0; }

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease; }

.hv-o {
  transition: ease all 0.5s; }
  .hv-o:hover {
    opacity: 0.8; }

[class^="grid-"],
[class*="grid-"] {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem; }

a[href^="tel:"] {
  cursor: pointer; }

.no_scroll {
  overflow: hidden; }

.flex-wrap {
  flex-wrap: wrap; }

.u-sp {
  display: none; }

@media (max-width: 960px) {
  .u-pc {
    display: none; }

  .u-sp {
    display: block; } }
.grits_meta_h1 {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  pointer-events: none; }

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 60;
  padding: 2.8rem 3.2rem;
  border-bottom: 0.5px solid #FFFFFF;
  transition: all 0.35s; }
  .header::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #331C03 0%, rgba(51, 28, 3, 0) 100%); }
  .header.active {
    background: #fff; }
    @media (min-width: 960.5px) {
      .header.active {
        padding: 1.8rem 2rem; } }
    .header.active .header-gp-box:first-child {
      box-shadow: none; }
  .header-gp {
    position: relative;
    z-index: 1; }
    .header-gp .logo {
      margin-right: 3.9rem; }
      .header-gp .logo img {
        width: 14rem; }
    .header-gp-box:first-child {
      position: relative;
      z-index: 0;
      top: 0; }
    .header-gp .btn-location {
      padding-right: 3rem;
      color: #FFFFFF;
      position: relative; }
      .header-gp .btn-location::before {
        content: "";
        position: absolute;
        width: 2rem;
        height: 1.6rem;
        position: unset;
        display: inline-block;
        background: url(assets/img/icon_location.svg) no-repeat center/contain; }
  .header-btn {
    position: relative; }
    .header-btn::after {
      content: "";
      position: absolute;
      width: 2.8rem;
      height: 2.8rem;
      bottom: 1.4rem;
      left: 1.8rem; }
    .header-btn a {
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      width: 27.1rem;
      height: 8.1rem;
      position: relative; }
      .header-btn a::before {
        content: "";
        position: absolute;
        width: 1.7rem;
        height: 1.7rem;
        bottom: .7rem;
        right: .7rem;
        background: #F5F0E5;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        transition: all 0.35s; }
    .header-btn.vz-contact::after {
      background: url(assets/img/icon_contact.svg) no-repeat center/contain; }
    .header-btn.vz-contact a {
      width: 18.1rem;
      background: #AD8B63;
      gap: 1rem; }
      .header-btn.vz-contact a::before {
        background: #fff; }
      .header-btn.vz-contact a:hover {
        background: #331C03; }
        .header-btn.vz-contact a:hover::before {
          color: #AD8B63; }
      .header-btn.vz-contact a span {
        text-align: center;
        color: #FFFFFF;
        font-size: 2.5rem;
        font-weight: 400;
        line-height: 103%;
        letter-spacing: 0; }
        .header-btn.vz-contact a span:first-child {
          font-size: 1.8rem; }
        .header-btn.vz-contact a span:last-child {
          font-family: "Cinzel", serif;
          padding-left: 2.5rem; }
    .header-btn.vz-tel::after {
      width: 1.9rem;
      height: 1.9rem;
      background: url(assets/img/icon_phone.svg) no-repeat center/contain; }
    .header-btn.vz-tel a {
      background: #77644E url(assets/img/bg__btn-phone.png) no-repeat center/cover;
      color: #FFFFFF;
      font-size: 3rem;
      font-weight: 400;
      line-height: 103%;
      letter-spacing: 0;
      font-family: "Cinzel", serif; }
      .header-btn.vz-tel a::before {
        background: transparent; }
      .header-btn.vz-tel a span {
        font-size: 1.8rem; }
  .header-menu {
    position: absolute;
    top: 100%;
    right: -59rem;
    background: #FFFFFF;
    border-radius: 0 0 1rem 1rem;
    transition: all 0.35s; }
    @media (min-width: 960.5px) {
      .header-menu-item {
        padding: 0 6rem;
        overflow-y: auto;
        height: calc(100vh - 12rem); } }
    .header-menu li a {
      border-bottom: rgba(0, 0, 0, 0.3) solid 1px;
      display: block;
      color: #1B1B1B;
      font-size: 1.8rem;
      font-weight: 400;
      line-height: 175%;
      letter-spacing: 0;
      position: relative;
      padding: 1.8rem 0 1.8rem 3rem;
      min-width: 41.3rem;
      transition: all 0.35s; }
      .header-menu li a::before {
        content: "";
        position: absolute;
        width: 1.1rem;
        height: 1.1rem;
        top: 3rem;
        left: 0;
        border-radius: 50%;
        background: #AD8B63; }
      .header-menu li a:hover {
        color: #AD8B63; }
    .header-menu li:nth-child(2n) a::before {
      background: #331C03; }
    .header-menu li:last-child a {
      border-bottom: 0; }
    .header-menu.active {
      right: 0; }
  .header.active .header-gp-box:first-child {
    top: 0; }
    .header.active .header-gp-box:first-child::before {
      top: 0;
      height: 100%; }

.btn-recruit * {
  color: #FFFFFF; }
.btn-recruit span {
  display: block; }
  .btn-recruit span:first-child {
    font-size: 2.5rem; }
  .btn-recruit span:last-child {
    font-size: 1.8rem;
    margin-top: 0.2rem; }

.nav-menu {
  display: flex;
  position: relative;
  bottom: 0;
  right: 0;
  background: #331C03;
  width: 8.1rem;
  height: 8.1rem;
  z-index: 10; }
  .nav-menu-item {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2.2rem 2.5rem;
    cursor: pointer; }
    .nav-menu-item span {
      background: #AD8B63;
      display: block;
      height: 2px;
      border-radius: 2px;
      transition: transform 0.3s;
      width: 100%;
      transform-origin: center;
      position: relative; }
    .nav-menu-item.active span:first-child {
      transform: rotate(45deg);
      margin-bottom: 0;
      top: 0.9rem;
      width: 100%; }
    .nav-menu-item.active span:nth-child(2) {
      display: none; }
    .nav-menu-item.active span:nth-child(3) {
      transform: rotate(135deg);
      top: -1rem;
      width: 100%; }

.no_scroll {
  overflow: hidden; }

@media (max-width: 1440px) and (min-width: 960.5px) {
  .header-menu.active {
    right: 0; } }
@media (max-width: 960px) {
  header {
    height: 8.1rem; }
    header .header-gp .logo img {
      width: 10rem; }

  .header {
    padding: 0;
    background: #fff; }
    .header-gp {
      line-height: 100%; }
      .header-gp-box:first-child {
        align-items: center;
        top: 0;
        box-shadow: none;
        padding-left: 1.5rem;
        padding-top: 1rem;
        padding-bottom: 1rem; }
      .header-gp-item:first-child {
        display: none; }
      .header-gp .logo {
        margin-right: 0;
        display: inline-block; }
    .header-menu {
      right: -100%;
      width: 100%;
      padding: 0 1.5rem 15rem;
      height: calc(100vh - 7.2rem);
      border-radius: 0;
      overflow: scroll; }
      .header-menu li a {
        font-size: 1.5rem;
        padding: 1.5rem 0 1.2rem 2rem; }
        .header-menu li a::before {
          top: 2.1rem; }
      .header-menu.active {
        right: 0; } }
.foo_maps {
  position: relative;
  overflow: hidden; }
  .foo_maps * {
    width: 100%; }
  .foo_maps iframe {
    width: 100%;
    height: 59.6rem;
    border: 0;
    vertical-align: top; }

.footer-link-fix a .logo {
  display: none !important; }

.menu_right--fix {
  position: fixed;
  top: auto;
  bottom: 0;
  right: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  z-index: 15; }
  @media (min-width: 960.5px) {
    .menu_right--fix {
      display: none; } }
  .menu_right--fix li {
    width: calc(100% / 3);
    margin: 0 !important; }
    .menu_right--fix li a {
      width: 100%;
      height: 6rem;
      display: flex;
      flex-flow: column;
      align-items: center;
      justify-content: center;
      padding: 2rem 0;
      position: relative; }
      .menu_right--fix li a::before {
        content: '';
        position: absolute;
        top: 1rem;
        left: 50%;
        transform: translateX(-50%); }
      .menu_right--fix li a span {
        font-size: 1.3rem;
        color: #FFFFFF;
        margin-bottom: -2rem;
        padding-top: .5rem; }
      .menu_right--fix li a.vz-01 {
        background: #331C03; }
        .menu_right--fix li a.vz-01::before {
          width: 3rem;
          height: 2rem;
          background: url(assets/img/icon_contact.svg) no-repeat center/contain; }
      .menu_right--fix li a.vz-02 {
        background: #45311a; }
        .menu_right--fix li a.vz-02::before {
          height: 2rem;
          width: 2.4rem;
          background: #FFFFFF;
          -webkit-mask: url(assets/img/icon_phone.svg) no-repeat center/contain;
          mask: url(assets/img/icon_phone.svg) no-repeat center/contain; }
      .menu_right--fix li a.vz-03 {
        background: #AD8B63; }
        .menu_right--fix li a.vz-03::before {
          height: 2.2rem;
          width: 2.6rem;
          -webkit-mask: url(assets/img/icon-pc.svg) center/100% no-repeat;
          mask: url(assets/img/icon-pc.svg) center/100% no-repeat;
          background: #FFFFFF; }

.footer-link-fix {
  position: fixed;
  right: 7rem;
  bottom: 8.7rem;
  z-index: 10; }
  .footer-link-fix .close {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    background: #F5F0E5;
    position: absolute;
    top: -1.4rem;
    right: -1rem;
    cursor: pointer;
    z-index: 1; }
    .footer-link-fix .close::before {
      content: "";
      position: absolute;
      width: 1.4rem;
      height: 1.4rem;
      -webkit-mask: url(assets/img/icon-close.svg) center/100% no-repeat;
      mask: url(assets/img/icon-close.svg) center/100% no-repeat;
      background: #454545;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .footer-link-fix a {
    display: flex;
    text-align: center;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    width: 30rem;
    height: 10rem;
    text-align: center;
    position: relative;
    background: url(assets/img/banner.png) no-repeat center/contain; }
    .footer-link-fix a .title {
      display: block;
      padding: .2rem;
      color: #FFFFFF;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 165%;
      letter-spacing: 0.3rem; }
    .footer-link-fix a .logo {
      display: block;
      color: #FFFFFF;
      font-size: 1.6rem;
      font-weight: 500;
      line-height: 135%;
      letter-spacing: 0; }
    .footer-link-fix a img {
      width: 21rem;
      display: inline-block; }
  .footer-link-fix.active {
    display: none; }

.copyright {
  border-top: 1px solid #AD8B63;
  padding: 2.35rem 2rem;
  background: url(assets/img/bg__footer.png) no-repeat center/cover;
  gap: 2rem; }
  .copyright .logo {
    position: relative; }
    .copyright .logo::before {
      content: "";
      position: absolute;
      width: 1px;
      height: 100%;
      top: 0;
      right: -1.6rem;
      background-color: rgba(27, 27, 27, 0.49); }
  .copyright img {
    width: 18.9rem; }
  .copyright p {
    font-weight: 400;
    line-height: 150%;
    color: #FFFFFF; }

@media (max-width: 960px) {
  .footer-link-fix {
    display: none !important; }

  .foo_maps * {
    height: 25rem !important; }

  .copyright {
    padding: 2.5rem 1.5rem;
    margin-bottom: 6rem;
    flex-direction: column; }
    .copyright .logo::before {
      content: "";
      position: absolute;
      width: 10rem;
      height: 1px;
      top: inherit;
      left: 50%;
      bottom: -1.6rem;
      right: inherit;
      transform: translateX(-50%); }
    .copyright p {
      font-size: 1.4rem; }

  .footer-link-fix {
    right: 7rem;
    bottom: 4.2rem; }
    .footer-link-fix a {
      width: 22rem; }
      .footer-link-fix a .title {
        font-size: 1.5rem; }
      .footer-link-fix a img {
        width: 17rem; } }
.os-main {
  position: relative;
  overflow: hidden; }

.title-default-01 {
  position: relative;
  padding-top: 6.6rem;
  padding-bottom: 6rem; }
  .title-default-01--en {
    font-family: "Cinzel", serif;
    color: #F5F0E5;
    font-size: 10rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    text-align: center; }
  .title-default-01--ja {
    text-align: center;
    color: #FFFFFF;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 155%;
    letter-spacing: 0;
    font-family: "Hina Mincho", serif;
    position: relative; }
    .title-default-01--ja::before, .title-default-01--ja::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 0.5px;
      max-width: 49.7rem;
      background: #F5F0E5;
      position: relative;
      display: block;
      left: 50%;
      transform: translateX(-50%);
      z-index: 1; }
.title-default-02 {
  position: relative;
  margin-bottom: 3rem; }
  .title-default-02--en {
    font-family: "Cinzel", serif;
    color: rgba(69, 49, 26, 0.07);
    font-size: 21rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0; }
  .title-default-02--ja {
    color: #454545;
    font-size: 3rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    font-family: "Hina Mincho", serif; }
    @media (min-width: 960.5px) {
      .title-default-02--ja {
        position: absolute;
        bottom: 6rem;
        left: 50%;
        transform: translateX(-50%); } }
@media (max-width: 960px) {
  .title-default-01 {
    padding-top: 4.6rem;
    padding-bottom: 2rem; }
    .title-default-01--en {
      font-size: 3rem; }
    .title-default-01--ja {
      font-size: 1.8rem; }
      .title-default-01--ja::before, .title-default-01--ja::after {
        max-width: 23.5rem; }
  .title-default-02--en {
    font-size: 3rem;
    color: #45311a; }
  .title-default-02--ja {
    text-align: center;
    font-size: 1.6rem; } }

.grid-1075 {
  max-width: 110.5rem; }
.grid-1230 {
  max-width: 126rem; }
.grid-1235 {
  max-width: 125.5rem; }
.grid-1310 {
  max-width: 134rem; }
.grid-1325 {
  max-width: 135.5rem; }
.grid-1450 {
  max-width: 148rem; }
.grid-1490 {
  max-width: 152rem; }
.grid-1530 {
  max-width: 156rem; }
.grid-1705 {
  max-width: 173.5rem; }
.grid-1860 {
  max-width: 189rem; }
.grid-1735 {
  max-width: 176.5rem; }

.btn-default {
  margin-top: 2.7rem; }
  .btn-default a {
    width: 100%;
    max-width: 40rem;
    margin: 0 auto;
    padding: 2rem 1rem;
    background: #fff;
    color: #000;
    border: 1px solid #605F5D;
    transition: 0.3s;
    font-size: 1.6rem;
    min-height: 7rem;
    display: inline-grid;
    align-content: center;
    text-align: center;
    position: relative; }
    .btn-default a::after {
      content: "\f067";
      font-family: "Font Awesome 5 Free";
      position: absolute;
      right: 2rem;
      top: 50%;
      transform: translate(0%, -50%);
      font-weight: 600;
      font-size: clamp(1.3rem, 1.8vw, 1.8rem);
      color: #CAA100; }
    .btn-default a:hover {
      background: #CAA100;
      color: #fff;
      transition: 0.3s;
      border: 1px solid #CAA100; }
      .btn-default a:hover::after {
        color: #fff; }
  @media (max-width: 960px) {
    .btn-default a {
      min-height: auto;
      font-size: 1.5rem;
      padding: 1.2rem;
      margin-left: auto;
      margin-right: auto;
      display: flex; } }

/******************************************************
パーツ　TITTLE
******************************************************/
.top__title {
  position: relative; }
  .top__title:not(.vs-02) {
    border-top: 0.7rem solid #AD8B63;
    border-bottom: 0.7rem solid #AD8B63;
    background: url(assets/img/bg__title.png) no-repeat center/cover; }
  .top__title.vs-02 {
    background: url(assets/img/bg__title-02.png) no-repeat top center/cover;
    z-index: 6; }
    .top__title.vs-02 .title-default-01 {
      padding-bottom: 7rem; }
      @media (min-width: 960.5px) {
        .top__title.vs-02 .title-default-01 {
          padding-bottom: 10rem; } }
  .top__title-ja::before, .top__title-ja::after {
    background: #77644E; }
  .top__title:not(.vs-02)::before, .top__title:not(.vs-02)::after {
    content: "";
    position: absolute;
    width: 59.2rem;
    height: 100%;
    z-index: 1;
    top: 0; }
    @media (max-width: 960px) {
      .top__title:not(.vs-02)::before, .top__title:not(.vs-02)::after {
        width: 27rem; } }
  .top__title::after {
    right: 0;
    background: url(assets/img/bg__title-right.png) no-repeat top right/cover; }
  .top__title::before {
    left: 0;
    background: url(assets/img/bg__title-left.png) no-repeat top left/cover; }

/******************************************************
パーツ　CONTACT
******************************************************/
.top__contact {
  padding-top: 5.5rem;
  padding-bottom: 7rem;
  position: relative;
  overflow: hidden; }
  .top__contact--list {
    gap: 1.5rem; }
    @media (min-width: 960.5px) {
      .top__contact--list {
        gap: 3.38rem; } }
  .top__contact--btn {
    width: 100%; }
    @media (min-width: 960.5px) {
      .top__contact--btn {
        width: calc(50% - 1.69rem); } }
    .top__contact--btn-link {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      background: #77644E;
      position: relative;
      transition: all 0.35s;
      color: #FFFFFF;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 160%;
      letter-spacing: 0;
      height: 6.2rem; }
      .top__contact--btn-link::before {
        content: "";
        position: absolute;
        width: 2.867rem;
        height: 2.867rem;
        bottom: 1.2rem;
        right: 1.2rem;
        background: #F5F0E5;
        clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        transition: all 0.35s; }
        @media (max-width: 960px) {
          .top__contact--btn-link::before {
            width: 1.5rem;
            height: 1.5rem; } }
      .top__contact--btn-link:hover {
        background: #331C03;
        color: #FFFFFF; }
        .top__contact--btn-link:hover::before {
          background: #AD8B63; }
      @media (min-width: 960.5px) {
        .top__contact--btn-link {
          height: 8.6rem;
          font-size: 2.5rem; } }

/******************************************************
パーツ　reservation
******************************************************/
.top__reservation {
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative; }
  .top__reservation.vs-01 {
    background: url(assets/img/bg__reservation.png) no-repeat center/cover; }
  @media (min-width: 960.5px) {
    .top__reservation.vs-02 {
      z-index: 6;
      padding-bottom: 13rem; }
      .top__reservation.vs-02::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 1px;
        left: 0;
        z-index: -1;
        clip-path: shape(from 100% 0%, vline to 86.5%, hline to 61.83%, line to 53.15% 100%, line to 53.13% 100%, line to 53.12% 100%, line to 45.19% 86.5%, hline to 0%, vline to 0%, hline to 100%, close);
        background: #FFFFFF; }
      .top__reservation.vs-02::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        clip-path: shape(from 100% 0%, vline to 86.5%, hline to 61.83%, line to 53.15% 100%, line to 53.13% 100%, line to 53.12% 100%, line to 45.19% 86.5%, hline to 0%, vline to 0%, hline to 100%, close);
        background: url(assets/img/bg__reservation-02.png) no-repeat top center/cover; } }
    @media (min-width: 960.5px) and (max-width: 1780px) {
      .top__reservation.vs-02::after {
        background-size: 120%; } }

  @media (max-width: 960px) {
    .top__reservation.vs-02 {
      background: url(assets/img/bg__reservation.png) no-repeat center/cover; } }
  .top__reservation--list {
    gap: 1.5rem; }
    @media (min-width: 960.5px) {
      .top__reservation--list {
        gap: 4.5rem; } }
  .top__reservation--btn {
    width: 100%; }
    @media (min-width: 960.5px) {
      .top__reservation--btn {
        width: calc(50% - 2.25rem); } }
    .top__reservation--btn-link {
      display: flex;
      align-items: center;
      flex-direction: column;
      width: 100%;
      height: 9.5rem; }
      @media (min-width: 960.5px) {
        .top__reservation--btn-link {
          height: 13.5rem; } }
      .top__reservation--btn-link * {
        color: #FFFFFF; }
      .top__reservation--btn-link.phone {
        justify-content: flex-end;
        background: url(assets/img/bg__phone.png) no-repeat top left/cover; }
        .top__reservation--btn-link.phone span {
          display: block;
          width: 100%;
          text-align: center; }
          .top__reservation--btn-link.phone span.number {
            font-size: 3.5rem;
            line-height: 1;
            font-family: "Cinzel", serif; }
            @media (min-width: 960.5px) {
              .top__reservation--btn-link.phone span.number {
                font-size: 5.5rem; } }
          .top__reservation--btn-link.phone span:last-child {
            background: #AD8B63; }
      .top__reservation--btn-link.web {
        justify-content: center;
        background: #AD8B63;
        position: relative;
        transition: all 0.35s;
        color: #FFFFFF;
        font-size: 3.5rem;
        font-weight: 400;
        line-height: 90%;
        letter-spacing: 0; }
        .top__reservation--btn-link.web::before {
          content: "";
          position: absolute;
          width: 2.867rem;
          height: 2.867rem;
          bottom: 1.2rem;
          right: 1.2rem;
          background: #F5F0E5;
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          transition: all 0.35s; }
          @media (max-width: 960px) {
            .top__reservation--btn-link.web::before {
              width: 1.5rem;
              height: 1.5rem; } }
        @media (min-width: 960.5px) {
          .top__reservation--btn-link.web {
            font-size: 5.5rem; } }
        .top__reservation--btn-link.web span {
          position: relative; }
          .top__reservation--btn-link.web span:first-child {
            font-size: 1.8rem;
            margin-top: -2rem; }
          .top__reservation--btn-link.web span:last-child::before {
            content: "";
            position: absolute;
            width: 4.6rem;
            height: 5rem;
            top: 0.3rem;
            left: -5.5rem;
            background: url(assets/img/icon_contact.svg) no-repeat center/contain; }
            @media (max-width: 960px) {
              .top__reservation--btn-link.web span:last-child::before {
                top: 0;
                left: -4rem;
                width: 3.6rem;
                height: 4rem; } }
        .top__reservation--btn-link.web:hover {
          background: #331C03;
          color: #FFFFFF; }
          .top__reservation--btn-link.web:hover::before {
            background: #AD8B63; }

/******************************************************
パーツ　IMPLANT
******************************************************/
.top__implant {
  position: relative;
  overflow: hidden;
  padding-top: 7rem;
  padding-bottom: 7rem; }
  @media (min-width: 960.5px) {
    .top__implant {
      padding-top: 12.5rem;
      padding-bottom: 12.5rem; } }
  .top__implant::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, #AD8B63 0%, rgba(173, 139, 99, 0.3) 100%);
    opacity: 0.33; }
  .top__implant--item-title {
    color: #454545;
    font-size: 2rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0;
    border-bottom: 0.5px solid #77644E;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem; }
    @media (min-width: 960.5px) {
      .top__implant--item-title {
        padding-bottom: 2.5rem;
        margin-bottom: 4.5rem;
        font-size: 3rem; } }
  .top__implant--item-content {
    width: 100%;
    outline-offset: -1rem;
    outline: 0.5px solid #45311a;
    position: relative;
    background: url(assets/img/bg__implant.png) no-repeat top right/cover;
    padding: 2rem; }
    @media (min-width: 960.5px) {
      .top__implant--item-content {
        padding: 4rem 11.5rem;
        max-width: 74.4rem; } }
  @media (min-width: 960.5px) {
    .top__implant--item-img {
      position: absolute;
      top: 0;
      left: auto;
      right: 0;
      width: 117.5rem;
      height: 100%;
      z-index: -1; } }

.implant-info {
  padding-top: 7rem;
  padding-bottom: 7rem;
  background: url(assets/img/bg__implant-info.png) no-repeat center/cover; }
  @media (max-width: 960px) {
    .implant-info {
      padding-top: 3.2rem; } }
  .implant-info__header {
    padding: 1.5rem 1.5rem; }
    @media (min-width: 960.5px) {
      .implant-info__header {
        background: url(assets/img/bg__title--left.png) left center/auto 100% no-repeat, url(assets/img/bg__title--right.png) right center/auto 100% no-repeat; } }
  .implant-info__title {
    text-align: center;
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 400;
    line-height: 133%;
    letter-spacing: 0;
    word-break: auto-phrase;
    overflow-wrap: normal; }
    @media (min-width: 960.5px) {
      .implant-info__title {
        font-size: 3rem; } }
  .implant-info__container {
    margin-top: 3.5rem;
    gap: 4rem; }
    @media (min-width: 960.5px) {
      .implant-info__container {
        margin-top: 6.5rem; } }
  .implant-info__column {
    width: 100%; }
    @media (min-width: 960.5px) {
      .implant-info__column {
        width: calc(50% - 2rem); } }
    .implant-info__column-title {
      color: #FFFFFF;
      font-size: 1.9rem;
      font-weight: 400;
      line-height: 133%;
      letter-spacing: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 6.2rem; }
      @media (min-width: 960.5px) {
        .implant-info__column-title {
          font-size: 2.5rem;
          height: 10.8rem; } }
      .implant-info__column-title.vs-01 {
        background: url(assets/img/bg__implant-info-001.png) no-repeat center/cover; }
      .implant-info__column-title.vs-02 {
        background: url(assets/img/bg__implant-info-002.png) no-repeat center/cover; }
  .implant-info__list {
    margin-top: 2rem;
    background: url(assets/img/bg__implant-info-01.png) no-repeat center/cover;
    padding: 1.5rem; }
    @media (min-width: 960.5px) {
      .implant-info__list {
        padding: 4rem 4.5rem;
        aspect-ratio: 1.52 / 1; } }
    .implant-info__list li {
      position: relative;
      color: #454545;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 205%;
      letter-spacing: 0;
      padding-left: 1.5rem; }
      .implant-info__list li::before {
        content: "";
        position: absolute;
        width: 0.5rem;
        height: 0.5rem;
        top: 1.3rem;
        left: .5rem;
        transform: translateX(-50%);
        background: #77644E;
        border-radius: 50%; }
      @media (min-width: 960.5px) {
        .implant-info__list li {
          line-height: 277%;
          padding-left: 2rem;
          font-size: 1.8rem; }
          .implant-info__list li::before {
            left: 0;
            top: 50%; } }
      @media (max-width: 767px) {
        .implant-info__list li {
          font-size: 1.4rem; } }

/******************************************************
パーツ　COMPARISON
******************************************************/
.top__comparison {
  width: 100%;
  padding-top: 7rem;
  padding-bottom: 7rem;
  background: url(assets/img/bg__comparison.png) no-repeat center/cover;
  overflow: hidden; }
  .top__comparison--table-gp {
    width: 100%;
    margin-left: -1.7rem;
    margin-right: -1.7rem;
    width: calc(100% + 3.4rem); }
  .top__comparison--table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 1.7rem 0;
    table-layout: fixed; }
    @media (max-width: 960px) {
      .top__comparison--table table {
        border-spacing: 15px 0; } }
    .top__comparison--table table th,
    .top__comparison--table table td {
      padding: 2.4rem 1.3rem;
      text-align: center;
      vertical-align: middle;
      line-height: 1.6;
      font-size: 1.8rem;
      border-bottom: 0.5px solid rgba(255, 255, 255, 0.53);
      font-weight: 400;
      color: #FFFFFF; }
      @media (max-width: 960px) {
        .top__comparison--table table th,
        .top__comparison--table table td {
          font-size: 16px; } }
    .top__comparison--table table thead tr th {
      font-size: 2.5rem;
      padding: 0; }
      @media (max-width: 960px) {
        .top__comparison--table table thead tr th {
          font-size: 20px; } }
      .top__comparison--table table thead tr th.col-item {
        background: rgba(51, 28, 3, 0.7); }
      .top__comparison--table table thead tr th .header-title {
        padding: 2.05rem 1.3rem; }
        .top__comparison--table table thead tr th .header-title.implant {
          background: #331C03; }
        .top__comparison--table table thead tr th .header-title.bridge {
          background: #77644E; }
        .top__comparison--table table thead tr th .header-title.denture {
          background: #AD8B63; }
      .top__comparison--table table thead tr th.header-implant {
        background: rgba(69, 49, 26, 0.53); }
      .top__comparison--table table thead tr th.header-bridge {
        background: rgba(69, 49, 26, 0.53); }
      .top__comparison--table table thead tr th.header-denture {
        background: rgba(173, 139, 99, 0.72); }
      .top__comparison--table table thead tr th .img-box {
        padding: 2.4rem 1.3rem; }
        .top__comparison--table table thead tr th .img-box img {
          width: 100%;
          height: auto;
          display: block; }
    .top__comparison--table table tbody tr:last-child td {
      border-bottom: none; }
    .top__comparison--table table tbody tr td.col-item {
      background: rgba(51, 28, 3, 0.7); }
    .top__comparison--table table tbody tr td.col-implant {
      background: rgba(69, 49, 26, 0.53); }
    .top__comparison--table table tbody tr td.col-bridge {
      background: rgba(69, 49, 26, 0.53); }
    .top__comparison--table table tbody tr td.col-denture {
      background: rgba(173, 139, 99, 0.72); }
    .top__comparison--table table tbody tr td .symbol {
      display: block;
      font-size: 2.4rem;
      margin-bottom: 0.5rem;
      font-weight: bold;
      color: #F5F0E5;
      display: flex;
      align-items: center;
      justify-content: center; }
  @media (max-width: 960px) {
    .top__comparison--table-scroll {
      width: 100%;
      position: relative;
      overflow-x: auto;
      overflow-y: hidden; }
    .top__comparison--table table {
      width: 90rem; } }

/******************************************************
パーツ　FEATURE
******************************************************/
.top__feature {
  background: url(assets/img/bg__feature.png) no-repeat top center/cover;
  padding-bottom: 7rem;
  position: relative;
  overflow: hidden; }
  .top__feature--number {
    font-family: "Cinzel", serif;
    color: #331C03;
    font-size: 1.9rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0; }
    @media (min-width: 960.5px) {
      .top__feature--number {
        font-size: 2.5rem; }
        .top__feature--number::before {
          content: "";
          position: absolute;
          width: 29.35rem;
          height: 0.5px;
          background: #AD8B63;
          top: 8.8rem; } }
    .top__feature--number em {
      font-style: normal;
      color: #77644E !important; }
  .top__feature--center {
    padding-top: 4.6rem;
    padding-bottom: 4.6rem;
    background: url(assets/img/bg__feature--center.png) no-repeat top center/cover; }
    @media (min-width: 960.5px) {
      .top__feature--center {
        padding-top: 12.8rem;
        padding-bottom: 16.5rem; } }
    .top__feature--center * {
      color: #FFFFFF !important; }
    .top__feature--center-number {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Cinzel", serif;
      color: #FFFFFF;
      font-size: 1.9rem;
      font-weight: 400;
      line-height: 100%;
      letter-spacing: 0;
      position: relative;
      overflow: hidden;
      gap: 1.5rem; }
      @media (min-width: 960.5px) {
        .top__feature--center-number {
          gap: 3rem;
          font-size: 2.5rem; } }
      .top__feature--center-number::before, .top__feature--center-number::after {
        content: "";
        position: absolute;
        width: 29.35rem;
        height: 0.5px;
        background: #AD8B63;
        position: unset;
        display: inline-block; }
        @media (max-width: 960px) {
          .top__feature--center-number::before, .top__feature--center-number::after {
            width: 25%; } }
      .top__feature--center-number em {
        font-style: normal;
        color: #AD8B63 !important; }
    .top__feature--center-content {
      width: 100%;
      max-width: 68rem;
      margin: 0 auto; }
  .top__feature--box {
    margin-top: 8rem;
    position: relative; }
    @media (min-width: 960.5px) {
      .top__feature--box {
        padding-bottom: 4.8rem;
        margin-top: 21.3rem; } }
    @media (min-width: 960.5px) {
      .top__feature--box-txt {
        padding-top: 7.7rem; } }
    .top__feature--box-txt .title {
      text-align: left; }
    @media (min-width: 960.5px) {
      .top__feature--box-img {
        margin-top: -11.3rem; }
        .top__feature--box-img.left {
          box-shadow: -1.5rem 1.5rem 0 #AD8B63; }
        .top__feature--box-img.right {
          box-shadow: 1.5rem 1.5rem 0 #AD8B63; } }
  .top__feature--right {
    margin-bottom: 8rem; }
    @media (min-width: 960.5px) {
      .top__feature--right {
        margin-left: -1.5rem;
        margin-bottom: 10rem; }
        .top__feature--right .top__feature--number::before {
          left: -30rem; } }
    .top__feature--right .grid-1705 {
      margin-left: 0; }
    .top__feature--right-gp {
      position: relative;
      z-index: 1; }
      @media (min-width: 960.5px) {
        .top__feature--right-gp {
          margin-right: 8rem; } }
      @media (max-width: 960px) {
        .top__feature--right-gp {
          padding-top: 4.6rem;
          padding-bottom: 4.6rem;
          gap: 2rem; } }
    .top__feature--right-inner {
      position: relative; }
      .top__feature--right-inner::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        left: auto;
        background: url(assets/img/bg__feature-right-01.png) no-repeat top center/cover;
        z-index: 0; }
    .top__feature--right--item {
      width: 100%; }
      @media (min-width: 960.5px) {
        .top__feature--right--item:first-child {
          width: calc(100% - 64.2rem);
          padding-right: 11.3rem; }
        .top__feature--right--item:last-child {
          width: 64.2rem; } }
  @media (min-width: 960.5px) {
    .top__feature--left {
      margin-right: -1.5rem; }
      .top__feature--left .top__feature--number::before {
        right: -29rem;
        width: 71.25rem; } }
  .top__feature--left .grid-1705 {
    margin-right: 0; }
  .top__feature--left-gp {
    position: relative;
    z-index: 1; }
    @media (min-width: 960.5px) {
      .top__feature--left-gp {
        margin-left: 8rem; } }
    @media (max-width: 960px) {
      .top__feature--left-gp {
        gap: 2rem;
        padding-top: 4.6rem;
        padding-bottom: 4.6rem;
        flex-direction: column-reverse; } }
  .top__feature--left-inner {
    position: relative; }
    .top__feature--left-inner::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      right: 0;
      left: auto;
      background: url(assets/img/bg__feature-left-01.png) no-repeat top center/cover;
      z-index: 0; }
  .top__feature--left--item {
    width: 100%; }
    @media (min-width: 960.5px) {
      .top__feature--left--item:first-child {
        width: 64.2rem; }
      .top__feature--left--item:last-child {
        width: calc(100% - 64.2rem);
        padding-left: 11.3rem; } }
  .top__feature--left--txt {
    max-width: 55.6rem; }
  .top__feature--bottom {
    padding-top: 5rem; }
    @media (min-width: 960.5px) {
      .top__feature--bottom {
        padding-top: 17rem; } }
    .top__feature--bottom-list {
      gap: 4rem; }
    .top__feature--bottom-item {
      width: 100%;
      position: relative;
      background: #ad8b63 url(assets/img/bg__feature-item.png) no-repeat left bottom/cover;
      padding: 1.5rem; }
      @media (min-width: 960.5px) {
        .top__feature--bottom-item {
          padding: 0 12.4rem 6.5rem 7.4rem;
          width: calc(50% - 2rem); } }
    .top__feature--bottom-img {
      position: relative; }
      .top__feature--bottom-img .implant {
        position: absolute;
        object-fit: contain;
        left: -2rem;
        bottom: -5rem;
        width: 30rem;
        height: 30rem; }
        @media (min-width: 960.5px) {
          .top__feature--bottom-img .implant {
            left: -18rem;
            bottom: -9rem;
            width: 42.9em;
            height: 42.9rem; } }
        @media (max-width: 767px) {
          .top__feature--bottom-img .implant {
            left: -2rem;
            bottom: -3.3rem;
            width: 18rem;
            height: 18rem; } }
      @media (min-width: 960.5px) {
        .top__feature--bottom-img {
          box-shadow: -1.5rem 1.5rem 0 #AD8B63;
          margin-top: -8.5rem; } }
    .top__feature--bottom-title {
      text-align: center;
      color: #331C03;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 160%;
      letter-spacing: 0;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; }
      .top__feature--bottom-title span {
        display: block;
        font-size: 2.4rem; }
      @media (min-width: 960.5px) {
        .top__feature--bottom-title {
          padding-top: 4.3rem;
          padding-bottom: 3.9rem;
          font-size: 3rem; }
          .top__feature--bottom-title span {
            font-size: 4.5rem; } }
    .top__feature--bottom-txt {
      width: 100%;
      max-width: 55.6rem;
      margin: 0 auto; }
    .top__feature--bottom-number {
      display: flex;
      justify-content: center;
      align-items: center;
      font-family: "Cinzel", serif;
      color: #FFFFFF;
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 100%;
      letter-spacing: 0; }
      @media (min-width: 960.5px) {
        .top__feature--bottom-number {
          position: absolute;
          left: auto;
          right: 0;
          bottom: 0;
          height: 100%;
          width: 6.1rem; }
          .top__feature--bottom-number span {
            writing-mode: sideways-lr; }
          .top__feature--bottom-number::before, .top__feature--bottom-number::after {
            content: "";
            position: absolute;
            width: 0.5px;
            height: 22.8rem;
            left: 50%;
            transform: translateX(-50%); }
          .top__feature--bottom-number::before {
            top: 3rem;
            bottom: auto; }
          .top__feature--bottom-number::after {
            top: auto;
            bottom: 3rem; } }
      @media (max-width: 960px) {
        .top__feature--bottom-number {
          margin-top: 1.2rem;
          padding: .8rem 0 .5rem; } }
      .top__feature--bottom-number span em {
        font-style: normal; }
      .top__feature--bottom-number.vs-04 {
        background: #331C03; }
        .top__feature--bottom-number.vs-04::before, .top__feature--bottom-number.vs-04::after {
          background: #AD8B63; }
        .top__feature--bottom-number.vs-04 em {
          color: #AD8B63; }
      .top__feature--bottom-number.vs-05 {
        background: #AD8B63; }
        .top__feature--bottom-number.vs-05::before, .top__feature--bottom-number.vs-05::after {
          background: #F5F0E5; }
        .top__feature--bottom-number.vs-05 em {
          color: #331C03; }

/******************************************************
パーツ　FLOW
******************************************************/
.top__flow--box {
  position: relative; }
  .top__flow--box * {
    color: #FFFFFF; }
    @media (max-width: 960px) and (min-width: 767.5px) {
      .top__flow--box * {
        text-align: center; } }
  .top__flow--box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1; }
  @media (min-width: 960.5px) {
    .top__flow--box {
      margin-top: -6.7rem;
      padding-top: 11.5rem;
      padding-bottom: 20rem; }
      .top__flow--box::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 1px;
        left: 0;
        z-index: -1;
        clip-path: shape(from 100% 0%, vline to 86.5%, hline to 61.83%, line to 53.15% 100%, line to 53.13% 100%, line to 53.12% 100%, line to 45.19% 86.5%, hline to 0%, vline to 0%, hline to 100%, close);
        background: #FFFFFF; }
      .top__flow--box.vs-01 {
        padding-top: 20.6rem;
        padding-bottom: 10rem; }
        .top__flow--box.vs-01 img {
          height: 51.8rem;
          max-width: fit-content; }
      .top__flow--box.vs-02 {
        margin-top: -8rem;
        padding-bottom: 17.4rem; }
      .top__flow--box:not(.vs-06)::after {
        clip-path: shape(from 100% 0%, vline to 86.5%, hline to 61.83%, line to 53.15% 100%, line to 53.13% 100%, line to 53.12% 100%, line to 45.19% 86.5%, hline to 0%, vline to 0%, hline to 100%, close); } }
  @media (max-width: 960px) {
    .top__flow--box {
      padding-top: 5rem; }
      .top__flow--box.vs-01 {
        padding-top: 10rem;
        margin-top: -7rem; } }
  .top__flow--box.vs-01 {
    z-index: 5; }
    @media (min-width: 960.5px) {
      .top__flow--box.vs-01 {
        margin-top: -19rem;
        padding-bottom: 18rem; } }
    .top__flow--box.vs-01::after {
      background: #45311a; }
  .top__flow--box.vs-02 {
    z-index: 4; }
    .top__flow--box.vs-02::after {
      background: #77644E; }
  .top__flow--box.vs-03 {
    z-index: 3; }
    .top__flow--box.vs-03::after {
      background: #AD8B63; }
  .top__flow--box.vs-04 {
    z-index: 2; }
    .top__flow--box.vs-04::after {
      background: #45311a; }
  .top__flow--box.vs-05 {
    z-index: 1; }
    .top__flow--box.vs-05::after {
      background: #77644E; }
  .top__flow--box.vs-06 {
    z-index: 0; }
    @media (min-width: 960.5px) {
      .top__flow--box.vs-06 {
        padding-bottom: 11rem; } }
    .top__flow--box.vs-06::after {
      background: #AD8B63; }
  .top__flow--box-gp {
    gap: 7rem; }
    @media (max-width: 960px) {
      .top__flow--box-gp {
        gap: 3rem;
        flex-direction: column; } }
  .top__flow--box-content {
    max-width: 76rem; }
  .top__flow--box-title {
    color: #FFFFFF;
    font-size: 2rem;
    font-weight: 400;
    line-height: 173%;
    letter-spacing: 0;
    padding-bottom: 1.5rem; }
    @media (min-width: 960.5px) {
      .top__flow--box-title {
        padding-bottom: 2.5rem;
        font-size: 3rem; } }
  .top__flow--box-number {
    color: rgba(255, 255, 255, 0.15);
    font-size: 10rem;
    font-weight: 400;
    line-height: 60%;
    letter-spacing: 0; }
    @media (min-width: 960.5px) {
      .top__flow--box-number {
        font-size: 21rem; } }
  @media (min-width: 960.5px) {
    .top__flow--box-img {
      position: absolute;
      top: 0;
      right: 0;
      left: auto;
      width: 100%;
      max-width: 182rem; }
      .top__flow--box-img img {
        position: absolute;
        top: 0;
        right: 0;
        left: auto;
        height: 41rem;
        width: 100%;
        max-width: 77.9rem;
        object-fit: cover;
        text-align: right; } }

/******************************************************
パーツ　SLIDE
******************************************************/
.top__slide {
  position: relative;
  overflow: hidden;
  background: url(assets/img/bg__slide.png) no-repeat top center/cover; }
  .top__slide::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #AD8B63 0%, rgba(173, 139, 99, 0.8) 100%);
    z-index: 1; }
@media (min-width: 960.5px) {
  .top__slide {
    padding-top: 7rem;
    padding-bottom: 7rem; }
    .top__slide .scroll-infinity__list {
      gap: 2rem; }
      .top__slide .scroll-infinity__list li {
        width: 54.4rem; }
        .top__slide .scroll-infinity__list li:nth-of-type(even) {
          margin-top: 2rem; }
        .top__slide .scroll-infinity__list li:last-child {
          margin-right: 2rem; } }
@media (max-width: 960px) {
  .top__slide .scroll-infinity__list {
    gap: 1.5rem; }
  .top__slide .scroll-infinity__item {
    width: 22rem; }
    .top__slide .scroll-infinity__item:last-child {
      margin-right: 1.5rem; } }

/* ================================
    Infinity Scroll (Left)
================================ */
.scroll-infinity {
  overflow: hidden; }
@keyframes scroll-left {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
  .scroll-infinity__wrap {
    display: flex;
    width: 200%;
    position: relative;
    z-index: 2; }
  .scroll-infinity__list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0; }
    .scroll-infinity__list--left {
      animation: scroll-left 30s linear infinite;
      animation-delay: 0.5s; }
  .scroll-infinity__item {
    flex-shrink: 0; }
    .scroll-infinity__item img {
      display: block;
      width: 100%;
      height: auto;
      object-fit: cover;
      pointer-events: none;
      user-select: none; }

/******************************************************
パーツ　MV
******************************************************/
.mv {
  position: relative;
  border-bottom: 0.7rem solid #AD8B63;
  overflow: hidden; }
@keyframes continuousMarquee {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(-50%); } }
  .mv-view .slick-slide img {
    width: 100%; }
    @media (max-width: 960px) {
      .mv-view .slick-slide img {
        height: 32rem;
        object-fit: cover; } }
  .mv-gp {
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 0;
    width: 100%; }
    @media (min-width: 960.5px) {
      .mv-gp {
        left: 15.6rem; } }
  .mv-cont {
    padding: 1.5rem;
    padding-bottom: 20.8rem;
    width: 100%; }
    .mv-cont h2 {
      color: #FFFFFF;
      font-size: 6rem;
      font-weight: 400;
      line-height: 133%;
      letter-spacing: 0; }
      @media (min-width: 960.5px) {
        .mv-cont h2 {
          padding-left: 3.5rem;
          padding-bottom: 1.4rem; } }
    @media (max-width: 960px) {
      .mv-cont {
        padding: 1.5rem;
        padding: 1.5rem 1.5rem 4rem; }
        .mv-cont h2 {
          font-size: 2.4rem;
          word-break: auto-phrase;
          overflow-wrap: normal;
          text-align: center; } }
  .mv-text {
    white-space: nowrap;
    box-sizing: border-box;
    margin-bottom: -0.8rem;
    animation: continuousMarquee 20s linear infinite;
    color: rgba(245, 240, 229, 0.39);
    font-size: 11.9rem;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0; }
    .mv-text::after {
      content: attr(data-text);
      display: inline-block;
      padding-left: 5rem; }
  @media (max-width: 960px) {
    .mv-text {
      font-size: 5rem; } }

/******************************************************
パーツ　このようなお悩みはありませんか？
******************************************************/
.trouble {
  background: url(assets/img/bg__trouble.png) no-repeat top center/cover;
  text-align: center;
  position: relative; }
  @media (min-width: 960.5px) {
    .trouble {
      clip-path: shape(from 0% 0%, hline to 100%, vline to 81.6%, line to 50% 100%, line to 0% 81.6%, vline to 0%, close);
      padding-bottom: 13.5rem; } }
  @media (max-width: 960px) {
    .trouble {
      clip-path: shape(from 0% 0%, hline to 100%, vline to 92%, line to 50% 100%, line to 0% 92%, vline to 0%, close);
      padding-bottom: 8.5rem; } }
  .trouble__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.9rem; }
  .trouble__item {
    width: calc((100% - 9.5rem) / 6);
    aspect-ratio: 1 / 1;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.6;
    font-size: 1.5rem;
    background: #F5F0E5;
    border-radius: 50%;
    outline: #AD8B63 solid 0.5px;
    outline-offset: -1.4rem;
    border: 0.3rem solid #45311a; }
    @media (max-width: 960px) {
      .trouble__item {
        width: calc((100% - 21.6rem) / 2); } }
  .trouble__text {
    text-align: center;
    color: #454545;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0; }
  .trouble__bottom {
    position: relative;
    padding-top: 7rem;
    padding-bottom: 7rem; }
    .trouble__bottom::after {
      content: "";
      position: absolute;
      width: 100%;
      height: calc(100% + 15.4rem);
      top: -15.4rem;
      left: 0;
      z-index: -1;
      background: url(assets/img/bg__trouble-bottom.png) no-repeat bottom center/cover; }
      @media (max-width: 960px) {
        .trouble__bottom::after {
          background-position-x: 100%; } }
    .trouble__bottom-txt {
      color: #454545;
      font-size: 2.3rem;
      font-weight: 400;
      line-height: 133%;
      letter-spacing: 0;
      display: inline-block; }
      .trouble__bottom-txt em {
        font-style: normal;
        background: #45311a;
        display: inline-block; }
      @media (min-width: 960.5px) {
        .trouble__bottom-txt {
          width: 97%;
          font-size: 3rem; } }
  @media (max-width: 960px) {
    .trouble__list {
      gap: 1rem; }
    .trouble__text {
      font-size: 1.8rem; } }
  @media (max-width: 960px) and (min-width: 767.5px) {
    .trouble__item {
      width: calc((100% - 2rem) / 3); } }
  @media (max-width: 767px) {
    .trouble__item {
      width: calc((100% - 1rem) / 2); } }

/******************************************************
パーツ　QA
******************************************************/
.faq {
  position: relative;
  background: url(assets/img/bg__faq.png) no-repeat center/cover;
  padding: 7rem 0; }
  .faq::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background: rgba(119, 100, 78, 0.81); }
  .faq__inner {
    position: relative;
    z-index: 1; }
  .faq__item {
    font-size: 1.8rem;
    background-color: rgba(245, 240, 229, 0.71);
    border: 1px solid #AD8B63;
    position: relative;
    z-index: 0; }
    .faq__item + .faq__item {
      margin-top: 2rem; }
    @media (max-width: 960px) {
      .faq__item {
        font-size: 1.6rem; } }
    .faq__item.open .faq__question::after {
      transform: translate(0, -50%) rotate(180deg); }
    .faq__item.open .faq__answer {
      display: block; }
  .faq__question {
    padding: 1.5rem 9.8rem;
    position: relative;
    z-index: 0;
    cursor: pointer;
    background: #AD8B63; }
    @media (max-width: 960px) {
      .faq__question {
        padding: 1.5rem; } }
    .faq__question-text {
      font-weight: 400;
      color: #FFFFFF; }
    .faq__question::before {
      content: "Q";
      display: inline-block;
      font-size: 3rem;
      line-height: 1;
      color: #FFFFFF;
      margin-top: -.5rem; }
      @media (min-width: 960.5px) {
        .faq__question::before {
          position: absolute;
          top: 50%;
          transform: translateY(-50%);
          left: 3.3rem;
          z-index: 1; } }
      @media (max-width: 960px) {
        .faq__question::before {
          font-size: 2rem; } }
    .faq__question.js-toggle::after {
      content: "";
      display: block;
      width: 1.8rem;
      height: 1.8rem;
      background: url("assets/img/btn_arrow_faq.svg") no-repeat center/contain;
      position: absolute;
      top: 50%;
      right: 2.9rem;
      transform: translate(0, -50%);
      transition: transform 0.3s ease; }
      @media (max-width: 960px) {
        .faq__question.js-toggle::after {
          width: 1.2rem;
          height: 1.2rem;
          top: 2rem;
          right: 1.5rem; } }
  .faq__answer {
    display: none; }
    @media (max-width: 960px) {
      .faq__answer {
        padding: 0 1rem 1rem; } }
    .faq__answer-inner {
      position: relative;
      z-index: 0;
      padding: 2rem 2rem 2rem 10rem;
      border-radius: 0.5rem;
      min-height: 8rem; }
      @media (max-width: 960px) {
        .faq__answer-inner {
          padding: 1.8rem 1rem 1rem 1rem;
          line-height: 1.9; } }
      .faq__answer-inner::before {
        content: "A";
        color: #77644E;
        display: block;
        font-size: 3rem;
        position: absolute;
        top: 1.6rem;
        left: 3.3rem; }
        @media (max-width: 960px) {
          .faq__answer-inner::before {
            font-size: 2rem;
            position: relative;
            left: 0;
            top: 0;
            margin-bottom: 1rem; } }
      .faq__answer-inner p + p {
        margin-top: 2rem; }
      .faq__answer-inner .disc,
      .faq__answer-inner .decimal {
        padding-left: 2rem;
        margin: 2rem auto; }
        .faq__answer-inner .disc li + li,
        .faq__answer-inner .decimal li + li {
          margin-top: 1rem; }
    .faq__answer a {
      color: #AD8B63;
      text-decoration: underline; }

/******************************************************
パーツ　GREETING
******************************************************/
.top__greeting {
  padding-top: 3.9rem;
  position: relative;
  background: url(assets/img/bg__greeting.png) no-repeat top center/cover; }
  @media (max-width: 960px) {
    .top__greeting {
      padding-bottom: 7rem; } }
  .top__greeting::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, #454545 0%, rgba(173, 139, 99, 0) 100%);
    opacity: 0.82; }
  @media (min-width: 960.5px) {
    .top__greeting .title-default-01 {
      margin-top: 5rem; } }
  .top__greeting--title {
    border: 1px solid #AD8B63;
    padding: 1.5rem; }
    @media (min-width: 960.5px) {
      .top__greeting--title {
        position: absolute;
        left: 0;
        top: 25.4rem;
        border-right-width: 0;
        border-bottom-width: 0;
        padding-top: 2.3rem;
        padding-left: 2rem;
        padding-right: 4.8rem;
        padding-bottom: 1.4rem; } }
    .top__greeting--title span {
      display: block;
      color: #F5F0E5 !important;
      font-size: 2.5rem;
      font-weight: 400;
      line-height: 160%;
      letter-spacing: 0; }
      .top__greeting--title span.en {
        color: #FFFFFF;
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: 0;
        text-transform: uppercase; }
      .top__greeting--title span:last-child {
        text-align: right; }
        @media (min-width: 960.5px) {
          .top__greeting--title span:last-child {
            margin-right: -2.5rem; } }
    .top__greeting--title em {
      font-style: normal;
      padding-right: 3.9rem;
      font-size: 1.8rem; }
  .top__greeting--box {
    position: relative; }
    @media (max-width: 960px) {
      .top__greeting--box {
        flex-direction: column-reverse; }
        .top__greeting--box-item:last-child {
          padding-bottom: 2.5rem; } }
    .top__greeting--box .top__title-ja::before,
    .top__greeting--box .top__title-ja::after {
      background: #FFFFFF; }
    .top__greeting--box * {
      color: #FFFFFF !important; }
    .top__greeting--box-img {
      width: 100%; }
      @media (min-width: 960.5px) {
        .top__greeting--box-img {
          width: 44.9rem; } }
      @media (max-width: 960px) {
        .top__greeting--box-img {
          max-width: 80%;
          margin: 0 auto; } }
    .top__greeting--box-item {
      position: relative;
      width: 100%; }
      @media (min-width: 960.5px) {
        .top__greeting--box-item:first-child {
          width: 64rem;
          display: flex;
          flex-direction: row-reverse; }
        .top__greeting--box-item:last-child {
          width: calc(100% - 64rem);
          padding-left: 4.3rem; } }

/******************************************************
パーツ　CLINIC
******************************************************/
.top__info {
  padding-top: 7rem;
  padding-bottom: 7rem;
  background: #45311a;
  position: relative; }
  .top__info::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url(assets/img/bg__info.png) no-repeat center/cover; }
  .top__info--gp {
    position: relative;
    z-index: 1; }
    @media (max-width: 960px) {
      .top__info--gp {
        gap: 4rem; } }
  .top__info .btn-location {
    margin-top: 1.5rem;
    position: relative;
    color: #FFFFFF; }
    .top__info .btn-location::before {
      content: "";
      position: absolute;
      width: 2rem;
      height: 1.6rem;
      position: unset;
      display: inline-block;
      background: url(assets/img/icon_location.svg) no-repeat center/contain; }
  .top__info--item {
    width: 100%; }
    @media (min-width: 960.5px) {
      .top__info--item:first-child {
        width: calc(100% - 59.5rem + 9rem);
        margin-left: -9rem; } }
  @media (min-width: 960.5px) and (max-width: 1760px) {
    .top__info--item:first-child {
      width: calc(100% - 59.5rem + 2rem);
      margin-left: -2rem; } }
    @media (min-width: 960.5px) {
      .top__info--item:last-child {
        padding-top: 3.5rem;
        width: 59.5rem;
        padding-left: 10rem; } }
  @media (min-width: 960.5px) and (max-width: 1760px) {
    .top__info--item:last-child {
      padding-left: 8rem; } }

    @media (max-width: 960px) {
      .top__info--item .header--info {
        padding: 0 !important; }
      .top__info--item .logo img {
        width: 10rem; }
      .top__info--item .btn-recruit span:first-child {
        font-size: 1.8rem; }
      .top__info--item .btn-recruit span:last-child {
        font-size: 1.5rem; } }
  .top__info--phone-web {
    margin-top: 4rem; }
    @media (max-width: 960px) {
      .top__info--phone-web .header-block-gp {
        gap: 2rem;
        justify-content: center; } }
  .top__info .table {
    margin-top: 6rem; }
  .top__info table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    color: #FFFFFF; }
    .top__info table tr th {
      width: 13rem; }
    .top__info table tr th,
    .top__info table tr td {
      border-top: 1px solid #FFFFFF;
      font-weight: 400;
      border-bottom: 1px solid #FFFFFF; }
    .top__info table tr td {
      color: #FFFFFF;
      padding: 1.78rem 0;
      width: 4.7rem; }
    .top__info table tr th:first-child,
    .top__info table tr td:first-child {
      text-align: left; }
    .top__info table tr td:not(:last-child) {
      text-align: center; }
    .top__info table tr:nth-last-child(2) td:last-child, .top__info table tr:last-child td:last-child {
      text-align: center; }
  .top__info .time {
    padding-top: .7rem;
    position: relative; }
    .top__info .time::before {
      content: "";
      position: absolute;
      width: 1.646rem;
      height: 1.646rem;
      position: unset;
      display: inline-block;
      margin-right: .92rem;
      clip-path: polygon(50% 20%, 0% 100%, 100% 100%);
      background: #F5F0E5; }

.round-border {
  position: relative; }
  .round-border::before {
    content: "";
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    position: unset;
    display: inline-block;
    border: 0.7rem solid #F5F0E5; }

.circle {
  position: relative; }
  .circle::before {
    content: "";
    position: absolute;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #F5F0E5;
    position: unset;
    display: inline-block; }

.triangle {
  position: relative; }
  .triangle::before {
    content: "";
    position: absolute;
    width: 2.789rem;
    height: 2.789rem;
    clip-path: polygon(50% 20%, 0% 100%, 100% 100%);
    background: #F5F0E5;
    position: unset;
    display: inline-block; }
  .triangle.vs-02::before {
    width: 1.646rem;
    height: 1.646rem; }

.top__info--item .header-gp .logo {
  margin-right: 0; }

@media (max-width: 960px) {
  .round-border::before,
  .circle::before,
  .triangle::before {
    width: 25px;
    height: 25px; } }

/*# sourceMappingURL=style.css.map */