@charset "UTF-8";
/*================================
Variables & Mixins
================================*/
/*================================
Font Faces
================================*/
@font-face {
  font-family: "Hiragino Mincho StdN";
  src: url("/font/ヒラギノ明朝 StdN W2.otf"), url("/font/ヒラギノ明朝 StdN W3.otf"), url("/font/ヒラギノ明朝 StdN W4.otf"), url("/font/ヒラギノ明朝 StdN W5.otf"), url("/font/ヒラギノ明朝 StdN W6.otf"), url("/font/ヒラギノ明朝 StdN W7.otf"), url("/font/ヒラギノ明朝 StdN W8.otf");
}
@font-face {
  font-family: "Hiragino Mincho StdN";
  src: url("/font/ヒラギノ明朝 StdN W3.otf");
  font-weight: 300;
}
@font-face {
  font-family: "Hiragino Mincho StdN";
  src: url("/font/ヒラギノ明朝 StdN W5.otf");
  font-weight: 500;
}
@font-face {
  font-family: "Hiragino Mincho StdN";
  src: url("/font/ヒラギノ明朝 StdN W6.otf");
  font-weight: 600;
}
@font-face {
  font-family: "Hiragino Mincho StdN";
  src: url("/font/ヒラギノ明朝 StdN W7.otf");
  font-weight: 700;
}
/*================================
Base Styles
================================*/
* {
  position: relative;
}

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

html,
body {
  min-width: 100vw;
  width: 100vw;
  max-width: 100vw;
  overflow-x: hidden;
}

body {
  font-family: "Hiragino Mincho StdN", serif;
  font-size: 18px;
  background: #ffffff;
}
@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
  }
}

img {
  max-width: 100%;
}

.height-based {
  display: flex;
  justify-content: center;
}
.height-based ul {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
}
.height-based li {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  min-width: auto;
  width: auto;
  max-width: none;
}
.height-based div {
  display: flex;
  justify-content: center;
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  min-width: auto;
  width: auto;
  max-width: none;
}
.height-based img {
  min-height: 100%;
  height: 100%;
  max-height: 100%;
  min-width: auto;
  width: auto;
  max-width: none;
}

a {
  text-decoration: none;
  color: #ffffff;
}
a:hover {
  opacity: 0.7;
}

/*================================
Layout Components
================================*/
.container {
  width: 90%;
  max-width: 1611px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  .container {
    width: 93%;
  }
}

.about-page {
  padding-top: 80px;
}
@media screen and (max-width: 767px) {
  .about-page {
    padding-top: 54px;
  }
}

/*================================
Form Components
================================*/
::-moz-placeholder {
  color: #9b9b9b;
}

::placeholder {
  color: #9b9b9b;
}

input[type=checkbox] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  padding-left: 30px;
  vertical-align: middle;
  position: relative;
}
input[type=checkbox]::before, input[type=checkbox]::after {
  content: "";
  display: block;
  position: absolute;
}
input[type=checkbox]::before {
  background-color: #ffffff;
  border-radius: 0%;
  border: 1px solid #666464;
  width: 34px;
  height: 35px;
  transform: translateY(-50%);
  top: 50%;
  left: 5px;
}
@media screen and (max-width: 767px) {
  input[type=checkbox]::before {
    width: 22px;
    height: 22px;
  }
}
input[type=checkbox]::after {
  border-bottom: 3px solid #ffffff;
  border-left: 3px solid #ffffff;
  opacity: 0;
  height: 15px;
  width: 25px;
  transform: rotate(-45deg);
  top: -10px;
  left: 10px;
}
@media screen and (max-width: 767px) {
  input[type=checkbox]::after {
    top: 0px;
    left: 7px;
    height: 10px;
    width: 18px;
  }
}
input[type=checkbox]:checked::after {
  opacity: 1;
}
input[type=checkbox]:checked::before {
  background-color: #c11f1f;
  border: none;
  opacity: 1;
}

/*================================
Header Component
================================*/
.header1,
.header2 {
  position: fixed;
  width: 100%;
  z-index: 999;
  top: 0;
}
@media screen and (max-width: 767px) {
  .header1,
  .header2 {
    height: 60px;
    z-index: 300;
  }
}

.header1 {
  transition: 0.5s ease 0s;
}

.header2 {
  background-color: #000000;
}

.headerColorScroll {
  background-color: #000000;
  transition: 0.4s ease 0s;
}

.header-inner {
  align-items: center;
  padding: 0 29px 0 32px;
}
@media screen and (max-width: 767px) {
  .header-inner {
    padding: 0 5px;
  }
}

.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.header-left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .header-left {
    flex-direction: column;
    padding-top: 5px;
  }
}

.header-logo {
  width: 258px;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .header-logo {
    width: 188px;
  }
}

.header-text {
  margin: 0 0 0 18px;
  font-size: 16px;
  color: #e5ccb2;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .header-text {
    font-size: 10px;
  }
}

.header-btn {
  padding: 12px 20px;
  background-color: #b75a5a;
  color: #ffffff;
  border-radius: 20px;
  white-space: nowrap;
}

.header-nav {
  height: 80px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .header-nav {
    display: none;
  }
}
.header-nav li:not(:first-child) {
  margin-left: 40px;
}
.header-nav li .header-nav-item {
  position: relative;
  color: #e5ccb2;
  font-size: 18px;
}
.header-nav li .header-nav-item::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background: transparent;
  transition: 0.3s ease 0s;
}
.header-nav li .header-nav-item:hover::after, .header-nav li .header-nav-item#is-active::after {
  content: "";
  background: #a3a3a3;
}

.drawer-btn {
  margin: auto;
  display: block;
  width: 240px;
  height: 67px;
  border-radius: 33px;
  padding: 25px 30px;
  text-align: center;
  margin-top: 10px;
}

.sp-sns-icon {
  margin-top: 10px;
  margin-right: 80px;
}
@media screen and (min-width: 768px) {
  .sp-sns-icon {
    display: none;
  }
}
.sp-sns-icon img {
  width: 40px;
}

@media screen and (max-width: 767px) {
  .drawer-icon {
    position: fixed;
    top: 20px;
    right: 28px;
    z-index: 999;
    transition: transform 0.5s ease 0s;
  }
  .drawer-icon.is-active {
    transform: translateY(29px);
  }
  .drawer-icon.is-active .drawer-icon-bar1 {
    transform: rotate(-25deg);
    top: 8px;
  }
  .drawer-icon.is-active .drawer-icon-bar2 {
    display: none;
  }
  .drawer-icon.is-active .drawer-icon-bar3 {
    transform: rotate(25deg);
    top: 8px;
  }
  .drawer-icon-bars {
    width: 49px;
    height: 22px;
    display: block;
    position: relative;
  }
  .drawer-icon-bar1,
  .drawer-icon-bar2,
  .drawer-icon-bar3 {
    position: absolute;
    width: 49px;
    height: 1.5px;
    background: #ffffff;
    top: 0;
    left: 0;
  }
  .drawer-icon-bar1 {
    top: 0;
  }
  .drawer-icon-bar2 {
    top: 11px;
  }
  .drawer-icon-bar3 {
    top: 22px;
  }
}
.header1 {
  transition: 0.5s ease 0s;
}

.header2 {
  background-color: #000000;
}

.headerColorScroll {
  background-color: #000000;
  transition: 0.4s ease 0s;
}

.header-inner {
  align-items: center;
  padding: 0 29px 0 32px;
}
@media screen and (max-width: 767px) {
  .header-inner {
    padding: 0 5px;
  }
}

.header-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.header-left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .header-left {
    flex-direction: column;
    padding-top: 5px;
  }
}

.header-logo {
  width: 258px;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .header-logo {
    width: 188px;
  }
}

.header-text {
  margin: 0 0 0 18px;
  font-size: 16px;
  color: #e5ccb2;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  .header-text {
    font-size: 10px;
  }
}

.header-btn {
  padding: 12px 20px;
  background-color: #b75a5a;
  color: #ffffff;
  border-radius: 20px;
  white-space: nowrap;
}

/*================================
Drawer Menu Component
================================*/
.drawer-content {
  width: 100%;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  background: #000000;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.16);
  z-index: 298;
  display: block;
  transform: translateY(-120%);
  transition: transform 0.5s ease 0s;
}
.drawer-content.is-active {
  transform: translateX(0);
}

.drawer-content-items {
  width: 90%;
  margin: auto;
}
.drawer-content-items .header__nav__mq {
  font-family: "a-otf-ud-shin-go-pr6n";
  display: block;
  width: 200px;
  text-align: center;
  margin-top: 37px;
}
.drawer-content-items .header__nav__mq p {
  font-size: 15px;
  letter-spacing: 0.2rem;
}
.drawer-content-items .header__nav__mq span {
  display: inline-block;
  margin-top: 10px;
  font-size: 18px;
  letter-spacing: 0.5rem;
}
.drawer-content-items ul {
  width: 205px;
  font-size: 20px;
  margin: auto;
  margin-top: 85px;
  border-left: 1px solid #ffffff;
}
.drawer-content-items ul li {
  padding: 25px 23px;
}
.drawer-content-items .header__contact-btn {
  display: block;
  margin: auto;
  text-align: center;
  padding: 22px;
  width: 240px;
  height: 67px;
  font-size: 20px;
  border: 0.5px solid #ffffff;
  border-radius: 32px;
  margin-top: 50px;
}

.drawer-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 297;
  display: none;
}
.drawer-background.is-active {
  display: block;
}

/*================================
Sub Visual Component
================================*/
.sub-visual {
  max-height: 400px;
  height: 100%;
  padding-bottom: 36px;
  background-color: #cecece;
  display: flex;
}
@media screen and (max-width: 767px) {
  .sub-visual {
    max-height: 354px;
    flex-direction: column;
    padding-bottom: 22px;
  }
}
.sub-visual .sub-visual-right {
  width: 100%;
  height: 364px;
}
@media screen and (max-width: 767px) {
  .sub-visual .sub-visual-right {
    height: 170px;
  }
}
.sub-visual .sub-visual-left {
  width: 100%;
  max-width: 891px;
  background-color: #070d29;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  .sub-visual .sub-visual-left {
    height: 167px;
  }
}
.sub-visual .sub-visual-left .page-title1 {
  font-size: 94px;
  color: #e5e5e5;
  opacity: 0.2;
  font-weight: 600;
  line-height: 141px;
}
@media screen and (max-width: 767px) {
  .sub-visual .sub-visual-left .page-title1 {
    font-size: 45px;
    line-height: 67px;
  }
}
.sub-visual .sub-visual-left .page-title {
  font-size: 55px;
  color: #ffffff;
  font-weight: 600;
  line-height: 79px;
}
@media screen and (max-width: 767px) {
  .sub-visual .sub-visual-left .page-title {
    font-size: 30px;
    line-height: 44px;
  }
}
.sub-visual .eyecatch-contact {
  background: url(../img/contact/contact-eyecatch.png) no-repeat center center/cover;
}
.sub-visual .eyecatch-voice {
  background: url(../img/voice/voice-eyecatch.png) no-repeat center center/cover;
}
.sub-visual .eyecatch-salon {
  background: url(../img/salon/salon-eyecatch.png) no-repeat center center/cover;
}
.sub-visual .eyecatch-features {
  background: url(../img/features/features__eyecatch.png) no-repeat center center/cover;
}
.sub-visual .eyecatch-menu {
  background: url(../img/menu/menu-eyecatch.png) no-repeat center center/cover;
}

/*================================
Main Visual Section (Top Page)
================================*/
@keyframes change-img-anim {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.fv {
  position: absolute;
  opacity: 0;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  animation: change-img-anim 20s infinite;
}
.fv:nth-of-type(1) {
  animation-delay: 0s;
}
.fv:nth-of-type(2) {
  animation-delay: 5s;
}
.fv:nth-of-type(3) {
  animation-delay: 10s;
}
.fv:nth-of-type(4) {
  animation-delay: 15s;
}

.fv1 {
  background: url(../img/top/fv1.png) no-repeat center center/cover;
}

.fv2 {
  background: url(../img/top/fv2.png) no-repeat center center/cover;
}

.fv3 {
  background: url(../img/top/fv3.png) no-repeat center center/cover;
}

.fv4 {
  background: url(../img/top/fv4.png) no-repeat center center/cover;
}

.main-visual {
  height: 1288px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .main-visual {
    height: 813px;
    overflow: hidden;
  }
}
.main-visual::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.18;
}
.main-visual__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .main-visual__content {
    width: 120%;
  }
}
.main-visual__title {
  font-size: 46px;
  letter-spacing: 0.3em;
  color: #ba8e68;
}
@media screen and (max-width: 767px) {
  .main-visual__title {
    font-size: 20px;
  }
}
.main-visual__title2 {
  font-size: 31px;
  font-family: "a-otf-ud-shin-go-pr6n";
  letter-spacing: 0.6em;
  color: #ba8e68;
  margin-top: 24px;
  white-space: nowrap;
}

/*================================
Catch Copy Section (Top Page)
================================*/
.catch-copy__wrapper {
  font-weight: 300;
}

.sns-btns {
  position: absolute;
  right: 1%;
  top: -100px;
  right: 0;
}
@media screen and (max-width: 767px) {
  .sns-btns {
    display: none;
  }
}
.sns-btns_fixed {
  position: fixed;
  top: 140px;
  z-index: 999;
}

.sns-btn {
  display: block;
  width: 95px;
  height: 95px;
  padding: 7px;
}

.catch-copy {
  position: relative;
  margin-top: 111px;
  margin-bottom: 241px;
}
@media screen and (max-width: 767px) {
  .catch-copy {
    margin-top: 52px;
    margin-bottom: 0px;
  }
}
.catch-copy .catch-copy__left {
  padding-top: 100px;
}
.catch-copy h2 {
  font-size: 4.1666666667vw;
  line-height: 1.375;
  text-align: left;
  color: #ba8e68;
}
@media screen and (max-width: 767px) {
  .catch-copy h2 {
    font-size: 8vw;
    line-height: 61px;
  }
}
.catch-copy .catch-copy-text {
  margin-top: 45px;
  font-size: 1.0416666667vw;
  line-height: 2.25;
}
@media screen and (max-width: 767px) {
  .catch-copy .catch-copy-text {
    font-size: 16px;
    line-height: 30px;
    margin-top: 71px;
  }
}
.catch-copy .catch-copy__right {
  max-width: 39.7395833333vw;
  position: absolute;
  top: 0px;
  right: 0px;
}
@media screen and (max-width: 767px) {
  .catch-copy .catch-copy__right {
    max-width: 95%;
    position: initial;
    margin: auto;
    margin-top: 81px;
  }
}
.catch-copy .nav-btn {
  display: block;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
}
@media screen and (max-width: 767px) {
  .catch-copy .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.catch-copy .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #000000;
  position: absolute;
  left: 32px;
  bottom: 10px;
}
@media screen and (max-width: 767px) {
  .catch-copy .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.catch-copy .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
}
@media screen and (max-width: 767px) {
  .catch-copy .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
.catch-copy .nav-btn {
  color: #000000;
  margin: auto;
  margin-top: 80px;
  margin-right: 50%;
}
.catch-copy .nav-btn:hover {
  border-radius: 12px;
  background-color: #5a5a5a;
  color: #ffffff;
}
.catch-copy .nav-btn:hover .border {
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .catch-copy .nav-btn {
    margin: 0;
    margin-top: 66px;
    margin-left: auto;
  }
}

.catch-copy-content2 {
  text-align: center;
  margin-top: 229px;
}

@media screen and (max-width: 767px) {
  .catch-copy-content2 {
    margin-top: 101px;
  }
}
.catch-copy-content2-title {
  color: #ba8e68;
  font-size: 44px;
}

@media screen and (max-width: 767px) {
  .catch-copy-content2-title {
    font-size: 25px;
    line-height: 35px;
  }
}
@media screen and (max-width: 767px) {
  .pc-br {
    display: none;
  }
}
.catch-copy-content2-text {
  font-size: 20px;
  line-height: 2;
  margin-top: 53px;
}

@media screen and (max-width: 767px) {
  .catch-copy-content2-text {
    text-align: left;
    font-size: 16px;
  }
}
.catch-copy-content2-wrapper {
  margin: auto;
  margin-top: 82px;
  display: flex;
  max-width: 1053px;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .catch-copy-content2-wrapper {
    flex-direction: column;
    gap: 27px;
    align-items: center;
  }
}
.catch-copy-content2-item {
  align-items: center;
  display: block;
  border-radius: 49%;
  font-size: 30px;
  width: 311px;
  padding: 22px 0;
  color: #ffffff;
  background-color: #ba8e68;
}

@media screen and (max-width: 767px) {
  .catch-copy-content2-item {
    width: 207px;
    font-size: 20px;
  }
}
.catch-copy-content3 {
  display: flex;
  margin-top: 200px;
}

@media screen and (max-width: 767px) {
  .catch-copy-content3 {
    flex-direction: column-reverse;
    margin-top: 100px;
  }
}
.catch-copy-content3-left {
  width: 40.5729166667vw;
}

@media screen and (max-width: 767px) {
  .catch-copy-content3-left {
    display: flex;
    width: 90vw;
  }
}
.catch-copy-content3-title {
  font-size: 80px;
  color: #ba8e68;
  line-height: 110px;
  font-size: 4.1666666667vw;
  line-height: 1.375;
}

@media screen and (max-width: 767px) {
  .catch-copy-content3-title {
    font-size: 32px;
    line-height: 61px;
  }
}
.catch-copy-content3-text {
  margin-top: 60px;
  font-size: 1.0416666667vw;
  line-height: 2.25;
  max-width: 800px;
}

@media screen and (max-width: 767px) {
  .catch-copy-content3-text {
    margin-top: 69px;
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 30px;
  }
}
/*================================
catch-copy2
================================*/
.catch-copy2 {
  background: #1e1e40;
  padding-top: 197px;
  padding-bottom: 196px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .catch-copy2 {
    padding-top: 48px;
    padding-bottom: 95px;
  }
}
.catch-copy2__wrapper {
  display: flex;
}

@media screen and (max-width: 767px) {
  .catch-copy2__wrapper {
    flex-direction: column-reverse;
  }
}
.catch-copy2__right {
  width: 50%;
  padding-left: 107px;
  margin-top: 80px;
}

@media screen and (max-width: 767px) {
  .catch-copy2__right {
    width: 100%;
    padding-left: 0;
  }
}
.catch-copy2__right h2 {
  font-size: 80px;
  line-height: 110px;
  text-align: left;
  color: #ba8e68;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .catch-copy2__right h2 {
    font-size: 37px;
    line-height: 61px;
  }
}
.catch-copy2__right .textarea {
  font-size: 20px;
  color: #ffffff;
  max-width: 618px;
  margin-top: 92px;
  line-height: 45px;
}

@media screen and (max-width: 767px) {
  .catch-copy2__right .textarea {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 150px;
  }
}
.catch-copy2__right .nav-btn {
  display: block;
  color: #ffffff;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  position: absolute;
  right: 40px;
  bottom: 0px;
}

@media screen and (max-width: 767px) {
  .catch-copy2__right .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
    bottom: 5%;
    margin-right: 0px;
  }
}
.catch-copy2__right .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .catch-copy2__right .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.catch-copy2__right .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #ffffff;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .catch-copy2__right .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
.catch-copy2__right .nav-btn:hover {
  border-radius: 12px;
  background-color: #fff;
  color: #53558d;
}

/*================================
top-menu
================================*/
.top-menu__wrapper {
  text-align: center;
}

.top-menu-textarea {
  margin-top: 64px;
  text-align: center;
  line-height: 45px;
}

@media screen and (max-width: 767px) {
  .top-menu-textarea {
    font-size: 16px;
    line-height: 30px;
    text-align: left;
  }
}
section .section__title-en {
  font-size: 167px;
  color: #ededed;
  text-align: right;
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  section .section__title-en {
    margin-top: -5px;
    font-size: 60px;
  }
}
section .section__title {
  position: relative;
  font-size: 90px;
  color: #000000;
}
@media screen and (max-width: 767px) {
  section .section__title {
    margin-top: 23px;
    font-size: 30px;
    line-height: 44px;
  }
}

.section .section__title-en {
  font-size: 167px;
  color: #ededed;
  text-align: right;
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  .section .section__title-en {
    margin-top: -5px;
    font-size: 60px;
  }
}
.section .section__title {
  position: relative;
  font-size: 90px;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .section .section__title {
    margin-top: 23px;
    font-size: 30px;
    line-height: 44px;
  }
}

.top-menu__navlist {
  display: flex;
  align-items: last baseline;
  margin: auto;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1030px;
  margin-top: 123px;
  margin-bottom: 194px;
  font-family: "ヒラギノ角ゴ ProN";
}

@media screen and (max-width: 767px) {
  .top-menu__navlist {
    margin-top: 47px;
    margin-bottom: 126px;
    white-space: nowrap;
    margin-bottom: 131px;
  }
  .top-menu__navlist::after {
    content: "";
    display: block;
    width: 176px;
  }
}
.text {
  font-size: 20px;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .text {
    font-size: 12px;
  }
}
.c-nav {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 343px;
  height: 269px;
  text-align: center;
  border: 1px solid #555e84;
  color: #555e84;
}
.c-nav div:nth-child(2) {
  position: absolute;
  bottom: 17%;
}
.c-nav div:nth-child(3) {
  font-size: 70%;
  position: absolute;
  bottom: 9%;
}

@media screen and (max-width: 767px) {
  .c-nav {
    width: 176px;
    height: 138px;
  }
}
.c-nav:hover {
  background: #555e84;
  color: #ffffff;
}

.c-nav:hover .top-menu-icon1 {
  background-color: #ffffff;
}

.top-menu-icon1 {
  margin: auto;
  width: 120px;
  height: 120px;
  -webkit-mask-image: url(../img/top/top-menu__icon1.webp);
  mask-image: url(../img/top/top-menu__icon1.webp);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #555e84;
}
@media screen and (max-width: 767px) {
  .top-menu-icon1 {
    width: 53px;
    height: 55px;
  }
}

.c-nav:hover .top-menu-icon2 {
  background-color: #ffffff;
}

.top-menu-icon2 {
  margin: auto;
  width: 120px;
  height: 120px;
  -webkit-mask-image: url(../img/top/top-menu__icon2.webp);
  mask-image: url(../img/top/top-menu__icon2.webp);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #555e84;
}
@media screen and (max-width: 767px) {
  .top-menu-icon2 {
    width: 53px;
    height: 55px;
  }
}

.c-nav:hover .top-menu-icon3 {
  background-color: #ffffff;
}

.top-menu-icon3 {
  margin: auto;
  width: 120px;
  height: 120px;
  -webkit-mask-image: url(../img/top/top-menu__icon3.webp);
  mask-image: url(../img/top/top-menu__icon3.webp);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #555e84;
}
@media screen and (max-width: 767px) {
  .top-menu-icon3 {
    width: 53px;
    height: 55px;
  }
}

