@charset "utf-8";

/* =====================================================
   Parts
===================================================== */

/* main-title */
.main-title {
  width: 100%;
  background: url(../../images/src/parts/bg_main_title.png) no-repeat center top;
  background-size: 1900px auto;
}
.main-title__inner {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1300px;
  height: 260px;
}
.main-title__inner .tit {
  font-size: 6.2rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: 0.5vw;
}
.main-title__inner .tit span {
  display: block;
  color: #8a6b2b;
  font-size: 2.8rem;
  font-weight: 400;
  letter-spacing: normal;
}
@media screen and (max-width: 1400px) {
  .main-title {
    background-size: cover;
  }
  .main-title__inner {
    width: 92.8571%;
    height: 18.57142vw;
  }
  .main-title__inner .tit {
    /* font-size: 4.42857vw; */
  }
  .main-title__inner .tit span {
    /* font-size: 2vw; */
  }
}
@media screen and (max-width: 767px) {
  .main-title {
    background-image: url(../../images/src/parts/sp/bg_main_title.png);
    background-size: 100% auto;
  }
  .main-title__inner {
    width: 90.3381%;
    max-width: inherit;
    height: 48.3vw;
  }
  .main-title__inner .tit {
    font-size: 7vw;
  }
  .main-title__inner .tit span {
    font-size: 3.555vw;
  }
}
/* main-title images 写真あり */
.main-title.images {
  width: 100%;
  background: url(../../images/src/parts/bg_main_title_img.png) no-repeat center
    bottom;
  background-size: 100% auto;
}
.main-title.images .main-title__inner {
  display: block;
  margin: 0 auto;
  padding: 30px 0 0;
  width: 85.5263%;
  max-width: 1625px;
  height: 210px;
  box-sizing: border-box;
}
.main-title.images .main-title__inner .tit {
  font-size: 9rem;
  line-height: 8rem;
  letter-spacing: 9.6px;
}
.main-title.images .main-title__inner .tit span {
  font-size: 3.2rem;
}
.main-title.images .main-title__inner .img {
  width: 100%;
}
.main-title.images .main-title__inner .img img {
  width: 100%;
}
@media screen and (max-width: 1400px) {
  .main-title.images .main-title__inner {
    padding: 2.14285vw 0 0;
    max-width: 1300px;
    height: 15vw;
  }
  .main-title.images .main-title__inner .tit {
    font-size: 6.42857vw;
    line-height: 5.71428vw;
    letter-spacing: 0.6857vw;
  }
  .main-title.images .main-title__inner .tit span {
    font-size: 2.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .main-title.images .main-title.images {
    background-image: url(../../images/src/parts/sp/bg_main_title_img.png);
  }
  .main-title.images .main-title__inner {
    padding: 12vw 0 0;
    max-width: inherit;
    height: 38.6473vw;
  }
  .main-title.images .main-title__inner .tit {
    font-size: 11.5942vw;
    line-height: 10vw;
    letter-spacing: 5.3px;
  }
  .main-title.images .main-title__inner .tit span {
    font-size: 5.555vw;
  }
}

/* section*/
section.gray {
  padding: 100px 0;
  width: 100%;
  background-color: #f6f5f4;
}
@media screen and (max-width: 1400px) {
  section.gray {
    padding: 7.14285vw 0;
  }
}
section.images {
  padding: 0;
  background-color: #f6f5f4;
}

/* common-inner*/
.common-inner {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1300px;
}
@media screen and (max-width: 1400px) {
  .common-inner {
    width: 92.85714%;
  }
}
@media screen and (max-width: 767px) {
  .common-inner {
    width: 93.3381%;
    max-width: inherit;
  }
}

/* breadcrumbs*/
.breadcrumbs {
  display: flex;
  align-items: center;
  width: 100%;
  height: 85px;
}
.breadcrumbs span {
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 1400px) {
  .breadcrumbs {
    /* height: 6.07142vw; */
  }
  .breadcrumbs span {
    /* font-size: 1.14285vw; */
  }
}
/* 2026-09-16 項目の途中で折り返さず、区切り線ごと次の行に落とす */
.breadcrumbs {
  flex-wrap: wrap;
  height: auto;
  min-height: 85px;
}
.breadcrumbs__group {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}
.breadcrumbs span {
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .breadcrumbs {
    min-height: 14.4927vw;
    height: auto;
    padding: 3vw 0;
    row-gap: 1.5vw;
  }
  .breadcrumbs span {
    font-size: 2.8vw;
  }
  .breadcrumbs img {
    width:4px;
  }
}

/* heading*/
.headline-02 {
  font-size: 4.8rem;
  font-weight: 400;
}
.headline-02__2 {
  font-size: 3.2rem;
  font-weight: 400;
}
.headline-02__en {
  color: #c9ac6f;
  font-size: 3rem;
  font-weight: 400;
}
.headline-03__1 {
  font-size: 4.2rem;
  font-weight: 400;
}
.headline-03__2 {
  padding: 17px 0;
  font-size: 3.4rem;
  font-weight: 400;
  border-bottom: 1px solid #c9ac6f;
  border-top: 1px solid #c9ac6f;
}
.headline-03__3 {
  padding: 0 0 10px;
  font-size: 2.6rem;
  font-weight: 400;
  background: url(../../images/src/parts/bg_headline04.png) no-repeat left
    bottom;
  background-size: 100% auto;
}
.headline-03__en {
  color: #875d05;
  font-size: 2.8rem;
  font-weight: 400;
}
.headline-02__en,
.headline-03__en {
  font-family: "Cormorant Infant", serif;
  font-weight: 400;
}
.headline-03__en {
  background: url(../../images/src/parts/bg_headline01.png) no-repeat left
    center;
  background-size: 52px auto;
  padding: 0 0 0 70px;
}
.headline-04__1,
.headline-04__2,
.headline-04__3,
.headline-04__4 {
  font-size: 2.4rem;
  font-weight: 400;
}
.headline-04__1 {
  padding: 0 0 0 43px;
  background: url(../../images/src/parts/bg_headline02.png) no-repeat left
    center;
  background-size: 24px auto;
}
.headline-04__2 {
  padding: 0 0 15px;
  background: url(../../images/src/parts/bg_headline04.png) no-repeat left
    bottom;
  background-size: 100% auto;
}
.headline-04__3 {
  padding: 0 0 15px;
  background: url(../../images/src/parts/bg_headline04.png) no-repeat left
    bottom;
  background-size: 100% auto;
}
.headline-04__4 {
  padding: 0 0 0 20px;
  border-left: 4px solid #c9ac6f;
}
.headline-05 {
  color: #875d05;
  font-size: 1.8rem;
  font-weight: 500;
}
.headline-05__2 {
  display: inline-block;
  padding: 5px 16px;
  color: #875d05;
  font-size: 2rem;
  font-weight: 500;
  border: 1px solid #c9ac6f;
}
.headline-06 {
  display: inline-block;
  padding: 5px 16px;
  font-size: 1.6rem;
  font-weight: 400;
  border: 1px solid #c9ac6f;
}
@media screen and (max-width: 1400px) {
  .headline-02 {
    font-size: 3.42857vw;
  }
  .headline-02__2 {
    font-size: 2.28571vw;
  }
  .headline-02__en {
    font-size: 2.14285vw;
  }
  .headline-03__1 {
    font-size: 3vw;
  }
  .headline-03__2 {
    padding: 1.21428vw 0;
    font-size: 2.42857vw;
  }
  .headline-03__3 {
    padding: 0 0 0.71428vw;
    font-size: 1.85714vw;
  }
  .headline-03__en {
    font-size: 2vw;
  }
  .headline-03__en {
    background-size: 3.71428vw auto;
    padding: 0 0 0 5vw;
  }
  .headline-04__1,
  .headline-04__2,
  .headline-04__3,
  .headline-04__4 {
    font-size: 1.71428vw;
  }
  .headline-04__1 {
    padding: 0 0 0 3vw;
    background-size: 1.71428vw auto;
  }
  .headline-04__2 {
    padding: 0 0 1.0714vw;
  }
  .headline-04__3 {
    padding: 0 0 1.07142vw;
  }
  .headline-04__4 {
    padding: 0 0 0 1.42857vw;
    border-left: 0.28571vw solid #c9ac6f;
  }
  .headline-05 {
    font-size: 1.42857vw;
  }
  .headline-05__2 {
    padding: 0.35714vw 1.14285vw;
    font-size: 1.42857vw;
  }
  .headline-06 {
    padding: 0.35714vw 1.14285vw;
    font-size: 1.285714vw;
  }
}
@media screen and (max-width: 767px) {
  .headline-02 {
    font-size: 8.21256vw;
    line-height: 1.3;
  }
  .headline-02__2 {
    font-size: 6.28vw;
  }
  .headline-02__en {
    font-size: 5.314vw;
  }
  .headline-03__1 {
    font-size: 7.24637vw;
  }
  .headline-03__2 {
    padding: 5.314vw 0;
    font-size: 6.28vw;
  }
  .headline-03__3 {
    padding: 0 0 3.86473vw;
    font-size: 5.314vw;
    font-weight: 400;
    background-image: url(../../images/src/parts/sp/bg_headline04.png);
  }
  .headline-03__en {
    font-size: 4.83vw;
  }
  .headline-03__en {
    background-size: 12.56vw auto;
    padding: 0 0 0 16.4251vw;
  }
  .headline-04__1,
  .headline-04__2,
  .headline-04__3,
  .headline-04__4 {
    font-size: 4.83vw;
  }
  .headline-04__1 {
    padding: 0 0 0 9.6618vw;
    background-size: 5.7971vw auto;
  }
  .headline-04__2 {
    padding: 0 0 3.6231vw;
    font-size: 5.314vw;
    background-image: url(../../images/src/parts/sp/bg_headline04.png);
  }
  .headline-04__3 {
    padding: 0 0 3.6231vw;
    font-size: 5.314vw;
    background-image: url(../../images/src/parts/sp/bg_headline04.png);
  }
  .headline-04__4 {
    padding: 0 0 0 4.83vw;
    font-size: 5.314vw;
    border-left: 2px solid #c9ac6f;
  }
  .headline-05 {
    font-size: 4.34782vw;
  }
  .headline-05__2 {
    font-size: 4.34782vw;
  }
  .headline-06 {
    padding: 1vw 4.1vw 0.8vw;
    font-size: 4.1vw;
  }
}

/* common-lead */
.common-lead {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 1400px) {
  .common-lead {
    font-size: 1.42857vw;
  }
}
@media screen and (max-width: 767px) {
  .common-lead {
    font-size: 3.8647vw;
    text-align: left !important;
  }
}

/* title */
.title {
  font-size: 22px;
  font-weight: 500;
}
@media screen and (max-width: 1400px) {
  .title {
    font-size: 1.57142vw;
  }
}
@media screen and (max-width: 767px) {
  .title {
    font-size: 5.314vw;
  }
}

/* title 番号付き */
.title.number {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.title.number span.num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 80px;
  height: 80px;
  color: #875d05;
  font-size: 3rem;
  font-weight: 300;
  border: 1px solid #c2c2c2;
  border-radius: 100px;
}
.title.number span.ttl {
  width: calc(100% - 100px);
}
@media screen and (max-width: 1400px) {
  .title.number span.num {
    width: 5.71428vw;
    height: 5.71428vw;
    font-size: 2.14285vw;
  }
  .title.number span.ttl {
    width: calc(100% - 7.14285vw);
  }
}
@media screen and (max-width: 767px) {
  .title.number span.num {
    width: 16.4251vw;
    max-width: inherit;
    height: 16.4251vw;
    font-size: 7.24637vw;
  }
  .title.number span.ttl {
    width: calc(100% - 18vw);
  }
}

/* title 注意事項 */
.title.caution {
  padding: 0 0 0 40px;
  background: url(../../images/src/parts/ico_caution.svg) no-repeat left center;
  background-size: 26px auto;
}
@media screen and (max-width: 1400px) {
  .title.caution {
    padding: 0 0 0 2.85714vw;
    background-size: 1.85714vw auto;
  }
}
@media screen and (max-width: 767px) {
  .title.caution {
    padding: 0 0 0 9.66183vw;
    background-size: 5.7971vw auto;
  }
}

/* text */
.text {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 1400px) {
  .text {
    font-size: 1.14285vw;
  }
}
@media screen and (max-width: 767px) {
  .text {
    font-size: 3.86473vw;
  }
}

/* list */
.list {
  list-style: none;
}
.list li {
  /* 2026-09-16 本文（.common-text）と同じゴシックに統一 */
  font-family:
    "Yu Gothic",
    "游ゴシック体",
    "游ゴシック",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "メイリオ",
    sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.list.typ01 li {
  padding: 0 0 0 24px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  background: url(../../images/src/parts/ico_list.svg) no-repeat left 12px;
  background-size: 9px auto;
}
@media screen and (max-width: 1400px) {
  .list li {
    font-size: 1.14285vw;
  }
  .list.typ01 li {
    padding: 0 0 0 1.71428vw;
    font-size: 1.285714vw;
    background-position: left 0.85714vw;
    background-size: 0.62428vw auto;
  }
}
@media screen and (max-width: 767px) {
  .list li {
    font-size: 3.6231vw;
  }
  .list.typ01 li {
    padding: 0 0 0 4.83vw;
    font-size: 3.6231vw;
    background-position: left top 2.657vw;
    background-size: 2.17391vw auto;
  }
}

/* list.typ02 */
.list.typ02 li {
  padding: 0 0 0 38px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  background: url(../../images/src/parts/ico_list02.svg) no-repeat left top 5px;
  background-size: 22px auto;
}
.list.typ02 li + li {
  margin-top: 20px;
}
@media screen and (max-width: 1400px) {
  .list.typ02 li {
    padding: 0 0 0 2.71428vw;
    font-size: 1.28571vw;
    background-position: left top 0.35714vw;
    background-size: 1.57142vw auto;
  }
  .list.typ02 li + li {
    margin-top: 1.42857vw;
  }
}
@media screen and (max-width: 767px) {
  .list.typ02 li {
    padding: 0 0 0 6vw;
    font-size: 3.62318vw;
    background-position: left top 1.2vw;
    background-size: 3.62318vw auto;
  }
  .list.typ02 li + li {
    margin-top: 2vw;
  }
}

/* list.typ03 */
.list.typ03 li {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.list.typ03 li + li {
  margin-top: 16px;
}
.list.typ03 li span.num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  font-family: "Cormorant Infant", serif;
  font-size: 2.2rem;
  font-weight: 300;
  border: 1px solid #8d7f63;
  border-radius: 100px;
}
.list.typ03 li span.tit {
  width: calc(100% - 65px);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 1400px) {
  .list.typ03 li + li {
    margin-top: 1.14285vw;
  }
  .list.typ03 li span.num {
    width: 3.57142vw;
    height: 3.57142vw;
    font-size: 1.57142vw;
  }
  .list.typ03 li span.tit {
    width: calc(100% - 4.64285vw);
    font-size: 1.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .list.typ03 li + li {
    margin-top: 2vw;
  }
  .list.typ03 li span.num {
    width: 10.628vw;
    height: 10.628vw;
    font-size: 5vw;
  }
  .list.typ03 li span.tit {
    width: calc(100% - 12vw);
    font-size: 3.6231vw;
  }
}

/* list.typ04 */
.list.typ04 li {
  padding: 0 0 0 38px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  background: url(../../images/src/parts/ico_list02.svg) no-repeat left top 5px;
}
.list.typ04 li + li {
  margin-top: 20px;
}
@media screen and (max-width: 1400px) {
  .list.typ04 li {
    padding: 0 0 0 2.71428vw;
    font-size: 1.28571vw;
    background-position: left top 0.35714vw;
  }
  .list.typ04 li + li {
    margin-top: 1.42857vw;
  }
}

/* list.typ05 */
.list.typ05 {
  padding: 35px;
  list-style: none;
  background-color: #f6f5f4;
}
.list.typ05 li {
  padding: 0 0 0 34px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  background: url(../../images/src/parts/bg_list.png) no-repeat left 15px;
  background-size: 20px auto;
}
@media screen and (max-width: 1400px) {
  .list.typ05 {
    padding: 2.5vw;
  }
  .list.typ05 li {
    padding: 0 0 0 2.42857vw;
    font-size: 1.28571vw;
    background-position: left 1.0714vw;
    background-size: 1.42857vw auto;
  }
}
@media screen and (max-width: 767px) {
  .list.typ05 {
    padding: 2.5vw;
  }
  .list.typ05 li {
    padding: 0 0 0 6vw;
    font-size: 3.62318vw;
    background-position: left 3.62318vw;
    background-size: 4vw auto;
  }
}

/* common-title */
.common-title {
  margin-bottom: 47px;
  font-size: 2.4rem;
  font-weight: 400;
  text-align: center;
}
.common-title_en {
  margin-bottom: 8px;
  color: #a2813a;
  font-family: "Cormorant Infant", serif;
  font-size: 7rem;
  font-weight: 300;
  line-height: 6rem;
  letter-spacing: 8px;
  text-indent: 8px;
  text-align: center;
}
@media screen and (max-width: 1400px) {
  .common-title {
    margin-bottom: 3.35714vw;
    font-size: 1.71428vw;
  }
  .common-title_en {
    margin-bottom: 0.57142vw;
    font-size: 5vw;
    line-height: 4.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .common-title {
    margin-bottom: 6.76328vw;
    font-size: 4.58937vw;
  }
  .common-title_en {
    margin-bottom: 8px;
    font-size: 10.628vw;
    line-height: 9vw;
  }
}

/* common-text */
.common-text,
.common-note {
  font-family:
    "Yu Gothic",
    "游ゴシック体",
    "游ゴシック",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "メイリオ",
    sans-serif;
}
.common-text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.2;
}
.common-text a {
  color: #c9ac6f;
  font-weight: 400;
  border-bottom: 1px solid #c9ac6f;
}
.common-text st {
  padding: 0 0 0 5px;
  color: #4a2615;
  font-weight: 700;
  background-color: rgba(201, 172, 111, 0.32);
}
.common-text.bg-citing {
  padding: 40px 50px;
  line-height: 2;
  background: #f6f5f4 url(../../images/src/parts/bg_text01.png) no-repeat left
    20px top 20px;
}
.common-text.bg-citing span {
  display: none;
}
.common-text.bg-deco {
  padding: 40px 50px;
  line-height: 2;
  background-image:
    url(../../images/src/parts/bg_text02_1.png),
    url(../../images/src/parts/bg_text02_2.png);
  background-repeat: no-repeat;
  background-position:
    left top,
    right bottom;
  background-size: 85% auto;
}
.common-text.bg-deco p {
  font-family:
    "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho",
    "MS Mincho", serif;
  color: #875d05;
  font-size: 2.2rem;
  font-weight: 500;
}
.common-text.bg-deco ul {
  font-size: 1.8rem; /* 2026-09-16 旧 .fs18（固定18px）をやめ、スマホでは本文サイズを継承 */
}
.common-text.bg-gray {
  padding: 40px 50px;
  line-height: 2;
  background-color: #f6f5f4;
}
.common-note {
  margin-left: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  text-indent: -16px;
}
@media screen and (max-width: 1400px) {
  .common-text {
    font-size: 1.285714vw;
  }
  .common-text st {
    padding: 0 0 0 0.35714vw;
  }
  .common-text.bg-citing {
    padding: 2.85714vw 3.571428vw;
    background-position: left 1.42857vw top 1.42857vw;
  }
  .common-text.bg-deco {
    padding: 2.85714vw 3.571428vw;
  }
  .common-text.bg-deco p {
    font-size: 1.57142vw;
  }
  .common-text.bg-deco ul {
    font-size: 1.28571vw;
  }
  .common-text.bg-gray {
    padding: 2.85714vw 3.571428vw;
  }
  .common-note {
    margin-left: 1.14285vw;
    font-size: 1.14285vw;
    text-indent: -1.14285vw;
  }
}
@media screen and (max-width: 767px) {
  .common-text {
    font-size: 3.62318vw;
  }
  .common-text.bg-citing {
    padding: 4.83vw;
    background: none;
    background-color: #f6f5f4;
    position: relative;
  }
  .common-text.bg-citing span {
    display: block;
    width: 5.314vw;
    position: absolute;
    left: 2.1739vw;
    top: -2.1739vw;
  }
  .common-text.bg-deco {
    padding: 4.83vw;
    background-image:
      url(../../images/src/parts/sp/bg_text02_1.png),
      url(../../images/src/parts/sp/bg_text02_2.png);
    background-size: 91.711% auto;
  }
  .common-text.bg-deco ul {
    font-size: inherit; /* スマホは本文（3.62318vw）と同じ */
  }
  .common-text.bg-deco p {
    font-size: 4.58937vw;
  }
  .common-text.bg-gray {
    padding: 8vw 4.83vw;
  }
  .common-note {
    margin-left: 2vw;
    font-size: 3.38164vw;
    text-indent: -2vw;
  }
}

/* common-box */
.common-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.common-box .box-item {
  padding: 40px;
  width: 47.6923%;
  max-width: 620px;
  border: 1px solid #875d05;
  box-sizing: border-box;
}
.common-box .box-item__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 20px;
  width: 100%;
}
.common-box .box-item__head dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16.29629%;
  max-width: 88px;
  height: 88px;
  font-family: "Cormorant Infant", serif;
  font-size: 3rem;
  font-weight: 300;
  border: 1px solid #c2c2c2;
  border-radius: 100px;
}
.common-box .box-item__head dd {
  width: 80.555%;
  max-width: 435px;
  font-size: 2.8rem;
  font-weight: 500;
}
.common-box .box-item__head dd p {
  display: block;
  width: 100%;
  background: url(../../images/src/parts/bg_item_tit.png) no-repeat right center;
  background-size: 339px auto;
}
.common-box .box-item__head dd p span {
  display: inline-block;
  padding: 0 20px 0 0;
  color: #875d05;
  font-family: "Cormorant Infant", serif;
  font-size: 2.2rem;
  font-weight: 400;
  background-color: #fff;
}
@media screen and (max-width: 1400px) {
  .common-box .box-item__head dt {
    width: 4.63157vw;
    height: 4.63157vw;
  }
  .common-box .box-item__head dd {
    font-size: 2vw;
  }
  .common-box .box-item__head dd p span {
    font-size: 1.5714vw;
  }
  .common-box .box-item__list {
    padding: 2.5vw;
  }
  .common-box .box-item__list li {
    padding: 0 0 0 2.42857vw;
    font-size: 1.28571vw;
    background: url(../../images/src/parts/bg_list.png) no-repeat left 1vw;
    background-size: 1.42857vw auto;
  }
}
@media screen and (max-width: 767px) {
  .common-box .box-item {
    padding: 4.83vw;
    width: 100%;
    max-width: inherit;
  }
  .common-box .box-item + .box-item {
    margin-top: 7.24637vw;
  }
  .common-box .box-item__head {
    padding: 0 0 4.1vw;
  }
  .common-box .box-item__head dt {
    width: 16.4251vw;
    max-width: inherit;
    height: 16.4251vw;
    font-size: 3rem;
  }
  .common-box .box-item__head dd {
    width: 76%;
    max-width: inherit;
    font-size: 5.942vw;
  }
  .common-box .box-item__head dd p {
    line-height: 1.4; /* 2026-09-16 折り返し時に行が重ならないよう調整 */
    background-image: url(../../images/src/parts/sp/bg_item_tit.png);
    background-size: 42.9951vw auto;
  }
  .common-box .box-item__head dd p span {
    padding: 0 3.8647vw 0 0;
    font-size: 4.34782vw;
    line-height: 1.4; /* 2026-09-16 同上 */
  }
  .common-box .box-item__list {
    padding: 4.83vw;
  }
  .common-box .box-item__list li {
    padding: 0 0 0 7.24637vw;
    font-size: 3.62318vw;
    background: url(../../images/src/parts/bg_list.png) no-repeat left 15px;
    background-size: 4.2512vw auto;
  }
}

/* step-list（項目数に依存しないよう Grid で均等配置） */
.step-list {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  column-gap: 100px;
  align-items: start;
  padding: 0 0 40px;
  width: 100%;
  list-style: none;
}
.step-list li {
  text-align: center;
  position: relative;
}
.step-list li span {
  width: 19.8%;
  position: absolute;
  right: -100px;
  top: 120px;
  transform: translateY(-50%);
}
.step-list li .list-num {
  color: #875d05;
  font-family: "Cormorant Infant", serif;
  font-size: 2.3rem;
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 20px;
}
.step-list li .list-img {
  width: 100%;
}
.step-list li .list-img img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.step-list li .title {
  margin: 20px 0 18px;
}
.step-list li .text {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.875;
}
@media screen and (max-width: 1400px) {
  .step-list {
    padding: 0 0 2.85714vw;
  }
  .step-list li span {
    right: -7vw;
  }
  .step-list li .list-num {
    font-size: 1.64285vw;
    top: 1.14287vw;
  }
  .step-list li .title {
    margin: 1.14287vw 0 1.2857vw;
  }
  .step-list li .text {
    font-size: 1.14285vw;
  }
}
@media screen and (max-width: 767px) {
  .step-list {
    display: block;
    padding: 0 0 28.9855vw;
  }
  .step-list li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: inherit;
    text-align: center;
    position: relative;
  }
  .step-list li + li {
    margin-top: 19.3236vw;
  }
  .step-list li span {
    margin: 0 auto;
    width: 10.4278%;
    left: 0;
    right: 0;
    top: inherit;
    bottom: -14vw;
    transform: none;
  }
  .step-list li .list-num {
    display: none;
  }
  .step-list li .list-img {
    width: 26.7379%;
  }
  .step-list li .list-img img {
    height: auto;
  }
  .step-list li .sp-box {
    width: 68.4491%;
    text-align: left;
  }
  .step-list li .sp-box .list-num {
    display: block;
    color: #875d05;
    font-family: "Cormorant Infant", serif;
    font-size: 4.83vw;
    position: static;
    top: inherit;
  }
  .step-list li .title {
    margin: 0 0 2vw;
  }
  .step-list li .text {
    font-size: 3.8647vw;
  }
}

