@charset "UTF-8";
/* --------------- ▽ setting_area ▽ --------------- */
.A0823 {
  --block_color: #000000;
  --sub_color: #cccccc;
  --white_color: #fff;
  --font_jp: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans",  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", "Meiryo", sans-serif;
  --font_en-01: "nimbus-sans", sans-serif;
  --font_en-02: "trajan-pro-3", serif;
}
.header {
  position: fixed;
  top: 0;
} 
.A0823 {
  width: 100%;
  overflow: hidden;
}
.A0823 img,
.A0823 video,
.A0823 svg {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.A0823 .font_jp {
  font-family: var(--font-jp);
  font-feature-settings: "palt";
  color: var(--black_color);

}
.A0823 .font_en-01 {
  font-family: var(--font-en);
  font-weight: 400;
  color: var(--black_color);
}
.A0823 .font_en-02 {
  font-family: var(--font_en-02);
  font-weight: 400;
  color: var(--black_color);
}
@media screen and (min-width: 768px) {
  .A0823 .sp_only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .A0823 {
    padding-top: calc(100*100vw/750);
    margin-top: calc(100*100vw/750);
  }
  .A0823 .pc_only {
    display: none;
  }
}
/* --------------- △ setting_area △ --------------- */

/* --------------- ▽ firstview_area ▽ --------------- */
.A0823 .fv {
  position: relative;
  padding-bottom: 15.1rem;
  background-color: var(--white_color);
  z-index: 1;
}
.A0823 .fv_img {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 1;
}
.A0823 .fv_img > a {
  width: 50%;
}
.A0823 .fv_img > div {
  position: absolute;
  top: calc(569*100vw/1400);
  left: 50%;
  transform: translate(-50%);
  pointer-events: none;
}
.A0823 .fv_lead-lrg {
  display: block;
  font-size: 3.3rem;
  font-size: calc(33*100vw/1400);
  line-height: 1.4545454545;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--white_color);
  font-weight: 600;
}
.A0823 .fv_lead-sml {
  margin-top: 2.8rem;
  font-size: 1.8rem;
  font-size: calc(18*100vw/1400);
  line-height: 1.9444444444;
  letter-spacing: 0.1em;
  text-align: center;
  color: var(--white_color);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .A0823 .fv {
    padding-bottom: calc(74*100vw/750);
  }
  .A0823 .fv_img > div {
    top: calc(584*100vw/750);
  }
  .A0823 .fv_lead-lrg {
    font-size: calc(40*100vw/750);
    line-height: 1.5;
    white-space: nowrap;
    text-shadow: 0px 0px 5px #00000080;
  }
  .A0823 .fv_lead-sml {
    margin-top: calc(66*100vw/750);
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
    letter-spacing: 0.05em;
    color: var(--block_color);
  }
}
/* --------------- △ firstview_area △ --------------- */

/* --------------- ▽ common_area ▽ --------------- */
.A0823 .model_lrg {
  width: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  width: calc(1400*100vw/1400);
  overflow: hidden;
  z-index: 0;
}
.A0823 .model_back {
  position: relative;
  width: 100%;
  z-index: 1;
  background-color: var(--white_color);
}
.A0823 .model_contents {
  position: relative;
  width: 140rem;
  margin-inline: auto;
}
.A0823 .model_contents_inner {
  display: flex;
}
.A0823 .common_lead {
  font-size: 1.3rem;
  line-height: 2.0769230769;
  letter-spacing: 0.05em;
  text-align: justify;
}
.A0823 .common_credit {
  font-size: 1.2rem;
  line-height: 2.1666666667;
  letter-spacing: 0.05em;
}
.A0823 .common_credit a {
  display: inline-block;
  text-decoration: underline;
}
.A0823 .model_contents_ttl {
  position: absolute;
  font-size: 4rem;
  line-height: 1.2;
  letter-spacing: 0.07em;
  color: var(--sub_color);
  z-index: 0;
  pointer-events: none;
  font-weight: 300;
  white-space: nowrap;
}
.A0823 .model-01 .model_contents_ttl {
  transform: rotate(-90deg);
  top: 90.5rem;
  left: -16.3rem;
}
.A0823 .model-02 .model_contents_ttl {
  transform: rotate(-90deg);
  right: -20rem;
  top: 101.7rem;
}
@media screen and (max-width: 767px) {
  .A0823 .model_lrg {
    top: calc(300*100vw/750);
  }
  .A0823 .model_contents {
    width: calc(750*100vw/750);
  }
  .A0823 .model_contents_inner {
    display: block;
  }
  .A0823 .common_lead {
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
    letter-spacing: 0.044em;
  }
  .A0823 .common_credit {
    font-size: calc(24*100vw/750);
    line-height: 2;
  }
  .A0823 .model-01 .model_contents_ttl {
    top: calc(1789*100vw/750);
    left: calc(326*100vw/750);
  }
  .A0823 .model-01 .model_contents_ttl.sp_only {
    top: calc(3977*100vw/750);
    left: calc(-257*100vw/750);
  }
  .A0823 .model-02 .model_contents_ttl {
    font-size: calc(40*100vw/750);
    top: calc(2439*100vw/750);
    right: calc(-296*100vw/750);
  }
  .A0823 .model_contents_ttl {
    font-size: calc(45*100vw/750);
    line-height: 1.0666666667;
    letter-spacing: 0.05em;
  }
}
/* --------------- △ common_area △ --------------- */

