/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* Top Page ------------------------------------------------ */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */

/* ------------------------------------- */
/* Main Visual ------------------------- */
/* ------------------------------------- */
.p-mv {
  padding-top: 70px;
}
.p-mv__enter button {
  display: flex;
  align-items: center;
}
.p-mv__enter img {
  width: 24px;
}

@media screen and (min-width: 640px) {
  .p-mv {
    padding-top: 82px;
  }
  .p-mv__information {
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    width: 360px;
    padding-right: 15px;
    padding-left: 15px;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
  }
  .p-mv__informationLogo {
    margin-bottom: 64px;
  }
  .p-mv__informationLogo img {
    width: 240px;
  }
  .p-mv__information--visible {
    opacity: 1;
  }
}
/* ------------------------------------- */
/* Service Menu ------------------------ */
/* ------------------------------------- */
.p-serviceMenu {
  display: grid;
  gap: 0;
  padding-top: 157px;
  padding-bottom: 80px;
  background: url(../images/bg-serviceMenu.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.p-serviceMenu__main {
  position: relative;
  width: 240px;
  height: 240px;
  margin: 0 auto 120px;
  background: url(../images/bg-hexagram.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.p-serviceMenu__main img {
  width: 72px;
}
.p-serviceMenu__mainMenu {
  position: absolute;
}
.p-serviceMenu__mainMenu01 {
  top: -32%;
  left: 50%;
  transform: translateX(-50%);
}
.p-serviceMenu__mainMenu02 {
  top: 4%;
  right: -15%;
}
.p-serviceMenu__mainMenu03 {
  bottom: 4%;
  right: -15%;
}
.p-serviceMenu__mainMenu04 {
  bottom: -32%;
  left: 50%;
  transform: translateX(-50%);
}
.p-serviceMenu__mainMenu05 {
  bottom: 4%;
  left: -15%;
}
.p-serviceMenu__mainMenu06 {
  top: 4%;
  left: -15%;
}
.p-serviceMenu__mainMenu07 {
  top: calc(50% - 2px);
  left: 50%;
  transform: translate(-50%, -50%);
}
.p-serviceMenu__mainMenu07 img {
  width: 92px;
}
.p-serviceMenu__subItem img {
  width: 72px;
}

@media screen and (min-width: 360px) {
  .p-serviceMenu {
    gap: 24px;
    padding-top: 163px;
    padding-bottom: 80px;
  }
  .p-serviceMenu__main {
    width: 260px;
    height: 260px;
    margin: 0 auto 120px;
  }
  .p-serviceMenu__main img {
    width: 94px;
  }
  .p-serviceMenu__mainMenu01 {
    top: -36%;
  }
  .p-serviceMenu__mainMenu02 {
    top: 0%;
    right: -18%;
  }
  .p-serviceMenu__mainMenu03 {
    bottom: 0%;
    right: -18%;
  }
  .p-serviceMenu__mainMenu04 {
    bottom: -36%;
  }
  .p-serviceMenu__mainMenu05 {
    bottom: 0%;
    left: -18%;
  }
  .p-serviceMenu__mainMenu06 {
    top: 0%;
    left: -18%;
  }
  .p-serviceMenu__mainMenu07 {
    top: calc(50% - 2px);
  }
  .p-serviceMenu__mainMenu07 img {
    width: 100px;
  }
  .p-serviceMenu__subItem img {
    width: 94px;
  }
}
@media screen and (min-width: 430px) {
  .p-serviceMenu {
    gap: 24px;
    padding-top: 183px;
    padding-bottom: 80px;
  }
  .p-serviceMenu__main {
    width: 320px;
    height: 320px;
    margin: 0 auto 120px;
  }
  .p-serviceMenu__main img {
    width: 96px;
  }
  .p-serviceMenu__mainMenu01 {
    top: -32%;
  }
  .p-serviceMenu__mainMenu02 {
    top: 4%;
    right: -15%;
  }
  .p-serviceMenu__mainMenu03 {
    bottom: 4%;
    right: -15%;
  }
  .p-serviceMenu__mainMenu04 {
    bottom: -32%;
  }
  .p-serviceMenu__mainMenu05 {
    bottom: 4%;
    left: -15%;
  }
  .p-serviceMenu__mainMenu06 {
    top: 4%;
    left: -15%;
  }
  .p-serviceMenu__mainMenu07 {
    top: calc(50% - 3px);
  }
  .p-serviceMenu__mainMenu07 img {
    width: 122px;
  }
  .p-serviceMenu__subItem img {
    width: 96px;
  }
}
@media screen and (min-width: 1200px) {
  .p-serviceMenu {
    gap: 121px;
    padding-top: 287px;
    padding-bottom: 120px;
  }
  .p-serviceMenu__main {
    width: 640px;
    height: 640px;
    margin: 0 auto 120px;
  }
  .p-serviceMenu__main img {
    width: 160px;
  }
  .p-serviceMenu__mainMenu01 {
    top: -26%;
  }
  .p-serviceMenu__mainMenu02 {
    top: 8%;
    right: -12%;
  }
  .p-serviceMenu__mainMenu03 {
    bottom: 8%;
    right: -12%;
  }
  .p-serviceMenu__mainMenu04 {
    bottom: -26%;
  }
  .p-serviceMenu__mainMenu05 {
    bottom: 8%;
    left: -12%;
  }
  .p-serviceMenu__mainMenu06 {
    top: 8%;
    left: -12%;
  }
  .p-serviceMenu__mainMenu07 {
    top: calc(50% - 6px);
  }
  .p-serviceMenu__mainMenu07 img {
    width: 245px;
  }
  .p-serviceMenu__subItem img {
    width: 160px;
  }
}
/* ------------------------------------- */
/* Philosophy -------------------------- */
/* ------------------------------------- */
.p-philosophy {
  background: url(../images/bg-philosophy.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.p-philosophy__title {
  color: var(--text-secondary);
}
.p-philosophy__title ruby {
  font-size: inherit;
  color: inherit;
}
.p-philosophy__title rt {
  color: inherit;
}
.p-philosophy__texts * {
  font-size: 16px;
  color: var(--text-secondary);
}

@media screen and (min-width: 640px) {
  .p-philosophy__texts * {
    font-size: 18px;
  }
}
/*# sourceMappingURL=style.css.map */