/* btn */
.btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  width: 100%;
  max-width: 179px;
}
.btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  font-size: 1.6rem;
  font-weight: 400;
}
.btn a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .btn {
    width: 65.24%;
    max-width: inherit;
  }
  .btn a {
    height: 13vw;
    font-size: 3.86473vw;
  }
}

/* btn-view */
.btn.viewmore {
  max-width: 179px;
}
.btn.viewall {
  max-width: 274px;
}
.btn.viewall-02 {
  width: 100%;
  max-width: 100%;
  border-bottom: 1px solid #4a2615;
  border-top: 1px solid #4a2615;
}
.btn.viewall-02 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 94px;
}
.btn.viewall-02 a span {
  display: inline-block;
  padding: 0 80px;
  font-family: "Cormorant Infant", serif;
  font-size: 2.8rem;
  font-weight: 300;
  background: url(../../images/src/parts/arrow_news_next.svg) no-repeat right
    center;
  background-size: 48px auto;
}
@media screen and (max-width: 1400px) {
  .btn.viewall-02 a {
    height: 6.71428vw;
  }
  .btn.viewall-02 a span {
    padding: 0 5.71428vw;
    font-size: 2vw;
    background-size: 3.42857vw auto;
  }
}
@media screen and (max-width: 767px) {
  .btn.viewmore {
    max-width: 40.5797vw;
  }
  .btn.viewall {
    max-width: 58.2125vw;
  }
  .btn.viewall-02 a {
    height: 21.256vw;
  }
  .btn.viewall-02 a span {
    padding: 0 14.49275vw 0 0;
    font-size: 8.4541vw;
    background-size: 10.1449vw auto;
  }
}

