@charset "UTF-8";
html {
  font-size: 62.5%;
}
/* --------------- ▽ setting_area ▽ --------------- */
.A1018 {
  --back_color: #edece7;
  --color_black: #000000;
  --color_white: #ffffff;
  --font_type-ja: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans",  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", "Meiryo", sans-serif;
  --font_type-en_01: "nimbus-sans", sans-serif;
  --font_type-en_02: "trajan-pro-3", serif;
  width: 100%;
  overflow: hidden;
  background-color: var(--back_color);
  padding-top: 6rem;
}
.header {
  position: fixed;
  top: 0;
} 
.A1018 section {
  position: relative;
  z-index: 2;
  width: 140rem;
  margin-inline: auto;
}
.A1018 picture,
.A1018 picture > a {
  width: 100%;
  height: 100%;
}
.A1018 picture > a {
  display: block;
}
.A1018 img,
.A1018 video,
.A1018 svg {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.A1018 .font_type-ja {
  font-family: var(--font_type-ja);
  font-feature-settings: "palt";
}
.A1018 .font_type-en_01 {
  font-family: var(--font-en);
  font-weight: 400;
}
.A1018 .font_type-en_02 {
  font-family: var(--font_type-en_02);
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .A1018 .sp_only {
    display: none;
  }
}
@media only screen and (max-width: 1400px) and (min-width: 767px) {
  html {
    font-size: 0.7142857143vw;
  }
}
@media screen and (max-width: 767px) {
  .A1018 {
    padding-top: calc(0*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .A1018 section {
    width: calc(750*100vw/750);
  }
  .A1018 .pc_only {
    display: none;
  }
  #header .header__inner svg {
    fill: #fff;
  }
  #header .navigation__list {
    color: #fff;
  }
  .header .drawer-btn__border, .header .drawer-btn__border::before, .header .drawer-btn__border::after {
    background: #fff;
  }
  .cls-4 {
    stroke: #fff;
  }
}
/* --------------- △ setting_area △ --------------- */

/* --------------- ▽ hero_area ▽ --------------- */
.A1018 .hero {
  width: 120rem;
}
.A1018 .hero_wrapper {
  position: relative;
}
.A1018 .hero_img {
  display: flex;
  justify-content: space-between;
}
.A1018 .hero_img > a {
  width: 50%;
}
.A1018 .hero_txt {
  position: absolute;
  text-align: center;
  z-index: 2;
  pointer-events: none;
  top: 39.8rem;
  left: 50%;
  transform: translate3d(-50%,0,0);
}
.A1018 .hero_txt_ttl {
  position: relative;
  width: 40rem;
  font-size: 2.3rem;
  line-height: 1.7391304348;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.A1018 .hero_txt_ttl::before {
  position: absolute;
  content: "";
  display: block;
  z-index: -1;
  background-color: var(--color_white);
  opacity: 0.7;
  width: 100%;
  height: 4.5rem;
  top: -0.5rem;
  left: 0rem;
}
.A1018 .hero_txt_lead {
  margin-top: 2.3rem;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 0.12em;
  color: var(--color_white);
}
@media screen and (max-width: 767px) {
  .A1018 .hero {
    width: calc(750*100vw/750);
  }
  .A1018 .hero_txt {
    top: initial;
    bottom: calc(112*100vw/750);
  }
  .A1018 .hero_txt_ttl {
    width: calc(600*100vw/750);
    font-size: calc(35*100vw/750);
    line-height: 1.68;
    white-space: nowrap;
  }
  .A1018 .hero_txt_ttl::before {
    height: calc(63*100vw/750);
    top: calc(-3*100vw/750);
    left: calc(0*100vw/750);
  }
  .A1018 .hero_lead {
    margin-top: calc(91*100vw/750);
    font-size: calc(23*100vw/750);
    line-height: 1.8260869565;
    letter-spacing: 0.05em;
    font-weight: 600;
    text-align: center;
  }
}
/* --------------- △ hero_area △ --------------- */

/* --------------- ▽ contents_area ▽ --------------- */
.A1018 .model_wrapper {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.A1018 .model_col_credit {
  margin-top: 3rem;
  font-size: 1.2rem;
  line-height: 2.1666666667;
  letter-spacing: 0.05em;
}
.A1018 .model_col_credit > a {
  display: inline-block;
  text-decoration: underline;
  margin-left: 0.8rem;
}
.A1018 .model_col_desc {
  font-size: 1.3rem;
  line-height: 2.0769230769;
  letter-spacing: 0.075em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .A1018 .model_wrapper {
    flex-direction: column;
    justify-content: start;
  }
  .A1018 .model_col_credit {
    margin-top: calc(60*100vw/750);
    font-size: calc(24*100vw/750);
    line-height: 2;
    text-align: center;
  }
  .A1018 .model_col_credit > a {
    margin-inline: calc(9*100vw/750);
  }
  .A1018 .model_col_desc {
    font-size: calc(23*100vw/750);
    line-height: 1.8260869565;
    letter-spacing: 0.05em;
    font-weight: 600;
  }
}
/* --------------- △ contents_area △ --------------- */

/* --------------- ▽ model_01 ▽ --------------- */
.A1018 .model_01 {
  margin-top: 18rem;
}
.A1018 .model_01 .model_col-01 {
  width: 56rem;
  margin-left: 10rem;
}
.A1018 .model_01 .model_col-01 .model_col_credit {
  width: fit-content;
  margin-left: auto;
}
.A1018 .model_01 .model_col-02 {
  width: 47rem;
  margin-right: 17.1rem;
}
.A1018 .model_01 .model_col-02 > figure {
  width: 43rem;
  margin-top: 8.48rem;
  margin-left: 0.4rem;
}
.A1018 .model_01 .model_wrapper-02 {
  flex-direction: row-reverse;
}
.A1018 .model_01 .model_col-02 > .model_col_desc {
  margin-top: 6.3rem;
}
.A1018 .model_01 .model_col-03 {
  width: 38rem;
  margin-top: -0.8rem;
  margin-right: 14.8rem;
}
.A1018 .model_01 .model_col-03 > figure {
  width: 35rem;
}
.A1018 .model_01 .model_col-03 .model_col_credit {
  margin-top: 27.7rem;
  margin-left: -3rem;
}
.A1018 .model_01 .model_col-04 {
  width: 50rem;
  margin-left: 30.8rem;
  margin-top: 4.4rem;
}
@media screen and (max-width: 767px) {
  .A1018 .model_01 {
    margin-top: calc(91*100vw/750);
  }
  .A1018 .model_01 .model_col-01 {
    width: calc(750*100vw/750);
    margin-left: calc(0*100vw/750);
  }
  .A1018 .model_01 .model_col-01 > figure {
    width: calc(600*100vw/750);
    margin-inline: auto;
  }
  .A1018 .model_01 .model_col-01 .model_col_credit {
    margin-inline: auto;
  }
  .A1018 .model_01 .model_col-02 {
    width: calc(750*100vw/750);
    margin-right: calc(0*100vw/750);
  }
  .A1018 .model_01 .model_col-02 > figure {
    width: calc(550*100vw/750);
    margin-top: calc(53*100vw/750);
    margin-inline: auto;
  }
  .A1018 .model_01 .model_col-02 > .model_col_desc {
    width: calc(600*100vw/750);
    margin-top: calc(93*100vw/750);
    margin-inline: auto;
  }
  .A1018 .model_01 .model_wrapper-02 {
    flex-direction: column
  }
  .A1018 .model_01 .model_col-03 {
    width: calc(750*100vw/750);
    margin-top: calc(0*100vw/750);
    margin-right: calc(0*100vw/750);
  }
  .A1018 .model_01 .model_col-03 > figure {
    width: calc(450*100vw/750);
    margin-top: calc(90*100vw/750);
    margin-left: calc(225*100vw/750);
  }
  .A1018 .model_01 .model_col-03 .model_col_credit {
    margin-top: calc(55*100vw/750);
    margin-left: calc(0*100vw/750);
  }
  .A1018 .model_01 .model_col-04 {
    width: calc(600*100vw/750);
    margin: calc(60*100vw/750) auto calc(0*100vw/750);
  }
}
/* --------------- △ model_01 △ --------------- */

/* --------------- ▽ model_02 ▽ --------------- */
.A1018 .model_02 {
  margin-top: 19.2rem;
}
.A1018 .model_02 .model_col-01 {
  width: 42rem;
  margin-top: 3.7rem;
  margin-left: 12.2rem;
}
.A1018 .model_02 .model_col-01 .model_col_desc {
  /* font-size: 1.5rem;
  line-height: 2.3333333333;
  letter-spacing: 0.016em; */
  width: 37.5rem;
  margin-left: 4.3rem;
}
.A1018 .model_02 .model_col-01 > figure {
  margin-top: 5rem;
}
.A1018 .model_02 .model_col-02 {
  width: 78.3rem;
}
@media screen and (max-width: 767px) {
  .A1018 .model_02 {
    margin-top: calc(178.9*100vw/750);;
  }
  .A1018 .model_02 .model_col-01 {
    width: calc(750*100vw/750);
    margin-top: calc(0*100vw/750);
    margin-left: calc(0*100vw/750);
  }
  .A1018 .model_02 .model_col-01 .model_col_desc {
    /* margin-left: calc(75*100vw/750);
    font-size: calc(24*100vw/750);
    line-height: 2.3583333333; */
    width: calc(607*100vw/750);
    margin-left: calc(75*100vw/750);
  }
  .A1018 .model_02 .model_col-01 > figure {
    width: calc(520*100vw/750);
    margin-top: calc(70*100vw/750);
    margin-left: calc(75*100vw/750);
  }
  .A1018 .model_02 .model_col-02 {
    width: calc(750*100vw/750);
    margin-top: calc(69.2*100vw/750);;
  }
}
/* --------------- △ model_02 △ --------------- */

/* --------------- ▽ model_03 ▽ --------------- */
.A1018 .model_03 {
  margin-top: 28.4rem;
}
.A1018 .model_03 .model_col-01 {
  position: absolute;
  top: -7.78rem;
  left: 46.42rem;
  width: 40.204rem;
  z-index: 2;
}
.A1018 .model_03 .model_col-01 .model_col_credit {
  margin-top: 3.3rem;
  margin-left: 12.8rem;
}
.A1018 .model_03 .model_col-02 {
  width: 56rem;
}
.A1018 .model_03 .model_col-03 {
  width: 55.5rem;
  margin-top: 21.09rem;
  margin-right: 16rem;
}
.A1018 .model_03 .model_col-03 > figure {
  width: 31.70816rem;
  margin-left: auto;
}
.A1018 .model_03 .model_col-03 .model_col_desc {
  margin-top: 6rem;
}
@media screen and (max-width: 767px) {
  .A1018 .model_03 {
    margin-top: calc(179*100vw/750);
  }
  .A1018 .model_03 .model_col-01 {
    position: static;
    width: calc(450*100vw/750);
    margin-left: calc(225*100vw/750);
  }
  .A1018 .model_03 .model_col-01 .model_col_credit {
    margin-left: calc(0*100vw/750);
  }
  .A1018 .model_03 .model_col-02 {
    width: calc(750*100vw/750);
    margin-top: calc(-75.4*100vw/750);
  }
  .A1018 .model_03 .model_col-02 > figure {
    width: calc(570*100vw/750);
    margin-left: calc(75*100vw/750);
  }
  .A1018 .model_03 .model_col-02 .model_col_credit {
    margin-top: calc(55*100vw/750);
  }
  .A1018 .model_03 .model_col-03 {
    width: calc(750*100vw/750);
    margin-top: calc(59*100vw/750);
  }
  .A1018 .model_03 .model_col-03 > figure {
    width: calc(500*100vw/750);
    margin-inline: auto;
  }
  .A1018 .model_03 .model_col-03 .model_col_desc {
    width: calc(603*100vw/750);
    margin: calc(92*100vw/750) auto calc(0*100vw/750);
  }
}
/* --------------- △ model_03 △ --------------- */

/* --------------- ▽ model_04 ▽ --------------- */
.A1018 .model_04 {
  margin-top: 7.1rem;
}
.A1018 .model_04 .model_wrapper {
  flex-direction: row-reverse;
}
.A1018 .model_04 .model_col-01 {
  position: absolute;
  z-index: 2;
  top: 0rem;
  right: 0rem;
  width: 39rem;
}
.A1018 .model_04 .model_col-02 {
  width: 45.6rem;
  margin-top: 7.52rem;
  margin-right: 34.08rem;
}
.A1018 .model_04 .model_col-02 .model_col_credit > a {
  margin-left: 0;
  margin-right: 0.8rem;
}
.A1018 .model_04 .model_col-03 {
  margin-left: 15.68rem;
}
.A1018 .model_04 .model_col-03 > figure:nth-child(1) {
  width: 39.9rem;
}
.A1018 .model_04 .model_col-03 > figure:nth-child(2) {
  width: 30rem;
  margin: 3.74rem auto 0;
}
@media screen and (max-width: 767px) {
  .A1018 .model_04 {
    margin-top: calc(90*100vw/750);
  }
  .A1018 .model_04 .model_wrapper {
    flex-direction: column;
  }
  .A1018 .model_04 .model_col-01 {
    position: relative;
    width: calc(450*100vw/750);
    left: calc(75*100vw/750);
  }
  .A1018 .model_04 .model_col-02 {
    width: calc(750*100vw/750);
    margin-top: calc(-87*100vw/750);
    margin-right: calc(0*100vw/750);
  }
  .A1018 .model_04 .model_col-02 > figure {
    width: calc(580*100vw/750);
    margin-left: calc(95*100vw/750);
  }
  .A1018 .model_04 .model_col-02 .model_col_credit {
    margin-top: calc(55*100vw/750);
  }
  .A1018 .model_04 .model_col-02 .model_col_credit > a {
    margin-inline: calc(10*100vw/750);
  }
  .A1018 .model_04 .model_col-03 {
    margin-left: calc(0*100vw/750);
  }
  .A1018 .model_04 .model_col-03 > figure:nth-child(1) {
    width: calc(520*100vw/750);
    margin: calc(60*100vw/750) auto 0;
  }
  .A1018 .model_04 .model_col-03 > figure:nth-child(2) {
    width: calc(450*100vw/750);
    margin-top: calc(100*100vw/750);
    margin-left: calc(225*100vw/750);
  }
}
/* --------------- △ model_04 △ --------------- */

/* --------------- ▽ endview_area ▽ --------------- */
.A1018 .end_section {
  position: relative;
  width: 100%;
  padding-block: 17rem;
  margin-inline: auto;
  z-index: 1;
}
.A1018 .end_btn {
  margin-inline: auto;
  width: fit-content;
  padding-bottom: 0.5rem;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.037em;
  border-bottom: solid 1px #1A1311;
  text-align: center;
  color: #000;
}
@media screen and (max-width: 767px) {
  .A1018 .end_section {
    position: relative;
    width: 100%;
    padding-block: calc(200*100vw/750) calc(200*100vw/750);
    margin-inline: auto;
    z-index: 1;
  }
  .A1018 .end_btn {
    padding-bottom: calc(4*100vw/750);
    font-size: calc(30*100vw/750);
  }
  .top_button {
    margin-top: calc(-110*100vw/750);
  }
}
/* --------------- △ endview_area △ --------------- */

/* --------------- ▽ animation_area ▽ --------------- */
.A1018 .js-fade {
  opacity: 0;
  transition: opacity 1.2s ease;
}
.A1018 .js-fade.active {
  opacity: 1;
}
.A1018 .hero_txt.js-fade,
.A1018 .hero_lead.js-fade,
.A1018 .model_02 .model_col-01 .model_col_desc.js-fade {
  clip-path: inset(0 100% 0 0);
}
.A1018 .hero_txt.js-fade.active,
.A1018 .hero_lead.js-fade.active,
.A1018 .model_02 .model_col-01 .model_col_desc.js-fade.active {
  -webkit-transition: clip-path 880ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  -moz-transition: clip-path 880ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  -o-transition: clip-path 880ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  -ms-transition: clip-path 880ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  transition: clip-path 880ms cubic-bezier(0.77, 0, 0.175, 1) 400ms;
  clip-path: inset(0 0 0 0);
}
/* --------------- △ animation_area △ --------------- */