/* --------------- ▽ model_01_area ▽ --------------- */
.A0823 .model-01 {
  margin-top: 15.1rem;
}
.A0823 .model-01 .model_contents {
  margin-top: calc(900*100vw/1400);
  padding-top: 13rem;
}
.A0823 .model-01 .model_contents_inner-01 {
  justify-content: space-between;
}
.A0823 .model-01 .model_img-01 {
  width: 42rem;
  margin-left: 25.09rem;
}
.A0823 .model-01 .model_img-01 .common_lead {
  width: 28.28958rem;
  margin-top: 13.7rem;
  letter-spacing: 0.03em;
}
.A0823 .model-01 .model_img-02 {
  width: 40rem;
  margin-top: 7.85rem;
  margin-right: 24.66rem;
}
.A0823 .model-01 .model_img-02 .common_lead {
  width: 24.01236rem;
  margin-top: 8.5rem;
  margin-left: auto;
}
.A0823 .model-01 .model_img-02 .common_credit {
  margin-top: 4.9rem;
  margin-left: 16rem;
}
.A0823 .model-01 .model_img-03 {
  position: absolute;
  top: 58rem;
  right: 52.67rem;
  width: 30rem;
  z-index: 2;
}
.A0823 .model-01 .model_contents_inner-02 {
  justify-content: center;
  gap: 7.2rem;
  margin-top: 6.4rem;
  padding-bottom: 20rem;
}
.A0823 .model-01 .model_img-04 {
  width: 40rem;
}
.A0823 .model-01 .model_img-05 {
  width: 25rem;
  margin-top: 7.5rem;
}
.A0823 .model-01 .model_img-05 .common_credit {
  margin-top: 3.2rem;
}
.A0823 .model-01 .common_credit a {
  margin-right: 0.9rem;
}
@media screen and (max-width: 767px) {
  .A0823 .model-01 {
    margin-top: calc(0*100vw/750);
  }
  .A0823 .model-01 .model_contents {
    padding-top: calc(120*100vw/750);
    margin-top: calc(800*100vw/750);
  }
  .A0823 .model-01 .model_img-01 {
    width: calc(520*100vw/750);
    margin-inline: auto;
  }
  .A0823 .model-01 .model_img-01 .common_lead {
    width: calc(652*100vw/750);
    margin-top: calc(0*100vw/750);
    letter-spacing: 0.03em;
  }
  .A0823 .model-01 .model_img-02 {
    width: calc(750*100vw/750);
    margin-top: calc(72.3*100vw/750);
    margin-inline: auto;
  }
  .A0823 .model-01 .model_img-02 > a {
    width: calc(510*100vw/750);
    margin-left: calc(168*100vw/750);
  }
  .A0823 .model-01 .model_img-02 .common_credit {
    margin-top: calc(55*100vw/750);
    margin-inline: auto;
    text-align: center;
  }
  .A0823 .model-01 .model_img-03 {
    position: static;
    width: calc(652*100vw/750);
    margin-top: calc(62*100vw/750);
    margin-inline: auto;
  }
  .A0823 .model-01 .model_img-03 a {
    width: calc(450*100vw/750);
    margin-left: calc(20*100vw/750);
  }
  .A0823 .model-01 .model_img-03 .common_lead {
    margin-top: calc(100*100vw/750);
  }
  .A0823 .model-01 .model_contents_inner-02 {
    margin-top: calc(0*100vw/750);
    padding-bottom: calc(0*100vw/750);
  }
  .A0823 .model-01 .model_img-04 {
    width: calc(520*100vw/750);
    margin: calc(97*100vw/750) auto 0;
  }
  .A0823 .model-01 .model_img-04 .common_credit {
    margin-top: calc(56*100vw/750);
    text-align: center;
  }
  .A0823 .model-01 .model_img-05 {
    width: calc(653*100vw/750);
    margin: calc(59*100vw/750) auto 0;
    padding-bottom: calc(170*100vw/750);
  }
  .A0823 .model-01 .model_img-05 > a {
    width: calc(450*100vw/750);
    margin-left: auto;
  }
  .A0823 .model-01 .model_img-05 .common_credit {
    margin-top: calc(0*100vw/750);
  }
  .A0823 .model-01 .model_img-05 .common_lead {
    margin-top: calc(99*100vw/750);
  }
  .A0823 .model-01 .common_credit a {
    margin-inline: calc(9*100vw/750);
  }
}
/* --------------- △ model_01_area △ --------------- */