/* btn-detail */
.btn.detail {
  max-width: 275px;
}
.btn.detail a {
  color: #fff;
  background-color: #a09176;
  background-image: url(../../images/src/parts/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 26px auto;
}
@media screen and (max-width: 767px) {
  .btn.detail {
    width: 65.24%;
    max-width: inherit;
  }
  .btn.detail a {
    background-position: right 3.86473vw center;
    background-size: 5.7971vw auto;
  }
}

/* btn-pdf */
.btn.pdf {
  max-width: 275px;
}
.btn.pdf a {
  background-color: #fff;
  background-image:
    url(../../images/src/parts/ico_pdf.svg),
    url(../../images/src/parts/arrow_brown.svg);
  background-repeat: no-repeat;
  background-position:
    left 19px center,
    right 20px center;
  background-size:
    22px auto,
    26px auto;
  border: 1px solid #c2c2c2;
}
@media screen and (max-width: 767px) {
  .btn.pdf {
    width: 65.24%;
    max-width: inherit;
  }
  .btn.pdf a {
    background-position:
      left 4.83vw center,
      right 3.86473vw center;
    background-size:
      4.83vw auto,
      6.4vw auto;
  }
}

/* btn-official */
.btn.official {
  max-width: 275px;
}
.btn.official a {
  background-color: #fff;
  background-image: url(../../images/src/parts/ico_official.svg);
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 14px auto;
  border: 1px solid #c2c2c2;
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 767px) {
  .btn.official {
    width: 65.24%;
    max-width: inherit;
  }
  .btn.official a {
    background-position: right 3.62318vw center;
    background-size: 2.89855vw auto;
  }
}
/*tel*/
.tel {
  color: #875d05;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1;
}
.tel span {
  font-size: 4.8rem;
  font-weight: 400;
}
.tel span a {
  color: #875d05;
  border-bottom: none;
}
.tel small {
  color: #4A2615;
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 1400px) {
  .tel {
    font-size: 2vw;
  }
  .tel span {
    font-size: 3.42857vw;
  }
  .tel small {
    font-size: 1.14285vw;
  }
}
@media screen and (max-width: 767px) {
  .tel {
    font-size: 5.314vw;
  }
  .tel span {
    font-size: 9.17874vw;
    line-height: 1;
  }
  .tel small {
    display: block;
    padding: 3vw 0 0;
    font-size: 3.86473vw;
  }
}

/* .common-table */
.common-table {
  width: 100%;
}
.common-table.typ01 {
}
.common-table.typ01 dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.9;
  border-top: 1px solid #c2c2c2;
}
.common-table.typ01 dl:last-of-type {
  border-bottom: 1px solid #c2c2c2;
}
.common-table.typ01 dl dt {
  width: 16.923%;
  max-width: 220px;
  font-weight: 500;
  text-align: center;
}
.common-table.typ01 dl dd {
  padding: 15px 0 15px 50px;
  width: 82.46153%;
  max-width: 1072px;
  font-weight: 400;
  border-left: 1px solid #c2c2c2;
  box-sizing: border-box;
}

.common-table.typ02 {
  background: url(../../images/src/parts/bg_table_line.png) no-repeat left top;
  background-size: 100% auto;
}
.common-table.typ02 dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 35px 0;
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.9;
  background: url(../../images/src/parts/bg_table_line.png) no-repeat left
    bottom;
  background-size: 100% auto;
}
.common-table.typ02 dl:last-of-type {
}
.common-table.typ02 dl dt {
  width: 16.923%;
  max-width: 220px;
  font-weight: 500;
  text-align: center;
}
.common-table.typ02 dl dd {
  padding: 0 0 0 50px;
  width: 82.46153%;
  max-width: 1072px;
  font-weight: 400;
  box-sizing: border-box;
}

.common-table.typ03 {
}
.common-table.typ03 table {
  width: 100%;
  border: 1px solid #a09176;
}
.common-table.typ03 table thead th {
  padding: 18px 0;
  width: 20%;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  background-color: #a09176;
  border: 1px solid #c2c2c2;
}
.common-table.typ03 table tbody th,
.common-table.typ03 table tbody td {
  padding: 30px 40px;
  width: 20%;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
}
.common-table.typ03 table tbody tr:nth-of-type(2n) th,
.common-table.typ03 table tbody tr:nth-of-type(2n) td {
  background-color: #f6f5f4;
}

.common-table.typ04 {
}
.common-table.typ04 table {
  width: 100%;
  border: 1px solid #c2c2c2;
}
.common-table.typ04 table thead th,
.common-table.typ04 table thead td {
  padding: 25px 40px;
  font-size: 2rem;
  font-weight: 500;
  text-align: left;
  background-color: #f6f5f4;
  border: 1px solid #c2c2c2;
}
.common-table.typ04 table thead th {
  width: 25%;
}
.common-table.typ04 table thead td {
  width: 75%;
}
.common-table.typ04 table tbody th,
.common-table.typ04 table tbody td {
  padding: 25px 40px;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: left;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
}
.common-table.typ04 table tbody th {
  width: 25%;
}
.common-table.typ04 table tbody td {
  width: 75%;
}

