@charset "UTF-8";
li {
  list-style-type: none;
}

/*- 文字サイズ自動変更--------------------*/
/*- 表示非表示-------------------*/
/* visible-xx-ijo */
@media (max-width: 575px) {
  .visible-sm-ijo {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .visible-md-ijo {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .visible-lg-ijo {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .visible-xl-ijo {
    display: none !important;
  }
}
/* visible-xx-ika */
@media (min-width: 576px) {
  .visible-xs-ika {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .visible-sm-ika {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .visible-md-ika {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-ika {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .visible-xl-ika {
    display: none !important;
  }
}
/* hidden-xx-ijo */
@media (min-width: 576px) {
  .hidden-sm-ijo {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-md-ijo {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-lg-ijo {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xl-ijo {
    display: none !important;
  }
}
/* hidden-xx-ika */
@media (max-width: 575px) {
  .hidden-xs-ika {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .hidden-sm-ika {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .hidden-md-ika {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .hidden-lg-ika {
    display: none !important;
  }
}
@media (max-width: 1399px) {
  .hidden-xl-ika {
    display: none !important;
  }
}
/*- 基本パーツ-------------------*/
.align-center {
  text-align: center;
}

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

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

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

@media (max-width: 767px) {
  .align-center-pc {
    text-align: left;
  }
}
.flex-center {
  display: flex;
  justify-content: center;
}

.bold {
  font-weight: bold;
}

small {
  font-size: smaller !important;
}

.lh-2 {
  line-height: 2;
}
@media screen and (max-width: 991px) {
  .lh-2 {
    line-height: 1.8;
  }
}
@media screen and (max-width: 767px) {
  .lh-2 {
    line-height: 1.6;
  }
}

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

.cf::before, .cf::after {
  display: table;
  clear: both;
  content: "";
}

.alpha {
  transition: opacity 250ms;
}
.alpha:hover {
  opacity: 0.75;
}

.indent1 li,
p.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

.indent2 li,
p.indent2 {
  padding-left: 2em;
  text-indent: -2em;
}

.indent3 li,
p.indent3 {
  padding-left: 3em;
  text-indent: -3em;
}

/*-hover------------------*/
.hover a {
  -webkit-transition: 350ms;
  transition: 350ms;
}

.hover a:hover {
  opacity: 0.7;
}

a.hover {
  -webkit-transition: 350ms;
  transition: 350ms;
}

a.hover:hover {
  opacity: 0.7;
}

button.hover {
  -webkit-transition: 350ms;
  transition: 350ms;
}

button.hover:hover {
  opacity: 0.7;
}

input.hover {
  -webkit-transition: 350ms;
  transition: 350ms;
}

input.hover:hover {
  opacity: 0.7;
}

a.underline {
  text-decoration: underline;
}

a.underline:hover {
  text-decoration: none;
}

.box-shadow {
  transition: all 0.4s ease-in-out;
}

.box-shadow:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
}

.mojikan {
  font-feature-settings: "palt";
  letter-spacing: 3px;
}

/*- parts-width-----------------*/
.pc-w95 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pc-w95 {
    width: 95%;
  }
}

.pc-w90 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pc-w90 {
    width: 90%;
  }
}

.pc-w85 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pc-w85 {
    width: 85%;
  }
}

.pc-w80 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pc-w80 {
    width: 80%;
  }
}

.pc-w70 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pc-w70 {
    width: 70%;
  }
}

.pc-w60 {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 768px) {
  .pc-w60 {
    width: 60%;
  }
}

/*- parts-grid-----------------*/
.grid-pcsp2 {
  width: 100%;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2rem;
  row-gap: 2rem;
}
@media screen and (min-width: 768px) {
  .grid-pcsp2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 1rem;
  }
}

/*bghover-------------------------------------------*/
.bghover-link {
  display: block;
}

.bghover-warp {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.bghover {
  width: 100%;
  padding-top: 55%;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}

a.bghover-link:hover .bghover-warp .bghover,
.bghover-warp:focus .bghover {
  -ms-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

a.bghover-link:hover .bghover-warp .bghover:before,
.bghover-warp:focus .bghover:before {
  display: block;
}

.bghover:before {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: 0.35s ease;
  transition: 0.5s ease;
}

a.bghover-link:hover .bghover-warp .bghover:before {
  opacity: 0.3;
}

html body main {
  margin-top: 130px;
}
@media screen and (max-width: 1600px) {
  html body main {
    margin-top: 100px;
  }
}
@media screen and (max-width: 767px) {
  html body main {
    margin-top: 70px;
  }
}
html body main section {
  scroll-margin-top: 140px;
}
@media screen and (max-width: 1600px) {
  html body main section {
    scroll-margin-top: 110px;
  }
}
@media screen and (max-width: 767px) {
  html body main section {
    scroll-margin-top: 80px;
  }
}
html body main section .section-heading .section-catch {
  display: flex;
  gap: 0 7px;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  html body main section .section-heading .section-catch {
    margin-bottom: 5px;
  }
}
html body main section .section-heading .section-catch div {
  background-color: #22344F;
  width: 50px;
  height: 1px;
}
html body main section .section-heading .section-catch p {
  letter-spacing: 1.4px;
  font-weight: 500;
  color: #22344F;
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  html body main section .section-heading .section-catch p {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.36rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.32rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.28rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.24rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section .section-heading .section-catch p {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.28rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.26rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.24rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.22rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section .section-heading .section-catch p {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section .section-heading .section-catch p {
    letter-spacing: 1.2px;
  }
}
html body main section .section-heading .section-title01 {
  font-weight: 500;
  line-height: 1.692;
  color: #B58C58;
}
@media only screen and (min-width: 1200px) {
  html body main section .section-heading .section-title01 {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.48rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.36rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.24rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.12rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 420px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2rem + (1vw - 0.32rem) * (1.2));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section .section-heading .section-title01 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.32rem + (1vw - 0.992rem) * (0.38647343));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.24rem + (1vw - 0.768rem) * (0.3587443946));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.16rem + (1vw - 0.576rem) * (0.4188481675));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.08rem + (1vw - 0.421rem) * (0.5194805195));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2rem + (1vw - 0.32rem) * (0.8));
  }
}
@media screen and (max-width: 767px) {
  html body main section .section-heading .section-title01 {
    line-height: 1.35;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section .section-heading .section-title01 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.28rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.16rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(2.04rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(1.92rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section .section-heading .section-title01 {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (1.2));
  }
}
html body main section .section-title02 {
  display: flex;
  gap: 0 15px;
  align-items: center;
  letter-spacing: 2px;
  font-weight: 500;
  line-height: 1;
  color: #22344F;
}
@media only screen and (min-width: 1200px) {
  html body main section .section-title02 {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-title02 {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-title02 {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-title02 {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-title02 {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section .section-title02 {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section .section-title02 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-title02 {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-title02 {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-title02 {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-title02 {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section .section-title02 {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
@media screen and (max-width: 767px) {
  html body main section .section-title02 {
    letter-spacing: 1.8px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section .section-title02 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section .section-title02 {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section .section-title02 {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section .section-title02 {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section .section-title02 {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section .section-title02 {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section .section-title02 span {
  flex: 1;
  width: 100%;
  height: 1px;
  background-color: #22344F;
}
html body main section.mv {
  padding: 105px 0 60px 0;
  box-sizing: border-box;
  background-color: #B58C58;
}
@media screen and (max-width: 767px) {
  html body main section.mv {
    padding: 35px 0;
  }
}
html body main section.mv .wrapper {
  max-width: 1500px;
  margin-right: 0;
  position: relative;
  z-index: 10;
}
@media screen and (max-width: 1600px) {
  html body main section.mv .wrapper {
    padding-left: 15px;
  }
}
@media screen and (max-width: 1199px) {
  html body main section.mv .wrapper {
    padding: 0 0 0 15px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .wrapper {
    padding: 0 0 0 15px;
  }
}
html body main section.mv .wrapper .mv__main {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main {
    flex-direction: column;
    margin-bottom: 18px;
    gap: 16px 0;
  }
}
html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
  color: #fff;
  margin-bottom: 1.5px;
  letter-spacing: 0.8px;
}
@media only screen and (min-width: 1200px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.48rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.46rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.44rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.42rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    margin-bottom: 5.5px;
    letter-spacing: 0.7px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__date {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
  font-weight: 500;
  letter-spacing: 15px;
  color: #fff;
  line-height: 1.453;
}
@media only screen and (min-width: 1200px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: 7.5rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(6.68rem + (1vw - 0.992rem) * (3.961352657));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(5.86rem + (1vw - 0.768rem) * (3.6771300448));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(5.04rem + (1vw - 0.576rem) * (4.2931937173));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(4.22rem + (1vw - 0.421rem) * (5.3246753247));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(3.4rem + (1vw - 0.32rem) * (8.2));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(5.36rem + (1vw - 0.992rem) * (3.0917874396));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(4.72rem + (1vw - 0.768rem) * (2.869955157));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(4.08rem + (1vw - 0.576rem) * (3.3507853403));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(3.44rem + (1vw - 0.421rem) * (4.1558441558));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(2.8rem + (1vw - 0.32rem) * (6.4));
  }
}
@media only screen and (max-width: 1199px) and (min-width: 1200px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: 4.8rem;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(4.32rem + (1vw - 0.992rem) * (2.3188405797));
  }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(3.84rem + (1vw - 0.768rem) * (2.1524663677));
  }
}
@media only screen and (max-width: 1199px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(3.36rem + (1vw - 0.576rem) * (2.5130890052));
  }
}
@media only screen and (max-width: 1199px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(2.88rem + (1vw - 0.421rem) * (3.1168831169));
  }
}
@media only screen and (max-width: 1199px) and (max-width: 420px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(2.4rem + (1vw - 0.32rem) * (4.8));
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    letter-spacing: 6.8px;
    line-height: 1.441;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: 7.5rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(6.68rem + (1vw - 0.992rem) * (3.961352657));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(5.86rem + (1vw - 0.768rem) * (3.6771300448));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(5.04rem + (1vw - 0.576rem) * (4.2931937173));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(4.22rem + (1vw - 0.421rem) * (5.3246753247));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.mv .wrapper .mv__main .mv__heading .mv__title {
    font-size: calc(3.4rem + (1vw - 0.32rem) * (8.2));
  }
}
html body main section.mv .wrapper .mv__main .mv__img {
  max-width: 900px;
  width: 100%;
  flex: 1;
}
@media screen and (max-width: 767px) {
  html body main section.mv .wrapper .mv__main .mv__img {
    margin-left: auto;
  }
}
@media screen and (max-width: 575px) {
  html body main section.mv .wrapper .mv__main .mv__img {
    max-width: 280px;
  }
}
html body main section.mv .mv__bg {
  width: 150px;
  position: absolute;
  top: 0;
  right: 15%;
  z-index: 5;
}
@media screen and (max-width: 1400px) {
  html body main section.mv .mv__bg {
    width: 125px;
    right: 7.5%;
  }
}
@media screen and (max-width: 1199px) {
  html body main section.mv .mv__bg {
    width: 8.5%;
    right: 15%;
  }
}
html body main section.mv .mv__sub {
  display: flex;
  gap: 0 90px;
  align-items: center;
}
@media screen and (max-width: 1600px) {
  html body main section.mv .mv__sub {
    gap: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .mv__sub {
    gap: 25px 0;
    flex-direction: column-reverse;
  }
}
@media screen and (max-width: 575px) {
  html body main section.mv .mv__sub {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__block {
    margin: 0 auto;
  }
}
html body main section.mv .mv__sub .mv__block .mv__link {
  width: 380px;
  height: 70px;
}
@media screen and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__block .mv__link {
    width: 260px;
    height: 45px;
  }
}
html body main section.mv .mv__sub .mv__block .mv__link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #fff;
  font-weight: 500;
  color: #B58C58;
  letter-spacing: 1.44px;
}
@media only screen and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.74rem + (1vw - 0.992rem) * (0.2898550725));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.68rem + (1vw - 0.768rem) * (0.269058296));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.62rem + (1vw - 0.576rem) * (0.3141361257));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.56rem + (1vw - 0.421rem) * (0.3896103896));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.6));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.74rem + (1vw - 0.992rem) * (0.2898550725));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.68rem + (1vw - 0.768rem) * (0.269058296));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.62rem + (1vw - 0.576rem) * (0.3141361257));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.56rem + (1vw - 0.421rem) * (0.3896103896));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__block .mv__link a {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.6));
  }
}
html body main section.mv .mv__sub .mv__block .mv__link + .mv__link {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__block .mv__link + .mv__link {
    margin-top: 15px;
  }
}
html body main section.mv .mv__sub .mv__textbox {
  flex: 1;
  max-width: 520px;
  width: 100%;
  color: #fff;
}
@media screen and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox {
    max-width: none;
    padding-right: 15px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__textbox {
    max-width: 280px;
    margin-left: auto;
  }
}
html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
  font-weight: 500;
  letter-spacing: 1.92px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(2.22rem + (1vw - 0.992rem) * (0.8695652174));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(2.04rem + (1vw - 0.768rem) * (0.8071748879));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.86rem + (1vw - 0.576rem) * (0.942408377));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.68rem + (1vw - 0.421rem) * (1.1688311688));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (1.8));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.88rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.76rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.64rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.52rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (1.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    letter-spacing: 0;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(2.22rem + (1vw - 0.992rem) * (0.8695652174));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(2.04rem + (1vw - 0.768rem) * (0.8071748879));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.86rem + (1vw - 0.576rem) * (0.942408377));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.68rem + (1vw - 0.421rem) * (1.1688311688));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__textbox .mv__subtitle {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (1.8));
  }
}
html body main section.mv .mv__sub .mv__textbox .mv__text {
  letter-spacing: 0.8px;
  line-height: 1.875;
}
@media only screen and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.48rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.46rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.44rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.42rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    letter-spacing: 0;
    line-height: 1.714;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.mv .mv__sub .mv__textbox .mv__text {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.about {
  padding: 90px 0 150px;
  background-color: #FBF9F2;
}
@media screen and (max-width: 1600px) {
  html body main section.about {
    padding: 55px 0 75px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.about {
    padding: 50px 0 60px;
  }
}
html body main section.about .wrapper .section-heading {
  margin-bottom: 50px;
}
html body main section.about .wrapper .about__intro {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
}
html body main section.about .wrapper .about__intro .about__text {
  letter-spacing: 0.8px;
  color: #68563B;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  html body main section.about .wrapper .about__intro .about__text {
    letter-spacing: 0;
    line-height: 1.667;
  }
}
html body main section.about .wrapper .about__intro .about__text + .about__text {
  margin-top: 20px;
}
html body main section.about .wrapper .about__intro picture {
  max-width: 260px;
  width: 100%;
  position: absolute;
  bottom: -130px;
}
@media screen and (max-width: 767px) {
  html body main section.about .wrapper .about__intro picture {
    max-width: 160px;
    top: -75px;
    right: 0;
    bottom: auto;
  }
}
html body main section.about .wrapper .about__exp {
  width: fit-content;
  margin: 45px auto 0;
  padding: 6px 15px;
  box-sizing: border-box;
  color: #68563B;
  border: 1px solid #68563B;
}
@media only screen and (min-width: 1200px) {
  html body main section.about .wrapper .about__exp {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.about .wrapper .about__exp {
    font-size: calc(1.4rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.about .wrapper .about__exp {
    font-size: calc(1.4rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.about .wrapper .about__exp {
    font-size: calc(1.4rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.about .wrapper .about__exp {
    font-size: calc(1.4rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.about .wrapper .about__exp {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.about .wrapper .about__exp {
    margin: 20px auto 0;
    line-height: 1.428;
    padding: 6px;
  }
}
html body main section.promise {
  padding: 100px 0;
  background-color: #E9EBEE;
}
@media screen and (max-width: 1600px) {
  html body main section.promise {
    padding: 50px 0 60px;
  }
}
html body main section.promise .wrapper .section-heading {
  margin-bottom: 60px;
}
@media screen and (max-width: 1600px) {
  html body main section.promise .wrapper .section-heading {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.promise .wrapper .section-heading {
    margin-bottom: 25px;
  }
}
html body main section.promise .wrapper .section-heading .section-title01 {
  text-align: center;
  color: #22344F;
}
html body main section.promise .wrapper .promise__list {
  display: flex;
  gap: 0 30px;
  justify-content: center;
}
@media screen and (max-width: 991px) {
  html body main section.promise .wrapper .promise__list {
    gap: 0 15px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list {
    flex-direction: column;
    gap: 15px 0;
  }
}
html body main section.promise .wrapper .promise__list .promise__item {
  flex: 0 0 calc((100% - 60px) / 3);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  text-align: center;
  background-color: #22344F;
  border-radius: 50%;
  height: 350px;
}
@media screen and (max-width: 1199px) {
  html body main section.promise .wrapper .promise__list .promise__item {
    flex: auto;
    max-width: 300px;
    width: 100%;
    height: 300px;
  }
}
@media screen and (max-width: 991px) {
  html body main section.promise .wrapper .promise__list .promise__item {
    max-width: 240px;
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item {
    max-width: 100%;
    height: 120px;
    border-radius: 60px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 30px;
    box-sizing: border-box;
  }
}
html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
  letter-spacing: 1.28px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--num {
    display: flex;
    align-items: center;
    height: 45px;
    margin-bottom: 0;
    padding-right: 15px;
    border-right: 1px solid #fff;
  }
}
@media screen and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox {
    flex: 1;
  }
}
html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
  margin-bottom: 15px;
  font-weight: 700;
  letter-spacing: 1.6px;
}
@media only screen and (min-width: 1200px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(1.8rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(1.8rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(1.8rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(1.8rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--title {
    font-size: calc(2rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--text {
  letter-spacing: 0.8px;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  html body main section.promise .wrapper .promise__list .promise__item .promise__item--textbox .promise__item--text {
    line-height: 1.625;
  }
}
html body main section.feature {
  padding: 120px 0 95px;
}
@media screen and (max-width: 1600px) {
  html body main section.feature {
    padding: 60px 0;
  }
}
html body main section.feature .wrapper .section-heading {
  margin-bottom: 70px;
}
@media screen and (max-width: 1600px) {
  html body main section.feature .wrapper .section-heading {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .section-heading {
    margin: 0;
  }
}
html body main section.feature .wrapper .feature__list {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
html body main section.feature .wrapper .feature__list .feature__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 40px;
}
@media screen and (max-width: 1199px) {
  html body main section.feature .wrapper .feature__list .feature__item {
    gap: 20px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item {
    flex-direction: column;
    gap: 10px 0;
  }
}
html body main section.feature .wrapper .feature__list .feature__item + .feature__item {
  margin-top: 35px;
}
html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
  letter-spacing: -10px;
  line-height: 1;
  font-weight: 700;
  color: #F4EEE6;
}
@media only screen and (min-width: 1200px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: 20rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(18.58rem + (1vw - 0.992rem) * (6.8599033816));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(17.16rem + (1vw - 0.768rem) * (6.3677130045));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(15.74rem + (1vw - 0.576rem) * (7.4345549738));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(14.32rem + (1vw - 0.421rem) * (9.2207792208));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(12.9rem + (1vw - 0.32rem) * (14.2));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: 15rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(14.58rem + (1vw - 0.992rem) * (2.0289855072));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(14.16rem + (1vw - 0.768rem) * (1.8834080717));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(13.74rem + (1vw - 0.576rem) * (2.1989528796));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(13.32rem + (1vw - 0.421rem) * (2.7272727273));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    font-size: calc(12.9rem + (1vw - 0.32rem) * (4.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--num {
    position: absolute;
    top: -20px;
    z-index: -1;
    letter-spacing: -6.45px;
  }
}
html body main section.feature .wrapper .feature__list .feature__item .feature__item--imgbox {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--imgbox {
    align-items: flex-end;
    position: relative;
    z-index: 5;
    min-height: 210px;
  }
}
html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox {
  max-width: 475px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox {
    max-width: 100%;
  }
}
html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
  color: #22344F;
  font-weight: 500;
  margin: -50px 0 20px;
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
@media screen and (max-width: 1600px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    margin-top: -35px;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.8rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.8rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.8rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.8rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--title {
    margin: 0 0 10px;
  }
}
html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--text {
  color: #22344F;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item .feature__item--textbox .feature__item--text {
    letter-spacing: 0.75px;
    line-height: 1.667;
  }
}
html body main section.feature .wrapper .feature__list .feature__item:nth-child(odd) .feature__item--imgbox {
  justify-content: flex-start;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(odd) .feature__item--imgbox .feature__item--num {
    right: 0;
  }
}
html body main section.feature .wrapper .feature__list .feature__item:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(even) {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(even) .feature__item--imgbox {
    justify-content: flex-end;
  }
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(even) .feature__item--imgbox .feature__item--num {
    left: 0;
  }
}
html body main section.feature .wrapper .feature__list .feature__item:nth-child(1) .feature__item--imgbox .feature__item--img {
  max-width: 500px;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(1) .feature__item--imgbox .feature__item--img {
    width: 75%;
    aspect-ratio: 280/150;
  }
}
@media screen and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(1) .feature__item--imgbox .feature__item--img {
    max-width: 280px;
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(2) .feature__item--imgbox {
    padding-right: 15px;
    box-sizing: border-box;
  }
}
html body main section.feature .wrapper .feature__list .feature__item:nth-child(2) .feature__item--imgbox .feature__item--img {
  max-width: 465px;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(2) .feature__item--imgbox .feature__item--img {
    width: 66.67%;
    aspect-ratio: 250/160;
  }
}
@media screen and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(2) .feature__item--imgbox .feature__item--img {
    max-width: 250px;
    width: 100%;
  }
}
html body main section.feature .wrapper .feature__list .feature__item:nth-child(3) .feature__item--imgbox {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(3) .feature__item--imgbox {
    justify-content: center;
  }
}
html body main section.feature .wrapper .feature__list .feature__item:nth-child(3) .feature__item--imgbox .feature__item--img {
  max-width: 205px;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(3) .feature__item--imgbox .feature__item--img {
    width: 37.33%;
    aspect-ratio: 137/210;
  }
}
@media screen and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(3) .feature__item--imgbox .feature__item--img {
    max-width: 137px;
    width: 100%;
  }
}
@media screen and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(4) .feature__item--imgbox {
    padding-right: 15px;
    box-sizing: border-box;
  }
}
html body main section.feature .wrapper .feature__list .feature__item:nth-child(4) .feature__item--imgbox .feature__item--img {
  max-width: 400px;
}
@media screen and (max-width: 767px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(4) .feature__item--imgbox .feature__item--img {
    width: 61.33%;
    aspect-ratio: 230/185;
  }
}
@media screen and (max-width: 575px) {
  html body main section.feature .wrapper .feature__list .feature__item:nth-child(4) .feature__item--imgbox .feature__item--img {
    max-width: 230px;
    width: 100%;
  }
}
html body main section.work {
  padding: 90px 0 145px;
  background-color: #FBF9F2;
}
@media screen and (max-width: 1600px) {
  html body main section.work {
    padding: 60px 0 70px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.work {
    overflow: hidden;
    padding: 60px 0 55px;
  }
}
html body main section.work .wrapper .section-heading {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .section-heading {
    margin-bottom: 10px;
  }
}
html body main section.work .wrapper .work__intro {
  line-height: 1.875;
  color: #68563B;
  margin-bottom: 50px;
}
@media screen and (max-width: 1600px) {
  html body main section.work .wrapper .work__intro {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__intro {
    line-height: 1.667;
  }
}
html body main section.work .wrapper .work__subtitle {
  display: flex;
  align-items: center;
  gap: 0 25px;
  line-height: 1;
  color: #B58C58;
  padding-bottom: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #B58C58;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__subtitle {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__subtitle {
    font-size: calc(1.58rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__subtitle {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__subtitle {
    font-size: calc(1.54rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__subtitle {
    font-size: calc(1.52rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__subtitle {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__subtitle {
    padding-bottom: 5px;
    margin-bottom: 10px;
    gap: 0 15px;
  }
}
html body main section.work .wrapper .work__subtitle span {
  color: #22344F;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.8rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.8rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.8rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.8rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__subtitle span {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.work .wrapper .work__gallery {
  position: relative;
}
html body main section.work .wrapper .work__gallery.work__gallery--area {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery.work__gallery--area {
    margin-bottom: 45px;
  }
}
html body main section.work .wrapper .work__gallery.work__gallery--indoor {
  margin-bottom: 25px;
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery.work__gallery--indoor {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper {
    max-width: 100%;
    width: 100%;
    padding-bottom: 4rem;
    overflow: visible;
  }
}
@media screen and (max-width: 575px) {
  html body main section.work .wrapper .work__gallery .swiper {
    padding-bottom: 2rem;
  }
}
html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper {
  display: flex;
  gap: 0 30px;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper {
    gap: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper {
    gap: 0;
    justify-content: initial;
  }
}
html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide {
  flex: 0 0 calc((100% - 60px) / 3);
  padding: 25px 20px 50px 0;
  box-sizing: border-box;
  background-color: #22344F;
  height: auto;
  z-index: 5;
}
@media screen and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide {
    flex: 0 0 calc((100% - 20px) / 3);
  }
}
html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide::before {
  content: "";
  width: 100%;
  height: 120px;
  background-color: #B58C58;
  position: absolute;
  z-index: -1;
  top: 0;
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide {
    flex: none;
  }
}
html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide div {
  width: 100%;
  margin-bottom: 20px;
}
html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
  padding-left: 20px;
  box-sizing: border-box;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.8px;
  margin-bottom: 13px;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.5rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.5rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.5rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.5rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide h4 {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
  padding-left: 40px;
  box-sizing: border-box;
  letter-spacing: 0.75px;
  line-height: 1.667;
  color: #fff;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: 1.5rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.4rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.4rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.4rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.4rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__gallery .swiper .swiper-wrapper .swiper-slide p {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.work .wrapper .work__gallery .swiper-button-prev,
html body main section.work .wrapper .work__gallery .swiper-button-next {
  --swiper-navigation-size: 30px;
  z-index: 10;
}
html body main section.work .wrapper .work__gallery .swiper-button-prev .swiper-navigation-icon,
html body main section.work .wrapper .work__gallery .swiper-button-next .swiper-navigation-icon {
  display: none;
}
html body main section.work .wrapper .work__gallery .swiper-button-prev {
  left: -15px;
}
html body main section.work .wrapper .work__gallery .swiper-button-next {
  right: -15px;
}
html body main section.work .wrapper .work__gallery .mySwiper:not(.swiper-initialized) ~ .swiper-button-prev,
html body main section.work .wrapper .work__gallery .mySwiper:not(.swiper-initialized) ~ .swiper-button-next {
  display: none;
}
html body main section.work .wrapper .work__gallery .mySwiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
}
html body main section.work .wrapper .work__note {
  margin-bottom: 100px;
  color: #22344F;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__note {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 1600px) {
  html body main section.work .wrapper .work__note {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__note {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.1rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.1rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.1rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.1rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.1rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__note {
    margin-bottom: 40px;
    line-height: 1.833;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__note {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__note {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.work .wrapper .work__block {
  border: 1px solid #B58C58;
  background-color: #fff;
  padding: 50px 45px;
  box-sizing: border-box;
}
@media screen and (max-width: 991px) {
  html body main section.work .wrapper .work__block {
    padding: 20px;
  }
}
html body main section.work .wrapper .work__block .work__block--subtitle {
  color: #B58C58;
  font-weight: 500;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--subtitle {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.work .wrapper .work__block .work__block--info {
  display: flex;
  padding: 20px 0;
  box-sizing: border-box;
  background-color: #F8F3EE;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info {
    padding: 20px;
    margin-bottom: 10px;
    flex-direction: column;
  }
}
html body main section.work .wrapper .work__block .work__block--info .work__block--data {
  width: calc((100% - 1px) / 2);
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 20px;
}
@media screen and (max-width: 1600px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data {
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data {
    width: 100%;
    height: auto;
    flex-direction: column;
    gap: 7px 0;
    align-items: flex-start;
  }
}
html body main section.work .wrapper .work__block .work__block--info .work__block--data + .work__block--data {
  border-left: 1px solid #B58C58;
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data + .work__block--data {
    border-left: none;
    border-top: 1px solid #22344F;
    padding-top: 12px;
    margin-top: 12px;
  }
}
html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
  color: #22344F;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.48rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.46rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.44rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.42rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.2));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data h4 {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
  display: flex;
  font-weight: 500;
  color: #B58C58;
  align-items: flex-end;
  gap: 0 3x;
  line-height: 1.75;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.58rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.54rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.52rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.2));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.48rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.46rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.44rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.42rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    width: 100%;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.58rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.54rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.52rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.2));
  }
}
html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
  font-weight: 300;
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: 4rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.92rem + (1vw - 0.992rem) * (0.38647343));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.84rem + (1vw - 0.768rem) * (0.3587443946));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.76rem + (1vw - 0.576rem) * (0.4188481675));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.68rem + (1vw - 0.421rem) * (0.5194805195));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.6rem + (1vw - 0.32rem) * (0.8));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: 3.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.52rem + (1vw - 0.992rem) * (0.38647343));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.44rem + (1vw - 0.768rem) * (0.3587443946));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.36rem + (1vw - 0.576rem) * (0.4188481675));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.28rem + (1vw - 0.421rem) * (0.5194805195));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.2rem + (1vw - 0.32rem) * (0.8));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.92rem + (1vw - 0.992rem) * (0.38647343));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.84rem + (1vw - 0.768rem) * (0.3587443946));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.76rem + (1vw - 0.576rem) * (0.4188481675));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.68rem + (1vw - 0.421rem) * (0.5194805195));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.work .wrapper .work__block .work__block--info .work__block--data p span {
    font-size: calc(3.6rem + (1vw - 0.32rem) * (0.8));
  }
}
html body main section.work .wrapper .work__block .work__block--note {
  letter-spacing: 0.8px;
  line-height: 1.875;
  color: #22344F;
}
@media screen and (max-width: 767px) {
  html body main section.work .wrapper .work__block .work__block--note {
    letter-spacing: 0;
    line-height: 1.667;
  }
}
html body main section.schedule {
  padding: 110px 0 140px;
}
@media screen and (max-width: 1600px) {
  html body main section.schedule {
    padding: 60px 0 80px;
  }
}
html body main section.schedule .wrapper .section-heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 1600px) {
  html body main section.schedule .wrapper .section-heading {
    margin-bottom: 20px;
  }
}
html body main section.schedule .wrapper .schedule__list {
  max-width: 800px;
  width: 100%;
  margin: 0 auto 40px;
}
@media screen and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list {
    margin-bottom: 20px;
  }
}
html body main section.schedule .wrapper .schedule__list .schedule__item {
  padding: 30px;
  box-sizing: border-box;
  border-bottom: 1px solid #22344F;
  display: flex;
  align-items: center;
  gap: 0 15px;
}
@media screen and (max-width: 991px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item {
    padding: 18px 0 18px 5px;
    gap: 0 10px;
  }
}
html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--time {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  color: #fff;
  background-color: #B58C58;
  border-radius: 50%;
  line-height: 1;
}
html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px 0;
  }
}
html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
  font-weight: 500;
  color: #B58C58;
  width: 27%;
}
@media only screen and (min-width: 1200px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner h3 {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner p {
  flex: 1;
  color: #22344F;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item .schedule__item--inner p {
    line-height: 1.667;
  }
}
html body main section.schedule .wrapper .schedule__list .schedule__item:nth-child(1) {
  border-top: 1px solid #22344F;
}
@media screen and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__list .schedule__item:nth-child(1) {
    border-top: none;
  }
}
html body main section.schedule .wrapper .schedule__note {
  text-align: center;
  color: #22344F;
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  html body main section.schedule .wrapper .schedule__note {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.schedule .wrapper .schedule__note {
    font-size: calc(1.18rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.schedule .wrapper .schedule__note {
    font-size: calc(1.16rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.schedule .wrapper .schedule__note {
    font-size: calc(1.14rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.schedule .wrapper .schedule__note {
    font-size: calc(1.12rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.schedule .wrapper .schedule__note {
    font-size: calc(1.1rem + (1vw - 0.32rem) * (0.2));
  }
}
html body main section.message {
  padding: 110px 0 120px;
  background-color: #B58C58;
}
@media screen and (max-width: 1600px) {
  html body main section.message {
    padding: 50px 0 65px;
  }
}
html body main section.message .wrapper .section-heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  html body main section.message .wrapper .section-heading {
    margin-bottom: 20px;
  }
}
html body main section.message .wrapper .section-heading .section-catch div {
  background-color: #fff;
}
html body main section.message .wrapper .section-heading .section-catch p {
  color: #fff;
}
html body main section.message .wrapper .section-heading .section-title01 {
  color: #fff;
}
html body main section.message .wrapper .message__inner {
  display: flex;
  gap: 0 50px;
}
@media screen and (max-width: 1199px) {
  html body main section.message .wrapper .message__inner {
    gap: 0 30px;
  }
}
@media screen and (max-width: 991px) {
  html body main section.message .wrapper .message__inner {
    flex-direction: column;
    gap: 30px 0;
    align-items: center;
  }
}
html body main section.message .wrapper .message__inner .message__img {
  max-width: 420px;
}
html body main section.message .wrapper .message__inner .message__textbox {
  flex: 1;
}
html body main section.message .wrapper .message__inner .message__textbox .message__text {
  color: #fff;
  line-height: 1.875;
  letter-spacing: 0.8px;
}
@media screen and (max-width: 767px) {
  html body main section.message .wrapper .message__inner .message__textbox .message__text {
    letter-spacing: 0;
    line-height: 1.667;
  }
}
html body main section.message .wrapper .message__inner .message__textbox .message__text.message__note {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #fff;
  text-align: right;
}
@media screen and (max-width: 767px) {
  html body main section.message .wrapper .message__inner .message__textbox .message__text.message__note {
    margin-top: 30px;
    letter-spacing: 0.75px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.message .wrapper .message__inner .message__textbox .message__text.message__note span {
    letter-spacing: 1.2px;
  }
}
html body main section.message .wrapper .message__inner .message__textbox .message__text + .message__text {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  html body main section.message .wrapper .message__inner .message__textbox .message__text + .message__text {
    margin-top: 15px;
  }
}
html body main section.info {
  padding: 230px 0 130px;
  background-color: #FBF9F2;
}
@media screen and (max-width: 1600px) {
  html body main section.info {
    padding: 115px 0 65px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info {
    padding: 80px 0 50px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .section-title02 {
    padding: 0 15px;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .section-title02.section-title02-left {
    padding: 0;
  }
}
html body main section.info .wrapper .info__inner.info__company {
  margin-bottom: 125px;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__company {
    margin-bottom: 70px;
  }
}
html body main section.info .wrapper .info__inner.info__company .section-title02 {
  margin-bottom: 110px;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__company .section-title02 {
    margin-bottom: 55px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .section-title02 {
    margin-bottom: 30px;
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
html body main section.info .wrapper .info__inner.info__company .info__list dl {
  display: flex;
  gap: 0 30px;
  border-bottom: 1px solid #22344F;
  padding: 0 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl {
    padding: 0 15px;
    flex-direction: column;
    gap: 15px 0;
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl:first-child {
  padding-bottom: 35px;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl:first-child {
    padding-bottom: 25px;
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl:not(:first-child) {
  height: 130px;
  align-items: center;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl:not(:first-child) {
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl:not(:first-child) {
    height: 130px;
    justify-content: center;
    align-items: center;
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl.info__item--last {
  height: auto;
  padding: 50px 30px;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl.info__item--last {
    padding: 25px 30px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl.info__item--last {
    padding: 25px 15px;
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
  font-weight: 500;
  color: #B58C58;
  width: 15%;
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.58rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.54rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.52rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dt {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl dd {
  flex: 1;
  width: 100%;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd {
    line-height: 1.667;
    flex: none;
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
  display: inline-block;
  line-height: 1;
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.92rem + (1vw - 0.992rem) * (0.38647343));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.84rem + (1vw - 0.768rem) * (0.3587443946));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.76rem + (1vw - 0.576rem) * (0.4188481675));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.68rem + (1vw - 0.421rem) * (0.5194805195));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.6rem + (1vw - 0.32rem) * (0.8));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.4rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.92rem + (1vw - 0.992rem) * (0.38647343));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.84rem + (1vw - 0.768rem) * (0.3587443946));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.76rem + (1vw - 0.576rem) * (0.4188481675));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.68rem + (1vw - 0.421rem) * (0.5194805195));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--lg {
    font-size: calc(2.6rem + (1vw - 0.32rem) * (0.8));
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--line {
  text-decoration: underline #22344F;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--line {
    display: inline;
  }
}
html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
  margin-top: 12px;
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.36rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.32rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.28rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.24rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.18rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.16rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.14rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.12rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.1rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    line-height: 1.833;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.36rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.32rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.28rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.24rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__company .info__list dl dd .info__data--sm {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.info .wrapper .info__inner.info__flow {
  scroll-margin-top: 140px;
  margin-bottom: 110px;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__flow {
    scroll-margin-top: 110px;
    margin-bottom: 90px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow {
    scroll-margin-top: 80px;
  }
}
html body main section.info .wrapper .info__inner.info__flow .section-title02 {
  margin-bottom: 90px;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__flow .section-title02 {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .section-title02 {
    margin-bottom: 25px;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step {
  margin-bottom: 50px;
  display: flex;
  gap: 0 30px;
}
@media screen and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step {
    gap: 0 15px;
  }
}
@media screen and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step {
    gap: 45px 15px;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step {
    gap: 15px 0;
    padding: 0 15px;
    box-sizing: border-box;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item {
  flex: 0 0 calc((100% - 90px) / 4);
  border: 4px solid #22344F;
  border-radius: 10px;
  padding: 60px 25px 30px;
  box-sizing: border-box;
  background-color: #fff;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item {
    padding: 30px 25px 15px;
  }
}
@media screen and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item {
    flex: 0 0 calc((100% - 45px) / 4);
  }
}
@media screen and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item {
    flex: 0 0 calc((100% - 15px) / 2);
    min-height: 200px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item {
    padding: 15px 25px;
    flex: auto;
    min-height: auto;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading {
  margin-top: -90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading {
    margin-top: -60px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading {
    margin-top: 0;
    flex-direction: row;
    align-items: flex-end;
    gap: 0 20px;
    cursor: pointer;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  background-color: #22344F;
  color: #fff;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(1.8rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(1.8rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(1.8rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(1.8rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num {
    font-size: calc(2rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--num span {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox {
  width: 100%;
  padding-bottom: 28px;
  margin-bottom: 20px;
  border-bottom: 1px solid #22344F;
  text-align: center;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox {
    padding-bottom: 14px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox {
    flex: 1;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
  color: #B58C58;
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.58rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.54rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.52rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.2));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--title {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--symbol {
  width: 20px;
  height: 20px;
  display: none;
  position: relative;
  transition: all 0.2s linear 0s;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--symbol {
    display: inline-block;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--symbol::before {
  content: "";
  width: 100%;
  height: 3px;
  position: absolute;
  background-color: #22344F;
  top: 50%;
  transform: translateY(-50%);
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--heading .info__item--titlebox .info__item--symbol::after {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  background-color: #22344F;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--textbox {
    height: 0;
    overflow: hidden;
    transition: all 0.3s linear 0s;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--textbox .info__item--text {
  line-height: 1.875;
  color: #22344F;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__step .info__item .info__item--textbox .info__item--text {
    padding-top: 6px;
    line-height: 1.667;
  }
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item.show .info__item--heading .info__item--symbol {
  transform: rotate(-45deg);
}
html body main section.info .wrapper .info__inner.info__flow .info__step .info__item.show .info__item--titlebox {
  border-bottom: 1px solid #22344F;
}
html body main section.info .wrapper .info__inner.info__flow .info__link {
  max-width: 300px;
  width: 100%;
  height: 55px;
  margin: 0 auto;
}
html body main section.info .wrapper .info__inner.info__flow .info__link a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #22344F;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.5rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.5rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.5rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.5rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__flow .info__link a {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.info .wrapper .info__inner.info__access {
  scroll-margin-top: 140px;
}
@media screen and (max-width: 1600px) {
  html body main section.info .wrapper .info__inner.info__access {
    scroll-margin-top: 110px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__access {
    scroll-margin-top: 80px;
    padding: 0 15px;
    box-sizing: border-box;
  }
}
html body main section.info .wrapper .info__inner.info__access .section-title02 {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__access .section-title02 {
    margin-bottom: 20px;
  }
}
html body main section.info .wrapper .info__inner.info__access .info__catch {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__access .info__catch {
    margin-bottom: 20px;
  }
}
html body main section.info .wrapper .info__inner.info__access .info__block {
  display: flex;
  gap: 0 30px;
}
@media screen and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__access .info__block {
    flex-direction: column-reverse;
    gap: 20px 0;
  }
}
html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data {
  max-width: 400px;
  width: 100%;
  border-top: 1px solid #22344F;
}
@media screen and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data {
    max-width: none;
    border-top: none;
    flex: 1;
  }
}
html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div {
  height: 130px;
  border-bottom: 1px solid #22344F;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px 0;
  padding: 0 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div {
    gap: 5px 0;
    padding: 0 0 10px 0;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div + div {
    padding: 10px 0;
  }
}
html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div h3 {
  font-weight: 500;
  color: #B58C58;
}
@media only screen and (min-width: 1200px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div h3 {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div h3 {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div h3 {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div h3 {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div h3 {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div h3 {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.info .wrapper .info__inner.info__access .info__block .info__block--data div p {
  color: #22344F;
}
html body main section.info .wrapper .info__inner.info__access .info__block .info__block--map {
  max-width: 680px;
  width: 100%;
  aspect-ratio: 680/350;
  flex: 1;
}
@media screen and (max-width: 991px) {
  html body main section.info .wrapper .info__inner.info__access .info__block .info__block--map {
    max-width: none;
    aspect-ratio: 350/180;
  }
}
html body main section.info .wrapper .info__inner.info__access .info__block .info__block--map iframe {
  width: 100%;
  height: 100%;
}
html body main section.intro {
  padding: 105px 0 95px;
  background-color: #22344F;
}
@media screen and (max-width: 1600px) {
  html body main section.intro {
    padding: 65px 0 55px;
  }
}
html body main section.intro .wrapper .section-heading {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  html body main section.intro .wrapper .section-heading {
    margin-bottom: 18px;
  }
}
html body main section.intro .wrapper .section-heading .section-catch div {
  background-color: #fff;
}
html body main section.intro .wrapper .section-heading .section-catch p {
  color: #fff;
}
html body main section.intro .wrapper .intro__detail {
  max-width: 800px;
  margin: 0 auto;
}
html body main section.intro .wrapper .intro__detail .intro__subtitle {
  width: fit-content;
  padding: 10px 20px;
  border: 1px solid #fff;
  font-weight: 500;
  letter-spacing: 1.8px;
  line-height: 1;
  color: #fff;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.68rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.44rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.32rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (1.2));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.52rem + (1vw - 0.992rem) * (0.38647343));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.44rem + (1vw - 0.768rem) * (0.3587443946));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.36rem + (1vw - 0.576rem) * (0.4188481675));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.28rem + (1vw - 0.421rem) * (0.5194805195));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (0.8));
  }
}
@media screen and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    letter-spacing: 1.2px;
    padding: 5px 13px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.68rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.44rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.32rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__subtitle {
    font-size: calc(1.2rem + (1vw - 0.32rem) * (1.2));
  }
}
html body main section.intro .wrapper .intro__detail .intro__title {
  margin-bottom: 35px;
  line-height: 1;
  color: #fff;
}
@media only screen and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: 2.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.48rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.36rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.24rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.12rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2rem + (1vw - 0.32rem) * (1.2));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.28rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.16rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.04rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(1.92rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (1.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.48rem + (1vw - 0.992rem) * (0.5797101449));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.36rem + (1vw - 0.768rem) * (0.5381165919));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.24rem + (1vw - 0.576rem) * (0.6282722513));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2.12rem + (1vw - 0.421rem) * (0.7792207792));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__title {
    font-size: calc(2rem + (1vw - 0.32rem) * (1.2));
  }
}
html body main section.intro .wrapper .intro__detail .intro__text {
  letter-spacing: 0.8px;
  line-height: 1.875;
  color: #fff;
}
@media screen and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__text {
    letter-spacing: 0;
    line-height: 1.667;
  }
}
html body main section.intro .wrapper .intro__detail .intro__text--lg {
  color: #fff;
  margin: 35px 0;
}
@media only screen and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
@media screen and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    margin: 25px 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.96rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.92rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.88rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.84rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.intro .wrapper .intro__detail .intro__text--lg {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.intro .wrapper .intro__detail .intro__block {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 65px;
}
@media screen and (max-width: 1600px) {
  html body main section.intro .wrapper .intro__detail .intro__block {
    margin-top: 45px;
  }
}
html body main section.intro .wrapper .intro__detail .intro__block .intro__img {
  max-width: 185px;
  width: 100%;
  aspect-ratio: 185/60;
}
@media screen and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__block .intro__img {
    aspect-ratio: 145/48;
  }
}
@media screen and (max-width: 575px) {
  html body main section.intro .wrapper .intro__detail .intro__block .intro__img {
    flex: 1;
  }
}
html body main section.intro .wrapper .intro__detail .intro__block .intro__textbox {
  margin-left: 40px;
  padding-left: 35px;
  border-left: 1px solid #fff;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  html body main section.intro .wrapper .intro__detail .intro__block .intro__textbox {
    margin-left: 15px;
    padding-left: 10px;
  }
}
html body main section.intro .wrapper .intro__detail .intro__block .intro__textbox p {
  letter-spacing: 0.8px;
  line-height: 1.875;
  color: #fff;
}
@media screen and (max-width: 1600px) {
  html body main section.intro .wrapper .intro__detail .intro__block .intro__textbox p {
    line-height: 1.667;
    letter-spacing: 0.75px;
  }
}
html body main section.company {
  padding: 110px 0 125px;
  background-color: rgba(233, 235, 238, 0.2705882353);
}
@media screen and (max-width: 1600px) {
  html body main section.company {
    padding: 70px 0 60px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.company {
    padding: 70px 0 50px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.company .wrapper {
    padding: 0;
  }
}
html body main section.company .wrapper .section-title02 {
  margin-bottom: 75px;
}
@media screen and (max-width: 1600px) {
  html body main section.company .wrapper .section-title02 {
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.company .wrapper .section-title02 {
    margin-bottom: 30px;
    padding: 0 15px;
    box-sizing: border-box;
  }
}
html body main section.company .wrapper .company__block {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}
html body main section.company .wrapper .company__block dl {
  display: flex;
  gap: 0 30px;
  border-bottom: 1px solid #22344F;
  padding: 0 30px;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  html body main section.company .wrapper .company__block dl {
    padding: 0 15px;
    flex-direction: column;
    gap: 15px 0;
  }
}
html body main section.company .wrapper .company__block dl:first-child {
  padding-bottom: 35px;
}
@media screen and (max-width: 1600px) {
  html body main section.company .wrapper .company__block dl:first-child {
    padding-bottom: 25px;
  }
}
html body main section.company .wrapper .company__block dl:not(:first-child) {
  height: 130px;
  align-items: center;
}
@media screen and (max-width: 1600px) {
  html body main section.company .wrapper .company__block dl:not(:first-child) {
    height: 100px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.company .wrapper .company__block dl:not(:first-child) {
    height: 130px;
    justify-content: center;
    align-items: center;
  }
}
html body main section.company .wrapper .company__block dl dt {
  font-weight: 500;
  color: #B58C58;
  width: 15%;
}
@media only screen and (min-width: 1200px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.58rem + (1vw - 0.992rem) * (0.0966183575));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.56rem + (1vw - 0.768rem) * (0.0896860987));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.54rem + (1vw - 0.576rem) * (0.1047120419));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.52rem + (1vw - 0.421rem) * (0.1298701299));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.2));
  }
}
@media screen and (max-width: 767px) {
  html body main section.company .wrapper .company__block dl dt {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.76rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.72rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.68rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.64rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.company .wrapper .company__block dl dt {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0.4));
  }
}
html body main section.company .wrapper .company__block dl dd {
  flex: 1;
  width: 100%;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  html body main section.company .wrapper .company__block dl dd {
    line-height: 1.667;
    flex: none;
  }
}
html body main section.faq {
  padding: 110px 0 140px;
}
@media screen and (max-width: 1600px) {
  html body main section.faq {
    padding: 65px 0 70px;
  }
}
html body main section.faq .wrapper .section-title02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  html body main section.faq .wrapper .section-title02 {
    margin-bottom: 25px;
  }
}
html body main section.faq .wrapper .faq__list .faq__item + .faq__item {
  padding-top: 15px;
}
@media screen and (max-width: 767px) {
  html body main section.faq .wrapper .faq__list .faq__item + .faq__item {
    padding-top: 10px;
  }
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 45px;
  box-sizing: border-box;
  height: 90px;
  background-color: #F8F3EE;
  cursor: pointer;
}
@media screen and (max-width: 1600px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading {
    height: 70px;
    padding: 0 12px;
  }
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
  width: 90%;
  color: #070606;
  display: flex;
  gap: 0 15px;
  color: #B58C58;
  font-weight: 500;
}
@media only screen and (min-width: 1200px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.74rem + (1vw - 0.992rem) * (0.2898550725));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.68rem + (1vw - 0.768rem) * (0.269058296));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.62rem + (1vw - 0.576rem) * (0.3141361257));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.56rem + (1vw - 0.421rem) * (0.3896103896));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.6));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.56rem + (1vw - 0.992rem) * (0.193236715));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.52rem + (1vw - 0.768rem) * (0.1793721973));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.48rem + (1vw - 0.576rem) * (0.2094240838));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.44rem + (1vw - 0.421rem) * (0.2597402597));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.4rem + (1vw - 0.32rem) * (0.4));
  }
}
@media screen and (max-width: 767px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    gap: 0 10px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.74rem + (1vw - 0.992rem) * (0.2898550725));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.68rem + (1vw - 0.768rem) * (0.269058296));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.62rem + (1vw - 0.576rem) * (0.3141361257));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.56rem + (1vw - 0.421rem) * (0.3896103896));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading h3 {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0.6));
  }
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading .faq__item--symbol {
  width: 25px;
  height: 25px;
  display: inline-block;
  position: relative;
  transition: all 0.2s linear 0s;
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading .faq__item--symbol::before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  background-color: #B58C58;
  top: 50%;
  transform: translateY(-50%);
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--heading .faq__item--symbol::after {
  content: "";
  width: 2px;
  height: 100%;
  position: absolute;
  background-color: #B58C58;
  left: 50%;
  transform: translateX(-50%);
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--container {
  height: 0;
  overflow: hidden;
  transition: all 0.3s linear 0s;
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--container .faq__item--textbox {
  padding: 20px 70px;
  box-sizing: border-box;
  color: #22344F;
}
@media screen and (max-width: 1600px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--container .faq__item--textbox {
    padding: 20px 40px;
  }
}
@media screen and (max-width: 767px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--container .faq__item--textbox {
    padding: 20px 12px;
  }
}
html body main section.faq .wrapper .faq__list .faq__item .faq__item--container .faq__item--textbox p {
  display: flex;
  gap: 0 25px;
}
@media screen and (max-width: 1600px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--container .faq__item--textbox p {
    gap: 0 15px;
  }
}
@media screen and (max-width: 1600px) {
  html body main section.faq .wrapper .faq__list .faq__item .faq__item--container .faq__item--textbox p {
    gap: 0 10px;
  }
}
html body main section.faq .wrapper .faq__list .faq__item.show .faq__item--heading .faq__item--symbol {
  transform: rotate(-45deg);
}
html body main section.contact {
  padding: 45px 0 60px;
  background-color: #22344F;
}
@media screen and (max-width: 767px) {
  html body main section.contact {
    padding: 50px 0 35px;
  }
}
html body main section.contact .wrapper .section-heading {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  html body main section.contact .wrapper .section-heading {
    margin-bottom: 18px;
  }
}
html body main section.contact .wrapper .section-heading .section-catch div {
  background-color: #B58C58;
}
html body main section.contact .wrapper .section-heading .section-catch p {
  color: #B58C58;
}
html body main section.contact .wrapper .section-heading .section-title01 {
  color: #fff;
}
html body main section.contact .wrapper .contact__intro {
  color: #fff;
  margin-bottom: 35px;
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  html body main section.contact .wrapper .contact__intro {
    line-height: 1.667;
  }
}
html body main section.contact .wrapper .contact__info {
  display: flex;
  gap: 0 30px;
  justify-content: center;
  align-items: center;
  margin-bottom: 28px;
}
@media screen and (max-width: 767px) {
  html body main section.contact .wrapper .contact__info {
    flex-direction: column;
    margin-bottom: 20px;
    gap: 20px 0;
  }
}
html body main section.contact .wrapper .contact__info .contact__link {
  max-width: 300px;
  width: 100%;
  height: 55px;
}
html body main section.contact .wrapper .contact__info .contact__link a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.5rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.5rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.5rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.5rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.5rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.contact .wrapper .contact__info .contact__link a {
    font-size: calc(1.6rem + (1vw - 0.32rem) * (0));
  }
}
html body main section.contact .wrapper .contact__info .contact__link.contact__link--form a {
  background-color: #B58C58;
  border: 1px solid #B58C58;
  color: #fff;
}
html body main section.contact .wrapper .contact__info .contact__link.contact__link--entry a {
  border: 1px solid #fff;
  color: #fff;
}
html body main section.contact .wrapper .contact__tel {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 20px;
}
@media screen and (max-width: 767px) {
  html body main section.contact .wrapper .contact__tel {
    flex-direction: column;
    gap: 2px 0;
  }
}
html body main section.contact .wrapper .contact__tel p {
  color: #fff;
  line-height: 1;
}
html body main section.contact .wrapper .contact__tel a {
  color: #fff;
  font-weight: 500;
  letter-spacing: 1px;
}
@media only screen and (min-width: 1200px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (min-width: 421px) and (max-width: 575px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 420px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.32rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(1.8rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(1.8rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(1.8rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(1.8rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 1600px) and (max-width: 420px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(1.8rem + (1vw - 0.32rem) * (0));
  }
}
@media screen and (max-width: 767px) {
  html body main section.contact .wrapper .contact__tel a {
    text-decoration: underline #fff;
  }
}
@media only screen and (max-width: 767px) and (min-width: 1200px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) and (min-width: 992px) and (max-width: 1199px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.992rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 991px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.768rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 576px) and (max-width: 767px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.576rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (min-width: 421px) and (max-width: 575px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.421rem) * (0));
  }
}
@media only screen and (max-width: 767px) and (max-width: 420px) {
  html body main section.contact .wrapper .contact__tel a {
    font-size: calc(2rem + (1vw - 0.32rem) * (0));
  }
}