.c-nav:hover .top-menu-icon4 {
  background-color: #ffffff;
}

.top-menu-icon4 {
  margin: auto;
  width: 120px;
  height: 120px;
  -webkit-mask-image: url(../img/top/top-menu__icon4.webp);
  mask-image: url(../img/top/top-menu__icon4.webp);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #555e84;
}
@media screen and (max-width: 767px) {
  .top-menu-icon4 {
    width: 53px;
    height: 55px;
  }
}

.c-nav:hover .top-menu-icon5 {
  background-color: #ffffff;
}

.top-menu-icon5 {
  margin: auto;
  width: 120px;
  height: 120px;
  -webkit-mask-image: url(../img/top/top-menu__icon5.webp);
  mask-image: url(../img/top/top-menu__icon5.webp);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #555e84;
}
@media screen and (max-width: 767px) {
  .top-menu-icon5 {
    width: 53px;
    height: 55px;
  }
}

.c-nav:hover .top-menu-icon6 {
  background-color: #ffffff;
}

.top-menu-icon6 {
  margin: auto;
  width: 120px;
  height: 120px;
  -webkit-mask-image: url(../img/top/top-menu__icon6.webp);
  mask-image: url(../img/top/top-menu__icon6.webp);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  background-color: #555e84;
}
@media screen and (max-width: 767px) {
  .top-menu-icon6 {
    width: 53px;
    height: 55px;
  }
}

.top-menu-content {
  margin-bottom: 228px;
}

@media screen and (max-width: 767px) {
  .top-menu-content {
    margin-bottom: 0;
  }
}
.arrow_box {
  position: relative;
  width: 108px;
  height: 42px;
  background: #ba8e68;
  text-align: center;
  color: #ffffff;
  font-size: 26px;
  border-radius: 40px;
  margin: auto;
  padding: 7px 0;
}

.arrow_box:after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 7px;
  border-right-width: 7px;
  margin-left: -7px;
  border-top-color: #ba8e68;
  top: 100%;
  left: 50%;
}

.top-menu-content-title {
  margin-top: 18px;
  font-size: 65px;
  text-align: center;
  color: #ba8e68;
}

@media screen and (max-width: 767px) {
  .top-menu-content-title {
    font-size: 32px;
  }
}
.top-menu-content-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 1297px;
  margin: auto;
  margin-top: 68px;
}

@media screen and (max-width: 767px) {
  .top-menu-content-wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .top-menu-content-img {
    width: 211px;
    margin-left: auto;
  }
}
.top-menu-content-text {
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 93px;
}