@media screen and (max-width: 1400px) {
  .common-table.typ01 dl {
    padding: 1.14285vw 0;
    font-size: 1.28571vw;
  }
  .common-table.typ01 dl dd {
    padding: 1.07142vw 0 1.07142vw 50px;
  }
  .common-table.typ02 dl {
    padding: 2.5vw 0;
    font-size: 1.28571vw;
  }
  .common-table.typ02 dl dd {
    padding: 0 0 0 3.57142vw;
  }
  .common-table.typ03 table thead th {
    padding: 1.28571vw 0;
    font-size: 1.14285vw;
  }
  .common-table.typ03 table tbody th,
  .common-table.typ03 table tbody td {
    padding: 2.14285vw 2.85714vw;
    font-size: 1.28571vw;
  }
  .common-table.typ03 table tbody tr:nth-of-type(2n) th,
  .common-table.typ03 table tbody tr:nth-of-type(2n) td {
    background-color: #f6f5f4;
  }
  .common-table.typ04 table thead th,
  .common-table.typ04 table thead td {
    padding: 1.78571vw 2.85714vw;
    font-size: 1.14285vw;
  }
  .common-table.typ04 table tbody th,
  .common-table.typ04 table tbody td {
    padding: 1.78571vw 2.85714vw;
    font-size: 1.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .common-table.typ01 dl {
    padding: 5.7vw 0;
    width: 100%;
    font-size: 3.86473vw;
    line-height: 1.9;
    border-top: 1px solid #c2c2c2;
  }
  .common-table.typ01 dl:last-of-type {
    border-bottom: 1px solid #c2c2c2;
  }
  .common-table.typ01 dl dt {
    width: 100%;
    max-width: inherit;
    font-weight: 700;
    text-align: left;
  }
  .common-table.typ01 dl dd {
    padding: 0;
    width: 100%;
    max-width: inherit;
    border-left: none;
  }
  .common-table.typ02 {
    background-image: url(../../images/src/parts/sp/bg_table_line.png);
  }
  .common-table.typ02 dl {
    padding: 5.7vw 0;
    font-size: 3.86473vw;
    background-image: url(../../images/src/parts/sp/bg_table_line.png);
  }
  .common-table.typ02 dl dt {
    width: 100%;
    max-width: inherit;
    text-align: left;
  }
  .common-table.typ02 dl dd {
    padding: 0;
    width: 100%;
    max-width: inherit;
  }
  .common-table.typ03 {
    overflow: scroll;
  }
  .common-table.typ03 .sp-table__box {
    width: 780px;
  }
  .common-table.typ03 table thead th {
    padding: 4.83vw 0;
    font-size: 4.34782vw;
  }
  .common-table.typ03 table tbody th,
  .common-table.typ03 table tbody td {
    padding: 4.83vw 0;
    font-size: 3.86473vw;
    text-align: center;
  }

  .common-table.typ04 table thead th,
  .common-table.typ04 table thead td {
    display: block;
    padding: 4.83vw;
    font-size: 3.86473vw;
    border: none;
  }
  .common-table.typ04 table thead th {
    width: 100%;
    font-weight: 700;
  }
  .common-table.typ04 table thead td {
    padding: 0 4.83vw 4.83vw;
    width: 100%;
    border-bottom: 1px solid #c2c2c2;
  }
  .common-table.typ04 table tbody th,
  .common-table.typ04 table tbody td {
    display: block;
    padding: 4.83vw;
    font-size: 3.86473vw;
    border: none;
  }
  .common-table.typ04 table tbody th {
    width: 100%;
    font-weight: 700;
  }
  .common-table.typ04 table tbody td {
    padding: 0 4.83vw 4.83vw;
    width: 100%;
    border-bottom: 1px solid #c2c2c2;
  }
}

/* price-box */
.price-box {
  padding: 130px 0;
  width: 100%;
  background: #ddd1bf url(../../images/src/parts/bg_price_typo.svg) no-repeat
    center top 73px;
  background-size: 312px auto;
}
.price-box .price-box__tit {
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 4px;
  text-shadow: 4px;
  text-align: center;
}
.price-box .price-box__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 18px 0;
  width: 100%;
  list-style: none;
}
.price-box .price-box__list li {
  padding: 30px 40px;
  width: 49.23%;
  max-width: 640px;
  background-color: #fff;
  box-sizing: border-box;
}
.price-box .price-box__list li .title {
  color: #875d05;
}
.price-box .price-box__list li .price-text {
  font-size: 2.2rem;
  font-weight: 400;
}
.price-box .price-box__list li .price-text span {
  font-size: 4.2rem;
  font-weight: 400;
}
.price-box .price-box__list li .price-text small {
  font-size: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 1400px) {
  .price-box {
    padding: 9.28571vw 0;
    background-position: center top 5.21428vw;
    background-size: 22.28571vw auto;
  }
  .price-box .price-box__tit {
    font-size: 2.85714vw;
  }
  .price-box .price-box__list {
    gap: 1.28517vw;
  }
  .price-box .price-box__list li {
    padding: 2.14285vw 2.85714vw;
  }
  .price-box .price-box__list li .price-text {
    font-size: 1.57142vw;
  }
  .price-box .price-box__list li .price-text span {
    font-size: 3vw;
  }
  .price-box .price-box__list li .price-text small {
    font-size: 1.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .price-box {
    padding: 16.9vw 0;
    background-position: center top 3.86473vw;
    background-size: 65.7vw auto;
  }
  .price-box .price-box__tit {
    font-size: 9.17874vw;
  }
  .price-box .price-box__list {
    gap: 3.62318vw 0;
  }
  .price-box .price-box__list li {
    padding: 6vw;
    width: 100%;
    max-width: inherit;
  }
  .price-box .price-box__list li .title.fs26 {
    font-size: 4.83vw;
  }
  .price-box .price-box__list li .price-text {
    display: flex;
    justify-content: flex-start;
    padding: 2vw 0 0;
  }
  .price-box .price-box__list li .price-text dt {
    width: 20.8588%;
    font-size: 4.83vw;
  }
  .price-box .price-box__list li .price-text dd {
    width: 76%;
    font-size: 4.83vw;
  }
  .price-box .price-box__list li .price-text dd span {
    font-size: 8.93719vw;
    line-height: 1;
  }
  .price-box .price-box__list li .price-text dd small {
    font-size: 3.86473vw;
  }
}

/* tab */
.tab-box {
  padding: 100px 0;
  width: 100%;
}
.tab-box .content {
  display: none;
}
.tab-box .content.show {
  display: block;
}
.content_area {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 30px 20px;
}
.tab-container {
  display: flex;
  flex-wrap: wrap;
  gap: 0 14px;
}
.tab {
  padding: 7px;
  width: 19.23%;
  max-width: 250px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #c2c2c2;
  border-bottom: none;
  cursor: pointer;
}
.tab span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 62px;
  font-size: 1.6rem;
  font-weight: 500;
}
.tab.active span {
  background-color: rgba(201, 172, 111, 0.32);
}
.content {
  display: none; /*必須*/
  padding: 60px 50px;
  border: 1px solid #c2c2c2;
  box-sizing: border-box;
}
.content.show {
  display: block; /*必須*/
}
.content .title {
}
.content .text {
  line-height: 2;
}
/* .content .list {
  list-style: none;
}
.content .list li {
  padding: 0 0 0 24px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2;
  background: url(../../images/src/parts/ico_list.svg) no-repeat left 12px;
  background-size: 9px auto;
} */
@media screen and (max-width: 1400px) {
  .tab-box {
    padding: 7.24185vw 0;
  }
  .content_area {
    width: 88.57142%;
    padding: 2.14285vw 1.42857vw;
  }
  .tab-container {
    gap: 0 1vw;
  }
  .tab {
    padding: 0.5vw;
  }
  .tab span {
    height: 4.42857vw;
    font-size: 1.28571vw;
  }
  .content {
    padding: 4.28571vw 3.57142vw;
  }
}
@media screen and (max-width: 767px) {
  .tab-box {
    padding: 15.4589vw 0;
  }
  /* .content_area {
    max-width: inherit;
    margin: 0 auto;
    padding: 30px 20px;
  } */
  .tab-container {
    gap: 0 2.41545vw;
  }
  .tab {
    width: 50%;
    max-width: inherit;
  }
  .tab span {
    height: 10.1449vw;
    font-size: 4.34782vw;
  }
  .content {
    padding: 7.24637vw 4.83vw;
  }
}

