@charset "UTF-8";
/***  color ***/
/***  border ***/
/*** font ***/
/*** sp size ***/
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  background-color: #F7F7F7;
}
@media screen and (max-width: 750px) {
  header {
    background: transparent;
  }
}

.header {
  height: 60px;
  display: flex;
  justify-content: center;
}
.header .layout {
  margin: auto 0;
}
.header .layout .headerLayout {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.header .layout .headerLayout .menuIcon {
  display: none;
}
.header .layout .headerLayout .headerMenu ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
.header .layout .headerLayout .headerMenu ul li {
  list-style: none;
}
.header .layout .headerLayout .headerMenu ul .reservationBtn {
  padding: 7px 20px;
  border: 1px solid #111;
}
.header .layout .headerLayout .headerMenu ul .reservationBtn a {
  font-weight: bold;
}
.header .layout .headerLayout .instagramIcon {
  position: absolute;
  right: 0;
}
@media screen and (max-width: 750px) {
  .header .layout .headerLayout .menuIcon {
    display: flex;
    position: fixed;
    top: 20px;
    right: 20px;
    width: 10.67vw;
    height: 10.67vw;
    border: 1px solid #111;
    border-radius: 50%;
    background: #F7F7F7;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    z-index: 1100;
  }
  .header .layout .headerLayout .menuIcon span {
    width: 5.33vw;
    height: 2px;
    background: #111;
    transition: 0.3s ease;
  }
  .header .layout .headerLayout .menuIcon.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .header .layout .headerLayout .menuIcon.active span:nth-child(2) {
    opacity: 0;
  }
  .header .layout .headerLayout .menuIcon.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
  .header .layout .headerLayout .headerMenu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 50%;
    height: 100vh;
    background: #111;
    padding: 10.67vw 8vw;
    transition: 0.3s;
    z-index: 300;
  }
  .header .layout .headerLayout .headerMenu ul {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 30px;
  }
  .header .layout .headerLayout .headerMenu ul li {
    width: 100%;
  }
  .header .layout .headerLayout .headerMenu ul li a {
    color: #fff;
  }
  .header .layout .headerLayout .headerMenu ul .reservationBtn {
    padding: 7px 20px;
    border: 1px solid #fff;
    text-align: center;
  }
  .header .layout .headerLayout .headerMenu ul .instagramIcon {
    margin-top: 16vw;
  }
  .header .layout .headerLayout .instagramIcon {
    position: static;
    right: auto;
  }
  .header .layout .headerLayout #globalMenu.active {
    right: 0;
  }
}