/* --------------- ▽ model_02_area ▽ --------------- */
.A0823 .model_contents > .common_credit {
  text-align: center;
  /* margin-top: 3.3rem; */
}
.A0823 .model_contents > .common_credit a {
  margin-inline: 0.4rem;
}
.A0823 .model-02 .model_contents {
  margin-top: calc(900*100vw/1400);
  padding-top: 3.2rem;
}
.A0823 .model-02 .model_contents_inner-01 {
  justify-content: space-between;
  flex-direction: row-reverse;
  margin-top: 5.8rem;
}
.A0823 .model-02 .model_img-01 {
  width: 42rem;
  margin-right: 27.19rem;
}
.A0823 .model-02 .model_img-01 .common_credit {
  margin-top: 3.2rem;
  text-align: right;
}
.A0823 .model-02 .model_img-01 .common_credit a {
  margin-left: 1rem;
}
.A0823 .model-02 .model_img-02 {
  width: 47.4rem;
  margin-top: 12.5rem;
  margin-left: 18.15rem;
}
.A0823 .model-02 .model_img-02 > a {
  width: 38rem;
  margin-left: auto;
}
.A0823 .model-02 .model_img-02 .common_lead {
  width: 25rem;
  margin-top: 14.5rem;
}
.A0823 .model-02 .model_contents_inner-02 {
  margin-left: 47.3rem;
  margin-top: -31.8rem;
}
.A0823 .model-02 .model_img-03 {
  width: 38rem;
}
.A0823 .model-02 .model_img-03 .common_credit {
  margin-top: 3.2rem;
}
.A0823 .model-02 .model_img-03 .common_credit a {
  margin-right: 1rem;
}
.A0823 .model-02 .model_img-04 {
  width: 25rem;
  margin-top: 27.6rem;
  margin-left: 2.5rem;
}
.A0823 .model-02 .model_img-05 {
  display: flex;
  margin-top: 1.1rem;
  margin-left: 33.5rem;
}
.A0823 .model-02 .model_img-05 > a {
  width: 38rem;
}
.A0823 .model-02 .model_img-05 .common_lead {
  width: 27.747rem;
  margin-top: 5.3rem;
  margin-left: 3.9rem;
}
.A0823 .model-02 .model_img-05 .common_credit {
  margin-top: 6.7rem;
  margin-left: 4rem;
}
@media screen and (max-width: 767px) {
  .A0823 .model_lrg .common_credit {
    margin-top: calc(56*100vw/750);
  }
  .A0823 .model_lrg .common_credit a {
    margin-inline: calc(9*100vw/750);
  }
  .A0823 .model-02 .model_contents {
    margin-top: calc(800*100vw/750);
    padding-top: calc(57*100vw/750);
  }
  .A0823 .model-02 .model_contents_inner-01 {
    margin-top: calc(0*100vw/750);
  }
  .A0823 .model-02 .model_img-01 {
    width: calc(520*100vw/750);
    margin-top: calc(109*100vw/750);
    margin-left: calc(180*100vw/750);
  }
  .A0823 .model-02 .model_img-02 {
    width: calc(650*100vw/750);
    margin-top: calc(70*100vw/750);
    margin-inline: auto;
  }
  .A0823 .model-02 .model_img-02 > a {
    width: calc(510*100vw/750);
    margin-inline: auto;
  }
  .A0823 .model-02 .model_img-02 > .common_credit {
    text-align: center;
    margin-top: calc(56*100vw/750);
  }
  .A0823 .model-02 .model_img-02 > .common_credit a {
    margin-inline: calc(9*100vw/750);
  }
  .A0823 .model-02 .model_img-02 .common_lead {
    width: 100%;
    margin-top: calc(87*100vw/750);
  }
  .A0823 .model-02 .model_contents_inner-02 {
    margin-left: calc(0*100vw/750);
    margin-top: calc(0*100vw/750);
  }
  .A0823 .model-02 .model_img-03 {
    width: calc(500*100vw/750);
    margin-top: calc(100*100vw/750);
    margin-left: calc(70*100vw/750);
  }
  .A0823 .model-02 .model_img-03 .common_credit {
    margin-top: calc(50*100vw/750);
  }
  .A0823 .model-02 .model_img-03 .common_credit a {
    margin-inline: calc(9*100vw/750);
  }
  .A0823 .model-02 .model_img-04 {
    width: calc(750*100vw/750);
    margin: calc(72.1*100vw/750) auto 0;
  }
  .A0823 .model-02 .model_img-04 > a {
    width: calc(450*100vw/750);
    margin-inline: auto;
  }
  .A0823 .model-02 .model_img-04 .common_credit {
    text-align: center;
    margin-top: calc(54*100vw/750);
  }
  .A0823 .model-02 .model_img-04 .common_credit a {
    margin-inline: calc(9*100vw/750);
  }
  .A0823 .model-02 .model_img-05 {
    display: block;
    width: calc(690*100vw/750);
    margin: calc(100*100vw/750) auto 0;
  }
  .A0823 .model-02 .model_img-05 > a {
    width: calc(580*100vw/750);
    margin-inline: auto;
  }
  .A0823 .model-02 .model_img-05 .common_lead {
    width: calc(653*100vw/750);
    margin: calc(87*100vw/750) auto 0;
  }
  .A0823 .model-02 .model_img-05 .common_credit {
    margin-top: calc(55*100vw/750);
    margin-left: calc(0*100vw/750);
    white-space: nowrap;
    letter-spacing: 0;
  }
  .A0823 .model-02 .model_img-05 .common_credit a {
    margin-inline: calc(8*100vw/750);
  }
}
/* --------------- △ model_02_area △ --------------- */

/* --------------- ▽ check_btn ▽ --------------- */
.A0823 .ev {
  position: relative;
  width: 100%;
  padding-block: 16.3rem 17rem;
  margin-inline: auto;
  z-index: 1;
  background-color: var(--white_color);
}
.A0823 .check_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) {
  .A0823 .ev {
    position: relative;
    width: 100%;
    padding-block: calc(185*100vw/750) calc(90*100vw/750);
    margin-inline: auto;
    z-index: 1;
    background-color: var(--white_color);
  }
  .A0823 .check_btn {
    padding-bottom: calc(4*100vw/750);
    font-size: calc(30*100vw/750);
  }
}
/* --------------- △ check_btn △ --------------- */


/* --------------- ▽ animation__area ▽ --------------- */
.A0823 .model-02 .model_lrg {
  display: none;
}
.A0823 .model-02 .inview {
  display: block;
}
.A0823 .fade {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.A0823 .fade.active {
  transition: opacity cubic-bezier(0.455, 0.03, 0.515, 0.955) 1000ms;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 767px) {}
/* --------------- △ animation__area △ --------------- */

#Foot {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  #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;
  }
}

.top_button{
  z-index: 10;
}