/*column*/
.column-area {
  padding: 100px 0;
  width: 100%;
}
.column-area.bg-gray {
  background-color: #f6f5f4;
}
.column-two {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.column-two.reserve {
  flex-direction: row-reverse;
}
.column-two + .column-two {
  margin-top: 70px;
}
.column-two dt {
  width: 49.8461%;
  max-width: 648px;
}
.column-two dt img {
  width: 100%;
}
.column-two dd {
  width: 44.923%;
  max-width: 584px;
}
.column-two dd .title {
  line-height: 1.8;
}
.column-two dd .text {
  line-height: 2;
}
.column-two dd .btn.viewmore {
  margin: 40px 0 0 auto;
}

@media screen and (max-width: 1400px) {
  .column-area {
    padding: 7.14285vw 0;
  }
  .column-two + .column-two {
    margin-top: 5vw;
  }
  .column-two dd .btn.viewmore {
    margin: 2.85714vw 0 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .column-area {
    padding: 14vw 0;
  }
  .column-two + .column-two {
    margin-top: 9.6618vw;
  }
  .column-two dt {
    padding: 0 0 4.83vw;
    width: 100%;
    max-width: inherit;
  }
  .column-two dd {
    width: 100%;
    max-width: inherit;
  }
  .column-two dd .title.fs30 {
    font-size: 4.83vw !important;
    font-weight: 700;
  }
  .column-two dd .btn.viewmore {
    margin: 4.83vw 0 0 auto;
  }
}
.column-two.typ02 {
  align-items: flex-start;
  padding: 100px 0;
}
.column-two.typ02 .menu-box {
  width: 22.3%;
  max-width: 290px;
}
.column-two.typ02 .menu-box .ttl {
  margin-bottom: 20px;
  color: #c9ac6f;
  font-size: 3.8rem;
  font-weight: 300;
}
.column-two.typ02 .menu-box .ttl span {
  margin-left: 13px;
  color: #4a2615;
  font-family:
    "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho",
    "MS Mincho", serif;
  font-size: 1.6rem;
  font-weight: 400;
}
.column-two.typ02 .menu-box ul {
  margin-bottom: 60px;
  width: 100%;
  list-style: none;
  border-top: 1px solid #c2c2c2;
}
.column-two.typ02 .menu-box ul li {
  width: 100%;
  border-bottom: 1px solid #c2c2c2;
}
.column-two.typ02 .menu-box ul li a {
  display: block;
  padding: 15px 0;
  font-family: "Cormorant Infant", serif;
  font-size: 2.2rem;
  font-weight: 300;
  letter-spacing: 4px;
  background-image: url(../../images/src/parts/arrow_news_next.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 42px auto;
}
.column-two.typ02 .detail-box {
  width: 68.1538%;
  max-width: 886px;
}
.column-two.typ02 .detail-box .img {
  margin-bottom: 60px;
  width: 100%;
}
.column-two.typ02 .detail-box .img img {
  width: 100%;
}
.column-two.typ02 .detail-box .ttl-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 25px;
  padding: 0 0 20px;
  width: 100%;
  color: #875d05;
  font-family: "Cormorant Infant", serif;
  font-size: 2rem;
  font-weight: 300;
  border-bottom: 1px solid #c2c2c2;
}
.column-two.typ02 .detail-box .ttl-box span {
  padding: 3px 0;
  width: 120px;
  font-family:
    "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho",
    "MS Mincho", serif;
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  border: 1px solid #875d05;
}
.column-two.typ02 .detail-box .headline-02__2 {
  line-height: 1.6;
}
@media screen and (max-width: 1400px) {
  .column-two.typ02 {
    padding: 7.14285vw 0;
  }
  .column-two.typ02 .menu-box .ttl {
    margin-bottom: 1.42857vw;
    font-size: 2.61428vw;
  }
  .column-two.typ02 .menu-box .ttl span {
    margin-left: 0.92857vw;
    font-size: 1.14285vw;
  }
  .column-two.typ02 .menu-box ul {
    margin-bottom: 4.28571vw;
  }
  .column-two.typ02 .menu-box ul li a {
    padding: 1.07142vw 0;
    font-size: 1.57142vw;
    background-size: 3vw auto;
  }
  .column-two.typ02 .detail-box .img {
    margin-bottom: 4.28571vw;
  }
  .column-two.typ02 .detail-box .ttl-box {
    margin-bottom: 1.78571vw;
    padding: 0 0 1.42857vw;
    font-size: 1.42857vw;
  }
  .column-two.typ02 .detail-box .ttl-box span {
    padding: 0.21428vw 0;
    width: 8.57142vw;
    font-size: 1vw;
  }
}
@media screen and (max-width: 767px) {
  .column-two.typ02 {
    padding: 19.32367vw 0;
  }
  .column-two.typ02 .menu-box {
    display: none;
  }
  .column-two.typ02 .detail-box {
    width: 100%;
    max-width: inherit;
  }
  .column-two.typ02 .detail-box .img {
    margin-bottom: 8.4541vw;
  }
  .column-two.typ02 .detail-box .ttl-box {
    margin-bottom: 7.24637vw;
    padding: 0 0 4.34782vw;
    font-size: 4.2512vw;
  }
  .column-two.typ02 .detail-box .ttl-box span {
    width: 25.5vw;
    font-size: 2.97584vw;
  }
}

/*column typ02*/
.column-area.typ02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.column-area.typ02 + .column-area.typ02 {
  padding: 0 0 100px;
}
.column-area.typ02 .common-inner {
  margin-left: auto;
  margin-right: 0;
  padding: 50px 0;
  max-width: 1600px;
  background-image: url(../../images/src/parts/bg_column_02_1.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 1600px auto;
}
.column-area.typ02 .common-inner .column-two {
  max-width: 1300px;
}
/*column typ02 reserve*/
.column-area.typ02.reserve {
  justify-content: flex-start;
}
.column-area.typ02.reserve .common-inner {
  display: flex;
  justify-content: flex-end;
  margin-right: auto;
  margin-left: 0;
  background-image: url(../../images/src/parts/bg_column_02_2.png);
  background-position: left top;
}
@media screen and (max-width: 1700px) {
  .column-area.typ02 + .column-area.typ02 {
    padding: 0 0 5.8823vw;
  }
  .column-area.typ02 .common-inner {
    padding: 2.94117vw 0;
    background-size: 100% auto;
  }
  .column-area.typ02 .common-inner .column-two {
    width: 81.25%;
  }
}
@media screen and (max-width: 767px) {
  .column-area.typ02 {
    padding: 0;
    background-color: #fff;
  }
  .column-area.typ02 + .column-area.typ02 {
  }
  .column-area.typ02 .common-inner {
    margin: 0 auto;
    padding: 14vw 0 9vw;
    width: 100%;
    max-width: inherit;
    background-image: url(../../images/src/parts/sp/bg_column_02_1.png);
    background-position: center top;
    background-size: 100% auto;
  }
  .column-area.typ02 .common-inner .column-two {
    margin: 0 auto;
    width: 90.3381%;
    max-width: inherit;
  }
  /*column typ02 reserve*/
  .column-area.typ02.reserve {
    justify-content: flex-start;
  }
  .column-area.typ02.reserve .common-inner {
    margin: 0 auto;
    background-image: url(../../images/src/parts/sp/bg_column_02_1.png);
    background-position: center top;
    background-size: 100% auto;
  }
}

/*merit*/
.merit-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 55px 52px;
  width: 100%;
  background: #f6f5f4 url(../../images/src/parts/bg_merit_typo.svg) no-repeat
    left 52px center;
  background-size: 314px auto;
}
.merit-box dt {
  width: 24.1538%;
  max-width: 314px;
  font-size: 4.9rem;
  text-align: center;
}
.merit-box dd {
  width: 64.923%;
  max-width: 844px;
}
.merit-box dd .title {
  line-height: 1.8;
}
.merit-box dd .text {
  line-height: 2;
}
@media screen and (max-width: 1400px) {
  .merit-box {
    padding: 3.92857vw 3.71428vw;
    background-position: left 3.71428vw center;
    background-size: 22.42857vw auto;
  }
  .merit-box dt {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 767px) {
  .merit-box {
    padding: 20vw 4.83vw 7.24637vw;
    width: 100%;
    background-position: center top 8.4541vw;
    background-size: 65.24vw auto;
  }
  .merit-box dt {
    padding: 0 0 4vw;
    width: 100%;
    max-width: inherit;
    font-size: 9.17874vw;
    text-align: center;
  }
  .merit-box dd {
    width: 100%;
    max-width: inherit;
    font-size: 3.6231vw;
  }
  .merit-box dd .title {
    font-size: 4.83vw !important;
    font-weight: 600;
  }
  .merit-box dd .text {
    font-size: 3.6231vw !important;
    font-weight: 400;
  }
}

/* caution */
.caution-box {
  margin: 0 auto;
  padding: 30px 40px;
  width: 100%;
  max-width: 887px;
  background-color: #f6f5f4;
}
.caution-box .text {
  font-family:
    "Yu Gothic",
    "游ゴシック体",
    "游ゴシック",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "メイリオ",
    sans-serif;
  line-height: 1.9;
}
@media screen and (max-width: 1400px) {
  .caution-box {
    padding: 2.14285vw 2.85714vw;
  }
}
@media screen and (max-width: 767px) {
  .caution-box {
    padding: 7.24637vw 4.83vw;
    max-width: inherit;
  }
  .caution-box .text {
    font-size: 3.62318vw !important;
  }
}

/* point */
.point-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 45px 40px;
  width: 100%; /*1220*/
  border: 1px solid #4a2615;
  box-sizing: border-box;
}
.point-box dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 6.3934%;
  max-width: 78px;
  height: 78px;
  color: #fff;
  font-family: "Cormorant Infant", serif;
  font-size: 1.6rem;
  font-weight: 500;
  background-color: #a2813a;
  border-radius: 100px;
}
.point-box dd {
  width: 90%;
  max-width: 1100px;
}
.point-box dd.text {
  line-height: 1.9;
}
@media screen and (max-width: 1400px) {
  .point-box {
    padding: 3.21428vw 2.85714vw;
  }
  .point-box dt {
    height: 5.57142vw;
    font-size: 1.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .point-box {
    padding: 4.83vw 3.86473vw;
  }
  .point-box dt {
    width: 16vw;
    max-width: inherit;
    height: 16vw;
    font-size: 3.5vw;
  }
  .point-box dd {
    width: 78%;
    max-width: inherit;
  }
  .point-box dd.text {
    font-size: 3.62318vw !important;
    line-height: 2;
  }
}
/* wp-pagenavi */
.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.wp-pagenavi {
  font-family: "Cormorant Infant", serif;
  font-size: 2rem;
  font-weight: 300;
}
.previouspostslink {
  margin-right: 46px;
  padding: 0 0 0 63px;
  background-image: url(../../images/src/parts/arrow_news_prev.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 48px auto;
}
.nextpostslink {
  margin-left: 46px;
  padding: 0 63px 0 0;
  background-image: url(../../images/src/parts/arrow_news_next.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 48px auto;
}
.previouspostslink:hover span,
.nextpostslink:hover span {
  border-bottom: 1px solid #8d7f63;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
  width: 60px;
  height: 60px;
  border: 1px solid #8d7f63;
  border-radius: 100px;
}
.wp-pagenavi .page:hover,
.wp-pagenavi .current:hover {
  color: #fff;
  background-color: #875d05;
}
.wp-pagenavi .current {
  color: #fff;
  background-color: #875d05;
}
/* wp-pagenavi.typ02 */
.wp-pagenavi.typ02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.wp-pagenavi.typ02 .detaillink {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 275px;
  height: 50px;
  font-family:
    "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho",
    "MS Mincho", serif;
  font-size: 1.6rem;
  font-weight: 400;
  background-image: url(../../images/src/parts/arrow_news_next.svg);
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 42px;
  border: 1px solid #4a2615;
}
.wp-pagenavi.typ02 .detaillink:hover {
  opacity: 0.6;
}
@media screen and (max-width: 1400px) {
  .wp-pagenavi {
    font-size: 1.42857vw;
  }
  .previouspostslink {
    margin-right: 3.28571vw;
    padding: 0 0 0 4.5vw;
    background-size: 3.42857vw auto;
  }
  .nextpostslink {
    margin-left: 3.28571vw;
    padding: 0 4.5vw 0 0;
    background-size: 3.42857vw;
  }
  .wp-pagenavi .page,
  .wp-pagenavi .current {
    margin: 0 0.57142vw;
    width: 4.28571vw;
    height: 4.28571vw;
  }

  /* wp-pagenavi.typ02 */
  .wp-pagenavi.typ02 .detaillink {
    width: 19.64285vw;
    height: 3.57142vw;
    font-size: 1.28571vw;
    background-position: right 1.28571vw center;
    background-size: 3vw;
  }
}
@media screen and (max-width: 767px) {
  .wp-pagenavi {
    padding: 0 0 12.0772vw;
    position: relative;
  }
  .wp-pagenavi {
    font-size: 4.67632vw;
  }
  .previouspostslink {
    margin-right: 0;
    padding: 0 0 0 13.285vw;
    background-size: 11.5942vw auto;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .nextpostslink {
    margin-left: 0;
    padding: 0 13.285vw 0 0;
    background-size: 11.5942vw auto;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .wp-pagenavi .page,
  .wp-pagenavi .current {
    margin: 0 2.41545vw;
    width: 12.7536vw;
    height: 12.7536vw;
  }
  /* wp-pagenavi.typ02 */
  .wp-pagenavi.typ02 {
    position: relative;
  }
  .wp-pagenavi.typ02 .detaillink {
    margin: 0 auto;
    width: 58.9371vw;
    height: 13vw;
    font-size: 3.86473vw;
    background-position: right 3.62318vw center;
    background-size: 5.7971vw;
  }
}

/* common-area */
.common-area {
  margin: 0 auto;
  width: 100%;
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 767px) {
}

/* news */
.common-area.news {
  padding: 100px 0;
  width: 92.3%;
  max-width: 1200px;
}
.common-area.news dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 35px 0;
  width: 100%;
  background-image: url(../../images/src/parts/arrow_news_next.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 48px auto;
  border-top: 1px solid #c2c2c2;
}
.common-area.news dl:last-of-type {
  margin-bottom: 60px;
  border-bottom: 1px solid #c2c2c2;
}
.common-area.news dl dt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 22.833%;
  max-width: 274px;
  color: #875d05;
  font-family: "Cormorant Infant", serif;
  font-size: 2rem;
  font-weight: 300;
}
.common-area.news dl dt span {
  padding: 3px 0;
  width: 43.795%;
  max-width: 120px;
  font-family:
    "Yu Gothic",
    "游ゴシック体",
    "游ゴシック",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "メイリオ",
    sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  border: 1px solid #875d05;
}
.common-area.news dl dd {
  width: 74.166%;
  max-width: 890px;
  font-size: 2.2rem;
  font-weight: 400;
}
.common-area.news dl dd a:hover {
  border-bottom: 1px solid #875d05;
}
@media screen and (max-width: 1400px) {
  .common-area.news {
    padding: 7.14285vw 0;
  }
  .common-area.news dl {
    padding: 2.5vw 0;
    background-size: 3.42857vw auto;
  }
  .common-area.news dl:last-of-type {
    margin-bottom: 4.28571vw;
  }
  .common-area.news dl dt {
    font-size: 1.42857vw;
  }
  .common-area.news dl dt span {
    padding: 0.3vw 0 0.21428vw;
    font-size: 1vw;
  }
  .common-area.news dl dd {
    font-size: 1.57142vw;
  }
}
@media screen and (max-width: 767px) {
  .common-area.news {
    padding: 19.32367vw 0;
    width: 100%;
    max-width: inherit;
  }
  .common-area.news dl {
    padding: 4.83vw 0;
    background-size: 11.5942vw auto;
  }
  .common-area.news dl:last-of-type {
    margin-bottom: 12.0772vw;
  }
  .common-area.news dl dt {
    justify-content: flex-start;
    width: 100%;
    max-width: inherit;
    font-size: 4.2512vw;
  }
  .common-area.news dl dt span {
    margin-left: 10.628vw;
    padding: 3px 0;
    width: 28.23529%;
    max-width: inherit;
    font-size: 2.97584vw;
  }
  .common-area.news dl dd {
    padding: 2.41545vw 0 0;
    width: 100%;
    max-width: inherit;
    font-size: 4.67632vw;
  }
}

/* case */
.common-area.case {
  padding: 100px 0;
}
.common-area.case .title {
  letter-spacing: 4px;
  text-indent: 4px;
}
.common-area.case .common-lead {
  margin-bottom: 62px;
  line-height: 1;
}
.common-area.case ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 60px 0;
  width: 100%;
  list-style: none;
}
.common-area.case ul li {
  padding: 40px 25px 30px;
  width: 30.76923%;
  max-width: 400px;
  background-color: #f6f5f4;
  box-sizing: border-box;
}
.common-area.case ul li dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.common-area.case ul li dl dt,
.common-area.case ul li dl dd {
  width: 48.57142%;
  max-width: 170px;
  position: relative;
}
.common-area.case ul li dl dt img,
.common-area.case ul li dl dd img {
  width: 100%;
}
.common-area.case ul li dl dt span,
.common-area.case ul li dl dd span {
  width: 41.17647%;
  max-width: 70px;
  position: absolute;
  left: 10px;
  top: -34px;
}
.common-area.case ul li .title {
  margin: 25px 0 10px;
  letter-spacing: normal;
  text-indent: 0;
}
.common-area.case ul li .text {
  font-family:
    "Yu Gothic",
    "游ゴシック体",
    "游ゴシック",
    -apple-system,
    BlinkMacSystemFont,
    "Helvetica Neue",
    "メイリオ",
    sans-serif;
}
@media screen and (max-width: 1400px) {
  .common-area.case {
    padding: 7.14285vw 0;
  }
  .common-area.case .title {
    letter-spacing: 0.28571vw;
    text-indent: 0.28571vw;
  }
  .common-area.case .common-lead {
    margin-bottom: 4.42857vw;
  }
  .common-area.case ul {
    gap: 4.28571vw 0;
  }
  .common-area.case ul li {
    padding: 2.85714vw 1.78571vw 2.14285vw;
  }
  .common-area.case ul li dl dt span,
  .common-area.case ul li dl dd span {
    left: 0.71428vw;
    top: -2.42857vw;
  }
  .common-area.case ul li .title {
    margin: 1.78571vw 0 0.71428vw;
  }
}
@media screen and (max-width: 767px) {
  .common-area.case {
    padding: 19.32367vw 0;
  }
  .common-area.case .title {
    letter-spacing: 0.96618vw;
    text-indent: 0.96618vw;
  }
  .common-area.case .common-lead {
    margin-bottom: 7.24637vw;
  }
  .common-area.case ul {
    gap: 6.52173vw 0;
  }
  .common-area.case ul li {
    padding: 8.69565vw 5.7971vw 6vw;
    width: 100%;
    max-width: inherit;
  }
  .common-area.case ul li dl dt span,
  .common-area.case ul li dl dd span {
    max-width: inherit;
    left: 2.41545vw;
    top: -7.24637vw;
  }
  .common-area.case ul li .title {
    margin: 5.314vw 0 2.4vw;
  }
}

/* staff */
.common-area.staff {
}
.common-area.staff .title {
  color: #a2813a;
  font-family: "Cormorant Infant", serif;
  line-height: 5rem;
  letter-spacing: 8px;
  text-indent: 8px;
}
.common-area.staff .common-lead {
  margin-bottom: 62px;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.2;
}
.common-area.staff ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  list-style: none;
}
.common-area.staff ul li {
  padding: 50px 50px 25px;
  width: 47.6923%;
  max-width: 620px;
  background-color: #fff;
  box-sizing: border-box;
}
.common-area.staff ul li .img {
  width: 100%;
}
.common-area.staff ul li .img img {
  width: 100%;
}
.common-area.staff ul li .title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 32px 0 14px;
  color: #4a2615;
  letter-spacing: normal;
}
.common-area.staff ul li .title span {
  margin-left: 24px;
  color: #875d05;
  font-family: "Cormorant Infant", serif;
  font-size: 2rem;
  font-weight: 400;
}
.common-area.staff ul li .text {
  line-height: 1.8;
}
.common-area.staff ul li .btn.viewmore {
  margin: 0;
  margin-left: auto;
  margin-top: 23px;
}
@media screen and (max-width: 1400px) {
  .common-area.staff .title {
    line-height: 3.57142vw;
    letter-spacing: 0.57142vw;
    text-indent: 0.57142vw;
  }
  .common-area.staff .common-lead {
    margin-bottom: 4.42857vw;
    font-size: 1.714285vw;
  }
  .common-area.staff ul li {
    padding: 3.57142vw 3.57142vw 1.78571vw;
  }
  .common-area.staff ul li .title {
    margin: 2.28571vw 0 1vw;
  }
  .common-area.staff ul li .title span {
    margin-left: 1.71428vw;
    font-size: 1.42857vw;
  }
  .common-area.staff ul li .btn.viewmore {
    margin-top: 1.64285vw;
  }
}
@media screen and (max-width: 767px) {
  .common-area.staff .title {
    line-height: 10vw;
    letter-spacing: 3px;
    text-indent: 3px;
  }
  .common-area.staff .common-lead {
    margin-bottom: 9.66183vw;
    font-size: 4.58937vw;
  }
  .common-area.staff ul li {
    padding: 4.83vw 4.83vw 6vw;
    width: 100%;
  }
  .common-area.staff ul li + li {
    margin-top: 6.76328vw;
  }
  .common-area.staff ul li .title {
    margin: 32px 0 14px;
  }
  .common-area.staff ul li .title span {
    margin-left: 4.83vw;
    font-size: 4.1vw;
  }
  .common-area.staff ul li .btn.viewmore {
    margin-top: 3.14vw;
  }
}

/* privacy */
.common-text.bg-gray dl.privacy {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.common-text.bg-gray dl.privacy dt {
  width: 18.333%;
  max-width: 220px;
}
.common-text.bg-gray dl.privacy dd {
  width: 81.25%;
  max-width: 975px;
}
@media screen and (max-width: 1400px) {
}
@media screen and (max-width: 767px) {
  .common-text.bg-gray dl.privacy dt {
    padding: 0 0 2vw;
    width: 100%;
    max-width: inherit;
  }
  .common-text.bg-gray dl.privacy dd {
    width: 100%;
    max-width: inherit;
  }
}

/* flow */
.common-area.flow {
  padding: 130px 0;
  width: 100%;
  background: #ddd1bf url(../../images/src/parts/bg_flow_typo.svg) no-repeat
    center top 73px;
  background-size: 312px auto;
}
.common-area.flow .flow-box__tit {
  font-size: 4rem;
  font-weight: 300;
  letter-spacing: 4px;
  text-shadow: 4px;
  text-align: center;
}
.common-area.flow ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px 0;
  width: 100%;
}
.common-area.flow ul li {
  padding: 65px 50px 50px;
  width: 100%;
  list-style: none;
  background: #fff url(../../images/src/parts/flow_line.svg) repeat-y left 183px
    top;
  position: relative;
  box-sizing: border-box;
}
.common-area.flow ul li:first-of-type {
  background-image: url(../../images/src/parts/flow_line02.png);
  background-repeat: no-repeat;
}
.common-area.flow ul li dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.common-area.flow ul li dl dt {
  width: 4.58333%;
  max-width: 55px;
  color: #a2813a;
  font-family: "Cormorant Infant", serif;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
}
.common-area.flow ul li dl dt span {
  display: block;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 3rem;
}
.common-area.flow ul li dl dd {
  width: 82.1666%;
  max-width: 986px;
}
.common-area.flow ul li dl dd .title {
  margin-bottom: 32px;
}
.common-area.flow ul li dl dd .text {
}
.common-area.flow ul li dl dd .tel {
}
.common-area.flow ul li dl dd .caution-box {
  margin: 0;
  padding: 25px 40px;
}
.common-area.flow ul li dl dd .caution-box .title {
  color: #875d05;
  line-height: 1;
}
.common-area.flow ul li dl dd .caution-box .text {
  margin-bottom: 0;
}
.common-area.flow ul li .flow-num {
  width: 108px;
  position: absolute;
  left: 130px;
  top: 40px;
}

@media screen and (max-width: 1400px) {
  .common-area.flow {
    padding: 9.28571vw 0;
    background-position: center top 5.21428vw;
    background-size: 22.28571vw auto;
  }
  .common-area.flow .flow-box__tit {
    font-size: 2.85714vw;
    letter-spacing: 0.28571vw;
  }
  .common-area.flow ul {
    gap: 2.85714vw 0;
  }
  .common-area.flow ul li {
    padding: 4.64285vw 3.57142vw 3.57142vw;
    background-position: left 13vw top;
  }
  .common-area.flow ul li dl dt {
    font-size: 1.42857vw;
  }
  .common-area.flow ul li dl dt span {
    font-size: 2.57142vw;
    line-height: 2.14285vw;
  }
  .common-area.flow ul li dl dd .title {
    margin-bottom: 2.28571vw;
  }
  .common-area.flow ul li dl dd .caution-box {
    padding: 1.78571vw 2.28571vw;
  }
  .common-area.flow ul li .flow-num {
    width: 7.14285vw;
    left: 9.28571vw;
    top: 2.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .common-area.flow {
    padding: 18.11594vw 0;
    background-position: center top 7.24637vw;
    background-size: 61.83574vw auto;
  }
  .common-area.flow .flow-box__tit {
    font-size: 4rem;
    font-weight: 300;
    letter-spacing: 4px;
    text-shadow: 4px;
    text-align: center;
  }
  .common-area.flow .sp-flow {
    padding: 7.24637vw 4.83vw;
    background-color: #fff;
  }
  .common-area.flow .sp-flow + .sp-flow {
    margin-top: 5.314vw;
  }
  .common-area.flow .sp-flow dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 4.83vw;
    width: 100%;
  }
  .common-area.flow .sp-flow dl dt {
    width: 23.2835%;
  }
  .common-area.flow .sp-flow dl dt img {
    width: 100%;
  }
  .common-area.flow .sp-flow dl dd {
    width: calc(100% - 26%);
    font-size: 5.7971vw;
    font-weight: 600;
    line-height: 1.2;
  }
  .common-area.flow .sp-flow dl dd span {
    display: block;
    color: #a2813a;
    font-family: "Cormorant Infant", serif;
    font-size: 7.72946vw;
  }
  .common-area.flow .sp-flow dl dd span small {
    font-size: 4.34782vw;
  }
  .common-area.flow .sp-flow .text {
    line-height: 1.7;
  }
  .common-area.flow .sp-flow .tel {
    line-height: 1.7;
  }
}

/* beauty */
.common-area.beauty {
  padding: 102px 0 100px;
  width: 100%;
  text-align: center;
}
.common-area.beauty .title {
}
.common-area.beauty .text {
  margin-bottom: 110px;
  /* color: #8a6b2b;
  font-weight: 400; */
}
.common-area.beauty .common-inner {
  position: relative;
}
.common-area.beauty .column_three {
  gap: 90px 0;
}
.common-area.beauty .column_three li {
  background-color: #f6f5f4;
  position: relative;
}
.common-area.beauty .column_three li span {
  width: 78px;
  position: absolute;
  left: 10px;
  top: -40px;
}
.common-area.beauty .column_three li .column-box {
  padding: 30px 20px;
  text-align: center;
}
.common-area.beauty .column_three li .list-img {
}
.common-area.beauty .column_three li .list-img img {
  width: 100%;
}
.common-area.beauty .column_three li .list-date {
  margin-bottom: 13px;
  color: #875d05;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1;
  text-align: left;
}
.common-area.beauty .column_three li .list-tit {
  margin-bottom: 12px;
  font-size: 2.4rem;
  line-height: 1.54;
}
.common-area.beauty .column_three li .list-text {
  margin-bottom: 25px;
  line-height: 1.87;
}
.common-area.beauty .btn-viewall {
  width: 100%;
  max-width: 176px;
  position: absolute;
  right: -60px;
  top: -235px;
}
.common-area.beauty .btn-viewall img {
  width: 100%;
}
.common-area.beauty .area-navi {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto;
  width: 100%;
  max-width: 1177px;
}
.common-area.beauty .area-navi .navi-item {
  width: 47.4%;
  max-width: 558px;
  border: 1px solid #c2c2c2;
}
.common-area.beauty .area-navi .navi-item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 160px;
}
.common-area.beauty .area-navi .navi-item a dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px 0 60px;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}
.common-area.beauty .area-navi .navi-item a dl span.prev,
.common-area.beauty .area-navi .navi-item a dl span.next {
  width: 48px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
}
.common-area.beauty .area-navi .navi-item a dl span.prev {
  background-image: url(../../images/src/parts/arrow_news_prev.svg);
  left: -24px;
}
.common-area.beauty .area-navi .navi-item a dl span.next {
  background-image: url(../../images/src/parts/arrow_news_next.svg);
  right: -24px;
}
.common-area.beauty .area-navi .navi-item a dl dt {
  width: 64.3778%;
  max-width: 300px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.7;
  text-align: left;
}
.common-area.beauty .area-navi .navi-item a dl dd {
  width: 30.4721%;
  max-width: 142px;
}
.common-area.beauty .area-navi .navi-item.reverse {
}
.common-area.beauty .area-navi .navi-item.reverse a {
}
.common-area.beauty .area-navi .navi-item.reverse a dl {
  flex-direction: row-reverse;
  padding: 0 60px 0 30px;
}