.mv {
  margin-top: 60px;
}
.mv .mvLayout {
  display: flex;
  justify-content: space-between;
}
.mv .mvLayout .txtBox {
  padding: clamp(80px, 12.15vw, 175px) 100px 0 0;
  padding-left: clamp(20px, (100vw - 1440px) / 2 + 60px, 240px);
}
.mv .mvLayout .txtBox h1, .mv .mvLayout .txtBox p {
  padding-bottom: 50px;
}
.mv .mvLayout .txtBox h1 {
  font-size: clamp(26px, 3.5vw, 50px);
  font-weight: 100;
}
.mv .mvLayout .txtBox .shop {
  font-size: clamp(18px, 2.2vw, 30px);
}
.mv .mvLayout .txtBox p {
  font-size: clamp(14px, 1.2vw, 16px);
}
.mv .mvLayout .txtBox .en {
  color: #909090;
  padding-bottom: 0;
}
.mv .mvLayout .imgBox {
  max-width: 910px;
  width: 100%;
  margin-right: 0;
}
.mv .mvLayout .imgBox img {
  width: 100%;
  height: auto;
  display: block;
}
@media screen and (max-width: 1380px) {
  .mv .mvLayout {
    align-items: center;
  }
  .mv .mvLayout .txtBox {
    padding: 0 50px 0 clamp(20px, (100vw - 1440px) / 2 + 60px, 240px);
  }
}
@media screen and (max-width: 1040px) {
  .mv .mvLayout .txtBox h1, .mv .mvLayout .txtBox p {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 750px) {
  .mv {
    margin-top: 0;
  }
  .mv .mvLayout {
    flex-direction: column-reverse;
  }
  .mv .mvLayout .txtBox {
    margin: 0 auto;
    padding: 8vw 5.33vw 16vw;
  }
  .mv .mvLayout .txtBox h1, .mv .mvLayout .txtBox p {
    padding-bottom: 8vw;
  }
  .mv .mvLayout .txtBox h1 {
    text-align: center;
    font-size: 6.4vw;
  }
  .mv .mvLayout .txtBox .shop {
    font-size: 5.33vw;
  }
  .mv .mvLayout .txtBox .en {
    font-size: 3.47vw;
  }
  .mv .mvLayout .imgBox {
    max-width: 100%;
  }
}

.instagram {
  padding-top: 100px;
  margin: 0 auto;
  overflow-x: hidden;
}
.instagram .imgBox {
  display: flex;
  flex-wrap: nowrap;
  gap: 20px;
  justify-content: flex-start;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
}
.instagram .imgBox img {
  flex-shrink: 0;
  width: 240px;
  height: auto;
  display: block;
}
.instagram .instagramBtn {
  display: flex;
  justify-content: center;
}
.instagram .instagramBtn a {
  width: 400px;
  margin-top: 50px;
  padding: 15px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #111;
  background-color: #fff;
}
.instagram .instagramBtn a span {
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  .instagram {
    padding-top: 0;
  }
  .instagram .imgBox {
    gap: 10px;
  }
  .instagram .imgBox img {
    width: 110px;
  }
  .instagram .instagramBtn {
    margin: 0 5.33vw;
  }
  .instagram .instagramBtn a {
    width: 100%;
    margin-top: 5.33vw;
    padding: 2.67vw 0;
  }
  .instagram .instagramBtn a span {
    padding-left: 4vw;
  }
}

.features {
  padding: 100px 0 60px;
}
.features .layout .featuresBox {
  padding: 50px;
  margin-bottom: 20px;
  display: flex;
  border: 1px solid #ddd;
}
.features .layout .featuresBox.pc {
  display: flex !important;
}
.features .layout .featuresBox .txtBox {
  max-width: 65%;
  padding-right: 50px;
}
.features .layout .featuresBox .txtBox h3 {
  padding-bottom: 15px;
}
.features .layout .featuresBox .txtBox h3 span {
  padding-right: 10px;
  font-size: 34px;
  font-family: "Spectral", "Times New Roman", Times, serif;
  font-style: italic;
}
.features .layout .featuresBox .txtBox ul {
  list-style: disc;
  padding-left: 1.2em;
}
.features .layout .featuresBox .imgBox {
  max-width: 35%;
  width: 100%;
}
.features .layout .comparison {
  padding-top: 80px;
}
.features .layout .comparison .txtBox {
  text-align: center;
}
.features .layout .comparison .txtBox h3 {
  padding-bottom: 30px;
}
.features .layout .comparison .comparisonToggle {
  display: none;
}
.features .layout .comparison .comparisonWrap {
  margin-top: 100px;
  max-width: 1340px;
  width: 100%;
  display: flex;
  overflow-x: clip;
  /* ==============================
    共通（左右）
  ============================== */
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft,
.features .layout .comparison .comparisonWrap .comparisonBoxRight {
  max-width: 660px;
  width: 100%;
  padding: 0 15px;
  overflow: hidden;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft h3,
.features .layout .comparison .comparisonWrap .comparisonBoxRight h3 {
  margin-bottom: 30px;
  text-align: center;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList,
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList {
  border-right: none;
  position: relative;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList::after,
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 20px;
  width: 1px;
  z-index: 0;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem,
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem {
  position: relative;
  display: flex;
  z-index: 1;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem::before, .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem::after,
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem::before,
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem::after {
  display: block;
  position: absolute;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem .comparisonListItemTxt .title,
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem .comparisonListItemTxt .title {
  margin-bottom: 20px;
  font-size: 18px;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem .comparisonListItemTxt .txt,
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem .comparisonListItemTxt .txt {
  font-size: 14px;
}
.features .layout .comparison .comparisonWrap {
  /* ==============================
    左側
  ============================== */
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList {
  margin-right: 7px;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList::after {
  right: 0;
  background: #909090;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem {
  padding-right: 40px;
  justify-content: right;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
  margin-bottom: 54%;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
  margin-bottom: 24%;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list03 {
  margin-bottom: 22%;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
  margin-bottom: 21%;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list05 {
  margin-bottom: 3%;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
  margin-bottom: 14%;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list07 {
  margin-bottom: 3%;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem::after {
  content: "1";
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  top: 3px;
  right: -24px;
  color: #909090;
  font-size: 20px;
  font-family: "Spectral", "Times New Roman", Times, serif;
  font-style: italic;
  background: #fff;
  border: #909090 1px solid;
  border-radius: 1000px;
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem {
  /* 1〜8 自動生成 */
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(1)::after {
  content: "1";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(2)::after {
  content: "2";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(3)::after {
  content: "3";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(4)::after {
  content: "4";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(5)::after {
  content: "5";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(6)::after {
  content: "6";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(7)::after {
  content: "7";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(8)::after {
  content: "8";
}
.features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonListItemTxt {
  text-align: right;
}
.features .layout .comparison .comparisonWrap {
  /* ==============================
    右側
  ============================== */
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight h3 {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList {
  margin-left: 7px;
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList::after {
  left: 0;
  background: #111;
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem {
  margin-bottom: 20px;
  padding-left: 40px;
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem::before {
  content: "1";
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3px;
  margin-right: 10px;
  width: 40px;
  height: 40px;
  top: -2px;
  left: -20px;
  color: #fff;
  font-size: 20px;
  font-family: "Spectral", "Times New Roman", Times, serif;
  font-style: italic;
  background: #111;
  border-radius: 1000px;
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem {
  /* 1〜14 自動生成 */
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(1)::before {
  content: "1";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(2)::before {
  content: "2";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(3)::before {
  content: "3";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(4)::before {
  content: "4";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(5)::before {
  content: "5";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(6)::before {
  content: "6";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(7)::before {
  content: "7";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(8)::before {
  content: "8";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(9)::before {
  content: "9";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(10)::before {
  content: "10";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(11)::before {
  content: "11";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(12)::before {
  content: "12";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(13)::before {
  content: "13";
}
.features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(14)::before {
  content: "14";
}
@media screen and (max-width: 1300px) {
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
    margin-bottom: 60%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
    margin-bottom: 26%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
    margin-bottom: 23%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
    margin-bottom: 19%;
  }
}
@media screen and (max-width: 1200px) {
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
    margin-bottom: 66%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
    margin-bottom: 33%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list03 {
    margin-bottom: 24%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
    margin-bottom: 25%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
    margin-bottom: 20%;
  }
}
@media screen and (max-width: 1100px) {
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
    margin-bottom: 73%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
    margin-bottom: 36%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list03 {
    margin-bottom: 27%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
    margin-bottom: 27%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
    margin-bottom: 23%;
  }
}
@media screen and (max-width: 1000px) {
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
    margin-bottom: 91%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
    margin-bottom: 41%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list03 {
    margin-bottom: 30%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
    margin-bottom: 34%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
    margin-bottom: 27%;
  }
}
@media screen and (max-width: 900px) {
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
    margin-bottom: 111%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
    margin-bottom: 51%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list03 {
    margin-bottom: 34%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
    margin-bottom: 38%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
    margin-bottom: 49%;
  }
}
@media screen and (max-width: 800px) {
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
    margin-bottom: 127%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
    margin-bottom: 71%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list03 {
    margin-bottom: 45%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
    margin-bottom: 58%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
    margin-bottom: 56%;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list07 {
    margin-bottom: 13%;
  }
}
@media screen and (max-width: 750px) {
  .features {
    padding: 16vw 0 0;
  }
  .features .layout .featuresBox {
    padding: 2.67vw;
    margin-bottom: 2.67vw;
  }
  .features .layout .featuresBox.pc {
    display: none !important;
  }
  .features .layout .featuresBox .titleBox {
    display: flex;
    align-items: center;
    padding-bottom: 5.33vw;
  }
  .features .layout .featuresBox .titleBox .imgBox {
    margin-right: 2.67vw;
  }
  .features .layout .featuresBox .titleBox h3 {
    padding-bottom: 0;
  }
  .features .layout .featuresBox .titleBox h3 span {
    display: block;
    padding-right: 0;
    font-size: 5.33vw;
    font-family: "Spectral", "Times New Roman", Times, serif;
    font-style: italic;
  }
  .features .layout .featuresBox ul {
    list-style: disc;
    padding-left: 1.2em;
  }
  .features .layout .comparison {
    padding: 16vw 0 0 0;
  }
  .features .layout .comparison .txtBox {
    margin-bottom: 10.67vw;
  }
  .features .layout .comparison .txtBox h3 {
    padding-bottom: 8vw;
  }
  .features .layout .comparison .comparisonToggle {
    display: flex;
  }
  .features .layout .comparison .comparisonToggle .toggleBtn {
    flex: 1;
    padding-bottom: 2.67vw;
    background: none;
    border: none;
    border-bottom: 2px solid #ccc;
    font-size: 4.53vw;
    font-family: "Spectral", "Times New Roman", Times, serif;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s;
  }
  .features .layout .comparison .comparisonToggle .toggleBtn.is-active {
    border-bottom: 2px solid #111;
  }
  .features .layout .comparison .comparisonWrap {
    margin-top: 5.33vw;
    max-width: 100%;
    display: block;
    overflow: visible;
    /* ==============================
      共通（左右）
    ============================== */
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight {
    max-width: 100%;
    padding: 0;
    display: none;
    overflow: visible;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList {
    margin: 0 0 0 2.67vw;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList::after,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList::after {
    left: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem {
    padding: 0 0 0 10.67vw;
    justify-content: left;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem::before {
    content: "1";
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    margin-right: 20px;
    width: 40px;
    height: 40px;
    top: -2px;
    left: 0;
    font-family: "Spectral", "Times New Roman", Times, serif;
    font-style: italic;
    border-radius: 1000px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem::after,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem::after {
    content: none;
    display: none;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem {
    /* 1〜14 自動生成 */
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(1)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(1)::before {
    content: "1";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(2)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(2)::before {
    content: "2";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(3)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(3)::before {
    content: "3";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(4)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(4)::before {
    content: "4";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(5)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(5)::before {
    content: "5";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(6)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(6)::before {
    content: "6";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(7)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(7)::before {
    content: "7";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(8)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(8)::before {
    content: "8";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(9)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(9)::before {
    content: "9";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(10)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(10)::before {
    content: "10";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(11)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(11)::before {
    content: "11";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(12)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(12)::before {
    content: "12";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(13)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(13)::before {
    content: "13";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem:nth-child(14)::before,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem:nth-child(14)::before {
    content: "14";
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem .comparisonListItemTxt .title,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem .comparisonListItemTxt .title {
    font-size: 4.53vw;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem .comparisonListItemTxt .txt,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem .comparisonListItemTxt .txt {
    font-size: 3.73vw;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft.is-show,
  .features .layout .comparison .comparisonWrap .comparisonBoxRight.is-show {
    display: block;
  }
  .features .layout .comparison .comparisonWrap {
    /* ==============================
      左側
    ============================== */
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList::after {
    right: auto;
    bottom: 30px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem {
    justify-content: left;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list01 {
    margin-bottom: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list02 {
    margin-bottom: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list03 {
    margin-bottom: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list04 {
    margin-bottom: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list05 {
    margin-bottom: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list06 {
    margin-bottom: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem.list07 {
    margin-bottom: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem::before {
    color: #909090;
    font-size: 18px;
    background: #fff;
    border: #909090 1px solid;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem .comparisonListItemTxt {
    text-align: left;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem .comparisonListItemTxt .title {
    margin-bottom: 0;
  }
  .features .layout .comparison .comparisonWrap {
    /* ==============================
      右側
    ============================== */
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList {
    margin-left: 2.67vw;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList::after {
    bottom: 55px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem {
    margin-bottom: 5.33vw;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem::before {
    font-size: 20px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem .comparisonListItemTxt .title {
    margin-bottom: 5.33vw;
  }
}
@media screen and (max-width: 480px) {
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem, .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem {
    padding-left: 13.33vw;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxLeft .comparisonList .comparisonListItem .comparisonListItemTxt, .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList .comparisonListItem .comparisonListItemTxt {
    margin-top: 5px;
  }
  .features .layout .comparison .comparisonWrap .comparisonBoxRight .comparisonList::after {
    bottom: 50px;
  }
}

.promise {
  padding: 60px 0 120px;
}
.promise .layout {
  max-width: 1340px;
}
.promise .layout .promiseWrap {
  display: flex;
  gap: 20px;
}
.promise .layout .promiseWrap .txtBox {
  width: calc((100% - 60px) / 4);
  text-align: center;
  border: 1px solid #111;
  position: relative;
  min-height: 180px;
}
.promise .layout .promiseWrap .txtBox .num {
  position: relative;
  display: flex;
}
.promise .layout .promiseWrap .txtBox .num::before {
  content: "1";
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  margin-top: -25px;
  margin-right: 10px;
  color: #111;
  font-size: 30px;
  font-family: "Spectral", "Times New Roman", Times, serif;
  font-style: italic;
  background-color: #F7F7F7;
}
.promise .layout .promiseWrap .txtBox:nth-child(2) .num::before {
  content: "2";
}
.promise .layout .promiseWrap .txtBox:nth-child(3) .num::before {
  content: "3";
}
.promise .layout .promiseWrap .txtBox:nth-child(4) .num::before {
  content: "4";
}
.promise .layout .promiseWrap .txtBox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 20px;
  width: 100%;
  font-size: 18px;
}
.promise .layout .promiseWrap .txtBox p span {
  font-size: 10px;
}
.promise .layout .note {
  max-width: 1000px;
  margin: 60px auto 0;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.promise .layout .note .noteLayout {
  padding: 30px 0;
}
.promise .layout .note .noteLayout h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  font-size: 20px;
  margin-bottom: 30px;
  text-align: center;
}
.promise .layout .note .noteLayout h3::before, .promise .layout .note .noteLayout h3::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #ddd;
}
.promise .layout .note .noteLayout ul {
  display: inline-block;
  text-align: left;
  list-style: disc;
  padding-left: 1.2em;
}
@media screen and (max-width: 750px) {
  .promise {
    padding: 8vw 0 16vw;
  }
  .promise .layout {
    max-width: 100%;
  }
  .promise .layout .promiseWrap {
    gap: 10px;
    flex-wrap: wrap;
  }
  .promise .layout .promiseWrap .txtBox {
    width: calc((100% - 10px) / 2);
    margin-bottom: 2.67vw;
    min-height: 200px;
  }
  .promise .layout .promiseWrap .txtBox .num::before {
    font-size: 4.27vw;
  }
  .promise .layout .promiseWrap .txtBox p {
    padding: 2.67vw 4vw;
    font-size: 3.73vw;
  }
  .promise .layout .promiseWrap .txtBox p span {
    font-size: 2.67vw;
  }
  .promise .layout .note {
    max-width: 100%;
    margin: 8vw auto 0;
  }
  .promise .layout .note .noteLayout {
    padding: 5.33vw 0;
  }
  .promise .layout .note .noteLayout h3 {
    font-size: 4.53vw;
    margin-bottom: 5.33vw;
  }
}

.menu {
  padding: 120px 0 60px;
}
.menu .layout .discount {
  max-width: 1000px;
  margin: 0 auto;
}
.menu .layout .discount .discountWrap {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.menu .layout .discount .discountWrap .discountBox {
  width: calc((100% - 20px) / 2);
  padding: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  text-align: center;
}
.menu .layout .discount .discountWrap .discountBox p .red {
  color: #EB1212;
}
.menu .layout .discount .discountWrap .discountBox .discountRate {
  padding-left: 30px;
  font-size: 24px;
  color: #EB1212;
}
.menu .layout .discount .note {
  padding-top: 20px;
  font-size: 13px;
  text-align: right;
}
.menu .layout .setMenuWrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 60px 0;
  padding: 30px 100px 50px;
  border: 1px solid #ddd;
}
.menu .layout .setMenuWrap h3 {
  padding-right: 20px;
}
.menu .layout .setMenuWrap .setMenuContainer {
  width: 55%;
  display: flex;
  flex-direction: column;
}
.menu .layout .setMenuWrap .setMenuContainer .setMenuBox {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.menu .layout .setMenuWrap .setMenuContainer .setMenuBox .menuBox .menuName {
  padding-bottom: 10px;
  font-size: 20px;
}
.menu .layout .menuContainer .menuList {
  display: flex;
  justify-content: space-between;
}
.menu .layout .menuContainer .menuList .menuListBox {
  width: calc((100% - 100px) / 2);
  margin-bottom: 50px;
}
.menu .layout .menuContainer .menuList .menuListBox h3 {
  padding-bottom: 10px;
  cursor: default;
}
.menu .layout .menuContainer .menuList .menuListBox h3 .toggleIcon {
  display: none;
}
.menu .layout .menuContainer .menuList .menuListBox h3.mt30 {
  margin-top: 30px;
}
.menu .layout .menuContainer .menuList .menuListBox .menuWrap {
  display: block;
}
.menu .layout .menuContainer .menuList .menuListBox .menuWrap .menuBox {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.menu .layout .menuContainer .menuList .menuListBox .menuWrap .note {
  margin-top: 20px;
  font-size: 13px;
}
.menu .layout .menuContainer .menuList .menuListBox .menuWrap .additionalMenu {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ddd;
}
@media screen and (max-width: 1380px) {
  .menu .layout .setMenuWrap {
    padding: 30px;
  }
}
@media screen and (max-width: 750px) {
  .menu {
    padding: 16vw 0 8vw;
  }
  .menu .layout .discount {
    max-width: 100%;
  }
  .menu .layout .discount .discountWrap {
    gap: 10px;
  }
  .menu .layout .discount .discountWrap .discountBox {
    width: calc((100% - 10px) / 2);
    padding: 2.67vw 0;
    flex-direction: column;
  }
  .menu .layout .discount .discountWrap .discountBox .discountRate {
    padding-left: 0;
    font-size: 5.33vw;
  }
  .menu .layout .discount .note {
    padding-top: 2.67vw;
    font-size: 3.2vw;
  }
  .menu .layout .setMenuWrap {
    flex-direction: column;
    margin: 8vw 0;
    padding: 8vw 4vw;
  }
  .menu .layout .setMenuWrap .setMenuContainer {
    width: 100%;
  }
  .menu .layout .setMenuWrap .setMenuContainer .setMenuBox {
    padding: 4vw 0;
  }
  .menu .layout .setMenuWrap .setMenuContainer .setMenuBox .menuBox {
    margin-right: 5.33vw;
  }
  .menu .layout .setMenuWrap .setMenuContainer .setMenuBox .menuBox .menuName {
    padding-bottom: 10px;
    font-size: 3.73vw;
  }
  .menu .layout .setMenuWrap .setMenuContainer .setMenuBox .menuBox .menuContents {
    font-size: 3.2vw;
  }
  .menu .layout .menuContainer .menuList {
    flex-direction: column;
  }
  .menu .layout .menuContainer .menuList .menuListBox {
    margin-bottom: 0;
  }
  .menu .layout .menuContainer .menuList .menuListBox h3 {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5.33vw 0;
    cursor: pointer;
  }
  .menu .layout .menuContainer .menuList .menuListBox h3 .toggleIcon {
    display: block;
    position: relative;
    width: 2.67vw;
    height: 2.67vw;
    margin-left: auto;
  }
  .menu .layout .menuContainer .menuList .menuListBox h3 .toggleIcon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.67vw;
    height: 2.67vw;
    border-left: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: translate(-50%, -60%) rotate(-45deg);
    transition: transform 0.3s ease;
  }
  .menu .layout .menuContainer .menuList .menuListBox h3.active .toggleIcon::before {
    transform: translate(-50%, -40%) rotate(135deg);
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap {
    display: none;
    padding-bottom: 5.33vw;
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap .menuBox {
    padding: 4vw 0;
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap .menuBox:first-child {
    padding: 0 0 4vw 0;
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap .menuBox .menuName {
    width: 60%;
    padding-right: 4vw;
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap .menuBox .price {
    width: 40%;
    text-align: right;
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap .note {
    margin-top: 4vw;
    font-size: 3.2vw;
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap .additionalMenu {
    margin-top: 4vw;
    padding: 5.33vw 4vw;
  }
  .menu .layout .menuContainer .menuList .menuListBox .menuWrap .additionalMenu h3 {
    padding: 0;
  }
  .menu .layout .menuContainer .menuList .menuListBox {
    /* PCの横並び解除 */
    width: 100%;
  }
}

.stylist {
  padding: 60px 0;
}
.stylist .layout .manager {
  margin-bottom: 60px;
  display: flex;
  justify-content: space-between;
}
.stylist .layout .manager .txtBox {
  max-width: 720px;
  width: 100%;
  margin-right: 50px;
}
.stylist .layout .manager .txtBox h3 {
  margin-bottom: 30px;
}
.stylist .layout .manager .txtBox .profile {
  padding-bottom: 40px;
}
.stylist .layout .manager .txtBox .career {
  padding-top: 40px;
  border-top: 1px solid #ddd;
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 12px;
}
.stylist .layout .manager .txtBox .career dt, .stylist .layout .manager .txtBox .career dd {
  font-size: 14px;
}
.stylist .layout .manager .imgBox {
  max-width: 670px;
  width: 100%;
}
.stylist .layout .staff {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 40px;
  border: 1px solid #ddd;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.stylist .layout .staff .txtBox .profile h3 {
  margin-bottom: 30px;
}
.stylist .layout .staff .imgBox {
  max-width: 350px;
  width: 100%;
}
@media screen and (max-width: 750px) {
  .stylist {
    padding: 8vw 0;
  }
  .stylist .layout .manager {
    margin-bottom: 8vw;
    flex-direction: column-reverse;
  }
  .stylist .layout .manager .txtBox {
    max-width: 100%;
    margin: 5.33vw 0 0 0;
  }
  .stylist .layout .manager .txtBox h3 {
    margin-bottom: 5.33vw;
  }
  .stylist .layout .manager .txtBox .profile {
    padding-bottom: 5.33vw;
  }
  .stylist .layout .manager .txtBox .career {
    padding-top: 5.33vw;
  }
  .stylist .layout .manager .txtBox .career dt, .stylist .layout .manager .txtBox .career dd {
    font-size: 3.47vw;
  }
  .stylist .layout .manager .imgBox {
    max-width: 100%;
  }
  .stylist .layout .manager .imgBox img {
    width: 100%;
    height: auto;
    display: block;
  }
  .stylist .layout .staff {
    max-width: 100%;
    padding: 2.67vw;
    align-items: flex-start;
    flex-direction: row-reverse;
  }
  .stylist .layout .staff .txtBox .profile h3 {
    margin-bottom: 2.67vw;
  }
  .stylist .layout .staff .txtBox .profile p {
    font-size: 3.47vw;
  }
  .stylist .layout .staff .imgBox {
    margin-right: 2.67vw;
    max-width: 40%;
  }
}

.faq {
  padding: 60px 0 120px;
}
.faq .layout {
  max-width: 1000px;
}
.faq .layout .faqBox {
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #ddd;
}
.faq .layout .faqBox h3 {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 18px;
  cursor: pointer;
}
.faq .layout .faqBox h3::before {
  content: "Q";
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-top: -3px;
  margin-right: 10px;
  font-size: 24px;
  font-weight: 100;
  font-family: "Spectral", "Times New Roman", Times, serif;
  color: #111;
}
.faq .layout .faqBox h3 span {
  margin-left: auto;
}
.faq .layout .faqBox h3 .toggleIcon {
  position: relative;
  width: 18px;
  height: 18px;
  margin-left: auto;
}
.faq .layout .faqBox h3 .toggleIcon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border-left: 2px solid #111;
  border-bottom: 2px solid #111;
  transform: translate(-50%, -60%) rotate(-45deg);
  transition: transform 0.3s ease;
}
.faq .layout .faqBox h3.active .toggleIcon::before {
  transform: translate(-50%, -40%) rotate(135deg);
}
.faq .layout .faqBox .faqWarp {
  display: none;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0 40px;
}
.faq .layout .faqBox .faqData {
  display: flex;
  align-items: center;
  width: 100%;
}
.faq .layout .faqBox .faqData .txt {
  display: flex;
  width: 100%;
  margin-top: 20px;
}
.faq .layout .faqBox .faqData .txt::before {
  content: "A";
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  margin-top: -3px;
  margin-right: 10px;
  font-size: 24px;
  font-weight: 100;
  font-family: "Spectral", "Times New Roman", Times, serif;
  color: #909090;
}
.faq .layout .faqBox .faqData .txt a {
  font-weight: bold;
  color: #065FD4;
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  .faq {
    padding: 8vw 0 16vw;
  }
  .faq .layout {
    max-width: 100%;
  }
  .faq .layout .faqBox {
    padding: 4vw 0;
  }
  .faq .layout .faqBox h3 {
    font-size: 3.73vw;
    justify-content: space-between;
    gap: 1.33vw;
  }
  .faq .layout .faqBox h3::before {
    font-size: 5.33vw;
  }
  .faq .layout .faqBox h3 span {
    margin-left: 0;
  }
  .faq .layout .faqBox h3 .toggleIcon {
    width: 2.67vw;
    height: 2.67vw;
  }
  .faq .layout .faqBox h3 .toggleIcon::before {
    width: 2.67vw;
    height: 2.67vw;
  }
  .faq .layout .faqBox .faqWarp {
    display: none;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 40px;
  }
  .faq .layout .faqBox .faqData {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .faq .layout .faqBox .faqData .txt {
    margin-top: 2.67vw;
  }
  .faq .layout .faqBox .faqData .txt::before {
    margin-top: 8px;
    font-size: 5.33vw;
    padding-right: 1.33vw;
  }
}

.reservation {
  padding: 100px 0;
  background-image: url("../img/reservation.jpg");
  background-size: cover;
  background-position: center;
  position: relative;
}
.reservation::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 0;
}
.reservation > * {
  position: relative;
  z-index: 1;
}
.reservation h2 {
  color: #fff;
}
.reservation .reservationBox {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
  background-color: #fff;
}
.reservation .reservationBox .snsIcon {
  padding: 30px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.reservation .noteBox {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  color: #fff;
}
.reservation .noteBox .request {
  max-width: 670px;
  width: 100%;
  padding-right: 20px;
}
.reservation .noteBox .request h3 {
  margin-bottom: 30px;
  text-align: center;
}
.reservation .noteBox .access {
  max-width: 670px;
  width: 100%;
  padding-left: 20px;
}
.reservation .noteBox .access h3 {
  margin-bottom: 30px;
  text-align: center;
}
.reservation .noteBox .access .accessList {
  margin-bottom: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  row-gap: 12px;
}
.reservation .noteBox .access .accessList a {
  color: #fff;
}
.reservation .noteBox .access .note {
  font-size: 14px;
}
.reservation .noteBox span {
  border-left: 1px solid #fff;
}
@media screen and (max-width: 750px) {
  .reservation {
    padding: 13.33vw 0;
  }
  .reservation .reservationBox {
    max-width: 100%;
    padding: 8vw 5.33vw;
  }
  .reservation .reservationBox .snsIcon {
    padding: 5.33vw 0;
    flex-wrap: wrap;
  }
  .reservation .reservationBox .snsIcon a {
    width: clamp(40px, 12vw, 60px);
  }
  .reservation .reservationBox .snsIcon img {
    width: 100%;
    height: auto;
    display: block;
  }
  .reservation .noteBox {
    margin-top: 8vw;
    flex-direction: column;
  }
  .reservation .noteBox .request {
    max-width: 100%;
    padding: 0 0 8vw 0;
  }
  .reservation .noteBox .request h3 {
    margin-bottom: 8vw;
  }
  .reservation .noteBox .access {
    max-width: 100%;
    padding: 8vw 0 0 0;
  }
  .reservation .noteBox .access h3 {
    margin-bottom: 8vw;
  }
  .reservation .noteBox .access .accessList {
    margin-bottom: 8vw;
  }
  .reservation .noteBox .access .note {
    font-size: 3.2vw;
  }
  .reservation .noteBox span {
    border-left: none;
    border-top: 1px solid #fff;
  }
}

footer {
  padding: 30px 0;
  text-align: center;
  background-color: #111;
}
@media screen and (max-width: 750px) {
  footer {
    padding: 8vw 0;
  }
}

.footer {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}
.footer .footerLayout {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.footer .footerLayout .footerMenu {
  padding-right: 40px;
}
.footer .footerLayout .footerMenu ul {
  display: flex;
  align-items: center;
  gap: 40px;
}
.footer .footerLayout .footerMenu ul li {
  list-style: none;
}
.footer .footerLayout .footerMenu ul li a {
  color: #fff;
}
.footer .footerLayout .footerMenu ul .reservationBtn {
  padding: 7px 20px;
  border: 1px solid #fff;
}
.footer .footerLayout .footerMenu ul .reservationBtn a {
  font-weight: bold;
}
.footer .footerLayout .instagramIcon {
  padding-left: 40px;
}
.footer .footerLayout span {
  height: 40px;
  border-left: 1px solid #fff;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .footer {
    padding-bottom: 8vw;
  }
  .footer .footerLayout {
    max-width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .footerLayout .footerMenu {
    padding-right: 0;
    width: 100%;
  }
  .footer .footerLayout .footerMenu ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
    width: 100%;
    padding: 0;
    justify-items: start;
  }
  .footer .footerLayout .footerMenu ul li {
    text-align: left;
  }
  .footer .footerLayout .footerMenu ul .reservationBtn {
    padding: 2.13vw 2.67vw;
    width: -moz-fit-content;
    width: fit-content;
  }
  .footer .footerLayout .instagramIcon {
    padding-left: 0;
    align-self: flex-start;
  }
  .footer .footerLayout span {
    height: auto;
    border-left: none;
    border-top: 1px solid #fff;
    width: 100%;
    margin: 4vw 0;
  }
}

.copyright {
  font-size: 14px;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .copyright {
    font-size: 3.2vw;
  }
}/*# sourceMappingURL=style.css.map */