@media screen and (max-width: 767px) {
  .top-menu-content-text {
    font-size: 16px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .top-menu-content-img2 {
    display: none;
  }
}
.top-menu-loop__wrapper {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .top-menu-loop__wrapper {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .top-menu-loop__wrapper .loop-img {
    width: 650vw;
    margin-top: 29px;
  }
}
/*================================
top-voice
================================*/
.top-voice {
  background: #e6e7f2;
  padding-bottom: 118px;
}

@media screen and (max-width: 767px) {
  .top-voice {
    padding-bottom: 123px;
  }
}
.top-voice .section__title-en {
  color: #ffffff;
  text-align: left;
  line-height: 110px;
  opacity: 0.61;
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .top-voice .section__title-en {
    margin-left: -20px;
    line-height: 45px;
    margin-top: 0px;
  }
}
.top-voice .section__title {
  text-align: center;
  margin-bottom: 25px;
}

.top-voice .nav-btn {
  display: block;
  color: #000000;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .top-voice .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.top-voice .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #000000;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .top-voice .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.top-voice .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .top-voice .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
.top-voice .top-voice__wrapper {
  color: #000000;
  margin-top: 135px;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper {
    margin-top: 55px;
  }
}
.top-voice .top-voice__wrapper .top-voice__item {
  display: flex;
  align-items: center;
}

.top-voice .top-voice__wrapper .top-voice__item:last-child {
  margin-top: 111px;
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item:last-child {
    flex-direction: column-reverse;
    margin-top: 99px;
  }
}
@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item {
    flex-direction: column-reverse;
  }
  .top-voice .top-voice__wrapper .top-voice__item img {
    z-index: 2;
    position: relative;
    display: block;
    margin: 0 auto -55px;
    width: 100%;
  }
}
.top-voice .top-voice__wrapper .top-voice__item-text1,
.top-voice .top-voice__wrapper .top-voice__item-text2 {
  max-width: 802px;
  height: auto;
  width: 100%;
  background-color: #ffffff;
  padding: 43px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  position: relative;
}

.top-voice .top-voice__wrapper .top-voice__item-text1 h3,
.top-voice .top-voice__wrapper .top-voice__item-text2 h3 {
  color: #ba8e68;
  font-size: 35px;
  padding: 22px 0;
  border-bottom: 0.5px solid #969696;
  line-height: 52px;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text1 h3,
  .top-voice .top-voice__wrapper .top-voice__item-text2 h3 {
    line-height: 30px;
    font-size: 20px;
    padding-bottom: 29px;
    padding-top: 66px;
  }
}
.top-voice .top-voice__wrapper .top-voice__item-text1 .textarea,
.top-voice .top-voice__wrapper .top-voice__item-text2 .textarea {
  margin-top: 40px;
  line-height: 25px;
  padding-bottom: 85px;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text1 .textarea,
  .top-voice .top-voice__wrapper .top-voice__item-text2 .textarea {
    margin-top: 30px;
    padding-bottom: 55px;
  }
}
.top-voice .top-voice__wrapper .top-voice__item-text1 .nav-btn,
.top-voice .top-voice__wrapper .top-voice__item-text2 .nav-btn {
  display: block;
  color: #000000;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  position: absolute;
  right: 0;
  right: 24px;
  bottom: 14px;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text1 .nav-btn,
  .top-voice .top-voice__wrapper .top-voice__item-text2 .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.top-voice .top-voice__wrapper .top-voice__item-text1 .nav-btn .border,
.top-voice .top-voice__wrapper .top-voice__item-text2 .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #000000;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text1 .nav-btn .border,
  .top-voice .top-voice__wrapper .top-voice__item-text2 .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.top-voice .top-voice__wrapper .top-voice__item-text1 .nav-btn .border-right,
.top-voice .top-voice__wrapper .top-voice__item-text2 .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text1 .nav-btn .border-right,
  .top-voice .top-voice__wrapper .top-voice__item-text2 .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text1 .nav-btn,
  .top-voice .top-voice__wrapper .top-voice__item-text2 .nav-btn {
    bottom: 43px;
    right: 29px;
  }
}
.top-voice .top-voice__wrapper .top-voice__item-text1 {
  margin-left: -100px;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text1 {
    margin-left: 0;
  }
}
.top-voice .top-voice__wrapper .top-voice__item-text2 {
  margin-right: -100px;
}

@media screen and (max-width: 767px) {
  .top-voice .top-voice__wrapper .top-voice__item-text2 {
    margin-right: 0;
  }
}
/*================================
news
================================*/
.news {
  background: url(../img/top/top-salon__bgi.png) no-repeat center center/cover;
  position: relative;
  text-align: center;
  padding-bottom: 388px;
}

@media screen and (max-width: 767px) {
  .news {
    padding-bottom: 91px;
  }
}
.news::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(206, 210, 244, 0.7);
}

.news .section__title-en {
  line-height: 110px;
  position: relative;
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  .news .section__title-en {
    line-height: 35px;
  }
}
.news .title__area {
  display: flex;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .news .title__area {
    flex-direction: column;
    align-items: center;
  }
}
.news .title__area .nav-btn {
  display: block;
  color: #000000;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  margin-left: 80px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .news .title__area .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.news .title__area .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #000000;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .news .title__area .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.news .title__area .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .news .title__area .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
.news .title__area .nav-btn:hover {
  border-radius: 12px;
  background-color: #5a5a5a;
  display: block;
  color: #ffffff;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
}

@media screen and (max-width: 767px) {
  .news .title__area .nav-btn:hover {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.news .title__area .nav-btn:hover .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .news .title__area .nav-btn:hover .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.news .title__area .nav-btn:hover .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #ffffff;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .news .title__area .nav-btn:hover .border-right {
    height: 10px;
    right: 3px;
  }
}
@media screen and (max-width: 767px) {
  .news .title__area .nav-btn {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 27px;
  }
}
.news ul {
  margin-top: 40px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .news ul {
    margin-top: 47px;
    margin-bottom: 141px;
  }
}
.news ul li {
  padding: 30px 93px 30px 44px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #707070;
}

@media screen and (max-width: 767px) {
  .news ul li {
    padding: 40px 0;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
}
.news ul li .news-content-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .news ul li .news-content-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.news ul li .news-day {
  padding-left: 100px;
  margin: 10px 0;
}

@media screen and (max-width: 767px) {
  .news ul li .news-day {
    padding-left: 0;
    margin: 20px 0;
  }
}
.news ul li .news-content {
  text-align: left;
  padding-left: 100px;
  line-height: 25px;
  position: relative;
  margin: 10px 0;
}

@media screen and (max-width: 767px) {
  .news ul li .news-content {
    line-height: 30px;
    padding: 0;
  }
}
.news ul li a {
  color: #000000;
  position: relative;
  width: 124px;
  font-size: 30px;
  margin: 10px 0;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .news ul li a {
    font-size: 24px;
  }
}
.news ul li a:hover .arrow {
  display: inline-block;
  transition: 0.5s ease 0s;
  transform: translateX(50px);
}

@media screen and (max-width: 767px) {
  .news ul li a:hover .arrow {
    transition: 0.3s ease 0s;
    transform: translateX(50px);
  }
}
.news ul li a:hover::before {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 14.5px;
  left: 60px;
  /*線の形状*/
  width: 60px;
  height: 1.3px;
  background: #333;
  animation: arrow__long 0.5s ease 0s;
}

@media screen and (max-width: 767px) {
  .news ul li a:hover::before {
    bottom: 11px;
    height: 1px;
  }
}
@keyframes arrow__long {
  0% {
    width: 0;
    opacity: 0;
  }
  20% {
    width: 40px;
    opacity: 1;
  }
  80% {
    width: 60px;
    opacity: 1;
  }
  100% {
    width: 60px;
    opacity: 1;
  }
}
/*================================
top-salon
================================*/
.salon {
  margin-bottom: 152px;
}

.salon .section__title-en {
  text-align: left;
  opacity: 0.6;
  margin-top: -140px;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .salon .section__title-en {
    margin-top: 0;
  }
}
.salon .section__title {
  margin-bottom: 18px;
  text-align: center;
  line-height: 135px;
}

.salon .nav-btn {
  display: block;
  color: #000000;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .salon .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.salon .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #000000;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .salon .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.salon .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #000000;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .salon .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
.salon .nav-btn:hover {
  border-radius: 12px;
  background-color: #5a5a5a;
}

.salon__wrapper {
  margin: auto;
  padding-bottom: 199px;
  margin-top: 70px;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .salon__wrapper {
    padding-bottom: 168px;
    flex-direction: column;
  }
}
.salon-about {
  font-size: 20px;
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 77px;
  max-width: 1108px;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .salon-about {
    font-size: 16px;
    width: 97%;
    margin: auto;
  }
}
.salon-about .salon-item,
.salon-about .salon-item-title,
.salon-about .salon-item-content {
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .salon-about .salon-item,
  .salon-about .salon-item-title,
  .salon-about .salon-item-content {
    line-height: 30px;
    padding-right: 0;
  }
}
.salon-about .salon-item-title {
  padding-left: 113px;
  vertical-align: middle;
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .salon-about .salon-item-title {
    padding: 28px 0 28px 40px;
  }
}
@media screen and (max-width: 767px) {
  .salon-about .salon-item-title1 {
    vertical-align: top;
  }
}
.salon-about .salon-item-title2 {
  border: none;
}

@media screen and (max-width: 767px) {
  .salon-about .salon-item-content {
    padding: 28px 0 28px 10px;
  }
}
.salon-about .salon-item {
  color: #000000;
  border-bottom: 1px solid #e3e3e3;
}

.salon-about .salon-item:last-child {
  border: none;
}

.top-salon-loop__wrapper {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .top-salon-loop__wrapper {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .top-salon-loop__wrapper .loop-img {
    width: 650vw;
    margin-top: 29px;
  }
}
.company__link {
  display: flex;
  background-color: #ffffff;
  max-width: 1320px;
  width: 100%;
  height: 298px;
  font-size: 90px;
  margin-bottom: 45px;
  line-height: 120px;
  text-align: left;
  margin: auto;
  margin-bottom: 82px;
}

@media screen and (max-width: 767px) {
  .company__link {
    position: relative;
    width: 350px;
    height: 202px;
  }
}
.link-left {
  background-color: #656fa8;
  max-width: 743px;
  width: 100%;
  text-align: center;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .link-left {
    text-align: left;
    padding-left: 28px;
  }
}
.link-left .link-text {
  display: inline-block;
  font-size: 34px;
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .link-left .link-text {
    padding-top: 80px;
    display: block;
    font-size: 18px;
    line-height: 21px;
  }
}
.link-left .nav-btn {
  display: block;
  color: #ffffff;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .link-left .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.link-left .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .link-left .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.link-left .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #ffffff;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .link-left .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
@media screen and (max-width: 767px) {
  .link-left .nav-btn {
    margin-left: -15px;
  }
}
.link-left .nav-btn-text {
  line-height: 15px;
  text-align: center;
}

.toplink-right {
  width: 100%;
  background: url(../img/top/link-img.png) no-repeat center center/cover;
}

@media screen and (max-width: 767px) {
  .toplink-right {
    position: absolute;
    width: 196px;
    height: 202px;
    right: 0;
    background: url(../img/top/link-img-sp.png) no-repeat center center/cover;
  }
}
.line__link {
  display: flex;
  background-color: #ffffff;
  max-width: 1320px;
  width: 100%;
  height: 298px;
  font-size: 90px;
  margin-bottom: 45px;
  line-height: 120px;
  text-align: left;
  margin: auto;
  margin-top: 82px;
  margin-bottom: 82px;
}

.line__link .link-left {
  background-color: rgba(41, 50, 105, 0.84);
}

@media screen and (max-width: 767px) {
  .line__link {
    position: relative;
    width: 350px;
    height: 202px;
  }
}
.linelink-right {
  width: 100%;
  background: url(../img/top/line.png) no-repeat center center/cover;
}

@media screen and (max-width: 767px) {
  .linelink-right {
    position: absolute;
    width: 196px;
    height: 202px;
    right: 0;
    background: url(../img/top/line-sp.png) no-repeat center center/cover;
  }
}
.link-right_instagram {
  width: 100%;
  background: url(../img/top/instagram__th.png) no-repeat center center/cover;
}

@media screen and (max-width: 767px) {
  .link-right_instagram {
    position: absolute;
    width: 196px;
    height: 202px;
    left: 0;
    background: url(../img/top/instagram-sp.png) no-repeat center center/cover;
  }
}
.instagram__link {
  height: 298px;
  display: flex;
  max-width: 1320px;
  flex-direction: row-reverse;
  width: 100%;
  margin-bottom: 45px;
  line-height: 120px;
  text-align: left;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .instagram__link {
    position: relative;
    width: 350px;
    height: 202px;
  }
}
.instagram__link .link-left {
  background-color: #7997b5;
}

@media screen and (max-width: 767px) {
  .instagram__link .link-left {
    text-align: right;
    padding-right: 43px;
  }
}
.instagram__link .link-left .nav-btn {
  display: block;
  color: #ffffff;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  .instagram__link .link-left .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.instagram__link .link-left .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .instagram__link .link-left .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.instagram__link .link-left .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #ffffff;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .instagram__link .link-left .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
@media screen and (max-width: 767px) {
  .instagram__link .link-left .nav-btn {
    margin-right: -10px;
  }
}
.salon-about-right {
  display: flex;
  flex-direction: column;
  gap: 21px;
  padding: 0 58px;
}

@media screen and (max-width: 767px) {
  .salon-about-right {
    display: none;
  }
}
/*================================
contact
================================*/
.contact {
  height: 891px;
  width: 100%;
  background: url(../img/top/contact__bgi.png) no-repeat center center/cover;
  position: relative;
}

@media screen and (max-width: 767px) {
  .contact {
    height: 355px;
  }
}
.contact-btn {
  border: 1px solid #e5e5e5;
  display: inline-block;
  height: 447px;
  width: 827px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: rgba(81, 89, 129, 0.44);
}

@media screen and (max-width: 767px) {
  .contact-btn {
    max-width: 328px;
    width: 90%;
    height: 178px;
  }
}
.contact-btn .contact-btn__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.contact-btn .contact-btn__content p {
  font-size: 80px;
  color: #ffffff;
  opacity: 0.3;
  line-height: 0.6;
}

@media screen and (max-width: 767px) {
  .contact-btn .contact-btn__content p {
    font-size: 31px;
  }
}
.contact-btn .contact-btn__content h2 {
  font-size: 80px;
  color: #ffffff;
}

@media screen and (max-width: 767px) {
  .contact-btn .contact-btn__content h2 {
    font-size: 31px;
  }
}
/*================================

================================*/
/*================================
our-works__top
================================*/
.our-works__top {
  margin-top: 168px;
  text-align: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .our-works__top {
    margin-top: 89px;
  }
}
.our-works__top__textarea1 {
  color: #ba8e68;
  font-size: 40px;
  line-height: 53px;
}

@media screen and (max-width: 767px) {
  .our-works__top__textarea1 {
    font-size: 18px;
    line-height: 35px;
  }
}
.our-works__top__textarea2 {
  margin-top: 133px;
  line-height: 43px;
  margin-bottom: 119px;
}

@media screen and (max-width: 767px) {
  .our-works__top__textarea2 {
    text-align: left;
    margin-top: 65px;
    line-height: 30px;
    margin-bottom: 68px;
    text-align: justify;
  }
}
/*================================
our-works__content1
================================*/
/*================================
our-works__content3
================================*/
.title-nm {
  width: 150px;
  height: 150px;
  margin-bottom: -40px;
}

@media screen and (max-width: 767px) {
  .title-nm {
    width: 79px;
    height: 79px;
    margin-bottom: -18px;
  }
}
.our-works__content1,
.our-works__content3 {
  margin-bottom: 163px;
}

.our-works__content1 .section-title,
.our-works__content3 .section-title {
  background-color: #d0d1f4;
  max-width: 1084px;
  width: 100%;
  height: 352px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.our-works__content1 .section-title .title-text__wrapper,
.our-works__content3 .section-title .title-text__wrapper {
  max-width: 1084px;
  text-align: left;
  height: 352px;
  background-color: #d0d1f4;
  padding-top: 27px;
  position: relative;
  font-size: 50px;
  padding-left: 97px;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .section-title .title-text__wrapper,
  .our-works__content3 .section-title .title-text__wrapper {
    font-size: 18px;
    padding-left: 15px;
    height: 118px;
    padding-top: 0;
  }
}
.our-works__content1 .section-title .title-text__wrapper img,
.our-works__content3 .section-title .title-text__wrapper img {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .section-title .title-text__wrapper img,
  .our-works__content3 .section-title .title-text__wrapper img {
    width: 130px;
    height: 57px;
  }
}
.our-works__content1 .section-title .title-text__wrapper .title-text1,
.our-works__content3 .section-title .title-text__wrapper .title-text1 {
  line-height: 67px;
  border-bottom: 1px solid #707070;
  padding: 41px 0 29px 0;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .section-title .title-text__wrapper .title-text1,
  .our-works__content3 .section-title .title-text__wrapper .title-text1 {
    white-space: nowrap;
    padding: 19px 0 11px 0;
    line-height: 27px;
  }
}
.our-works__content1 .section-title .title-text__wrapper .title-text2,
.our-works__content3 .section-title .title-text__wrapper .title-text2 {
  line-height: 67px;
  border-bottom: 1px solid #707070;
  padding: 45px 0 32px 0;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .section-title .title-text__wrapper .title-text2,
  .our-works__content3 .section-title .title-text__wrapper .title-text2 {
    padding: 11px 0 11px 0;
    line-height: 27px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .our-works__content1 .section-title,
  .our-works__content3 .section-title {
    height: 118px;
  }
}
.our-works__content1 .text-area,
.our-works__content3 .text-area {
  max-width: 743px;
  width: 100%;
  line-height: 40px;
  margin-top: 111px;
  margin-left: 97px;
  height: 384px;
}

.our-works__content1 .text-area p + p,
.our-works__content3 .text-area p + p {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .text-area p + p,
  .our-works__content3 .text-area p + p {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .our-works__content1 .text-area,
  .our-works__content3 .text-area {
    line-height: 30px;
    margin: 0;
    margin-top: 52px;
    height: auto;
    text-align: justify;
    padding: 10px;
  }
}
.our-works__content1 .content__wrapper,
.our-works__content3 .content__wrapper {
  justify-content: center;
  gap: 80px;
  display: flex;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .content__wrapper,
  .our-works__content3 .content__wrapper {
    flex-direction: column;
    gap: 51px;
  }
}
.our-works__content1 .content__wrapper .content__right,
.our-works__content3 .content__wrapper .content__right {
  display: flex;
  margin-top: -163px;
  margin-left: 144px;
  z-index: 10;
  height: 890px;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .content__wrapper .content__right,
  .our-works__content3 .content__wrapper .content__right {
    height: auto;
    margin-top: 0px;
    margin-right: 0;
  }
}
.our-works__content1 .content__wrapper .content__right img,
.our-works__content3 .content__wrapper .content__right img {
  padding: 6px;
}

@media screen and (max-width: 767px) {
  .our-works__content1 .content__wrapper .content__right img,
  .our-works__content3 .content__wrapper .content__right img {
    height: 250px;
    width: 107px;
  }
}
.our-works__content3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 356px;
}

@media screen and (max-width: 767px) {
  .our-works__content3 {
    margin-bottom: 91px;
  }
}
@media screen and (min-width: 768px) {
  .our-works__content3 .container {
    width: 60%;
  }
}
.our-works__content3 .text-area {
  margin-left: 0;
}

/*================================
our-works__content2
================================*/
.title-nm2 {
  position: absolute;
  right: 0;
  top: 30px;
  width: 150px;
  height: 150px;
  margin-top: -150px;
}

@media screen and (max-width: 767px) {
  .title-nm2 {
    position: inherit;
    width: 79px;
    height: 79px;
    margin-bottom: -20px;
  }
}
.our-works__content2 {
  margin-bottom: 168px;
}

@media screen and (max-width: 767px) {
  .our-works__content2 {
    margin-bottom: 63px;
  }
}
.our-works__content2 .section-title {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.our-works__content2 .section-title .title-text__wrapper {
  max-width: 1084px;
  text-align: left;
  height: 352px;
  background-color: #ededed;
  padding-top: 27px;
  position: relative;
  font-size: 50px;
  padding-left: 97px;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .section-title .title-text__wrapper {
    font-size: 18px;
    padding-left: 15px;
    height: 118px;
    padding-top: 0;
  }
}
.our-works__content2 .section-title .title-text__wrapper img {
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .section-title .title-text__wrapper img {
    width: 130px;
    height: 57px;
  }
}
.our-works__content2 .section-title .title-text__wrapper .title-text1 {
  line-height: 67px;
  border-bottom: 1px solid #707070;
  padding: 41px 0 29px 0;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .section-title .title-text__wrapper .title-text1 {
    white-space: nowrap;
    padding: 19px 0 11px 0;
    line-height: 27px;
  }
}
.our-works__content2 .section-title .title-text__wrapper .title-text2 {
  line-height: 67px;
  border-bottom: 1px solid #707070;
  padding: 45px 0 32px 0;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .section-title .title-text__wrapper .title-text2 {
    padding: 11px 0 11px 0;
    line-height: 27px;
    white-space: nowrap;
  }
}
@media screen and (max-width: 767px) {
  .our-works__content2 .section-title {
    align-items: flex-start;
  }
}
.our-works__content2 .section-title .title-text__wrapper {
  margin-right: 0;
  margin-right: auto;
  padding-left: 0;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .section-title .title-text__wrapper {
    width: 100%;
    padding-left: 15px;
    margin: auto;
  }
}
.our-works__content2 .text-area {
  max-width: 743px;
  line-height: 40px;
  margin-top: 111px;
  text-align: left;
  margin-right: 30px;
}

.our-works__content2 .text-area p + p {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .text-area p + p {
    margin-top: 45px;
  }
}
@media screen and (max-width: 767px) {
  .our-works__content2 .text-area {
    line-height: 30px;
    margin-top: 52px;
    height: auto;
    margin-bottom: 51px;
    padding-left: 0;
    margin-right: 0;
    text-align: justify;
  }
}
.our-works__content2 .content__wrapper {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .content__wrapper {
    flex-direction: column-reverse;
  }
}
.our-works__content2 .content__wrapper .content__left {
  margin-left: calc(49% - 50vw);
  margin-right: calc(50% - 50vw);
  margin-top: 254px;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .content__wrapper .content__left {
    margin: 0;
  }
}
.our-works__content2 .content__wrapper .content__right {
  width: 140%;
  display: flex;
  flex-direction: column;
  background-color: #ededed;
  padding-left: 288px;
  padding-right: 63px;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .content__wrapper .content__right {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #ffffff;
  }
}
.our-works__content2 .content__wrapper img {
  padding: 5px;
}

@media screen and (max-width: 767px) {
  .our-works__content2 .content__wrapper img {
    width: 253px;
    display: flex;
  }
}
/*================================
our-works__content4
================================*/
.our-works__content4 {
  background: url(../img/features/content4-bg.png) no-repeat center center/cover;
  color: #ffffff;
  position: relative;
  padding-bottom: 250px;
}

@media screen and (max-width: 767px) {
  .our-works__content4 {
    padding-bottom: 169px;
  }
}
.our-works__content4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #2a2d71;
  opacity: 0.85;
}

.our-works__content4 .container {
  position: relative;
}

.our-works__content4 .content4__top {
  padding-top: 192px;
  padding-bottom: 182px;
  text-align: center;
  max-width: 1006px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .our-works__content4 .content4__top {
    padding-top: 96px;
    padding-bottom: 120px;
  }
}
.our-works__content4 .content4__top .content4__top__textarea1 {
  font-size: 40px;
  line-height: 53px;
}

@media screen and (max-width: 767px) {
  .our-works__content4 .content4__top .content4__top__textarea1 {
    font-size: 18px;
    line-height: 35px;
  }
}
.our-works__content4 .content4__top .content4__top__textarea2 {
  margin-top: 155px;
  font-size: 20px;
  line-height: 50px;
}

@media screen and (max-width: 767px) {
  .our-works__content4 .content4__top .content4__top__textarea2 {
    margin-top: 72px;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
    text-align: justify;
  }
}
.content4__nav-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 100px;
}

@media screen and (max-width: 767px) {
  .content4__nav-list {
    gap: 0px;
  }
}
.content4__nav-list .content4__nav-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 458px;
  margin-bottom: 134px;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item {
    padding-bottom: 62px;
    margin: auto;
  }
}
.content4__nav-list .content4__nav-item img {
  width: 317px;
  margin-bottom: -49px;
  z-index: 10;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item img {
    width: 192px;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea {
  border: 1px solid #ffffff;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.content4__nav-list .content4__nav-item .nav-item__textarea .nav-item__title {
  text-align: center;
  margin-top: 80px;
  margin-bottom: 44px;
  font-size: 35px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-item__title {
    font-size: 20px;
    margin: 63px 0 33px 0;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea .nav-item__text {
  flex-grow: 1;
  padding: 0 20px;
  margin-bottom: 123px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-item__text {
    line-height: 30px;
    margin-bottom: 30px;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn {
  display: block;
  color: #ffffff;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
  margin: 0 auto;
  margin-bottom: 57px;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #ffffff;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #ffffff;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn .border-right {
    height: 10px;
    right: 3px;
  }
}
@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn {
    margin-bottom: 24px;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn:hover {
  border-radius: 12px;
  background-color: #fff;
  display: block;
  color: #555e84;
  width: 177px;
  font-size: 20px;
  position: relative;
  text-align: center;
  padding: 10px 20px 15px 20px;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn:hover {
    width: 108px;
    height: 30px;
    font-size: 14px;
    padding: 5px;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn:hover .border {
  position: relative;
  width: 140px;
  border-bottom: 1px solid #555e84;
  position: absolute;
  left: 32px;
  bottom: 10px;
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn:hover .border {
    width: 90px;
    bottom: 5px;
    left: 20px;
  }
}
.content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn:hover .border-right {
  position: absolute;
  bottom: -2px;
  right: 5px;
  height: 15px;
  border-right: 1px solid #555e84;
  transform: rotate(135deg);
}

@media screen and (max-width: 767px) {
  .content4__nav-list .content4__nav-item .nav-item__textarea .nav-btn:hover .border-right {
    height: 10px;
    right: 3px;
  }
}
/*================================
our-works__content5
================================*/
.before-after-wrapper {
  display: flex;
  justify-content: space-between;
}

.before {
  padding: 10px;
  font-size: 30px;
}

.after {
  font-size: 30px;
  padding: 10px 20px 10px 0;
}

.our-works__content5 {
  margin-bottom: 508px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 {
    margin-bottom: 138px;
  }
  .before,
  .after {
    font-size: 15px;
  }
}
.our-works__content5 .container {
  max-width: 1502px;
}

.our-works__content5 .section__title {
  text-align: center;
  margin-bottom: 186px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .section__title {
    margin-bottom: 39px;
  }
}
.our-works__content5 .content5__img {
  /*アロー左*/
  /*ページネーション*/
  /*ページネーションマージン*/
  /*ページネーションactive時*/
  /*ページネーション位置*/
  display: flex;
  justify-content: center;
  justify-content: space-between;
}

.our-works__content5 .content5__img .swiper-slide {
  position: relative;
  max-width: 1502px;
  display: flex;
  flex-direction: column;
  /*スライダー*/
}

.our-works__content5 .content5__img .swiper-slide .slide-img {
  display: flex;
  padding: 0 5px;
}

.our-works__content5 .content5__img .swiper-slide .slide-img-child {
  height: 400px;
  width: 49.5%;
  padding: 6px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__img .swiper-slide .slide-img-child {
    height: 189px;
  }
}
.our-works__content5 .content5__img .swiper-slide .slide-img-child2 {
  height: 627px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__img .swiper-slide .slide-img-child2 {
    height: 189px;
  }
}
.our-works__content5 .content5__img .slide_1 {
  background: url(../img/our-works/content5__5.png) no-repeat center center/cover;
}

.our-works__content5 .content5__img .slide_2 {
  background: url(../img/our-works/content5__6.png) no-repeat center center/cover;
}

.our-works__content5 .content5__img .swiper-button-next {
  top: 300px;
  width: 45px;
  height: 39px;
  margin-top: -22.5px;
  right: -97px;
  margin-left: 30px;
  background: url(../img//features/arrow__right.png) no-repeat center center/contain;
}

.our-works__content5 .content5__img .swiper-button-next::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__img .swiper-button-next {
    right: 0;
    margin-top: 380px;
  }
}
.our-works__content5 .content5__img .swiper-button-prev {
  left: -97px;
  top: 300px;
  width: 45px;
  height: 39px;
  margin-top: -22.5px;
  background: url(../img/features/arrow__left.png) no-repeat center center/contain;
}

.our-works__content5 .content5__img .swiper-button-prev::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__img .swiper-button-prev {
    left: 0;
    margin-top: 380px;
  }
}
.our-works__content5 .content5__img .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: #c4c3c3;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__img .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
  }
}
.our-works__content5 .content5__img .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.our-works__content5 .content5__img .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 18px;
  margin-right: 18px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__img .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .our-works__content5 .content5__img .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.our-works__content5 .content5__img .swiper-pagination-bullet-active {
  background-color: #53558d;
}

.our-works__content5 .content5__img .swiper-horizontal > .swiper-pagination-bullets,
.our-works__content5 .content5__img .swiper-pagination-bullets.swiper-pagination-horizontal,
.our-works__content5 .content5__img .swiper-pagination-custom,
.our-works__content5 .content5__img .swiper-pagination-fraction {
  bottom: 300px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__img .swiper-horizontal > .swiper-pagination-bullets,
  .our-works__content5 .content5__img .swiper-pagination-bullets.swiper-pagination-horizontal,
  .our-works__content5 .content5__img .swiper-pagination-custom,
  .our-works__content5 .content5__img .swiper-pagination-fraction {
    bottom: 200px;
  }
}
.our-works__content5 .content5__text {
  margin-top: 78px;
  line-height: 40px;
  margin-bottom: 500px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .content5__text {
    margin-top: 57px;
    line-height: 30px;
    margin-bottom: 274px;
  }
}
.our-works__content5 .swiper-content-title {
  z-index: 10;
  align-items: center;
  justify-content: center;
  background: #3d3f65;
  color: #ffffff;
  font-size: 35px;
  display: flex;
  max-width: 562px;
  height: 126px;
  width: 100%;
  margin-left: 20px;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3), 0 0 0 10px #3d3f65;
}

.our-works__content5 .swiper-content-title span {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .our-works__content5 .swiper-content-title span {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .our-works__content5 .swiper-content-title {
    font-size: 20px;
    max-width: 241px;
    height: 54px;
    flex-direction: column;
    gap: 10px;
  }
}
/*================================
product
================================*/
.menu__nav {
  position: relative;
}

.menu__navlist {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 112px;
  margin-bottom: 186px;
  gap: 27px;
}

@media screen and (max-width: 767px) {
  .menu__navlist {
    margin-top: 49px;
    margin-bottom: 115px;
  }
}
.menu-nav-item {
  display: flex;
  background-color: #53558d;
  justify-content: center;
  align-items: center;
  max-width: 452px;
  height: 88px;
  width: 100%;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .menu-nav-item {
    margin: auto;
    margin-bottom: 30px;
    max-width: 258px;
    height: 50px;
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .menu-nav-item {
    margin-bottom: 0;
  }
}
.menu-nav-item:hover {
  color: #53558d;
  background-color: white;
  border: 1px solid #d1d1d1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.menu-nav-item:nth-child(even) {
  background-color: #25295c;
}

.menu-nav-item:nth-child(even):hover {
  color: #53558d;
  background-color: white;
  border: 1px solid #d1d1d1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.menu-about {
  text-align: center;
  margin-bottom: 248px;
}

@media screen and (max-width: 767px) {
  .menu-about {
    margin-bottom: 136px;
  }
}
.menu-about .menu__title {
  text-align: center;
  color: #ffffff;
  font-size: 37px;
  font-weight: 600;
  margin-bottom: 97px;
}

.menu-about .menu__title .menu-title-en {
  font-size: 116px;
  color: #cccccc;
  opacity: 0.26;
  margin-bottom: -35px;
}

@media screen and (max-width: 767px) {
  .menu-about .menu__title .menu-title-en {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: -15px;
  }
}
.menu-about .menu__title .menu-title-ja {
  background-color: #53558d;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .menu-about .menu__title .menu-title-ja {
    font-size: 20px;
    padding: 14px 0;
    margin-bottom: 52px;
    line-height: 32px;
  }
}
.menu-about .hairremoval-textarea {
  line-height: 40px;
  margin-bottom: 140px;
}

@media screen and (max-width: 767px) {
  .menu-about .hairremoval-textarea {
    line-height: 30px;
    text-align: left;
    margin-bottom: 80px;
  }
}
.menu-about .menu-content-imagearea {
  margin-bottom: 158px;
}

@media screen and (max-width: 767px) {
  .menu-about .menu-content-imagearea {
    display: none;
  }
}
.menu-about .before-after__wrapper {
  margin-bottom: 170px;
}

@media screen and (max-width: 767px) {
  .menu-about .before-after__wrapper {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .menu-about .before-after__wrapper .before-after__content {
    margin-bottom: 0;
  }
}
.menu-about-loop__wrapper {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .menu-about-loop__wrapper {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .menu-about-loop__wrapper {
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 767px) {
  .menu-about-loop__wrapper .loop-img {
    width: 750vw;
    margin-top: 29px;
  }
  .menu-about-loop__wrapper .loop-img li {
    padding: 0;
  }
}
.price-content2 {
  max-width: 1038px;
  margin: auto;
}

.price-content2-item {
  margin-bottom: 78px;
}

@media screen and (max-width: 767px) {
  .price-content2-item {
    margin-bottom: 28px;
  }
}
.menu-about__price-wrapper .price-content {
  margin-top: 80px;
}

.menu-about__price-wrapper .price-title {
  font-size: 45px;
  color: #b28b69;
  margin-bottom: 30px;
  margin-top: 100px;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-title {
    font-size: 20px;
    margin-top: 45px;
  }
}
.price-list {
  border-collapse: collapse;
  margin: auto;
  border: solid 2px #b28c69;
}

.price-list .price-list-title1 {
  width: 150px;
}

@media screen and (max-width: 767px) {
  .price-list .price-list-title1 {
    width: 54px;
  }
}
.price-list .price-list-title2 {
  width: 185px;
}

@media screen and (max-width: 767px) {
  .price-list .price-list-title2 {
    width: 80px;
  }
}
.price-list .price-list-title3 {
  width: 217px;
}

@media screen and (max-width: 767px) {
  .price-list .price-list-title3 {
    width: 70px;
  }
}
.price-list .price-list-title4 {
  width: 168px;
}

@media screen and (max-width: 767px) {
  .price-list .price-list-title4 {
    width: 62px;
  }
}
.price-list th {
  border-right: solid 2px #b28c69;
  border-bottom: solid 3px #b28c69;
  padding: 10px 0;
}

@media screen and (max-width: 767px) {
  .price-list th {
    font-size: 7px;
  }
}
.price-list th span {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .price-list th span {
    font-size: 6px;
  }
}
.price-list td {
  border-right: solid 2px #b28c69;
  padding: 13px 0;
  font-size: 20px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .price-list td {
    font-size: 8px;
    padding: 5px 0;
  }
}
.menu-about-title {
  font-size: 37px;
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 767px) {
  .menu-about-title {
    font-size: 25px;
  }
}
.menu-about-title:before,
.menu-about-title:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 497px;
  height: 6px;
  content: "";
  border-top: solid 1px #b28b69;
  border-bottom: solid 1px #b28b69;
}

@media screen and (max-width: 767px) {
  .menu-about-title:before,
  .menu-about-title:after {
    width: 120px;
    overflow: hidden;
  }
}
.menu-about-title:before {
  left: 130px;
}

@media screen and (max-width: 767px) {
  .menu-about-title:before {
    left: 93px;
  }
}
.menu-about-title:after {
  right: 130px;
}

@media screen and (max-width: 767px) {
  .menu-about-title:after {
    right: 93px;
  }
}
.menu-content-imagearea {
  width: 100%;
  display: flex;
  height: 236px;
}

.imagearea-content-img {
  width: 100%;
}

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

.menu-about2 .porecare_content {
  padding-bottom: 111px;
  background-color: #ededed;
  padding-top: 111px;
  padding-bottom: 221px;
}

@media screen and (max-width: 767px) {
  .menu-about2 .porecare_content {
    padding-top: 97px;
  }
}
@media screen and (max-width: 767px) {
  .menu-about2 .porecare_content .before-after__content {
    margin-bottom: 10px;
  }
}
.menu-about2 .porecare_textarea {
  margin: auto;
  margin-bottom: 220px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  .menu-about2 .porecare_textarea {
    text-align: left;
    line-height: 30px;
    height: auto;
    margin-bottom: 79px;
  }
}
.menu-about2 .menu__title {
  text-align: center;
  color: #ffffff;
  font-size: 37px;
  font-weight: 600;
}

.menu-about2 .menu__title .menu-title-en {
  font-size: 116px;
  color: #cccccc;
  opacity: 0.26;
  margin-bottom: -35px;
}

@media screen and (max-width: 767px) {
  .menu-about2 .menu__title .menu-title-en {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: -15px;
  }
}
.menu-about2 .menu__title .menu-title-ja {
  background-color: #25295c;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .menu-about2 .menu__title .menu-title-ja {
    font-size: 20px;
    padding: 14px 0;
    line-height: 32px;
  }
}
.menu-about2 .menu-content-imagearea {
  margin-bottom: 158px;
}

@media screen and (max-width: 767px) {
  .menu-about2 .menu-content-imagearea {
    display: none;
  }
}
.menu-about__price-wrapper .price-list2 {
  border-collapse: collapse;
  margin: auto;
  margin-bottom: 124px;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 {
    margin-bottom: 60px;
  }
}
.menu-about__price-wrapper .price-list2 .pricetext-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.menu-about__price-wrapper .price-list2 .pricetext {
  width: 136px;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 .pricetext {
    width: 51px;
    font-size: 10px;
  }
}
.menu-about__price-wrapper .price-list2 td {
  vertical-align: middle;
}

.menu-about__price-wrapper .price-list2 .price-list2-title1 {
  width: 380px;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 .price-list2-title1 {
    width: 140px;
  }
}
.menu-about__price-wrapper .price-list2 .price-list2-title2 {
  width: 300px;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 .price-list2-title2 {
    width: 111px;
  }
}
.menu-about__price-wrapper .price-list2 .price-list2-title3 {
  width: 250px;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 .price-list2-title3 {
    width: 94px;
  }
}
.menu-about__price-wrapper .price-list2 .text1 {
  font-size: 35px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 .text1 {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 .text2 {
    font-size: 10px;
    padding: 0 10px;
  }
}
.menu-about__price-wrapper .price-list2 .price {
  font-size: 40px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .menu-about__price-wrapper .price-list2 .price {
    font-size: 14px;
  }
}
.menu-about__price-wrapper .price-list2 th,
.menu-about__price-wrapper .price-list2 td {
  padding: 15px 0;
  border: solid 2px #b28c69;
}

.menu-about__price-wrapper .price-list {
  margin-bottom: 0;
}

.porecare-text {
  text-align: center;
  line-height: 40px;
  margin-bottom: 77px;
}

.product-about3 {
  margin-top: -80px;
  text-align: center;
}

.product-about3 .peeling_textarea {
  margin: auto;
  max-width: 985px;
  width: 100%;
  height: 185px;
  line-height: 40px;
  margin-bottom: 130px;
}

@media screen and (max-width: 767px) {
  .product-about3 .peeling_textarea {
    text-align: left;
    line-height: 30px;
    height: auto;
  }
  .product-about3 .peeling_textarea .pc-br {
    display: none;
  }
}
.product-about3 .product__title {
  text-align: center;
  color: #ffffff;
  font-size: 37px;
  font-weight: 600;
  margin-bottom: 97px;
}

.product-about3 .product__title .menu-title-en {
  font-size: 116px;
  color: #cccccc;
  opacity: 0.26;
  margin-bottom: -35px;
}

@media screen and (max-width: 767px) {
  .product-about3 .product__title .menu-title-en {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: -15px;
  }
}
.product-about3 .product__title .menu-title-ja {
  background-color: #53558d;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .product-about3 .product__title .menu-title-ja {
    font-size: 20px;
    padding: 14px 0;
    margin-bottom: 52px;
    line-height: 32px;
  }
}
.product-about3 .menu-content-imagearea {
  margin-bottom: 157px;
}

@media screen and (max-width: 767px) {
  .product-about3 .menu-content-imagearea {
    display: none;
  }
}
.product-about3 .before-after__wrapper {
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .product-about3 .before-after__wrapper .before-after__content {
    margin-bottom: 74px;
  }
}
.product-about3 .menu-about__price-wrapper {
  margin-bottom: 50px;
}

.product-about3 .menu-about__price-wrapper .price-list2-title1 {
  width: 423px;
}

@media screen and (max-width: 767px) {
  .product-about3 .menu-about__price-wrapper .price-list2-title1 {
    width: 180px;
  }
}
@media screen and (max-width: 767px) {
  .product-about3 .menu-about__price-wrapper .price-list2-title2 {
    width: 94px;
  }
}
@media screen and (max-width: 767px) {
  .product-about3 .menu-about__price-wrapper .price-list2-title3 {
    width: 180px;
  }
}
.product-about3 .menu-about__price-wrapper .pricetext2 {
  display: inline-block;
  margin-left: -52px;
}

@media screen and (max-width: 767px) {
  .product-about3 .menu-about__price-wrapper .pricetext2 {
    margin-left: -25px;
    font-size: 10px;
  }
}
.product-about3 .menu-about__price-wrapper .text1,
.product-about3 .menu-about__price-wrapper .text2 {
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .product-about3 .menu-about__price-wrapper .text1 {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .product-about3 .menu-about__price-wrapper .text2 {
    margin-top: 13px;
  }
}
.product-about3 .menu-about__price-wrapper .first {
  margin-left: -5px;
  width: 163px;
}

@media screen and (max-width: 767px) {
  .product-about3 .menu-about__price-wrapper .first {
    width: 59px;
  }
}
.product-about4 {
  text-align: center;
}

.product-about4 .menu-about4__content-wrapper {
  padding-top: 123px;
  background-color: #ededed;
  padding-bottom: 260px;
}

@media screen and (max-width: 767px) {
  .product-about4 .menu-about4__content-wrapper {
    padding-top: 65px;
    padding-bottom: 164px;
  }
}
.product-about4 .product__title {
  text-align: center;
  color: #ffffff;
  font-size: 37px;
  font-weight: 600;
}

.product-about4 .product__title .menu-title-en {
  font-size: 116px;
  color: #cccccc;
  opacity: 0.26;
  margin-bottom: -35px;
}

@media screen and (max-width: 767px) {
  .product-about4 .product__title .menu-title-en {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: -15px;
  }
}
.product-about4 .product__title .menu-title-ja {
  background-color: #25295c;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .product-about4 .product__title .menu-title-ja {
    font-size: 20px;
    padding: 14px 0;
    margin-bottom: 52px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .product-about4 .product__title .menu-title-ja {
    margin-bottom: 0;
  }
}
.product-about4 .Whitening_textarea {
  line-height: 40px;
  max-width: 1087px;
  margin: auto;
  height: 185px;
  margin-bottom: 94px;
}

@media screen and (max-width: 767px) {
  .product-about4 .Whitening_textarea {
    line-height: 30px;
    text-align: left;
  }
}
.product-about4 .menu-content-imagearea {
  margin-bottom: 137px;
}

@media screen and (max-width: 767px) {
  .product-about4 .menu-content-imagearea {
    display: none;
  }
}
.product-about4 .price-list2 {
  padding: 28px 0;
  border: solid 2px #b28c69;
  width: 447px;
}

@media screen and (max-width: 767px) {
  .product-about4 .price-list2 {
    width: 305px;
  }
}
.product-about4 .price-list2 .pricetext1 {
  width: 180px;
}

@media screen and (max-width: 767px) {
  .product-about4 .price-list2 .pricetext1 {
    font-size: 18px;
  }
}
.product-about4 .price-list2 .pricetext2 {
  width: 157px;
}

@media screen and (max-width: 767px) {
  .product-about4 .price-list2 .pricetext2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .product-about4 .price-list2 .price {
    font-size: 25px;
  }
}
.product-about4 .pricetext-wrapper + .pricetext-wrapper {
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .product-about4 .before-after__wrapper .before-after__content {
    margin-bottom: 0;
  }
}
.product-about5 {
  margin-top: -120px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .product-about5 {
    margin-top: -60px;
  }
}
.product-about5 .product-about5-wrapper {
  margin-bottom: 200px;
}

.product-about5 .product__title {
  text-align: center;
  color: #ffffff;
  font-size: 37px;
  font-weight: 600;
  margin-bottom: 111px;
}

.product-about5 .product__title .menu-title-en {
  font-size: 116px;
  color: #cccccc;
  opacity: 0.26;
  margin-bottom: -35px;
}

@media screen and (max-width: 767px) {
  .product-about5 .product__title .menu-title-en {
    font-size: 45px;
    line-height: 45px;
    margin-bottom: -15px;
  }
}
.product-about5 .product__title .menu-title-ja {
  background-color: #53558d;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .product-about5 .product__title .menu-title-ja {
    font-size: 20px;
    padding: 14px 0;
    margin-bottom: 52px;
    line-height: 32px;
  }
}
@media screen and (max-width: 767px) {
  .product-about5 .product__title {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .product-about5 .product__title .menu-title-ja {
    margin-bottom: 0;
  }
}
.product-about5 .Wedding_textarea {
  line-height: 40px;
  margin: auto;
  text-align: center;
  margin-bottom: 144px;
}

@media screen and (max-width: 767px) {
  .product-about5 .Wedding_textarea {
    margin-bottom: 69px;
    margin-top: 52px;
    text-align: left;
    line-height: 30px;
  }
  .product-about5 .Wedding_textarea .pc-br {
    display: none;
  }
}
.product-about5 .menu-content-imagearea {
  margin-bottom: 171px;
}

@media screen and (max-width: 767px) {
  .product-about5 .menu-content-imagearea {
    display: none;
  }
}
.product-about5 .menu-about-title {
  margin-bottom: 105px;
  font-size: 35px;
}

@media screen and (max-width: 767px) {
  .product-about5 .menu-about-title {
    font-size: 18px;
  }
}
.product-about5 .menu-about-title:before,
.product-about5 .menu-about-title:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 290px;
  height: 6px;
  content: "";
  border-top: solid 1px #b28b69;
  border-bottom: solid 1px #b28b69;
}

@media screen and (max-width: 767px) {
  .product-about5 .menu-about-title:before,
  .product-about5 .menu-about-title:after {
    width: 40px;
  }
}
.product-about5 .menu-about-title:before {
  left: 590px;
}

@media screen and (max-width: 767px) {
  .product-about5 .menu-about-title:before {
    left: 280px;
  }
}
.product-about5 .menu-about-title:after {
  right: 590px;
}

@media screen and (max-width: 767px) {
  .product-about5 .menu-about-title:after {
    right: 280px;
  }
}
.product-about5 .plan-list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 176px;
}

@media screen and (max-width: 767px) {
  .product-about5 .plan-list {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .product-about5 .plan-list .plan-list-item + .plan-list-item {
    margin-top: 140px;
  }
}
.product-about5 .plan-list .plan-list-item {
  border: solid 1px #c4c4c4;
  display: flex;
  flex-direction: column;
  width: 30%;
  height: auto;
  position: relative;
}

@media screen and (max-width: 767px) {
  .product-about5 .plan-list .plan-list-item {
    width: 100%;
  }
}
.product-about5 .plan-list .plan-list-item .plan-list-item-title {
  font-size: 23px;
  color: #111574;
  padding-top: 34px;
}

.product-about5 .plan-list .plan-list-item .plan-list-item-text {
  width: 100%;
  font-size: 16px;
  text-align: left;
  padding: 42px 24px 0 24px;
  line-height: 35px;
  height: auto;
  margin-bottom: 54px;
  flex-grow: 1;
}

@media screen and (max-width: 767px) {
  .product-about5 .plan-list .plan-list-item .plan-list-item-text {
    margin-bottom: 84px;
  }
}
.product-about5 .plan-list .plan-list-item .wedding-about-img {
  position: absolute;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .product-about5 .plan-list .plan-list-item .wedding-about-img {
    bottom: -100px;
    width: 319px;
  }
}
.product-about5 .menu-about__price-wrapper .menu-about-title2 {
  font-size: 37px;
  display: inline-block;
  position: relative;
}

.product-about5 .menu-about__price-wrapper .menu-about-title2:before,
.product-about5 .menu-about__price-wrapper .menu-about-title2:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 497px;
  height: 6px;
  content: "";
  border-top: solid 1px #b28b69;
  border-bottom: solid 1px #b28b69;
  width: 90px;
}

.product-about5 .menu-about__price-wrapper .menu-about-title2:before {
  left: 130px;
}

.product-about5 .menu-about__price-wrapper .menu-about-title2:after {
  right: 130px;
}

.product-about5 .wedding-plan-img-wrapper {
  max-width: 1037px;
  margin: auto;
}

.product-about5 .wedding-plan-img-wrapper .wedding-plan {
  display: block;
  margin-top: 121px;
}

@media screen and (max-width: 767px) {
  .product-about5 .wedding-plan-img-wrapper .wedding-plan {
    margin-top: 50px;
  }
}
.product-about5 .price-textarea {
  width: 894px;
  margin: auto;
  margin-bottom: 268px;
}

@media screen and (max-width: 767px) {
  .product-about5 .price-textarea {
    width: 322px;
    margin-bottom: 263px;
  }
}
.menu-about__wedding-text {
  margin-top: 22px;
  color: #8b8b8b;
}

/*ここから採用情報*/
/*================================
recruit__message
================================*/
/*ここから斜め背景*/
.block1 {
  position: absolute;
  width: 100%;
  height: 2367px;
  background-color: #eaebf2;
  clip-path: polygon(70vw 0, 100% 0, 100% 100%, 0 100%, 0% 30vw);
}

@media screen and (max-width: 767px) {
  .block1 {
    clip-path: polygon(90vw 0, 100% 0, 100% 100%, 0 100%, 0% 45vw);
  }
}
.bgi__1 {
  position: absolute;
  right: 0;
  top: 1720px;
}

@media screen and (max-width: 767px) {
  .bgi__1 {
    top: 1060px;
  }
}
.bgi__2 {
  position: absolute;
  left: 0;
  top: 3450px;
}

@media screen and (max-width: 767px) {
  .bgi__2 {
    top: 2040px;
  }
}
.block2 {
  position: absolute;
  top: 1479px;
  width: 100%;
  height: 3000px;
  background: url(../img/voice/voice-bgi2.png) no-repeat center center/cover;
  clip-path: polygon(0 0, 100% 40vw, 100% 100%, 0% 100%);
}

/* .block2::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2d71;
  opacity: 0.85;
} */
@media screen and (max-width: 767px) {
  .block2 {
    top: 790px;
    clip-path: polygon(0 0, 100% 34vw, 100% 100%, 0% 100%);
  }
}
.block3 {
  position: absolute;
  width: 100%;
  top: 3300px;
  height: 4017px;
  background-color: #ffffff;
  clip-path: polygon(0 40vw, 100% 0, 100% 100%, 0% 100%);
}

@media screen and (max-width: 767px) {
  .block3 {
    top: 2190px;
  }
}
/*ここまで斜め背景*/
.recruit__message {
  text-align: center;
  padding-top: 57px;
  padding-bottom: 431px;
  position: relative;
}

.recruit__message .sns-btns {
  z-index: 1000;
  top: 0px;
}

.recruit__message .sns-btns_fixed {
  top: 140px;
}

@media screen and (max-width: 767px) {
  .recruit__message {
    padding-bottom: 280px;
    padding-top: 0px;
  }
}
.recruit__message .section-title-message {
  padding-top: 26px;
}

.container {
  position: relative;
}

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

.section-title .section-title__en {
  font-weight: 600;
  color: #e5e5e5;
  opacity: 0.44;
  font-size: 120px;
  line-height: 200px;
  margin-right: 65px;
}

@media screen and (max-width: 767px) {
  .section-title .section-title__en {
    line-height: 67px;
    margin: 0;
    font-size: 45px;
  }
}
.section-title .section-title__ja {
  font-weight: 600;
  margin-top: -35px;
  font-size: 55px;
  color: #53558d;
}

@media screen and (max-width: 767px) {
  .section-title .section-title__ja {
    font-size: 25px;
    margin-top: 0px;
  }
}
.message__textarea1 {
  margin-top: 52px;
  font-size: 37px;
  margin-bottom: 119px;
  line-height: 62px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .message__textarea1 {
    font-size: 20px;
    line-height: 40px;
    margin-top: 58px;
    margin-bottom: 0;
  }
}
.message__textarea2 {
  margin: 0 auto;
  max-width: 1095px;
  width: 100%;
  padding: 5px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  .message__textarea2 {
    text-align: left;
    line-height: 30px;
    margin-top: 58px;
  }
}
.loop__wrapper {
  width: 99vw;
  overflow: hidden;
}

.loop-img {
  position: relative;
  width: 300vw;
  display: flex;
  margin: 0 auto;
  margin-top: 205px;
}

@media screen and (max-width: 767px) {
  .loop-img {
    margin-top: 59px;
    margin-left: 0;
    width: 600vw;
  }
}
.loop-img ul {
  animation: loop-list 50s linear infinite;
  display: flex;
  max-height: 574px;
}

.loop-img ul li {
  padding: 0 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .loop-img ul li {
    padding: 0 6px;
  }
}
@keyframes loop-list {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.loop02:hover .loop02__box {
  animation-play-state: paused;
}

/*================================
recruit__voice
================================*/
.recruit-voice {
  margin-bottom: 718px;
}

@media screen and (max-width: 767px) {
  .recruit-voice {
    margin-bottom: 120px;
  }
}
.recruit-voice .section-title {
  margin-bottom: 113px;
}

@media screen and (max-width: 767px) {
  .recruit-voice .section-title {
    margin-bottom: 0;
  }
}
.recruit-voice .section-title .section-title__ja {
  color: #ffffff;
  position: relative;
}

/*スライダー*/
.swiper-box {
  width: 100%;
  position: relative;
  /*アロー右*/
  /*アロー左*/
  /*ページネーション*/
  /*ページネーションマージン*/
  /*ページネーションactive時*/
  /*ページネーション位置*/
  /*スライドコンテンツ*/
}

.swiper-box .swiper-button-next {
  width: 45px;
  height: 39px;
  margin-top: -22.5px;
  right: 86px;
  background: url(../img/voice/arrow__next.png) no-repeat center center/contain;
}

.swiper-box .swiper-button-next::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .swiper-box .swiper-button-next {
    display: none;
  }
}
.swiper-box .swiper-button-prev {
  left: 86px;
  width: 45px;
  height: 39px;
  margin-top: -22.5px;
  background: url(../img/voice/arrow__prev.png) no-repeat center center/contain;
}

.swiper-box .swiper-button-prev::after {
  display: none;
}

@media screen and (max-width: 767px) {
  .swiper-box .swiper-button-prev {
    display: none;
  }
}
.swiper-box .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  background-color: #c4c3c3;
}

@media screen and (max-width: 767px) {
  .swiper-box .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
  }
}
.swiper-box .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin-left: 18px;
  margin-right: 18px;
}

@media screen and (max-width: 767px) {
  .swiper-box .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-box .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.swiper-box .swiper-pagination-bullet-active {
  background-color: #9fe9ff;
}

.swiper-box .swiper-horizontal > .swiper-pagination-bullets,
.swiper-box .swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-box .swiper-pagination-custom,
.swiper-box .swiper-pagination-fraction {
  bottom: -149px;
}

@media screen and (max-width: 767px) {
  .swiper-box .swiper-horizontal > .swiper-pagination-bullets,
  .swiper-box .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-box .swiper-pagination-custom,
  .swiper-box .swiper-pagination-fraction {
    bottom: -50px;
  }
}
.swiper-box .swiper-slide {
  width: 100%;
  height: auto;
  padding-top: 100px;
}

.swiper-box .voice__content {
  margin-top: 113px;
  max-width: 1096px;
  background-color: #ffffff;
  padding: 30px 36px 100px 36px;
  border-radius: 60px;
  margin: auto;
  position: relative;
  display: flex;
}

@media screen and (max-width: 767px) {
  .swiper-box .voice__content {
    padding-bottom: 50px;
    max-width: 95%;
    margin: auto;
    margin-top: 67px;
    padding: 21px 21px 73px 21px;
  }
}
.swiper-box .comment {
  position: absolute;
  top: -37px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 30px;
  padding: 40px 80px 35px 80px;
  color: #ffffff;
  position: absolute;
  width: 841px;
  height: 181px;
  background: url(../img/voice/fukidasi.png) no-repeat center center/contain;
}

@media screen and (max-width: 767px) {
  .swiper-box .comment {
    background: url(../img/voice/fukidasi2.png) no-repeat center center/contain;
    left: 50%;
    transform: translateX(-50%);
    top: -58px;
    padding: 0;
    width: 100%;
    height: 110px;
    font-size: 20px;
    line-height: 43px;
  }
}
.swiper-box .comment p {
  margin-top: 15px;
  font-weight: 700;
  align-items: center;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .swiper-box .comment p {
    margin: auto;
    margin-top: 20px;
    text-align: left;
    line-height: 23px;
    font-size: 16px;
    max-width: 222px;
  }
}
.swiper-box .content__right {
  max-width: 760px;
  margin: auto;
}

.swiper-box .content__right .person {
  display: flex;
  color: #53558d;
  margin-top: 190px;
  margin-bottom: 65px;
}

@media screen and (max-width: 767px) {
  .swiper-box .content__right .person {
    gap: 36px;
    margin-top: 50px;
    text-align: center;
    font-size: 18px;
    margin-bottom: 22px;
  }
}
.swiper-box .content__right .person .name {
  font-size: 34px;
  margin-right: 100px;
  font-weight: 700;
}

.swiper-box .content__right .person .name:first-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .swiper-box .content__right .person .name {
    white-space: nowrap;
    font-size: 18px;
    text-align: left;
  }
}
.swiper-box .content__right .person div {
  display: flex;
  align-items: center;
  justify-content: space-around;
  text-align: left;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .swiper-box .content__right .person div {
    gap: 15px;
    justify-content: flex-start;
  }
}
.swiper-box .content__right .person div .menu {
  font-size: 30px;
  font-weight: 700;
  margin-left: 60px;
}

@media screen and (max-width: 767px) {
  .swiper-box .content__right .person div .menu {
    margin: 10px;
    font-size: 18px;
    white-space: nowrap;
    margin: 0;
  }
}
.swiper-box .content__right .person div .menu2 {
  font-size: 19px;
  font-weight: 700;
}

.swiper-box .content__right .text {
  font-size: 18px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  .swiper-box .content__right .text {
    margin: auto;
    font-size: 16px;
    line-height: 30px;
    height: 200px;
    overflow: scroll;
  }
  .text::-webkit-scrollbar {
    display: none;
  }
}
/*================================
recruit__QandA
================================*/
.recruit-qa {
  margin-bottom: 200px;
}

@media screen and (max-width: 767px) {
  .recruit-qa {
    margin-bottom: 94px;
  }
}
.recruit-qa .QandA-list {
  margin-bottom: 430px;
}

@media screen and (max-width: 767px) {
  .recruit-qa .QandA-list {
    margin-bottom: 200px;
  }
}
.recruit-qa dl {
  font-size: 20px;
  line-height: 27px;
  margin-top: 167px;
}

@media screen and (max-width: 767px) {
  .recruit-qa dl {
    font-size: 16px;
    margin-bottom: 219px;
  }
}
.recruit-qa dl img {
  width: 60px;
  height: 60px;
  margin-right: 52px;
}

@media screen and (max-width: 767px) {
  .recruit-qa dl img {
    width: 48px;
    height: 48px;
    margin-right: 23px;
  }
}
.recruit-qa dl dt {
  margin-top: 118px;
  display: flex;
  color: #3072cc;
  align-items: center;
  border-bottom: 1px dashed #707070;
  padding-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .recruit-qa dl dt {
    margin-top: 96px;
  }
  .recruit-qa dl dd {
    text-align: justify;
  }
}
.recruit-qa dl dd {
  padding-top: 40px;
  display: flex;
}

/*================================
voice-before-after
================================*/
@media screen and (max-width: 767px) {
  .voice-before-after {
    margin-top: 340px;
  }
}
.voice-before-after .before-after__wrapper {
  margin-bottom: 184px;
}

@media screen and (max-width: 767px) {
  .voice-before-after .before-after__wrapper {
    margin-bottom: 134px;
  }
}
.voice-before-after .section-title__en {
  font-size: 120px;
  line-height: 180px;
}

.voice-before-after .section-title__ja {
  font-size: 55px;
}

@media screen and (max-width: 767px) {
  .voice-before-after .section-title__en {
    font-size: 40px;
    line-height: 60px;
  }
  .voice-before-after .section-title__ja {
    font-size: 25px;
    line-height: 38px;
  }
}
.voice-before-after .voice-before-after-textarea {
  text-align: center;
  margin-top: 74px;
  line-height: 40px;
}

@media screen and (max-width: 767px) {
  .voice-before-after .voice-before-after-textarea {
    margin-top: 48px;
    line-height: 30px;
    font-size: 16px;
    text-align: left;
  }
}
.voice-before-after .before-after__content {
  margin-top: 88px;
}

/*================================
recruit-flow
================================*/
@media screen and (max-width: 767px) {
  .border-img {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .recruit-flow {
    padding-bottom: 110px;
  }
}
.flow-list {
  position: relative;
  display: flex;
  margin-bottom: 195px;
}

@media screen and (max-width: 767px) {
  .flow-list {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .flow-list .bgi {
    bottom: -70px;
    position: absolute;
    height: 100%;
    width: 50%;
    left: 50%;
    border-left: 3px solid #127ed8;
    opacity: 0.25;
    z-index: 2;
  }
}
.flow-list .flow-list__item {
  width: 380px;
  margin-right: 20px;
  position: relative;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .flow-list .flow-list__item {
    margin: auto;
    margin-top: 37px;
    width: inherit;
  }
}
.flow-list .flow-list__item .flow-list__nm img {
  margin-bottom: -16px;
}

.flow-list .flow-list__item .flow-list__textarea {
  background-color: #f0f0f0;
  margin-top: 22px;
  height: 200px;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .flow-list .flow-list__item .flow-list__textarea {
    height: 111px;
  }
}
.flow-list .flow-list__item .flow-list__textarea .flow-list__title {
  font-size: 28px;
  line-height: 43px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .flow-list .flow-list__item .flow-list__textarea .flow-list__title {
    font-size: 25px;
  }
}
.item1 {
  margin-top: -81px;
}

.item1 .flow-list__nm {
  font-size: 100px;
  color: #ffffff;
  background-color: #a3a7d9;
}

.item1 .flow-list__title {
  color: #a3a7d9;
  padding: 46px 0 40px 10px;
}

.item2 {
  margin-top: -54px;
}

.item2 .flow-list__nm {
  font-size: 100px;
  color: #ffffff;
  background-color: #7f84c7;
}

.item2 .flow-list__title {
  color: #7f84c7;
  padding: 46px 0 40px 10px;
}

.item3 {
  margin-top: -27px;
}

.item3 .flow-list__nm {
  font-size: 100px;
  color: #ffffff;
  background-color: #525795;
}

.item3 .flow-list__title {
  color: #525795;
  padding: 46px 0 40px 10px;
}

.item4 .flow-list__nm {
  font-size: 100px;
  color: #ffffff;
  background-color: #373b6f;
}

.item4 .flow-list__title {
  color: #373b6f;
  padding: 46px 0 40px 10px;
}

@media screen and (min-width: 768px) {
  .pass1 {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .pass1 {
    display: block;
    margin: auto;
    margin-top: -130px;
    padding-left: 5px;
  }
}
/*================================
top-message
================================*/
.top-message {
  margin-top: 159px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .top-message {
    margin-top: 0px;
  }
}
.top-message .section-title {
  position: relative;
  white-space: nowrap;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .top-message .section-title {
    text-align: center;
  }
}
.top-message .section-title .section-title-en {
  color: #e5e5e5;
  opacity: 0.44;
  font-size: 120px;
  line-height: 159px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .top-message .section-title .section-title-en {
    font-size: 49px;
  }
}
.top-message .section-title .section-title-ja {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 99px;
  background-color: #111574;
  font-size: 30px;
  color: #ffffff;
  padding: 12px 35px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .top-message .section-title .section-title-ja {
    padding: 0;
    font-size: 18px;
    width: 104px;
    height: 39px;
  }
}
@media screen and (max-width: 767px) {
  .top-message .section-title .section-title-en {
    width: 230px;
    line-height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .top-message .section-title .section-title-ja {
    top: 50px;
    width: 140px;
  }
}
.top-message .top-message__wrapper {
  display: flex;
  width: 100%;
  margin-bottom: 204px;
}

@media screen and (max-width: 767px) {
  .top-message .top-message__wrapper {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .top-message .top-message__wrapper .top-message__right {
    width: 316px;
    height: 309px;
    margin-top: -500px;
    margin-left: -15px;
  }
}
.top-message .top-message__wrapper .top-message__left {
  margin-right: 138px;
}

@media screen and (max-width: 767px) {
  .top-message .top-message__wrapper .top-message__left {
    margin: 0;
  }
}
.top-message .top-message__wrapper .top-message__left .message-title {
  margin-top: 99px;
  font-size: 30px;
  margin-bottom: 105px;
  font-weight: 600;
  color: #ba8e68;
}

@media screen and (max-width: 767px) {
  .top-message .top-message__wrapper .top-message__left .message-title {
    margin-top: 74px;
    font-size: 20px;
    margin-bottom: 41px;
  }
}
.top-message .top-message__wrapper .top-message__left p {
  max-width: 861px;
  line-height: 35px;
}

@media screen and (max-width: 767px) {
  .top-message .top-message__wrapper .top-message__left p {
    line-height: 30px;
  }
}
.top-message .top-message__wrapper .top-message__left .top-name {
  margin-top: 96px;
  font-size: 27px;
  text-align: right;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .top-message .top-message__wrapper .top-message__left .top-name {
    font-size: 18px;
    margin-top: 530px;
  }
}
.before-after__wrapper .section-title {
  text-align: center;
  display: inline;
}

@media screen and (max-width: 767px) {
  .before-after__wrapper .section-title span {
    margin-left: 120px;
  }
}
.before-after__wrapper .section-title .section-title-en {
  width: 100%;
  white-space: pre-wrap;
}

@media screen and (max-width: 767px) {
  .before-after__wrapper .section-title .section-title-en {
    text-align: left;
  }
}
.before-after__wrapper .before-after__text {
  font-size: 30px;
  color: #ba8e68;
  text-align: center;
  margin-bottom: 51px;
}

@media screen and (max-width: 767px) {
  .before-after__wrapper .before-after__text {
    margin-bottom: 41px;
    font-size: 20px;
    line-height: 35px;
  }
}
.before-after__wrapper .before-after__textarea {
  text-align: center;
  line-height: 35px;
  margin-bottom: 111px;
}

@media screen and (max-width: 767px) {
  .before-after__wrapper .before-after__textarea {
    text-align: left;
  }
  .before-after__wrapper .before-after__textarea .pc-br {
    display: none;
  }
}
.before-after__wrapper .before-after__content {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .top-message .before-after__wrapper .before-after__content {
    flex-direction: column;
    margin-bottom: 193px;
  }
}
.before-after__wrapper .before-after__content .before-after__item {
  width: 33%;
  margin-bottom: 126px;
}

@media screen and (max-width: 767px) {
  .before-after__wrapper .before-after__content .before-after__item {
    margin-bottom: 79px;
    width: 100%;
  }
}
.before-after__wrapper .before-after__content .before-after__item img {
  display: block;
  margin: auto;
}

.before-after__wrapper .before-after__content .before-after__item .before-after__item-text {
  margin: auto;
  max-width: 344px;
  text-align: center;
  padding: 15px 0;
  background-color: #25295c;
  color: #ffffff;
  margin-top: -11px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .before-after__wrapper .before-after__content .before-after__item .before-after__item-text {
    max-width: 267px;
    font-size: 15px;
  }
}
/*================================
our-vision
================================*/
.our-vision {
  background: url(../img/salon/ourvision-bg.png) no-repeat center center/cover;
  color: #ffffff;
  text-align: center;
  padding-top: 194px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .our-vision {
    padding-top: 74px;
  }
}
.our-vision::before {
  z-index: 0;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #2a2d71;
  opacity: 0.85;
}

.our-vision .container {
  position: relative;
}

.our-vision .our-vision__catch {
  font-size: 44px;
  line-height: 70px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .our-vision .our-vision__catch {
    font-size: 18px;
    line-height: 35px;
  }
}
.our-vision .section-title {
  margin-top: 205px;
  position: relative;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .our-vision .section-title {
    margin-top: 68px;
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .our-vision .section-title {
    text-align: center;
  }
}
.our-vision .section-title .section-title-en {
  color: #e5e5e5;
  opacity: 0.44;
  font-size: 120px;
  line-height: 159px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .our-vision .section-title .section-title-en {
    font-size: 49px;
  }
}
.our-vision .section-title .section-title-ja {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 99px;
  background-color: #ffffff;
  font-size: 30px;
  color: #111574;
  padding: 12px 35px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .our-vision .section-title .section-title-ja {
    padding: 0;
    font-size: 18px;
    width: 104px;
    height: 39px;
  }
}
@media screen and (max-width: 767px) {
  .our-vision .section-title .section-title-ja {
    padding: 0;
  }
}
.our-vision .section-title .section-title-en {
  opacity: 0.26;
}

@media screen and (max-width: 767px) {
  .our-vision .section-title .section-title-en {
    text-align: left;
  }
}
.our-vision ul {
  margin-top: 31px;
  padding-bottom: 253px;
}

@media screen and (max-width: 767px) {
  .our-vision ul {
    padding-bottom: 75px;
  }
}
.our-vision li {
  display: flex;
  align-items: center;
  border-bottom: 0.5px solid #ffffff;
  text-align: left;
  padding: 70px 0;
  max-width: 1378px;
  margin: auto;
}

.our-vision li:last-child {
  border: none;
}

@media screen and (max-width: 767px) {
  .our-vision li {
    padding: 45px 0;
    flex-direction: column;
    align-items: flex-start;
  }
}
.our-vision li .our-vision__left {
  display: flex;
  align-items: center;
}

.our-vision li .our-vision__nm {
  font-size: 83px;
  opacity: 0.37;
  font-family: "ヒラギノ角ゴ ProN";
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .our-vision li .our-vision__nm {
    font-size: 37px;
  }
}
.our-vision li .our-vision__title {
  font-size: 30px;
  width: 360px;
  margin-left: 64px;
  white-space: nowrap;
  line-height: 45px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .our-vision li .our-vision__title {
    width: auto;
    font-size: 20px;
    margin-left: 20px;
  }
}
.our-vision li .our-vision__content {
  line-height: 40px;
  margin-left: 97px;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .our-vision li .our-vision__content {
    margin-top: 29px;
    line-height: 30px;
    margin-left: 72px;
  }
}
/*================================
company
================================*/
.salon__wrapper .section-title {
  position: relative;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .salon__wrapper .section-title {
    text-align: center;
  }
}
.salon__wrapper .section-title .section-title-en {
  color: #e5e5e5;
  opacity: 0.44;
  font-size: 120px;
  line-height: 159px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .salon__wrapper .section-title .section-title-en {
    font-size: 49px;
  }
}
.salon__wrapper .section-title .section-title-ja {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 99px;
  background-color: #111574;
  font-size: 30px;
  color: #ffffff;
  padding: 12px 35px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .salon__wrapper .section-title .section-title-ja {
    padding: 0;
    font-size: 18px;
    width: 104px;
    height: 39px;
  }
}
@media screen and (max-width: 767px) {
  .salon__wrapper .section-title {
    text-align: left;
  }
}
.salon-page {
  margin: auto;
  width: 100%;
  max-width: none;
  margin-top: 82px;
  margin-bottom: 240px;
}

@media screen and (max-width: 767px) {
  .salon-page {
    margin-bottom: 52px;
  }
}
@media screen and (max-width: 767px) {
  .salon-page .salon-item-title1 {
    vertical-align: top;
  }
}
.salon-page .salon-item-title {
  padding: 32px 0 32px 202px;
}

@media screen and (max-width: 767px) {
  .salon-page .salon-item-title {
    padding: 28px 0;
  }
}
@media screen and (max-width: 767px) {
  .salon-page .salon-item-content {
    padding: 28px 0 28px 10px;
  }
}
@media screen and (min-width: 768px) {
  .sp-br {
    display: none;
  }
}

.spv {
  display: flex;
}

@media screen and (max-width: 767px) {
  .spv {
    flex-direction: column;
  }
}
.bgi {
  position: relative;
  z-index: 20;
}

.map {
  width: 100%;
  height: 505px;
  margin-bottom: 441px;
}

@media screen and (max-width: 767px) {
  .map {
    height: 220px;
    margin-bottom: 135px;
  }
}
/*================================
contact-form
================================*/
.contact-form {
  padding-top: 207px;
  text-align: center;
  margin-bottom: 423px;
  position: relative;
}

.contact-form .sns-btns {
  top: 0px;
}

.contact-form .sns-btns_fixed {
  top: 140px;
}

@media screen and (max-width: 767px) {
  .contact-form {
    padding-top: 81px;
    margin-bottom: 190px;
  }
}
.contact-form .form-item {
  margin: auto;
  display: flex;
  align-items: center;
  max-width: 1153px;
  margin-bottom: 49px;
  align-items: flex-start;
}

.contact-form .form-item label {
  display: flex;
  width: 400px;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .contact-form .form-item {
    flex-wrap: wrap;
    margin-bottom: 32px;
  }
}
.contact-form .form-item p {
  margin-left: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 15px;
  flex-basis: 59px;
  height: 30px;
  background-color: #c11f1f;
}

@media screen and (max-width: 767px) {
  .contact-form .form-item p {
    width: 35px;
    font-size: 11px;
    border-radius: 0px;
    margin-left: 20px;
  }
}
.contact-form .label {
  display: block;
  font-size: 20px;
  white-space: nowrap;
  margin-right: 150px;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .contact-form .label {
    margin-bottom: 16px;
  }
}
.contact-form .inputs {
  background: #f4f4f6;
  width: 100%;
  max-width: 885px;
  height: 60px;
  border: none;
  padding-left: 28px;
}

@media screen and (max-width: 767px) {
  .contact-form .inputs {
    height: 45px;
  }
}
.contact-form .textarea {
  height: 456px;
  padding-top: 17px;
  padding-left: 28px;
}

@media screen and (max-width: 767px) {
  .contact-form .textarea {
    height: 227px;
  }
}
.contact-form .button-area {
  margin-top: 365px;
}

.contact-form .button-area span {
  font-weight: 600;
  margin-left: 31px;
}

.contact-form .button-area p {
  font-weight: 600;
  margin-top: 31px;
}

@media screen and (max-width: 767px) {
  .contact-form .button-area p {
    margin-top: 51px;
    line-height: 30px;
    text-align: left;
  }
}
.contact-form .button-area a {
  font-weight: 600;
  color: #c11f1f;
}

.contact-form input[type=submit] {
  font-weight: 600;
  margin-top: 58px;
  width: 218px;
  height: 55px;
  background-color: #c11f1f;
  color: #ffffff;
  border: none;
  border-radius: 21px;
}

/*================================
footer
================================*/
.footer {
  background: #1e1e40;
  padding-top: 110px;
  color: #ffffff;
  position: relative;
}

@media screen and (max-width: 767px) {
  .footer {
    padding-top: 65px;
  }
}
.footer .footer-logo {
  width: 564px;
}

@media screen and (max-width: 767px) {
  .footer .footer-logo {
    width: 258px;
  }
}
.footer__wrapper {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .footer__wrapper {
    margin-bottom: 182px;
  }
}
.footer__wrapper .footer__title {
  font-size: 41px;
  letter-spacing: 0.4em;
}

@media screen and (max-width: 767px) {
  .footer__wrapper .footer__title {
    font-size: 21px;
  }
}
.footer__wrapper span {
  font-family: "a-otf-ud-shin-go-pr6n";
  display: inline-block;
  font-size: 22px;
  margin-top: 10px;
  letter-spacing: 0.5em;
}

@media screen and (max-width: 767px) {
  .footer__wrapper span {
    font-size: 10px;
  }
}
.footer__addless {
  font-size: 30px;
  line-height: 1.5;
  margin-top: 85px;
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid;
  padding-bottom: 23px;
}

@media screen and (max-width: 767px) {
  .footer__addless {
    font-size: 15px;
    flex-direction: column;
    border: none;
    margin-top: 37px;
  }
  .footer__addless p {
    padding: 5px;
  }
}
.footer__navlist {
  display: flex;
  margin-top: 170px;
  margin-bottom: 420px;
  font-size: 30px;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media screen and (max-width: 767px) {
  .footer__navlist {
    font-size: 14px;
    flex-direction: column;
    margin-top: 73px;
    margin-bottom: 88px;
    margin: auto;
  }
}
.footer__navlist .footer__nav1,
.footer__navlist .footer__nav2,
.footer__navlist .footer__nav3 {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-left: 30px;
}

@media screen and (max-width: 767px) {
  .footer__navlist .footer__nav1,
  .footer__navlist .footer__nav2,
  .footer__navlist .footer__nav3 {
    padding-left: 0px;
  }
}
@media screen and (max-width: 767px) {
  .footer__nav3 {
    padding-left: 16px;
  }
}
.footer__nav1 {
  border-left: 1px solid;
  height: 120px;
}

@media screen and (max-width: 767px) {
  .footer__nav1 {
    margin-bottom: 30px;
    height: auto;
  }
}
.footer-nav__right {
  display: flex;
  justify-content: flex-end;
  gap: 70px;
}

@media screen and (max-width: 767px) {
  .footer-nav__right {
    flex-direction: column;
    gap: 30px;
  }
}
.footer__nav2,
.footer__nav3 {
  border-left: 1px solid;
  width: 50%;
  white-space: nowrap;
}

.footer-nav-item {
  padding: 15px;
}

@media screen and (max-width: 767px) {
  .footer-nav-item {
    padding: 10px 10px 10px 24px;
  }
}
.footer-nav-item:hover {
  opacity: 0.6;
}

.footer-design {
  position: absolute;
  height: 355px;
  width: 100%;
  bottom: 0;
  background: url(../img/top/footer-design.png) no-repeat center top/cover;
}

@media screen and (max-width: 767px) {
  .footer-design {
    height: 81px;
  }
}
.copyright {
  position: relative;
  text-align: center;
  font-size: 30px;
  height: 80px;
  padding: 25px 0;
}

@media screen and (max-width: 767px) {
  .copyright {
    height: 40px;
    font-size: 16px;
    padding: 13px 0;
  }
}
/*================================
Utility Classes
================================*/
.flex {
  position: relative;
  display: flex;
}

.fcc {
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.vfcc {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.abs {
  position: absolute;
}

.top0 {
  top: 0;
}

.bot0 {
  bottom: 0;
}

.bot-150em {
  bottom: -1.5em;
}

.f5em {
  font-size: 0.05em !important;
  line-height: 1.5;
}

.f10em {
  font-size: 0.1em !important;
  line-height: 1.5;
}

.f15em {
  font-size: 0.15em !important;
  line-height: 1.5;
}

.f20em {
  font-size: 0.2em !important;
  line-height: 1.5;
}

.f25em {
  font-size: 0.25em !important;
  line-height: 1.5;
}

.f30em {
  font-size: 0.3em !important;
  line-height: 1.5;
}

.f35em {
  font-size: 0.35em !important;
  line-height: 1.5;
}

.f40em {
  font-size: 0.4em !important;
  line-height: 1.5;
}

.f45em {
  font-size: 0.45em !important;
  line-height: 1.5;
}

.f50em {
  font-size: 0.5em !important;
  line-height: 1.5;
}

.f55em {
  font-size: 0.55em !important;
  line-height: 1.5;
}

.f60em {
  font-size: 0.6em !important;
  line-height: 1.5;
}

.f65em {
  font-size: 0.65em !important;
  line-height: 1.5;
}

.f70em {
  font-size: 0.7em !important;
  line-height: 1.5;
}

.f75em {
  font-size: 0.75em !important;
  line-height: 1.5;
}

.f80em {
  font-size: 0.8em !important;
  line-height: 1.5;
}

.f85em {
  font-size: 0.85em !important;
  line-height: 1.5;
}

.f90em {
  font-size: 0.9em !important;
  line-height: 1.5;
}

.f95em {
  font-size: 0.95em !important;
  line-height: 1.5;
}

.f100em {
  font-size: 1em !important;
  line-height: 1.5;
}

.f105em {
  font-size: 1.05em !important;
  line-height: 1.5;
}

.f110em {
  font-size: 1.1em !important;
  line-height: 1.5;
}

.f115em {
  font-size: 1.15em !important;
  line-height: 1.5;
}

.f120em {
  font-size: 1.2em !important;
  line-height: 1.5;
}

.f125em {
  font-size: 1.25em !important;
  line-height: 1.5;
}

.f130em {
  font-size: 1.3em !important;
  line-height: 1.5;
}

.f135em {
  font-size: 1.35em !important;
  line-height: 1.5;
}

.f140em {
  font-size: 1.4em !important;
  line-height: 1.5;
}

.f145em {
  font-size: 1.45em !important;
  line-height: 1.5;
}

.f150em {
  font-size: 1.5em !important;
  line-height: 1.5;
}

.f155em {
  font-size: 1.55em !important;
  line-height: 1.5;
}

.f160em {
  font-size: 1.6em !important;
  line-height: 1.5;
}

.f165em {
  font-size: 1.65em !important;
  line-height: 1.5;
}

.f170em {
  font-size: 1.7em !important;
  line-height: 1.5;
}

.f175em {
  font-size: 1.75em !important;
  line-height: 1.5;
}

.f180em {
  font-size: 1.8em !important;
  line-height: 1.5;
}

.f185em {
  font-size: 1.85em !important;
  line-height: 1.5;
}

.f190em {
  font-size: 1.9em !important;
  line-height: 1.5;
}

.f195em {
  font-size: 1.95em !important;
  line-height: 1.5;
}

.f200em {
  font-size: 2em !important;
  line-height: 1.5;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
  .pcw500 {
    width: 26.0416666667vw !important;
  }
  .pcw954 {
    width: 49.6875vw !important;
  }
  .pcw1423 {
    width: 74.1145833333vw !important;
  }
  .m5 {
    margin: 0.2604166667vw !important;
  }
  .mt5 {
    margin-top: 0.2604166667vw !important;
  }
  .mb5 {
    margin-bottom: 0.2604166667vw !important;
  }
  .f5 {
    font-size: 0.2604166667vw !important;
    line-height: 1.5;
  }
  .m10 {
    margin: 0.5208333333vw !important;
  }
  .mt10 {
    margin-top: 0.5208333333vw !important;
  }
  .mb10 {
    margin-bottom: 0.5208333333vw !important;
  }
  .f10 {
    font-size: 0.5208333333vw !important;
    line-height: 1.5;
  }
  .m15 {
    margin: 0.78125vw !important;
  }
  .mt15 {
    margin-top: 0.78125vw !important;
  }
  .mb15 {
    margin-bottom: 0.78125vw !important;
  }
  .f15 {
    font-size: 0.78125vw !important;
    line-height: 1.5;
  }
  .m20 {
    margin: 1.0416666667vw !important;
  }
  .mt20 {
    margin-top: 1.0416666667vw !important;
  }
  .mb20 {
    margin-bottom: 1.0416666667vw !important;
  }
  .f20 {
    font-size: 1.0416666667vw !important;
    line-height: 1.5;
  }
  .m25 {
    margin: 1.3020833333vw !important;
  }
  .mt25 {
    margin-top: 1.3020833333vw !important;
  }
  .mb25 {
    margin-bottom: 1.3020833333vw !important;
  }
  .f25 {
    font-size: 1.3020833333vw !important;
    line-height: 1.5;
  }
  .m30 {
    margin: 1.5625vw !important;
  }
  .mt30 {
    margin-top: 1.5625vw !important;
  }
  .mb30 {
    margin-bottom: 1.5625vw !important;
  }
  .f30 {
    font-size: 1.5625vw !important;
    line-height: 1.5;
  }
  .m35 {
    margin: 1.8229166667vw !important;
  }
  .mt35 {
    margin-top: 1.8229166667vw !important;
  }
  .mb35 {
    margin-bottom: 1.8229166667vw !important;
  }
  .f35 {
    font-size: 1.8229166667vw !important;
    line-height: 1.5;
  }
  .m40 {
    margin: 2.0833333333vw !important;
  }
  .mt40 {
    margin-top: 2.0833333333vw !important;
  }
  .mb40 {
    margin-bottom: 2.0833333333vw !important;
  }
  .f40 {
    font-size: 2.0833333333vw !important;
    line-height: 1.5;
  }
  .m45 {
    margin: 2.34375vw !important;
  }
  .mt45 {
    margin-top: 2.34375vw !important;
  }
  .mb45 {
    margin-bottom: 2.34375vw !important;
  }
  .f45 {
    font-size: 2.34375vw !important;
    line-height: 1.5;
  }
  .m50 {
    margin: 2.6041666667vw !important;
  }
  .mt50 {
    margin-top: 2.6041666667vw !important;
  }
  .mb50 {
    margin-bottom: 2.6041666667vw !important;
  }
  .f50 {
    font-size: 2.6041666667vw !important;
    line-height: 1.5;
  }
  .m55 {
    margin: 2.8645833333vw !important;
  }
  .mt55 {
    margin-top: 2.8645833333vw !important;
  }
  .mb55 {
    margin-bottom: 2.8645833333vw !important;
  }
  .f55 {
    font-size: 2.8645833333vw !important;
    line-height: 1.5;
  }
  .m60 {
    margin: 3.125vw !important;
  }
  .mt60 {
    margin-top: 3.125vw !important;
  }
  .mb60 {
    margin-bottom: 3.125vw !important;
  }
  .f60 {
    font-size: 3.125vw !important;
    line-height: 1.5;
  }
  .m65 {
    margin: 3.3854166667vw !important;
  }
  .mt65 {
    margin-top: 3.3854166667vw !important;
  }
  .mb65 {
    margin-bottom: 3.3854166667vw !important;
  }
  .f65 {
    font-size: 3.3854166667vw !important;
    line-height: 1.5;
  }
  .m70 {
    margin: 3.6458333333vw !important;
  }
  .mt70 {
    margin-top: 3.6458333333vw !important;
  }
  .mb70 {
    margin-bottom: 3.6458333333vw !important;
  }
  .f70 {
    font-size: 3.6458333333vw !important;
    line-height: 1.5;
  }
  .m75 {
    margin: 3.90625vw !important;
  }
  .mt75 {
    margin-top: 3.90625vw !important;
  }
  .mb75 {
    margin-bottom: 3.90625vw !important;
  }
  .f75 {
    font-size: 3.90625vw !important;
    line-height: 1.5;
  }
  .m80 {
    margin: 4.1666666667vw !important;
  }
  .mt80 {
    margin-top: 4.1666666667vw !important;
  }
  .mb80 {
    margin-bottom: 4.1666666667vw !important;
  }
  .f80 {
    font-size: 4.1666666667vw !important;
    line-height: 1.5;
  }
  .m85 {
    margin: 4.4270833333vw !important;
  }
  .mt85 {
    margin-top: 4.4270833333vw !important;
  }
  .mb85 {
    margin-bottom: 4.4270833333vw !important;
  }
  .f85 {
    font-size: 4.4270833333vw !important;
    line-height: 1.5;
  }
  .m90 {
    margin: 4.6875vw !important;
  }
  .mt90 {
    margin-top: 4.6875vw !important;
  }
  .mb90 {
    margin-bottom: 4.6875vw !important;
  }
  .f90 {
    font-size: 4.6875vw !important;
    line-height: 1.5;
  }
  .m95 {
    margin: 4.9479166667vw !important;
  }
  .mt95 {
    margin-top: 4.9479166667vw !important;
  }
  .mb95 {
    margin-bottom: 4.9479166667vw !important;
  }
  .f95 {
    font-size: 4.9479166667vw !important;
    line-height: 1.5;
  }
  .m100 {
    margin: 5.2083333333vw !important;
  }
  .mt100 {
    margin-top: 5.2083333333vw !important;
  }
  .mb100 {
    margin-bottom: 5.2083333333vw !important;
  }
  .f100 {
    font-size: 5.2083333333vw !important;
    line-height: 1.5;
  }
  .m105 {
    margin: 5.46875vw !important;
  }
  .mt105 {
    margin-top: 5.46875vw !important;
  }
  .mb105 {
    margin-bottom: 5.46875vw !important;
  }
  .f105 {
    font-size: 5.46875vw !important;
    line-height: 1.5;
  }
  .m110 {
    margin: 5.7291666667vw !important;
  }
  .mt110 {
    margin-top: 5.7291666667vw !important;
  }
  .mb110 {
    margin-bottom: 5.7291666667vw !important;
  }
  .f110 {
    font-size: 5.7291666667vw !important;
    line-height: 1.5;
  }
  .m115 {
    margin: 5.9895833333vw !important;
  }
  .mt115 {
    margin-top: 5.9895833333vw !important;
  }
  .mb115 {
    margin-bottom: 5.9895833333vw !important;
  }
  .f115 {
    font-size: 5.9895833333vw !important;
    line-height: 1.5;
  }
  .m120 {
    margin: 6.25vw !important;
  }
  .mt120 {
    margin-top: 6.25vw !important;
  }
  .mb120 {
    margin-bottom: 6.25vw !important;
  }
  .f120 {
    font-size: 6.25vw !important;
    line-height: 1.5;
  }
  .m125 {
    margin: 6.5104166667vw !important;
  }
  .mt125 {
    margin-top: 6.5104166667vw !important;
  }
  .mb125 {
    margin-bottom: 6.5104166667vw !important;
  }
  .f125 {
    font-size: 6.5104166667vw !important;
    line-height: 1.5;
  }
  .m130 {
    margin: 6.7708333333vw !important;
  }
  .mt130 {
    margin-top: 6.7708333333vw !important;
  }
  .mb130 {
    margin-bottom: 6.7708333333vw !important;
  }
  .f130 {
    font-size: 6.7708333333vw !important;
    line-height: 1.5;
  }
  .m135 {
    margin: 7.03125vw !important;
  }
  .mt135 {
    margin-top: 7.03125vw !important;
  }
  .mb135 {
    margin-bottom: 7.03125vw !important;
  }
  .f135 {
    font-size: 7.03125vw !important;
    line-height: 1.5;
  }
  .m140 {
    margin: 7.2916666667vw !important;
  }
  .mt140 {
    margin-top: 7.2916666667vw !important;
  }
  .mb140 {
    margin-bottom: 7.2916666667vw !important;
  }
  .f140 {
    font-size: 7.2916666667vw !important;
    line-height: 1.5;
  }
  .m145 {
    margin: 7.5520833333vw !important;
  }
  .mt145 {
    margin-top: 7.5520833333vw !important;
  }
  .mb145 {
    margin-bottom: 7.5520833333vw !important;
  }
  .f145 {
    font-size: 7.5520833333vw !important;
    line-height: 1.5;
  }
  .m150 {
    margin: 7.8125vw !important;
  }
  .mt150 {
    margin-top: 7.8125vw !important;
  }
  .mb150 {
    margin-bottom: 7.8125vw !important;
  }
  .f150 {
    font-size: 7.8125vw !important;
    line-height: 1.5;
  }
  .m155 {
    margin: 8.0729166667vw !important;
  }
  .mt155 {
    margin-top: 8.0729166667vw !important;
  }
  .mb155 {
    margin-bottom: 8.0729166667vw !important;
  }
  .f155 {
    font-size: 8.0729166667vw !important;
    line-height: 1.5;
  }
  .m160 {
    margin: 8.3333333333vw !important;
  }
  .mt160 {
    margin-top: 8.3333333333vw !important;
  }
  .mb160 {
    margin-bottom: 8.3333333333vw !important;
  }
  .f160 {
    font-size: 8.3333333333vw !important;
    line-height: 1.5;
  }
  .m165 {
    margin: 8.59375vw !important;
  }
  .mt165 {
    margin-top: 8.59375vw !important;
  }
  .mb165 {
    margin-bottom: 8.59375vw !important;
  }
  .f165 {
    font-size: 8.59375vw !important;
    line-height: 1.5;
  }
  .m170 {
    margin: 8.8541666667vw !important;
  }
  .mt170 {
    margin-top: 8.8541666667vw !important;
  }
  .mb170 {
    margin-bottom: 8.8541666667vw !important;
  }
  .f170 {
    font-size: 8.8541666667vw !important;
    line-height: 1.5;
  }
  .m175 {
    margin: 9.1145833333vw !important;
  }
  .mt175 {
    margin-top: 9.1145833333vw !important;
  }
  .mb175 {
    margin-bottom: 9.1145833333vw !important;
  }
  .f175 {
    font-size: 9.1145833333vw !important;
    line-height: 1.5;
  }
  .m180 {
    margin: 9.375vw !important;
  }
  .mt180 {
    margin-top: 9.375vw !important;
  }
  .mb180 {
    margin-bottom: 9.375vw !important;
  }
  .f180 {
    font-size: 9.375vw !important;
    line-height: 1.5;
  }
  .m185 {
    margin: 9.6354166667vw !important;
  }
  .mt185 {
    margin-top: 9.6354166667vw !important;
  }
  .mb185 {
    margin-bottom: 9.6354166667vw !important;
  }
  .f185 {
    font-size: 9.6354166667vw !important;
    line-height: 1.5;
  }
  .m190 {
    margin: 9.8958333333vw !important;
  }
  .mt190 {
    margin-top: 9.8958333333vw !important;
  }
  .mb190 {
    margin-bottom: 9.8958333333vw !important;
  }
  .f190 {
    font-size: 9.8958333333vw !important;
    line-height: 1.5;
  }
  .m195 {
    margin: 10.15625vw !important;
  }
  .mt195 {
    margin-top: 10.15625vw !important;
  }
  .mb195 {
    margin-bottom: 10.15625vw !important;
  }
  .f195 {
    font-size: 10.15625vw !important;
    line-height: 1.5;
  }
  .m200 {
    margin: 10.4166666667vw !important;
  }
  .mt200 {
    margin-top: 10.4166666667vw !important;
  }
  .mb200 {
    margin-bottom: 10.4166666667vw !important;
  }
  .f200 {
    font-size: 10.4166666667vw !important;
    line-height: 1.5;
  }
  .top-200 {
    top: -10.4166666667vw !important;
  }
  .bot-200 {
    bottom: -10.4166666667vw !important;
  }
  .rht-200 {
    right: -10.4166666667vw !important;
  }
  .lft-200 {
    left: -10.4166666667vw !important;
  }
  .try-200 {
    transform: translateY(-10.4166666667vw) !important;
  }
  .top-195 {
    top: -10.15625vw !important;
  }
  .bot-195 {
    bottom: -10.15625vw !important;
  }
  .rht-195 {
    right: -10.15625vw !important;
  }
  .lft-195 {
    left: -10.15625vw !important;
  }
  .try-195 {
    transform: translateY(-10.15625vw) !important;
  }
  .top-190 {
    top: -9.8958333333vw !important;
  }
  .bot-190 {
    bottom: -9.8958333333vw !important;
  }
  .rht-190 {
    right: -9.8958333333vw !important;
  }
  .lft-190 {
    left: -9.8958333333vw !important;
  }
  .try-190 {
    transform: translateY(-9.8958333333vw) !important;
  }
  .top-185 {
    top: -9.6354166667vw !important;
  }
  .bot-185 {
    bottom: -9.6354166667vw !important;
  }
  .rht-185 {
    right: -9.6354166667vw !important;
  }
  .lft-185 {
    left: -9.6354166667vw !important;
  }
  .try-185 {
    transform: translateY(-9.6354166667vw) !important;
  }
  .top-180 {
    top: -9.375vw !important;
  }
  .bot-180 {
    bottom: -9.375vw !important;
  }
  .rht-180 {
    right: -9.375vw !important;
  }
  .lft-180 {
    left: -9.375vw !important;
  }
  .try-180 {
    transform: translateY(-9.375vw) !important;
  }
  .top-175 {
    top: -9.1145833333vw !important;
  }
  .bot-175 {
    bottom: -9.1145833333vw !important;
  }
  .rht-175 {
    right: -9.1145833333vw !important;
  }
  .lft-175 {
    left: -9.1145833333vw !important;
  }
  .try-175 {
    transform: translateY(-9.1145833333vw) !important;
  }
  .top-170 {
    top: -8.8541666667vw !important;
  }
  .bot-170 {
    bottom: -8.8541666667vw !important;
  }
  .rht-170 {
    right: -8.8541666667vw !important;
  }
  .lft-170 {
    left: -8.8541666667vw !important;
  }
  .try-170 {
    transform: translateY(-8.8541666667vw) !important;
  }
  .top-165 {
    top: -8.59375vw !important;
  }
  .bot-165 {
    bottom: -8.59375vw !important;
  }
  .rht-165 {
    right: -8.59375vw !important;
  }
  .lft-165 {
    left: -8.59375vw !important;
  }
  .try-165 {
    transform: translateY(-8.59375vw) !important;
  }
  .top-160 {
    top: -8.3333333333vw !important;
  }
  .bot-160 {
    bottom: -8.3333333333vw !important;
  }
  .rht-160 {
    right: -8.3333333333vw !important;
  }
  .lft-160 {
    left: -8.3333333333vw !important;
  }
  .try-160 {
    transform: translateY(-8.3333333333vw) !important;
  }
  .top-155 {
    top: -8.0729166667vw !important;
  }
  .bot-155 {
    bottom: -8.0729166667vw !important;
  }
  .rht-155 {
    right: -8.0729166667vw !important;
  }
  .lft-155 {
    left: -8.0729166667vw !important;
  }
  .try-155 {
    transform: translateY(-8.0729166667vw) !important;
  }
  .top-150 {
    top: -7.8125vw !important;
  }
  .bot-150 {
    bottom: -7.8125vw !important;
  }
  .rht-150 {
    right: -7.8125vw !important;
  }
  .lft-150 {
    left: -7.8125vw !important;
  }
  .try-150 {
    transform: translateY(-7.8125vw) !important;
  }
  .top-145 {
    top: -7.5520833333vw !important;
  }
  .bot-145 {
    bottom: -7.5520833333vw !important;
  }
  .rht-145 {
    right: -7.5520833333vw !important;
  }
  .lft-145 {
    left: -7.5520833333vw !important;
  }
  .try-145 {
    transform: translateY(-7.5520833333vw) !important;
  }
  .top-140 {
    top: -7.2916666667vw !important;
  }
  .bot-140 {
    bottom: -7.2916666667vw !important;
  }
  .rht-140 {
    right: -7.2916666667vw !important;
  }
  .lft-140 {
    left: -7.2916666667vw !important;
  }
  .try-140 {
    transform: translateY(-7.2916666667vw) !important;
  }
  .top-135 {
    top: -7.03125vw !important;
  }
  .bot-135 {
    bottom: -7.03125vw !important;
  }
  .rht-135 {
    right: -7.03125vw !important;
  }
  .lft-135 {
    left: -7.03125vw !important;
  }
  .try-135 {
    transform: translateY(-7.03125vw) !important;
  }
  .top-130 {
    top: -6.7708333333vw !important;
  }
  .bot-130 {
    bottom: -6.7708333333vw !important;
  }
  .rht-130 {
    right: -6.7708333333vw !important;
  }
  .lft-130 {
    left: -6.7708333333vw !important;
  }
  .try-130 {
    transform: translateY(-6.7708333333vw) !important;
  }
  .top-125 {
    top: -6.5104166667vw !important;
  }
  .bot-125 {
    bottom: -6.5104166667vw !important;
  }
  .rht-125 {
    right: -6.5104166667vw !important;
  }
  .lft-125 {
    left: -6.5104166667vw !important;
  }
  .try-125 {
    transform: translateY(-6.5104166667vw) !important;
  }
  .top-120 {
    top: -6.25vw !important;
  }
  .bot-120 {
    bottom: -6.25vw !important;
  }
  .rht-120 {
    right: -6.25vw !important;
  }
  .lft-120 {
    left: -6.25vw !important;
  }
  .try-120 {
    transform: translateY(-6.25vw) !important;
  }
  .top-115 {
    top: -5.9895833333vw !important;
  }
  .bot-115 {
    bottom: -5.9895833333vw !important;
  }
  .rht-115 {
    right: -5.9895833333vw !important;
  }
  .lft-115 {
    left: -5.9895833333vw !important;
  }
  .try-115 {
    transform: translateY(-5.9895833333vw) !important;
  }
  .top-110 {
    top: -5.7291666667vw !important;
  }
  .bot-110 {
    bottom: -5.7291666667vw !important;
  }
  .rht-110 {
    right: -5.7291666667vw !important;
  }
  .lft-110 {
    left: -5.7291666667vw !important;
  }
  .try-110 {
    transform: translateY(-5.7291666667vw) !important;
  }
  .top-105 {
    top: -5.46875vw !important;
  }
  .bot-105 {
    bottom: -5.46875vw !important;
  }
  .rht-105 {
    right: -5.46875vw !important;
  }
  .lft-105 {
    left: -5.46875vw !important;
  }
  .try-105 {
    transform: translateY(-5.46875vw) !important;
  }
  .top-100 {
    top: -5.2083333333vw !important;
  }
  .bot-100 {
    bottom: -5.2083333333vw !important;
  }
  .rht-100 {
    right: -5.2083333333vw !important;
  }
  .lft-100 {
    left: -5.2083333333vw !important;
  }
  .try-100 {
    transform: translateY(-5.2083333333vw) !important;
  }
  .top-95 {
    top: -4.9479166667vw !important;
  }
  .bot-95 {
    bottom: -4.9479166667vw !important;
  }
  .rht-95 {
    right: -4.9479166667vw !important;
  }
  .lft-95 {
    left: -4.9479166667vw !important;
  }
  .try-95 {
    transform: translateY(-4.9479166667vw) !important;
  }
  .top-90 {
    top: -4.6875vw !important;
  }
  .bot-90 {
    bottom: -4.6875vw !important;
  }
  .rht-90 {
    right: -4.6875vw !important;
  }
  .lft-90 {
    left: -4.6875vw !important;
  }
  .try-90 {
    transform: translateY(-4.6875vw) !important;
  }
  .top-85 {
    top: -4.4270833333vw !important;
  }
  .bot-85 {
    bottom: -4.4270833333vw !important;
  }
  .rht-85 {
    right: -4.4270833333vw !important;
  }
  .lft-85 {
    left: -4.4270833333vw !important;
  }
  .try-85 {
    transform: translateY(-4.4270833333vw) !important;
  }
  .top-80 {
    top: -4.1666666667vw !important;
  }
  .bot-80 {
    bottom: -4.1666666667vw !important;
  }
  .rht-80 {
    right: -4.1666666667vw !important;
  }
  .lft-80 {
    left: -4.1666666667vw !important;
  }
  .try-80 {
    transform: translateY(-4.1666666667vw) !important;
  }
  .top-75 {
    top: -3.90625vw !important;
  }
  .bot-75 {
    bottom: -3.90625vw !important;
  }
  .rht-75 {
    right: -3.90625vw !important;
  }
  .lft-75 {
    left: -3.90625vw !important;
  }
  .try-75 {
    transform: translateY(-3.90625vw) !important;
  }
  .top-70 {
    top: -3.6458333333vw !important;
  }
  .bot-70 {
    bottom: -3.6458333333vw !important;
  }
  .rht-70 {
    right: -3.6458333333vw !important;
  }
  .lft-70 {
    left: -3.6458333333vw !important;
  }
  .try-70 {
    transform: translateY(-3.6458333333vw) !important;
  }
  .top-65 {
    top: -3.3854166667vw !important;
  }
  .bot-65 {
    bottom: -3.3854166667vw !important;
  }
  .rht-65 {
    right: -3.3854166667vw !important;
  }
  .lft-65 {
    left: -3.3854166667vw !important;
  }
  .try-65 {
    transform: translateY(-3.3854166667vw) !important;
  }
  .top-60 {
    top: -3.125vw !important;
  }
  .bot-60 {
    bottom: -3.125vw !important;
  }
  .rht-60 {
    right: -3.125vw !important;
  }
  .lft-60 {
    left: -3.125vw !important;
  }
  .try-60 {
    transform: translateY(-3.125vw) !important;
  }
  .top-55 {
    top: -2.8645833333vw !important;
  }
  .bot-55 {
    bottom: -2.8645833333vw !important;
  }
  .rht-55 {
    right: -2.8645833333vw !important;
  }
  .lft-55 {
    left: -2.8645833333vw !important;
  }
  .try-55 {
    transform: translateY(-2.8645833333vw) !important;
  }
  .top-50 {
    top: -2.6041666667vw !important;
  }
  .bot-50 {
    bottom: -2.6041666667vw !important;
  }
  .rht-50 {
    right: -2.6041666667vw !important;
  }
  .lft-50 {
    left: -2.6041666667vw !important;
  }
  .try-50 {
    transform: translateY(-2.6041666667vw) !important;
  }
  .top-45 {
    top: -2.34375vw !important;
  }
  .bot-45 {
    bottom: -2.34375vw !important;
  }
  .rht-45 {
    right: -2.34375vw !important;
  }
  .lft-45 {
    left: -2.34375vw !important;
  }
  .try-45 {
    transform: translateY(-2.34375vw) !important;
  }
  .top-40 {
    top: -2.0833333333vw !important;
  }
  .bot-40 {
    bottom: -2.0833333333vw !important;
  }
  .rht-40 {
    right: -2.0833333333vw !important;
  }
  .lft-40 {
    left: -2.0833333333vw !important;
  }
  .try-40 {
    transform: translateY(-2.0833333333vw) !important;
  }
  .top-35 {
    top: -1.8229166667vw !important;
  }
  .bot-35 {
    bottom: -1.8229166667vw !important;
  }
  .rht-35 {
    right: -1.8229166667vw !important;
  }
  .lft-35 {
    left: -1.8229166667vw !important;
  }
  .try-35 {
    transform: translateY(-1.8229166667vw) !important;
  }
  .top-30 {
    top: -1.5625vw !important;
  }
  .bot-30 {
    bottom: -1.5625vw !important;
  }
  .rht-30 {
    right: -1.5625vw !important;
  }
  .lft-30 {
    left: -1.5625vw !important;
  }
  .try-30 {
    transform: translateY(-1.5625vw) !important;
  }
  .top-25 {
    top: -1.3020833333vw !important;
  }
  .bot-25 {
    bottom: -1.3020833333vw !important;
  }
  .rht-25 {
    right: -1.3020833333vw !important;
  }
  .lft-25 {
    left: -1.3020833333vw !important;
  }
  .try-25 {
    transform: translateY(-1.3020833333vw) !important;
  }
  .top-20 {
    top: -1.0416666667vw !important;
  }
  .bot-20 {
    bottom: -1.0416666667vw !important;
  }
  .rht-20 {
    right: -1.0416666667vw !important;
  }
  .lft-20 {
    left: -1.0416666667vw !important;
  }
  .try-20 {
    transform: translateY(-1.0416666667vw) !important;
  }
  .top-15 {
    top: -0.78125vw !important;
  }
  .bot-15 {
    bottom: -0.78125vw !important;
  }
  .rht-15 {
    right: -0.78125vw !important;
  }
  .lft-15 {
    left: -0.78125vw !important;
  }
  .try-15 {
    transform: translateY(-0.78125vw) !important;
  }
  .top-10 {
    top: -0.5208333333vw !important;
  }
  .bot-10 {
    bottom: -0.5208333333vw !important;
  }
  .rht-10 {
    right: -0.5208333333vw !important;
  }
  .lft-10 {
    left: -0.5208333333vw !important;
  }
  .try-10 {
    transform: translateY(-0.5208333333vw) !important;
  }
  .top-5 {
    top: -0.2604166667vw !important;
  }
  .bot-5 {
    bottom: -0.2604166667vw !important;
  }
  .rht-5 {
    right: -0.2604166667vw !important;
  }
  .lft-5 {
    left: -0.2604166667vw !important;
  }
  .try-5 {
    transform: translateY(-0.2604166667vw) !important;
  }
  .top0 {
    top: 0vw !important;
  }
  .bot0 {
    bottom: 0vw !important;
  }
  .rht0 {
    right: 0vw !important;
  }
  .lft0 {
    left: 0vw !important;
  }
  .try0 {
    transform: translateY(0vw) !important;
  }
  .top5 {
    top: 0.2604166667vw !important;
  }
  .bot5 {
    bottom: 0.2604166667vw !important;
  }
  .rht5 {
    right: 0.2604166667vw !important;
  }
  .lft5 {
    left: 0.2604166667vw !important;
  }
  .try5 {
    transform: translateY(0.2604166667vw) !important;
  }
  .top10 {
    top: 0.5208333333vw !important;
  }
  .bot10 {
    bottom: 0.5208333333vw !important;
  }
  .rht10 {
    right: 0.5208333333vw !important;
  }
  .lft10 {
    left: 0.5208333333vw !important;
  }
  .try10 {
    transform: translateY(0.5208333333vw) !important;
  }
  .top15 {
    top: 0.78125vw !important;
  }
  .bot15 {
    bottom: 0.78125vw !important;
  }
  .rht15 {
    right: 0.78125vw !important;
  }
  .lft15 {
    left: 0.78125vw !important;
  }
  .try15 {
    transform: translateY(0.78125vw) !important;
  }
  .top20 {
    top: 1.0416666667vw !important;
  }
  .bot20 {
    bottom: 1.0416666667vw !important;
  }
  .rht20 {
    right: 1.0416666667vw !important;
  }
  .lft20 {
    left: 1.0416666667vw !important;
  }
  .try20 {
    transform: translateY(1.0416666667vw) !important;
  }
  .top25 {
    top: 1.3020833333vw !important;
  }
  .bot25 {
    bottom: 1.3020833333vw !important;
  }
  .rht25 {
    right: 1.3020833333vw !important;
  }
  .lft25 {
    left: 1.3020833333vw !important;
  }
  .try25 {
    transform: translateY(1.3020833333vw) !important;
  }
  .top30 {
    top: 1.5625vw !important;
  }
  .bot30 {
    bottom: 1.5625vw !important;
  }
  .rht30 {
    right: 1.5625vw !important;
  }
  .lft30 {
    left: 1.5625vw !important;
  }
  .try30 {
    transform: translateY(1.5625vw) !important;
  }
  .top35 {
    top: 1.8229166667vw !important;
  }
  .bot35 {
    bottom: 1.8229166667vw !important;
  }
  .rht35 {
    right: 1.8229166667vw !important;
  }
  .lft35 {
    left: 1.8229166667vw !important;
  }
  .try35 {
    transform: translateY(1.8229166667vw) !important;
  }
  .top40 {
    top: 2.0833333333vw !important;
  }
  .bot40 {
    bottom: 2.0833333333vw !important;
  }
  .rht40 {
    right: 2.0833333333vw !important;
  }
  .lft40 {
    left: 2.0833333333vw !important;
  }
  .try40 {
    transform: translateY(2.0833333333vw) !important;
  }
  .top45 {
    top: 2.34375vw !important;
  }
  .bot45 {
    bottom: 2.34375vw !important;
  }
  .rht45 {
    right: 2.34375vw !important;
  }
  .lft45 {
    left: 2.34375vw !important;
  }
  .try45 {
    transform: translateY(2.34375vw) !important;
  }
  .top50 {
    top: 2.6041666667vw !important;
  }
  .bot50 {
    bottom: 2.6041666667vw !important;
  }
  .rht50 {
    right: 2.6041666667vw !important;
  }
  .lft50 {
    left: 2.6041666667vw !important;
  }
  .try50 {
    transform: translateY(2.6041666667vw) !important;
  }
  .top55 {
    top: 2.8645833333vw !important;
  }
  .bot55 {
    bottom: 2.8645833333vw !important;
  }
  .rht55 {
    right: 2.8645833333vw !important;
  }
  .lft55 {
    left: 2.8645833333vw !important;
  }
  .try55 {
    transform: translateY(2.8645833333vw) !important;
  }
  .top60 {
    top: 3.125vw !important;
  }
  .bot60 {
    bottom: 3.125vw !important;
  }
  .rht60 {
    right: 3.125vw !important;
  }
  .lft60 {
    left: 3.125vw !important;
  }
  .try60 {
    transform: translateY(3.125vw) !important;
  }
  .top65 {
    top: 3.3854166667vw !important;
  }
  .bot65 {
    bottom: 3.3854166667vw !important;
  }
  .rht65 {
    right: 3.3854166667vw !important;
  }
  .lft65 {
    left: 3.3854166667vw !important;
  }
  .try65 {
    transform: translateY(3.3854166667vw) !important;
  }
  .top70 {
    top: 3.6458333333vw !important;
  }
  .bot70 {
    bottom: 3.6458333333vw !important;
  }
  .rht70 {
    right: 3.6458333333vw !important;
  }
  .lft70 {
    left: 3.6458333333vw !important;
  }
  .try70 {
    transform: translateY(3.6458333333vw) !important;
  }
  .top75 {
    top: 3.90625vw !important;
  }
  .bot75 {
    bottom: 3.90625vw !important;
  }
  .rht75 {
    right: 3.90625vw !important;
  }
  .lft75 {
    left: 3.90625vw !important;
  }
  .try75 {
    transform: translateY(3.90625vw) !important;
  }
  .top80 {
    top: 4.1666666667vw !important;
  }
  .bot80 {
    bottom: 4.1666666667vw !important;
  }
  .rht80 {
    right: 4.1666666667vw !important;
  }
  .lft80 {
    left: 4.1666666667vw !important;
  }
  .try80 {
    transform: translateY(4.1666666667vw) !important;
  }
  .top85 {
    top: 4.4270833333vw !important;
  }
  .bot85 {
    bottom: 4.4270833333vw !important;
  }
  .rht85 {
    right: 4.4270833333vw !important;
  }
  .lft85 {
    left: 4.4270833333vw !important;
  }
  .try85 {
    transform: translateY(4.4270833333vw) !important;
  }
  .top90 {
    top: 4.6875vw !important;
  }
  .bot90 {
    bottom: 4.6875vw !important;
  }
  .rht90 {
    right: 4.6875vw !important;
  }
  .lft90 {
    left: 4.6875vw !important;
  }
  .try90 {
    transform: translateY(4.6875vw) !important;
  }
  .top95 {
    top: 4.9479166667vw !important;
  }
  .bot95 {
    bottom: 4.9479166667vw !important;
  }
  .rht95 {
    right: 4.9479166667vw !important;
  }
  .lft95 {
    left: 4.9479166667vw !important;
  }
  .try95 {
    transform: translateY(4.9479166667vw) !important;
  }
  .top100 {
    top: 5.2083333333vw !important;
  }
  .bot100 {
    bottom: 5.2083333333vw !important;
  }
  .rht100 {
    right: 5.2083333333vw !important;
  }
  .lft100 {
    left: 5.2083333333vw !important;
  }
  .try100 {
    transform: translateY(5.2083333333vw) !important;
  }
  .top105 {
    top: 5.46875vw !important;
  }
  .bot105 {
    bottom: 5.46875vw !important;
  }
  .rht105 {
    right: 5.46875vw !important;
  }
  .lft105 {
    left: 5.46875vw !important;
  }
  .try105 {
    transform: translateY(5.46875vw) !important;
  }
  .top110 {
    top: 5.7291666667vw !important;
  }
  .bot110 {
    bottom: 5.7291666667vw !important;
  }
  .rht110 {
    right: 5.7291666667vw !important;
  }
  .lft110 {
    left: 5.7291666667vw !important;
  }
  .try110 {
    transform: translateY(5.7291666667vw) !important;
  }
  .top115 {
    top: 5.9895833333vw !important;
  }
  .bot115 {
    bottom: 5.9895833333vw !important;
  }
  .rht115 {
    right: 5.9895833333vw !important;
  }
  .lft115 {
    left: 5.9895833333vw !important;
  }
  .try115 {
    transform: translateY(5.9895833333vw) !important;
  }
  .top120 {
    top: 6.25vw !important;
  }
  .bot120 {
    bottom: 6.25vw !important;
  }
  .rht120 {
    right: 6.25vw !important;
  }
  .lft120 {
    left: 6.25vw !important;
  }
  .try120 {
    transform: translateY(6.25vw) !important;
  }
  .top125 {
    top: 6.5104166667vw !important;
  }
  .bot125 {
    bottom: 6.5104166667vw !important;
  }
  .rht125 {
    right: 6.5104166667vw !important;
  }
  .lft125 {
    left: 6.5104166667vw !important;
  }
  .try125 {
    transform: translateY(6.5104166667vw) !important;
  }
  .top130 {
    top: 6.7708333333vw !important;
  }
  .bot130 {
    bottom: 6.7708333333vw !important;
  }
  .rht130 {
    right: 6.7708333333vw !important;
  }
  .lft130 {
    left: 6.7708333333vw !important;
  }
  .try130 {
    transform: translateY(6.7708333333vw) !important;
  }
  .top135 {
    top: 7.03125vw !important;
  }
  .bot135 {
    bottom: 7.03125vw !important;
  }
  .rht135 {
    right: 7.03125vw !important;
  }
  .lft135 {
    left: 7.03125vw !important;
  }
  .try135 {
    transform: translateY(7.03125vw) !important;
  }
  .top140 {
    top: 7.2916666667vw !important;
  }
  .bot140 {
    bottom: 7.2916666667vw !important;
  }
  .rht140 {
    right: 7.2916666667vw !important;
  }
  .lft140 {
    left: 7.2916666667vw !important;
  }
  .try140 {
    transform: translateY(7.2916666667vw) !important;
  }
  .top145 {
    top: 7.5520833333vw !important;
  }
  .bot145 {
    bottom: 7.5520833333vw !important;
  }
  .rht145 {
    right: 7.5520833333vw !important;
  }
  .lft145 {
    left: 7.5520833333vw !important;
  }
  .try145 {
    transform: translateY(7.5520833333vw) !important;
  }
  .top150 {
    top: 7.8125vw !important;
  }
  .bot150 {
    bottom: 7.8125vw !important;
  }
  .rht150 {
    right: 7.8125vw !important;
  }
  .lft150 {
    left: 7.8125vw !important;
  }
  .try150 {
    transform: translateY(7.8125vw) !important;
  }
  .top155 {
    top: 8.0729166667vw !important;
  }
  .bot155 {
    bottom: 8.0729166667vw !important;
  }
  .rht155 {
    right: 8.0729166667vw !important;
  }
  .lft155 {
    left: 8.0729166667vw !important;
  }
  .try155 {
    transform: translateY(8.0729166667vw) !important;
  }
  .top160 {
    top: 8.3333333333vw !important;
  }
  .bot160 {
    bottom: 8.3333333333vw !important;
  }
  .rht160 {
    right: 8.3333333333vw !important;
  }
  .lft160 {
    left: 8.3333333333vw !important;
  }
  .try160 {
    transform: translateY(8.3333333333vw) !important;
  }
  .top165 {
    top: 8.59375vw !important;
  }
  .bot165 {
    bottom: 8.59375vw !important;
  }
  .rht165 {
    right: 8.59375vw !important;
  }
  .lft165 {
    left: 8.59375vw !important;
  }
  .try165 {
    transform: translateY(8.59375vw) !important;
  }
  .top170 {
    top: 8.8541666667vw !important;
  }
  .bot170 {
    bottom: 8.8541666667vw !important;
  }
  .rht170 {
    right: 8.8541666667vw !important;
  }
  .lft170 {
    left: 8.8541666667vw !important;
  }
  .try170 {
    transform: translateY(8.8541666667vw) !important;
  }
  .top175 {
    top: 9.1145833333vw !important;
  }
  .bot175 {
    bottom: 9.1145833333vw !important;
  }
  .rht175 {
    right: 9.1145833333vw !important;
  }
  .lft175 {
    left: 9.1145833333vw !important;
  }
  .try175 {
    transform: translateY(9.1145833333vw) !important;
  }
  .top180 {
    top: 9.375vw !important;
  }
  .bot180 {
    bottom: 9.375vw !important;
  }
  .rht180 {
    right: 9.375vw !important;
  }
  .lft180 {
    left: 9.375vw !important;
  }
  .try180 {
    transform: translateY(9.375vw) !important;
  }
  .top185 {
    top: 9.6354166667vw !important;
  }
  .bot185 {
    bottom: 9.6354166667vw !important;
  }
  .rht185 {
    right: 9.6354166667vw !important;
  }
  .lft185 {
    left: 9.6354166667vw !important;
  }
  .try185 {
    transform: translateY(9.6354166667vw) !important;
  }
  .top190 {
    top: 9.8958333333vw !important;
  }
  .bot190 {
    bottom: 9.8958333333vw !important;
  }
  .rht190 {
    right: 9.8958333333vw !important;
  }
  .lft190 {
    left: 9.8958333333vw !important;
  }
  .try190 {
    transform: translateY(9.8958333333vw) !important;
  }
  .top195 {
    top: 10.15625vw !important;
  }
  .bot195 {
    bottom: 10.15625vw !important;
  }
  .rht195 {
    right: 10.15625vw !important;
  }
  .lft195 {
    left: 10.15625vw !important;
  }
  .try195 {
    transform: translateY(10.15625vw) !important;
  }
  .top200 {
    top: 10.4166666667vw !important;
  }
  .bot200 {
    bottom: 10.4166666667vw !important;
  }
  .rht200 {
    right: 10.4166666667vw !important;
  }
  .lft200 {
    left: 10.4166666667vw !important;
  }
  .try200 {
    transform: translateY(10.4166666667vw) !important;
  }
}
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .spw90vw {
    width: 90vw;
  }
  .m5 {
    margin: 1vw !important;
  }
  .mt5 {
    margin-top: 1vw !important;
  }
  .mb5 {
    margin-bottom: 1vw !important;
  }
  .f5 {
    font-size: 1vw !important;
    line-height: 1.5;
  }
  .m10 {
    margin: 2vw !important;
  }
  .mt10 {
    margin-top: 2vw !important;
  }
  .mb10 {
    margin-bottom: 2vw !important;
  }
  .f10 {
    font-size: 2vw !important;
    line-height: 1.5;
  }
  .m15 {
    margin: 3vw !important;
  }
  .mt15 {
    margin-top: 3vw !important;
  }
  .mb15 {
    margin-bottom: 3vw !important;
  }
  .f15 {
    font-size: 3vw !important;
    line-height: 1.5;
  }
  .m20 {
    margin: 4vw !important;
  }
  .mt20 {
    margin-top: 4vw !important;
  }
  .mb20 {
    margin-bottom: 4vw !important;
  }
  .f20 {
    font-size: 4vw !important;
    line-height: 1.5;
  }
  .m25 {
    margin: 5vw !important;
  }
  .mt25 {
    margin-top: 5vw !important;
  }
  .mb25 {
    margin-bottom: 5vw !important;
  }
  .f25 {
    font-size: 5vw !important;
    line-height: 1.5;
  }
  .m30 {
    margin: 6vw !important;
  }
  .mt30 {
    margin-top: 6vw !important;
  }
  .mb30 {
    margin-bottom: 6vw !important;
  }
  .f30 {
    font-size: 6vw !important;
    line-height: 1.5;
  }
  .m35 {
    margin: 7vw !important;
  }
  .mt35 {
    margin-top: 7vw !important;
  }
  .mb35 {
    margin-bottom: 7vw !important;
  }
  .f35 {
    font-size: 7vw !important;
    line-height: 1.5;
  }
  .m40 {
    margin: 8vw !important;
  }
  .mt40 {
    margin-top: 8vw !important;
  }
  .mb40 {
    margin-bottom: 8vw !important;
  }
  .f40 {
    font-size: 8vw !important;
    line-height: 1.5;
  }
  .m45 {
    margin: 9vw !important;
  }
  .mt45 {
    margin-top: 9vw !important;
  }
  .mb45 {
    margin-bottom: 9vw !important;
  }
  .f45 {
    font-size: 9vw !important;
    line-height: 1.5;
  }
  .m50 {
    margin: 10vw !important;
  }
  .mt50 {
    margin-top: 10vw !important;
  }
  .mb50 {
    margin-bottom: 10vw !important;
  }
  .f50 {
    font-size: 10vw !important;
    line-height: 1.5;
  }
  .m55 {
    margin: 11vw !important;
  }
  .mt55 {
    margin-top: 11vw !important;
  }
  .mb55 {
    margin-bottom: 11vw !important;
  }
  .f55 {
    font-size: 11vw !important;
    line-height: 1.5;
  }
  .m60 {
    margin: 12vw !important;
  }
  .mt60 {
    margin-top: 12vw !important;
  }
  .mb60 {
    margin-bottom: 12vw !important;
  }
  .f60 {
    font-size: 12vw !important;
    line-height: 1.5;
  }
  .m65 {
    margin: 13vw !important;
  }
  .mt65 {
    margin-top: 13vw !important;
  }
  .mb65 {
    margin-bottom: 13vw !important;
  }
  .f65 {
    font-size: 13vw !important;
    line-height: 1.5;
  }
  .m70 {
    margin: 14vw !important;
  }
  .mt70 {
    margin-top: 14vw !important;
  }
  .mb70 {
    margin-bottom: 14vw !important;
  }
  .f70 {
    font-size: 14vw !important;
    line-height: 1.5;
  }
  .m75 {
    margin: 15vw !important;
  }
  .mt75 {
    margin-top: 15vw !important;
  }
  .mb75 {
    margin-bottom: 15vw !important;
  }
  .f75 {
    font-size: 15vw !important;
    line-height: 1.5;
  }
  .m80 {
    margin: 16vw !important;
  }
  .mt80 {
    margin-top: 16vw !important;
  }
  .mb80 {
    margin-bottom: 16vw !important;
  }
  .f80 {
    font-size: 16vw !important;
    line-height: 1.5;
  }
  .m85 {
    margin: 17vw !important;
  }
  .mt85 {
    margin-top: 17vw !important;
  }
  .mb85 {
    margin-bottom: 17vw !important;
  }
  .f85 {
    font-size: 17vw !important;
    line-height: 1.5;
  }
  .m90 {
    margin: 18vw !important;
  }
  .mt90 {
    margin-top: 18vw !important;
  }
  .mb90 {
    margin-bottom: 18vw !important;
  }
  .f90 {
    font-size: 18vw !important;
    line-height: 1.5;
  }
  .m95 {
    margin: 19vw !important;
  }
  .mt95 {
    margin-top: 19vw !important;
  }
  .mb95 {
    margin-bottom: 19vw !important;
  }
  .f95 {
    font-size: 19vw !important;
    line-height: 1.5;
  }
  .m100 {
    margin: 20vw !important;
  }
  .mt100 {
    margin-top: 20vw !important;
  }
  .mb100 {
    margin-bottom: 20vw !important;
  }
  .f100 {
    font-size: 20vw !important;
    line-height: 1.5;
  }
  .m105 {
    margin: 21vw !important;
  }
  .mt105 {
    margin-top: 21vw !important;
  }
  .mb105 {
    margin-bottom: 21vw !important;
  }
  .f105 {
    font-size: 21vw !important;
    line-height: 1.5;
  }
  .m110 {
    margin: 22vw !important;
  }
  .mt110 {
    margin-top: 22vw !important;
  }
  .mb110 {
    margin-bottom: 22vw !important;
  }
  .f110 {
    font-size: 22vw !important;
    line-height: 1.5;
  }
  .m115 {
    margin: 23vw !important;
  }
  .mt115 {
    margin-top: 23vw !important;
  }
  .mb115 {
    margin-bottom: 23vw !important;
  }
  .f115 {
    font-size: 23vw !important;
    line-height: 1.5;
  }
  .m120 {
    margin: 24vw !important;
  }
  .mt120 {
    margin-top: 24vw !important;
  }
  .mb120 {
    margin-bottom: 24vw !important;
  }
  .f120 {
    font-size: 24vw !important;
    line-height: 1.5;
  }
  .m125 {
    margin: 25vw !important;
  }
  .mt125 {
    margin-top: 25vw !important;
  }
  .mb125 {
    margin-bottom: 25vw !important;
  }
  .f125 {
    font-size: 25vw !important;
    line-height: 1.5;
  }
  .m130 {
    margin: 26vw !important;
  }
  .mt130 {
    margin-top: 26vw !important;
  }
  .mb130 {
    margin-bottom: 26vw !important;
  }
  .f130 {
    font-size: 26vw !important;
    line-height: 1.5;
  }
  .m135 {
    margin: 27vw !important;
  }
  .mt135 {
    margin-top: 27vw !important;
  }
  .mb135 {
    margin-bottom: 27vw !important;
  }
  .f135 {
    font-size: 27vw !important;
    line-height: 1.5;
  }
  .m140 {
    margin: 28vw !important;
  }
  .mt140 {
    margin-top: 28vw !important;
  }
  .mb140 {
    margin-bottom: 28vw !important;
  }
  .f140 {
    font-size: 28vw !important;
    line-height: 1.5;
  }
  .m145 {
    margin: 29vw !important;
  }
  .mt145 {
    margin-top: 29vw !important;
  }
  .mb145 {
    margin-bottom: 29vw !important;
  }
  .f145 {
    font-size: 29vw !important;
    line-height: 1.5;
  }
  .m150 {
    margin: 30vw !important;
  }
  .mt150 {
    margin-top: 30vw !important;
  }
  .mb150 {
    margin-bottom: 30vw !important;
  }
  .f150 {
    font-size: 30vw !important;
    line-height: 1.5;
  }
  .m155 {
    margin: 31vw !important;
  }
  .mt155 {
    margin-top: 31vw !important;
  }
  .mb155 {
    margin-bottom: 31vw !important;
  }
  .f155 {
    font-size: 31vw !important;
    line-height: 1.5;
  }
  .m160 {
    margin: 32vw !important;
  }
  .mt160 {
    margin-top: 32vw !important;
  }
  .mb160 {
    margin-bottom: 32vw !important;
  }
  .f160 {
    font-size: 32vw !important;
    line-height: 1.5;
  }
  .m165 {
    margin: 33vw !important;
  }
  .mt165 {
    margin-top: 33vw !important;
  }
  .mb165 {
    margin-bottom: 33vw !important;
  }
  .f165 {
    font-size: 33vw !important;
    line-height: 1.5;
  }
  .m170 {
    margin: 34vw !important;
  }
  .mt170 {
    margin-top: 34vw !important;
  }
  .mb170 {
    margin-bottom: 34vw !important;
  }
  .f170 {
    font-size: 34vw !important;
    line-height: 1.5;
  }
  .m175 {
    margin: 35vw !important;
  }
  .mt175 {
    margin-top: 35vw !important;
  }
  .mb175 {
    margin-bottom: 35vw !important;
  }
  .f175 {
    font-size: 35vw !important;
    line-height: 1.5;
  }
  .m180 {
    margin: 36vw !important;
  }
  .mt180 {
    margin-top: 36vw !important;
  }
  .mb180 {
    margin-bottom: 36vw !important;
  }
  .f180 {
    font-size: 36vw !important;
    line-height: 1.5;
  }
  .m185 {
    margin: 37vw !important;
  }
  .mt185 {
    margin-top: 37vw !important;
  }
  .mb185 {
    margin-bottom: 37vw !important;
  }
  .f185 {
    font-size: 37vw !important;
    line-height: 1.5;
  }
  .m190 {
    margin: 38vw !important;
  }
  .mt190 {
    margin-top: 38vw !important;
  }
  .mb190 {
    margin-bottom: 38vw !important;
  }
  .f190 {
    font-size: 38vw !important;
    line-height: 1.5;
  }
  .m195 {
    margin: 39vw !important;
  }
  .mt195 {
    margin-top: 39vw !important;
  }
  .mb195 {
    margin-bottom: 39vw !important;
  }
  .f195 {
    font-size: 39vw !important;
    line-height: 1.5;
  }
  .m200 {
    margin: 40vw !important;
  }
  .mt200 {
    margin-top: 40vw !important;
  }
  .mb200 {
    margin-bottom: 40vw !important;
  }
  .f200 {
    font-size: 40vw !important;
    line-height: 1.5;
  }
  .top-200 {
    top: -40vw !important;
  }
  .bot-200 {
    bottom: -40vw !important;
  }
  .rht-200 {
    right: -40vw !important;
  }
  .lft-200 {
    left: -40vw !important;
  }
  .try-200 {
    transform: translateY(-40vw) !important;
  }
  .top-195 {
    top: -39vw !important;
  }
  .bot-195 {
    bottom: -39vw !important;
  }
  .rht-195 {
    right: -39vw !important;
  }
  .lft-195 {
    left: -39vw !important;
  }
  .try-195 {
    transform: translateY(-39vw) !important;
  }
  .top-190 {
    top: -38vw !important;
  }
  .bot-190 {
    bottom: -38vw !important;
  }
  .rht-190 {
    right: -38vw !important;
  }
  .lft-190 {
    left: -38vw !important;
  }
  .try-190 {
    transform: translateY(-38vw) !important;
  }
  .top-185 {
    top: -37vw !important;
  }
  .bot-185 {
    bottom: -37vw !important;
  }
  .rht-185 {
    right: -37vw !important;
  }
  .lft-185 {
    left: -37vw !important;
  }
  .try-185 {
    transform: translateY(-37vw) !important;
  }
  .top-180 {
    top: -36vw !important;
  }
  .bot-180 {
    bottom: -36vw !important;
  }
  .rht-180 {
    right: -36vw !important;
  }
  .lft-180 {
    left: -36vw !important;
  }
  .try-180 {
    transform: translateY(-36vw) !important;
  }
  .top-175 {
    top: -35vw !important;
  }
  .bot-175 {
    bottom: -35vw !important;
  }
  .rht-175 {
    right: -35vw !important;
  }
  .lft-175 {
    left: -35vw !important;
  }
  .try-175 {
    transform: translateY(-35vw) !important;
  }
  .top-170 {
    top: -34vw !important;
  }
  .bot-170 {
    bottom: -34vw !important;
  }
  .rht-170 {
    right: -34vw !important;
  }
  .lft-170 {
    left: -34vw !important;
  }
  .try-170 {
    transform: translateY(-34vw) !important;
  }
  .top-165 {
    top: -33vw !important;
  }
  .bot-165 {
    bottom: -33vw !important;
  }
  .rht-165 {
    right: -33vw !important;
  }
  .lft-165 {
    left: -33vw !important;
  }
  .try-165 {
    transform: translateY(-33vw) !important;
  }
  .top-160 {
    top: -32vw !important;
  }
  .bot-160 {
    bottom: -32vw !important;
  }
  .rht-160 {
    right: -32vw !important;
  }
  .lft-160 {
    left: -32vw !important;
  }
  .try-160 {
    transform: translateY(-32vw) !important;
  }
  .top-155 {
    top: -31vw !important;
  }
  .bot-155 {
    bottom: -31vw !important;
  }
  .rht-155 {
    right: -31vw !important;
  }
  .lft-155 {
    left: -31vw !important;
  }
  .try-155 {
    transform: translateY(-31vw) !important;
  }
  .top-150 {
    top: -30vw !important;
  }
  .bot-150 {
    bottom: -30vw !important;
  }
  .rht-150 {
    right: -30vw !important;
  }
  .lft-150 {
    left: -30vw !important;
  }
  .try-150 {
    transform: translateY(-30vw) !important;
  }
  .top-145 {
    top: -29vw !important;
  }
  .bot-145 {
    bottom: -29vw !important;
  }
  .rht-145 {
    right: -29vw !important;
  }
  .lft-145 {
    left: -29vw !important;
  }
  .try-145 {
    transform: translateY(-29vw) !important;
  }
  .top-140 {
    top: -28vw !important;
  }
  .bot-140 {
    bottom: -28vw !important;
  }
  .rht-140 {
    right: -28vw !important;
  }
  .lft-140 {
    left: -28vw !important;
  }
  .try-140 {
    transform: translateY(-28vw) !important;
  }
  .top-135 {
    top: -27vw !important;
  }
  .bot-135 {
    bottom: -27vw !important;
  }
  .rht-135 {
    right: -27vw !important;
  }
  .lft-135 {
    left: -27vw !important;
  }
  .try-135 {
    transform: translateY(-27vw) !important;
  }
  .top-130 {
    top: -26vw !important;
  }
  .bot-130 {
    bottom: -26vw !important;
  }
  .rht-130 {
    right: -26vw !important;
  }
  .lft-130 {
    left: -26vw !important;
  }
  .try-130 {
    transform: translateY(-26vw) !important;
  }
  .top-125 {
    top: -25vw !important;
  }
  .bot-125 {
    bottom: -25vw !important;
  }
  .rht-125 {
    right: -25vw !important;
  }
  .lft-125 {
    left: -25vw !important;
  }
  .try-125 {
    transform: translateY(-25vw) !important;
  }
  .top-120 {
    top: -24vw !important;
  }
  .bot-120 {
    bottom: -24vw !important;
  }
  .rht-120 {
    right: -24vw !important;
  }
  .lft-120 {
    left: -24vw !important;
  }
  .try-120 {
    transform: translateY(-24vw) !important;
  }
  .top-115 {
    top: -23vw !important;
  }
  .bot-115 {
    bottom: -23vw !important;
  }
  .rht-115 {
    right: -23vw !important;
  }
  .lft-115 {
    left: -23vw !important;
  }
  .try-115 {
    transform: translateY(-23vw) !important;
  }
  .top-110 {
    top: -22vw !important;
  }
  .bot-110 {
    bottom: -22vw !important;
  }
  .rht-110 {
    right: -22vw !important;
  }
  .lft-110 {
    left: -22vw !important;
  }
  .try-110 {
    transform: translateY(-22vw) !important;
  }
  .top-105 {
    top: -21vw !important;
  }
  .bot-105 {
    bottom: -21vw !important;
  }
  .rht-105 {
    right: -21vw !important;
  }
  .lft-105 {
    left: -21vw !important;
  }
  .try-105 {
    transform: translateY(-21vw) !important;
  }
  .top-100 {
    top: -20vw !important;
  }
  .bot-100 {
    bottom: -20vw !important;
  }
  .rht-100 {
    right: -20vw !important;
  }
  .lft-100 {
    left: -20vw !important;
  }
  .try-100 {
    transform: translateY(-20vw) !important;
  }
  .top-95 {
    top: -19vw !important;
  }
  .bot-95 {
    bottom: -19vw !important;
  }
  .rht-95 {
    right: -19vw !important;
  }
  .lft-95 {
    left: -19vw !important;
  }
  .try-95 {
    transform: translateY(-19vw) !important;
  }
  .top-90 {
    top: -18vw !important;
  }
  .bot-90 {
    bottom: -18vw !important;
  }
  .rht-90 {
    right: -18vw !important;
  }
  .lft-90 {
    left: -18vw !important;
  }
  .try-90 {
    transform: translateY(-18vw) !important;
  }
  .top-85 {
    top: -17vw !important;
  }
  .bot-85 {
    bottom: -17vw !important;
  }
  .rht-85 {
    right: -17vw !important;
  }
  .lft-85 {
    left: -17vw !important;
  }
  .try-85 {
    transform: translateY(-17vw) !important;
  }
  .top-80 {
    top: -16vw !important;
  }
  .bot-80 {
    bottom: -16vw !important;
  }
  .rht-80 {
    right: -16vw !important;
  }
  .lft-80 {
    left: -16vw !important;
  }
  .try-80 {
    transform: translateY(-16vw) !important;
  }
  .top-75 {
    top: -15vw !important;
  }
  .bot-75 {
    bottom: -15vw !important;
  }
  .rht-75 {
    right: -15vw !important;
  }
  .lft-75 {
    left: -15vw !important;
  }
  .try-75 {
    transform: translateY(-15vw) !important;
  }
  .top-70 {
    top: -14vw !important;
  }
  .bot-70 {
    bottom: -14vw !important;
  }
  .rht-70 {
    right: -14vw !important;
  }
  .lft-70 {
    left: -14vw !important;
  }
  .try-70 {
    transform: translateY(-14vw) !important;
  }
  .top-65 {
    top: -13vw !important;
  }
  .bot-65 {
    bottom: -13vw !important;
  }
  .rht-65 {
    right: -13vw !important;
  }
  .lft-65 {
    left: -13vw !important;
  }
  .try-65 {
    transform: translateY(-13vw) !important;
  }
  .top-60 {
    top: -12vw !important;
  }
  .bot-60 {
    bottom: -12vw !important;
  }
  .rht-60 {
    right: -12vw !important;
  }
  .lft-60 {
    left: -12vw !important;
  }
  .try-60 {
    transform: translateY(-12vw) !important;
  }
  .top-55 {
    top: -11vw !important;
  }
  .bot-55 {
    bottom: -11vw !important;
  }
  .rht-55 {
    right: -11vw !important;
  }
  .lft-55 {
    left: -11vw !important;
  }
  .try-55 {
    transform: translateY(-11vw) !important;
  }
  .top-50 {
    top: -10vw !important;
  }
  .bot-50 {
    bottom: -10vw !important;
  }
  .rht-50 {
    right: -10vw !important;
  }
  .lft-50 {
    left: -10vw !important;
  }
  .try-50 {
    transform: translateY(-10vw) !important;
  }
  .top-45 {
    top: -9vw !important;
  }
  .bot-45 {
    bottom: -9vw !important;
  }
  .rht-45 {
    right: -9vw !important;
  }
  .lft-45 {
    left: -9vw !important;
  }
  .try-45 {
    transform: translateY(-9vw) !important;
  }
  .top-40 {
    top: -8vw !important;
  }
  .bot-40 {
    bottom: -8vw !important;
  }
  .rht-40 {
    right: -8vw !important;
  }
  .lft-40 {
    left: -8vw !important;
  }
  .try-40 {
    transform: translateY(-8vw) !important;
  }
  .top-35 {
    top: -7vw !important;
  }
  .bot-35 {
    bottom: -7vw !important;
  }
  .rht-35 {
    right: -7vw !important;
  }
  .lft-35 {
    left: -7vw !important;
  }
  .try-35 {
    transform: translateY(-7vw) !important;
  }
  .top-30 {
    top: -6vw !important;
  }
  .bot-30 {
    bottom: -6vw !important;
  }
  .rht-30 {
    right: -6vw !important;
  }
  .lft-30 {
    left: -6vw !important;
  }
  .try-30 {
    transform: translateY(-6vw) !important;
  }
  .top-25 {
    top: -5vw !important;
  }
  .bot-25 {
    bottom: -5vw !important;
  }
  .rht-25 {
    right: -5vw !important;
  }
  .lft-25 {
    left: -5vw !important;
  }
  .try-25 {
    transform: translateY(-5vw) !important;
  }
  .top-20 {
    top: -4vw !important;
  }
  .bot-20 {
    bottom: -4vw !important;
  }
  .rht-20 {
    right: -4vw !important;
  }
  .lft-20 {
    left: -4vw !important;
  }
  .try-20 {
    transform: translateY(-4vw) !important;
  }
  .top-15 {
    top: -3vw !important;
  }
  .bot-15 {
    bottom: -3vw !important;
  }
  .rht-15 {
    right: -3vw !important;
  }
  .lft-15 {
    left: -3vw !important;
  }
  .try-15 {
    transform: translateY(-3vw) !important;
  }
  .top-10 {
    top: -2vw !important;
  }
  .bot-10 {
    bottom: -2vw !important;
  }
  .rht-10 {
    right: -2vw !important;
  }
  .lft-10 {
    left: -2vw !important;
  }
  .try-10 {
    transform: translateY(-2vw) !important;
  }
  .top-5 {
    top: -1vw !important;
  }
  .bot-5 {
    bottom: -1vw !important;
  }
  .rht-5 {
    right: -1vw !important;
  }
  .lft-5 {
    left: -1vw !important;
  }
  .try-5 {
    transform: translateY(-1vw) !important;
  }
  .top0 {
    top: 0vw !important;
  }
  .bot0 {
    bottom: 0vw !important;
  }
  .rht0 {
    right: 0vw !important;
  }
  .lft0 {
    left: 0vw !important;
  }
  .try0 {
    transform: translateY(0vw) !important;
  }
  .top5 {
    top: 1vw !important;
  }
  .bot5 {
    bottom: 1vw !important;
  }
  .rht5 {
    right: 1vw !important;
  }
  .lft5 {
    left: 1vw !important;
  }
  .try5 {
    transform: translateY(1vw) !important;
  }
  .top10 {
    top: 2vw !important;
  }
  .bot10 {
    bottom: 2vw !important;
  }
  .rht10 {
    right: 2vw !important;
  }
  .lft10 {
    left: 2vw !important;
  }
  .try10 {
    transform: translateY(2vw) !important;
  }
  .top15 {
    top: 3vw !important;
  }
  .bot15 {
    bottom: 3vw !important;
  }
  .rht15 {
    right: 3vw !important;
  }
  .lft15 {
    left: 3vw !important;
  }
  .try15 {
    transform: translateY(3vw) !important;
  }
  .top20 {
    top: 4vw !important;
  }
  .bot20 {
    bottom: 4vw !important;
  }
  .rht20 {
    right: 4vw !important;
  }
  .lft20 {
    left: 4vw !important;
  }
  .try20 {
    transform: translateY(4vw) !important;
  }
  .top25 {
    top: 5vw !important;
  }
  .bot25 {
    bottom: 5vw !important;
  }
  .rht25 {
    right: 5vw !important;
  }
  .lft25 {
    left: 5vw !important;
  }
  .try25 {
    transform: translateY(5vw) !important;
  }
  .top30 {
    top: 6vw !important;
  }
  .bot30 {
    bottom: 6vw !important;
  }
  .rht30 {
    right: 6vw !important;
  }
  .lft30 {
    left: 6vw !important;
  }
  .try30 {
    transform: translateY(6vw) !important;
  }
  .top35 {
    top: 7vw !important;
  }
  .bot35 {
    bottom: 7vw !important;
  }
  .rht35 {
    right: 7vw !important;
  }
  .lft35 {
    left: 7vw !important;
  }
  .try35 {
    transform: translateY(7vw) !important;
  }
  .top40 {
    top: 8vw !important;
  }
  .bot40 {
    bottom: 8vw !important;
  }
  .rht40 {
    right: 8vw !important;
  }
  .lft40 {
    left: 8vw !important;
  }
  .try40 {
    transform: translateY(8vw) !important;
  }
  .top45 {
    top: 9vw !important;
  }
  .bot45 {
    bottom: 9vw !important;
  }
  .rht45 {
    right: 9vw !important;
  }
  .lft45 {
    left: 9vw !important;
  }
  .try45 {
    transform: translateY(9vw) !important;
  }
  .top50 {
    top: 10vw !important;
  }
  .bot50 {
    bottom: 10vw !important;
  }
  .rht50 {
    right: 10vw !important;
  }
  .lft50 {
    left: 10vw !important;
  }
  .try50 {
    transform: translateY(10vw) !important;
  }
  .top55 {
    top: 11vw !important;
  }
  .bot55 {
    bottom: 11vw !important;
  }
  .rht55 {
    right: 11vw !important;
  }
  .lft55 {
    left: 11vw !important;
  }
  .try55 {
    transform: translateY(11vw) !important;
  }
  .top60 {
    top: 12vw !important;
  }
  .bot60 {
    bottom: 12vw !important;
  }
  .rht60 {
    right: 12vw !important;
  }
  .lft60 {
    left: 12vw !important;
  }
  .try60 {
    transform: translateY(12vw) !important;
  }
  .top65 {
    top: 13vw !important;
  }
  .bot65 {
    bottom: 13vw !important;
  }
  .rht65 {
    right: 13vw !important;
  }
  .lft65 {
    left: 13vw !important;
  }
  .try65 {
    transform: translateY(13vw) !important;
  }
  .top70 {
    top: 14vw !important;
  }
  .bot70 {
    bottom: 14vw !important;
  }
  .rht70 {
    right: 14vw !important;
  }
  .lft70 {
    left: 14vw !important;
  }
  .try70 {
    transform: translateY(14vw) !important;
  }
  .top75 {
    top: 15vw !important;
  }
  .bot75 {
    bottom: 15vw !important;
  }
  .rht75 {
    right: 15vw !important;
  }
  .lft75 {
    left: 15vw !important;
  }
  .try75 {
    transform: translateY(15vw) !important;
  }
  .top80 {
    top: 16vw !important;
  }
  .bot80 {
    bottom: 16vw !important;
  }
  .rht80 {
    right: 16vw !important;
  }
  .lft80 {
    left: 16vw !important;
  }
  .try80 {
    transform: translateY(16vw) !important;
  }
  .top85 {
    top: 17vw !important;
  }
  .bot85 {
    bottom: 17vw !important;
  }
  .rht85 {
    right: 17vw !important;
  }
  .lft85 {
    left: 17vw !important;
  }
  .try85 {
    transform: translateY(17vw) !important;
  }
  .top90 {
    top: 18vw !important;
  }
  .bot90 {
    bottom: 18vw !important;
  }
  .rht90 {
    right: 18vw !important;
  }
  .lft90 {
    left: 18vw !important;
  }
  .try90 {
    transform: translateY(18vw) !important;
  }
  .top95 {
    top: 19vw !important;
  }
  .bot95 {
    bottom: 19vw !important;
  }
  .rht95 {
    right: 19vw !important;
  }
  .lft95 {
    left: 19vw !important;
  }
  .try95 {
    transform: translateY(19vw) !important;
  }
  .top100 {
    top: 20vw !important;
  }
  .bot100 {
    bottom: 20vw !important;
  }
  .rht100 {
    right: 20vw !important;
  }
  .lft100 {
    left: 20vw !important;
  }
  .try100 {
    transform: translateY(20vw) !important;
  }
  .top105 {
    top: 21vw !important;
  }
  .bot105 {
    bottom: 21vw !important;
  }
  .rht105 {
    right: 21vw !important;
  }
  .lft105 {
    left: 21vw !important;
  }
  .try105 {
    transform: translateY(21vw) !important;
  }
  .top110 {
    top: 22vw !important;
  }
  .bot110 {
    bottom: 22vw !important;
  }
  .rht110 {
    right: 22vw !important;
  }
  .lft110 {
    left: 22vw !important;
  }
  .try110 {
    transform: translateY(22vw) !important;
  }
  .top115 {
    top: 23vw !important;
  }
  .bot115 {
    bottom: 23vw !important;
  }
  .rht115 {
    right: 23vw !important;
  }
  .lft115 {
    left: 23vw !important;
  }
  .try115 {
    transform: translateY(23vw) !important;
  }
  .top120 {
    top: 24vw !important;
  }
  .bot120 {
    bottom: 24vw !important;
  }
  .rht120 {
    right: 24vw !important;
  }
  .lft120 {
    left: 24vw !important;
  }
  .try120 {
    transform: translateY(24vw) !important;
  }
  .top125 {
    top: 25vw !important;
  }
  .bot125 {
    bottom: 25vw !important;
  }
  .rht125 {
    right: 25vw !important;
  }
  .lft125 {
    left: 25vw !important;
  }
  .try125 {
    transform: translateY(25vw) !important;
  }
  .top130 {
    top: 26vw !important;
  }
  .bot130 {
    bottom: 26vw !important;
  }
  .rht130 {
    right: 26vw !important;
  }
  .lft130 {
    left: 26vw !important;
  }
  .try130 {
    transform: translateY(26vw) !important;
  }
  .top135 {
    top: 27vw !important;
  }
  .bot135 {
    bottom: 27vw !important;
  }
  .rht135 {
    right: 27vw !important;
  }
  .lft135 {
    left: 27vw !important;
  }
  .try135 {
    transform: translateY(27vw) !important;
  }
  .top140 {
    top: 28vw !important;
  }
  .bot140 {
    bottom: 28vw !important;
  }
  .rht140 {
    right: 28vw !important;
  }
  .lft140 {
    left: 28vw !important;
  }
  .try140 {
    transform: translateY(28vw) !important;
  }
  .top145 {
    top: 29vw !important;
  }
  .bot145 {
    bottom: 29vw !important;
  }
  .rht145 {
    right: 29vw !important;
  }
  .lft145 {
    left: 29vw !important;
  }
  .try145 {
    transform: translateY(29vw) !important;
  }
  .top150 {
    top: 30vw !important;
  }
  .bot150 {
    bottom: 30vw !important;
  }
  .rht150 {
    right: 30vw !important;
  }
  .lft150 {
    left: 30vw !important;
  }
  .try150 {
    transform: translateY(30vw) !important;
  }
  .top155 {
    top: 31vw !important;
  }
  .bot155 {
    bottom: 31vw !important;
  }
  .rht155 {
    right: 31vw !important;
  }
  .lft155 {
    left: 31vw !important;
  }
  .try155 {
    transform: translateY(31vw) !important;
  }
  .top160 {
    top: 32vw !important;
  }
  .bot160 {
    bottom: 32vw !important;
  }
  .rht160 {
    right: 32vw !important;
  }
  .lft160 {
    left: 32vw !important;
  }
  .try160 {
    transform: translateY(32vw) !important;
  }
  .top165 {
    top: 33vw !important;
  }
  .bot165 {
    bottom: 33vw !important;
  }
  .rht165 {
    right: 33vw !important;
  }
  .lft165 {
    left: 33vw !important;
  }
  .try165 {
    transform: translateY(33vw) !important;
  }
  .top170 {
    top: 34vw !important;
  }
  .bot170 {
    bottom: 34vw !important;
  }
  .rht170 {
    right: 34vw !important;
  }
  .lft170 {
    left: 34vw !important;
  }
  .try170 {
    transform: translateY(34vw) !important;
  }
  .top175 {
    top: 35vw !important;
  }
  .bot175 {
    bottom: 35vw !important;
  }
  .rht175 {
    right: 35vw !important;
  }
  .lft175 {
    left: 35vw !important;
  }
  .try175 {
    transform: translateY(35vw) !important;
  }
  .top180 {
    top: 36vw !important;
  }
  .bot180 {
    bottom: 36vw !important;
  }
  .rht180 {
    right: 36vw !important;
  }
  .lft180 {
    left: 36vw !important;
  }
  .try180 {
    transform: translateY(36vw) !important;
  }
  .top185 {
    top: 37vw !important;
  }
  .bot185 {
    bottom: 37vw !important;
  }
  .rht185 {
    right: 37vw !important;
  }
  .lft185 {
    left: 37vw !important;
  }
  .try185 {
    transform: translateY(37vw) !important;
  }
  .top190 {
    top: 38vw !important;
  }
  .bot190 {
    bottom: 38vw !important;
  }
  .rht190 {
    right: 38vw !important;
  }
  .lft190 {
    left: 38vw !important;
  }
  .try190 {
    transform: translateY(38vw) !important;
  }
  .top195 {
    top: 39vw !important;
  }
  .bot195 {
    bottom: 39vw !important;
  }
  .rht195 {
    right: 39vw !important;
  }
  .lft195 {
    left: 39vw !important;
  }
  .try195 {
    transform: translateY(39vw) !important;
  }
  .top200 {
    top: 40vw !important;
  }
  .bot200 {
    bottom: 40vw !important;
  }
  .rht200 {
    right: 40vw !important;
  }
  .lft200 {
    left: 40vw !important;
  }
  .try200 {
    transform: translateY(40vw) !important;
  }
}
.mt200em {
  margin-top: 2em;
}

.mt100em {
  margin-top: 1em;
}

.mb200em {
  margin-bottom: 2em;
}

.mb100em {
  margin-bottom: 1em;
}

.f14px {
  font-size: 14px;
  line-height: 1.5;
}

.color1 {
  color: #b99779;
}

.color2 {
  color: #ededed;
}

.spaceX {
  min-width: 20px;
  min-height: 1px;
}

.spaceY {
  min-width: 1px;
  min-height: 20px;
}/*# sourceMappingURL=style.css.map */