@media screen and (max-width: 1400px) {
  .common-area.beauty {
    padding: 7.28571vw 0 7.14285vw;
  }
  .common-area.beauty .title {
    margin-bottom: 1vw;
    font-size: 2.85714vw;
  }
  .common-area.beauty .text {
    margin-bottom: 7.85714vw;
    font-size: 1.28571vw;
  }
  .common-area.beauty .common-inner {
    width: 92.8571%;
  }
  .common-area.beauty .column_three li span {
    width: 5.571428vw;
    left: 0.71428vw;
    top: -2.85714vw;
  }
  .common-area.beauty .column_three li .column-box {
    padding: 2.14285vw 1.42857vw;
  }
  .common-area.beauty .column_three li .list-date {
    margin-bottom: 0.92857vw;
    font-size: 1.28571vw;
  }
  .common-area.beauty .column_three li .list-tit {
    margin-bottom: 0.85714vw;
    font-size: 1.71428vw;
  }
  .common-area.beauty .column_three li .list-text {
    margin-bottom: 1.78571vw;
  }
  .common-area.beauty .btn-viewall {
    width: 12.5714%;
    right: 0;
    top: -16.7857vw;
  }
  .common-area.beauty .btn-viewall img {
    width: 100%;
  }
  .common-area.beauty .area-navi {
    max-width: 84vw;
  }
  .common-area.beauty .area-navi .navi-item a {
    height: 11.41285vw;
  }
  .common-area.beauty .area-navi .navi-item a dl {
    padding: 0 2.14285vw 0 4.28571vw;
  }
  .common-area.beauty .area-navi .navi-item a dl span.prev,
  .common-area.beauty .area-navi .navi-item a dl span.next {
    width: 3.42857vw;
    height: 0.42857vw;
  }
  .common-area.beauty .area-navi .navi-item a dl span.prev {
    left: -1.71428vw;
  }
  .common-area.beauty .area-navi .navi-item a dl span.next {
    right: -1.71428vw;
  }
  .common-area.beauty .area-navi .navi-item a dl dt {
    font-size: 1.42857vw;
  }
  .common-area.beauty .area-navi .navi-item.reverse a dl {
    padding: 0 4.28571vw 0 2.14285vw;
  }
}
@media screen and (max-width: 767px) {
  .common-area.beauty {
    padding: 19.32367vw 0;
  }
  .common-area.beauty .title {
  }
  .common-area.beauty .text {
    margin-bottom: 14vw;
  }
  .common-area.beauty .column_three {
    gap: 14vw 0;
  }
  .common-area.beauty .column_three li span {
    width: 17.63285vw;
    left: 2.41545vw;
    top: -8.69565vw;
  }
  .common-area.beauty .column_three li .column-box {
    padding: 6vw 4.83vw;
  }
  .common-area.beauty .column_three li .list-date {
    margin-bottom: 3.14vw;
    font-size: 4vw;
  }
  .common-area.beauty .column_three li .list-tit {
    margin-bottom: 3.14vw;
    font-size: 5.41vw;
  }
  .common-area.beauty .column_three li .list-text {
    margin-bottom: 6vw;
    font-size: 3.62318vw;
  }
  .common-area.beauty .btn-viewall {
    display: none;
  }
  .common-area.beauty .area-navi {
    max-width: inherit;
  }
  .common-area.beauty .area-navi .navi-item {
    margin-left: auto;
    width: 94.6524%;
    max-width: inherit;
  }
  .common-area.beauty .area-navi .navi-item + .navi-item {
    margin-top: 4.83vw;
  }
  .common-area.beauty .area-navi .navi-item a {
    height: 35.2657vw;
  }
  .common-area.beauty .area-navi .navi-item a dl {
    padding: 0 4.83vw 0 7.24637vw;
  }
  .common-area.beauty .area-navi .navi-item a dl span.prev,
  .common-area.beauty .area-navi .navi-item a dl span.next {
    width: 9.17874vw;
    height: 1.44927vw;
  }
  .common-area.beauty .area-navi .navi-item a dl span.prev {
    background-image: url(../../images/src/parts/arrow_news_prev.svg);
    left: -4.83vw;
  }
  .common-area.beauty .area-navi .navi-item a dl span.next {
    background-image: url(../../images/src/parts/arrow_news_next.svg);
    right: -4.83vw;
  }
  .common-area.beauty .area-navi .navi-item a dl dt {
    width: 60.8955%;
    font-size: 4.34782vw;
  }
  .common-area.beauty .area-navi .navi-item a dl dd {
    width: 34.6268%;
  }
  .common-area.beauty .area-navi .navi-item.reverse {
    margin-right: auto;
  }
  .common-area.beauty .area-navi .navi-item.reverse a dl {
    padding: 0 7.24637vw 0 4.83vw;
  }
}

/* column-five */
.column-five {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  list-style: none;
}
.column-five li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 18.76923%;
  max-width: 244px;
  height: 125px;
  color: #a2813a;
  font-family: "Cormorant Infant", serif;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 8px;
  text-indent: 8px;
  background: url(../../images/src/parts/title_line.svg) no-repeat center bottom;
  background-size: 100% auto;
  border-top: 1px solid #c2c2c2;
}
.column-five li span {
  margin-top: 9px;
  color: #4a2615;
  font-family:
    "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho",
    "MS Mincho", serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: normal;
  text-indent: 0;
}
@media screen and (max-width: 1400px) {
  .column-five li {
    height: 8.92857vw;
    font-size: 2.85714vw;
    letter-spacing: 0.57142vw;
    text-indent: 0.57142vw;
  }
  .column-five li span {
    margin-top: 0.64285vw;
    font-size: 1.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .column-five {
    display: none;
  }
}

/* faq-box */
.faq-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 40px;
  width: 100%;
  background-color: #fff;
  box-sizing: border-box;
}
.faq-box + .faq-box {
  margin-top: 23px;
}
.faq-box dt {
  display: flex;
  align-items: center;
  padding: 0 80px;
  min-height: 60px;
  line-height: 2;
  background-image:
    url(../../images/src/parts/faq_q.svg),
    url(../../images/src/parts/ico_plus_off.svg);
  background-repeat: no-repeat;
  background-position:
    left center,
    right center;
  background-size:
    30px auto,
    60px auto;
  box-sizing: border-box;
  cursor: pointer;
}
.faq-box dt span {
  padding: 0 0 0 40px;
  font-size: 2rem;
  font-weight: 500;
  border-left: 1px solid #c2c2c2;
}
.faq-box dt:hover {
  background-image:
    url(../../images/src/parts/faq_q.svg),
    url(../../images/src/parts/ico_plus_on.svg);
}
.faq-box dt.active {
  background-image:
    url(../../images/src/parts/faq_q.svg),
    url(../../images/src/parts/ico_minus.svg);
}
.faq-box dd {
  display: none;
  padding: 0 80px;
  background: url(../../images/src/parts/faq_a.svg) no-repeat left center;
  background-size: 30px auto;
  box-sizing: border-box;
}
.faq-box dd span {
  display: block;
  padding: 20px 0 0 40px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.9;
  border-left: 1px solid #c2c2c2;
}
@media screen and (max-width: 1400px) {
  .faq-box {
    padding: 2.85714vw;
  }
  .faq-box + .faq-box {
    margin-top: 1.64285vw;
  }
  .faq-box dt {
    padding: 0 5.71428vw;
    min-height: 4.28571vw;
    background-size:
      2.14285vw auto,
      4.28571vw auto;
  }
  .faq-box dt span {
    padding: 0 0 0 2.85714vw;
    font-size: 1.42857vw;
  }
  .faq-box dd {
    padding: 0 5.71428vw;
    background-size: 2.14285vw auto;
  }
  .faq-box dd span {
    padding: 1.42857vw 0 0 2.85714vw;
    font-size: 1.28571vw;
  }
}
@media screen and (max-width: 767px) {
  .faq-box {
    padding: 4.83vw;
  }
  .faq-box + .faq-box {
    margin-top: 4.83vw;
  }
  .faq-box dt {
    padding: 0 10.285vw 0 8.93719vw;
    min-height: 9.66183vw;
    background-size:
      4.83vw auto,
      9.66183vw auto;
  }
  .faq-box dt span {
    padding: 0 0 0 4.34782vw;
    font-size: 3.86473vw;
  }
  .faq-box dd {
    padding: 0 0 0 8.93719vw;
    background-size: 4.83vw auto;
  }
  .faq-box dd span {
    padding: 4vw 0 0 4.34782vw;
    font-size: 3.62318vw;
  }
}

/* mail-area */
.mail-area {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 46px;
  width: 100%;
  height: 140px;
  border: 1px solid #c9ac6f;
}
.mail-area .mail-text {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  color: #875d05;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1;
  opacity: 0.5;
}
.mail-area .mail-text.active {
  opacity: 1;
}
.mail-area .mail-text span {
  margin-right: 18px;
  font-family: "Cormorant Infant", serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 2rem;
}
.mail-area .mail-text span small {
  font-size: 2.4rem;
  font-weight: 400;
}
.mail-area .mail-arrow {
  width: 58px;
  height: 6px;
  background: url(../../images/src/parts/arrow_mail.svg) no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width: 1400px) {
  .mail-area {
    gap: 0 3.28571vw;
    height: 10vw;
  }
  .mail-area .mail-text {
    font-size: 1.42857vw;
  }
  .mail-area .mail-text span {
    margin-right: 1.28571vw;
    font-size: 2.85714vw;
    line-height: 1.42857vw;
  }
  .mail-area .mail-text span small {
    font-size: 1.71428vw;
  }
  .mail-area .mail-arrow {
    width: 4.14285vw;
    height: 0.42857vw;
  }
}
@media screen and (max-width: 767px) {
  .mail-area {
    gap: 0;
    height: 21.98vw;
  }
  .mail-area .mail-text {
    font-size: 3.86473vw;
  }
  .mail-area .mail-text span {
    margin-right: 0;
    font-size: 5.7971vw;
    line-height: 5vw;
  }
  .mail-area .mail-text span small {
    font-size: 4.34782vw;
  }
  .mail-area .mail-arrow {
    width: 5.314vw;
    height: 1.44927vw;
    background-image: url(../../images/src/parts/sp/arrow_mail.svg);
    background-size: 100% auto;
    opacity: 1;
  }
}

/* forem-area */
.forem-area {
  width: 100%;
}
.forem-area dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 30px 0;
  width: 100%;
  border-top: 1px solid #c2c2c2;
}
.forem-area dl:last-of-type {
  margin-bottom: 60px;
  border-bottom: 1px solid #c2c2c2;
}
.forem-area dl dt {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0 0 0 40px;
  width: 20.3%;
  max-width: 264px;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 1.56%;
  box-sizing: border-box;
}
.forem-area dl dt span {
  margin-left: 16px;
  padding: 3px 9px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  background-color: #a2813a;
}
.forem-area dl dd {
  padding: 0 0 0 40px;
  width: 78.84615%;
  max-width: 1025px;
  box-sizing: border-box;
}
.forem-area dl dd p + p {
  margin-top: 22px;
}
.forem-area dl dd input[type="text"] {
  padding: 15px;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: 1.56%;
  background-color: #f6f5f4;
  border: none;
  box-sizing: border-box;
}
.forem-area .check-btn,
.forem-area .send-btn {
  text-align: center;
}
.forem-area .check-btn button,
.forem-area .send-btn button {
  padding: 0 66px 0 0;
  color: #4a2615;
  font-size: 2.6rem;
  font-weight: 400;
  background: none;
  border: none;
  background: url(../../images/src/parts/arrow_news_next.svg) no-repeat right
    center;
  background-size: 48px auto;
  cursor: pointer;
}
.forem-area .check-btn button:hover,
.forem-area .send-btn button:hover {
  opacity: 0.6;
}
.forem-area .back-btn {
  margin: 0 auto;
  width: 280px;
}
.forem-area .back-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 10px;
  width: 100%;
  height: 46px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  background-color: #a09176;
  background-image: url(../../images/src/parts/arrow_news_prev_wh.svg);
  background-repeat: no-repeat;
  background-position: left 18px center;
  background-size: 27px auto;
  box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
  .forem-area dl {
    padding: 2.14285vw 0;
  }
  .forem-area dl:last-of-type {
    margin-bottom: 4.28571vw;
  }
  .forem-area dl dt {
    padding: 0 0 0 2.85714vw;
    font-size: 1.42857vw;
  }
  .forem-area dl dt span {
    margin-left: 1.14285vw;
    padding: 0.21428vw 0.64285vw;
    font-size: 1vw;
  }
  .forem-area dl dd {
    padding: 0 0 0 2.85714vw;
  }
  .forem-area dl dd p + p {
    margin-top: 1.57142vw;
  }
  .forem-area dl dd input[type="text"] {
    padding: 1.07142vw;
    font-size: 1.28571vw;
  }
  .forem-area .check-btn button,
  .forem-area .send-btn button {
    padding: 0 4.71428vw 0 0;
    font-size: 1.85714vw;
  }
  .forem-area .back-btn {
    width: 20vw;
  }
  .forem-area .back-btn a {
    padding: 0 0 0 0.71428vw;
    height: 3.28571vw;
    font-size: 1.14285vw;
    background-position: left 1.28571vw center;
    background-size: 1.92857vw auto;
  }
}
@media screen and (max-width: 767px) {
  .forem-area dl {
    padding: 6vw 0;
  }
  .forem-area dl:last-of-type {
    margin-bottom: 60px;
    border-bottom: 1px solid #c2c2c2;
  }
  .forem-area dl dt {
    padding: 0 0 4.34782vw;
    width: 100%;
    max-width: inherit;
    font-size: 4.34782vw;
  }
  .forem-area dl dt span {
    margin-left: 16px;
    padding: 0.5vw 2vw;
    font-size: 3.14vw;
  }
  .forem-area dl dd {
    padding: 0;
    width: 100%;
    max-width: inherit;
  }
  .forem-area dl dd p + p {
    margin-top: 3.62318vw;
  }
  .forem-area dl dd input[type="text"] {
    padding: 3vw;
    width: 100%;
    font-size: 3.62318vw;
  }
  .forem-area .check-btn button,
  .forem-area .send-btn button {
    padding: 0 14.4927vw 0 0;
    font-size: 4.83vw;
    background-size: 11.5942vw auto;
  }
  .forem-area .back-btn {
    width: 58.9371vw;
  }
  .forem-area .back-btn a {
    padding: 0;
    height: 13vw;
    font-size: 3.86473vw;
    background-position: left 3.62318vw center;
    background-size: 5.7971vw auto;
  }
}

/* checkbox */
.checkbox-input {
  display: none;
}
.checkbox-parts {
  padding-left: 53px;
  position: relative;
  margin-right: 20px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
}
.checkbox-parts::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  width: 36px;
  height: 36px;
  background-color: #f6f5f4;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox-input:checked + .checkbox-parts {
  font-weight: 700;
}
.checkbox-input:checked + .checkbox-parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 12px;
  width: 11px;
  height: 16px;
  transform: rotate(40deg);
  border-bottom: 3px solid #a2813a;
  border-right: 3px solid #a2813a;
}
@media screen and (max-width: 1400px) {
  .checkbox-parts {
    padding-left: 3.78571vw;
    margin-right: 1.42857vw;
    font-size: 1.28571vw;
  }
  .checkbox-parts::before {
    top: -0.35714vw;
    width: 2.57142vw;
    height: 2.57142vw;
  }
  .checkbox-input:checked + .checkbox-parts::after {
    top: 0.14285vw;
    left: 0.85714vw;
    width: 0.78571vw;
    height: 1.14285vw;
  }
}
@media screen and (max-width: 767px) {
  .checkbox-parts {
    padding-left: 12.56vw;
    margin-right: 4.83vw;
    font-size: 3.62318vw;
  }
  .checkbox-parts::before {
    top: -2.41545vw;
    width: 8.69565vw;
    height: 8.69565vw;
  }
  .checkbox-input:checked + .checkbox-parts::after {
    top: -0.8vw;
    left: 2.8985vw;
    width: 2.657vw;
    height: 3.8647vw;
  }
}

/* radio */
.radio-input {
  display: none;
}
.radio-input + label {
  padding-left: 53px;
  position: relative;
  margin-right: 20px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9;
}
.radio-input + label::before {
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
  width: 36px;
  height: 36px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-input:checked + label {
  font-weight: 700;
}
.radio-input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 10px;
  width: 16px;
  height: 16px;
  background: #a2813a;
  border-radius: 50%;
}
@media screen and (max-width: 1400px) {
  .radio-input + label {
    padding-left: 3.78571vw;
    margin-right: 1.42857vw;
    font-size: 1.28571vw;
  }
  .radio-input + label::before {
    top: -0.35714vw;
    width: 2.57142vw;
    height: 2.57142vw;
  }
  .radio-input:checked + label::after {
    top: 0.35714vw;
    left: 0.71428vw;
    width: 1.14285vw;
    height: 1.14285vw;
  }
}
@media screen and (max-width: 767px) {
  .radio-input + label {
    padding-left: 12.56vw;
    margin-right: 4.83vw;
    font-size: 3.62318vw;
  }
  .radio-input + label::before {
    top: -2.41545vw;
    width: 8.69565vw;
    height: 8.69565vw;
  }
  .radio-input:checked + label::after {
    top: 0vw;
    left: 2.41545vw;
    width: 3.86473vw;
    height: 3.86473vw;
  }
}