@charset "UTF-8";
.header {
  position: fixed;
  top: 0;
} 
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                セッティング
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.A1206 {
  position: relative;
  --color_black: #000;
  --color_white: #fff;
  --border_color-black: #1A1311;
  --font_ja:
  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans",  "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", "Meiryo", sans-serif;
  --font_en01: 
  "nimbus-sans", sans-serif;
  --font_en02: 
  "trajan-pro-3", serif;
  width: 100%;
  overflow: hidden;
}
.A1206::before {
  position: fixed;
  content: "";
  display: block;
  width: calc(1400*100vw/1400);;
  height: calc(2107.5*100vw/1400);
  background-image: url(../img/pc/bg_img.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.A1206 .font_ja {
  font-family: var(--font_ja);
  font-feature-settings: "palt";
  color: var(--color_white);
}
.A1206 .font_en01 {
  font-family: var(--font-en);
  color: var(--color_black);
}
.A1206 .font_en02 {
  font-family: var(--font_en02);
  color: var(--color_white);
}
#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;
}
@media screen and (min-width: 768px) {
  .A1206 .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .A1206 {
    margin-top: calc(100*100vw/750);
  }
  .A1206 .pc_only {
    display: none !important;
  }
  .A1206::before {
    position: absolute;
    top: calc(0*100vw/750);
    width: calc(750*100vw/750);;
    height: calc(1548.94*100vw/750);
    background-image: url(../img/sp/bg_img.jpg);
  }
  .A1206::after {
    position: fixed;
    content: "";
    top: calc(0*100vw/750);
    width: calc(750*100vw/750);;
    height: calc(2930*100vw/750);
    left: 50%;
    transform: translateX(-50%);
    background-size: cover;
    background-image: url(../img/sp/bg_f_img.jpg);
    z-index: -5;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                メインエリア
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.A1206 .sec-hero {
  width: 100%;
  margin-inline: auto;
}
.A1206 .hero_inner {
  position: relative;
}
.A1206 .hero_ttl {
  position: absolute;
  top: calc(527*100vw/1400);
  right: calc(246*100vw/1400);
  z-index: 3;
  pointer-events: none;
}
.A1206 .hero_ttl-large {
  position: relative;
  display: block;
  height: calc(60*100vw/1400);
  font-size: calc(40*100vw/1400);
  color: var(--color_white);
  letter-spacing: 0.03em;
  font-weight: 400;
  display: flex;
  justify-content: center;
  align-items: center;
}
.A1206 .hero_ttl-large::before,
.A1206 .hero_ttl-large::after {
  position: absolute;
  content: "";
  display: block;
  width: calc(210*100vw/1400);
  height: calc(1*100vw/1400);
  background-color: var(--color_white);
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
.A1206 .hero_ttl-small {
  font-size: calc(30*100vw/1400);
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.035em;
  margin-top: calc(20*100vw/1400);
  display: block;
}
.A1206 .hero_ttl-large::before {
  top: calc(-6*100vw/1400);
}
.A1206 .hero_ttl-large::after {
  bottom: 0;
}
.A1206 .hero_lead {
  margin-top: 14.8rem;
  font-size: 1.5rem;
  line-height: 2.3333333333;
  letter-spacing: 0.1em;
  color: var(--color_white);
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .A1206 .hero_ttl {
    top: calc(514*100vw/750);
    right: calc(195*100vw/750);
  }
  .A1206 .hero_ttl-large {
    height: calc(72*100vw/750);
    font-size: calc(51.84*100vw/750);
    letter-spacing: 0.045em;
  }
  .A1206 .hero_ttl-large::before,
  .A1206 .hero_ttl-large::after {
    width: calc(272.16*100vw/750);
    height: calc(1*100vw/750);
  }
  .A1206 .hero_ttl-small {
    font-size: calc(38.88*100vw/750);
    line-height: 1.1059670782;
    letter-spacing: 0.045em;
    margin-top: calc(35*100vw/750);
  }
  .A1206 .hero_ttl-large::before {
    top: calc(-11*100vw/750);
  }
  .A1206 .hero_ttl-large::after {
    bottom: 0;
  }
  .A1206 .hero_lead {
    margin-top: calc(84*100vw/750);
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
    letter-spacing: 0.05em;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                コンテンツエリア
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/*
//////////////////////////////////////////////
                                  コンテンツ-共通
//////////////////////////////////////////////
*/
.A1206 .model_wrap-main {
  position: relative;
  width: calc(1400*100vw/1400);
  margin-inline: auto;
}
.A1206 .model_wrap-main > p {
  position: absolute;
  display: block;
  left: calc(113*100vw/1400);
  font-size: calc(15*100vw/1400);
  line-height: 1.6666666667;
  letter-spacing: 0.09em;
}
.A1206 .model_wrap-main > p > span {
  display: block;
  width: fit-content;
  height: fit-content;
  background: rgb(255,255,255, 0.7);
  color: var(--color_black);
}
.A1206 .model_wrap-main > p > span:nth-child(2) {
  margin-top: calc(6*100vw/1400);
}
.A1206 .model_wrap-sub {
  width: 140rem;
  margin-inline: auto;
}
.A1206 .model_col {
  display: flex;
  justify-content: space-between;
  margin-inline: 24rem 22.8rem;
}
.A1206 .model_col_inner {
  position: relative;
  z-index: 2;
}
.A1206 .model_lead {
  position: relative;
  z-index: 2;
  font-size: 1.3rem;
  line-height: 2.0769230769;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: justify;
  padding: 2rem;
  height: fit-content;
}
.A1206 .model_lead::before,
.A1206 .model_lead::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  width: 1.6rem;
  height: 93%;
  top: 0.9rem;
  z-index: 0;
}
.A1206 .model_lead::before {
  left: 0;
}
.A1206 .model_lead::after {
  right: 0;
}
.A1206 .model_col02 .model_lead::before,
.A1206 .model_col02 .model_lead::after {
  height: 90%;
}
.A1206 .model03 .model_col01 .model_lead::before,
.A1206 .model03 .model_col01 .model_lead::after {
  height: 94%;
}
.A1206 .model_col01 .model_lead::before {
  background-image: url(../img/pc/frame/frame_left01.svg);
}
.A1206 .model_col01 .model_lead::after {
  background-image: url(../img/pc/frame/frame_right01.svg);
}
.A1206 .model_col02 .model_lead::before {
  background-image: url(../img/pc/frame/frame_left02.svg);
}
.A1206 .model_col02 .model_lead::after {
  background-image: url(../img/pc/frame/frame_right02.svg);
}
.A1206 .model03 .model_col01 .model_lead::before {
  background-image: url(../img/pc/frame/frame_left03.svg);
}
.A1206 .model03 .model_col01 .model_lead::after {
  background-image: url(../img/pc/frame/frame_right03.svg);
}
.A1206 .model_credit {
  position: absolute;
  bottom: -15.3rem;
  font-size: 1.2rem;
  color: var(--color_white);
  line-height: 1;
  letter-spacing: 0.05em;
}
.A1206 .model_credit > span {
  display: inline-block;
  text-decoration: underline;
  text-decoration-skip-ink: none;
}
.A1206 .model_credit > .txt-styling {
  margin-block: 2.4rem 0.9rem;
  text-decoration: none;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .A1206 .model_lead::before, .A1206 .model_lead::after {
    height: 86%;
    width: calc(17*100vw/750);
    top: calc(31*100vw/750);
  }
  .A1206 .model_col02 .model_lead::before,
  .A1206 .model_col02 .model_lead::after {
    height: 81%;
  }
  .A1206 .model03 .model_col01 .model_lead::before,
  .A1206 .model03 .model_col01 .model_lead::after {
    height: 87%;
  }
  .A1206 .model_col01 .model_lead::after {
    background-image: url(../img/pc/frame/frame_left01.svg);
    transform: rotate(180deg);
  }
  .A1206 .model_col02 .model_lead::after {
    background-image: url(../img/pc/frame/frame_left02.svg);
    transform: rotate(180deg);
  }
  .A1206 .model03 .model_col01 .model_lead::after {
    background-image: url(../img/pc/frame/frame_left03.svg);
    transform: rotate(180deg);
  }
  .A1206 .model_wrap-main {
    width: calc(750*100vw/750);
  }
  .A1206 .model_wrap-main > p {
    left: calc(33*100vw/750);
    font-size: calc(25*100vw/750);
    line-height: 1.6;
  }
  .A1206 .model_wrap-main > p > span:nth-child(2) {
    margin-top: calc(6*100vw/750);
  }
  .A1206 .model_wrap-sub {
    width: calc(750*100vw/750);
    margin-top: calc(118*100vw/750);
  }
  .A1206 .model_col {
    display: block;
    margin-inline: auto;
  }
  .A1206 .model_lead {
    font-size: calc(23*100vw/750);
    line-height: 1.8695652174;
    font-weight: 500;
    padding-inline: calc(20*100vw/750);
  }
  .A1206 .model_credit {
    position: static;
    font-size: calc(24*100vw/750);
    margin-top: calc(39*100vw/750);
    text-align: center;
  }
  .A1206 .model_credit > .txt-styling {
    margin-block: calc(40*100vw/750) calc(21*100vw/750);
  }
}
/*
//////////////////////////////////////////////
                                  コンテンツ-01
//////////////////////////////////////////////
*/
.A1206 .model01 {
  margin-top: 15.2rem;
}
.A1206 .model01 .model_wrap-main > p {
  top: calc(375.7404*100vw/1400);
}
.A1206 .model01 .model_wrap-main > p > span {
  padding: calc(6*100vw/1400) calc(10*100vw/1400) calc(5*100vw/1400) calc(13*100vw/1400);
}
.A1206 .model01 .model_wrap-main > p > span:nth-child(2) {
  margin-top: calc(6*100vw/1400);
  padding-block: calc(5*100vw/1400) calc(1*100vw/1400);
}
.A1206 .model01 .model_wrap-sub {
  margin-top: 15.2rem;
}
.A1206 .model01 .model_col01 .model_col_inner {
  width: 45rem;
}
.A1206 .model01 .model_col01 .model_lead {
  width: 41.6rem;
  margin-top: 17.1rem;
}
.A1206 .model01 .model_col01 .model_credit {
  bottom: -10.7rem;
}
.A1206 .model01 .model_col01 .model_credit > span {
  margin-right: 1rem;
}
.A1206 .model01 .model_col02 {
  flex-direction: row-reverse;
  align-items: flex-end;
}
.A1206 .model01 .model_col02 .model_col_inner {
  width: 38rem;
  margin-right: 3.5rem;
}
.A1206 .model01 .model_col02 .model_lead {
  width: 34.8rem;
  margin-left: 10.3rem;
  margin-bottom: -1.1rem;
  letter-spacing: 0.02em;
}
.A1206 .model01 .model_col02 .model_credit {
  bottom: -5rem;
  right: 0;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .A1206 .model01 {
    margin-top: calc(300*100vw/750);
  }
  .A1206 .model01 .model_wrap-main > p {
    top: calc(-84*100vw/750);
  }
  .A1206 .model01 .model_wrap-main > p > span {
    padding: calc(12*100vw/750) calc(21*100vw/750) calc(12*100vw/750) calc(18*100vw/750);
  }
  .A1206 .model01 .model_wrap-main > p > span:nth-child(2) {
    margin-top: calc(10*100vw/750);
    padding: calc(12*100vw/750) calc(21*100vw/750) calc(4*100vw/750) calc(18*100vw/750);
  }
  .A1206 .model01 .model_wrap-sub {
    margin-top: calc(0*100vw/750);
  }
  .A1206 .model01 .model_col01 .model_col_inner {
    width: calc(600*100vw/750);
    margin: calc(120*100vw/750) auto 0;
  }
  .A1206 .model01 .model_col01 .model_lead {
    width: calc(660*100vw/750);
    margin: calc(51*100vw/750) auto calc(0*100vw/750);
  }
  .A1206 .model01 .model_col01 .model_credit > span {
    margin-right: calc(0*100vw/750);
  }
  .A1206 .model01 .model_col02 .model_col_inner {
    width: calc(550*100vw/750);
    margin: calc(67*100vw/750) auto 0;
  }
  .A1206 .model01 .model_col02 .model_lead {
    width: calc(660*100vw/750);
    margin-inline: auto;
    margin-bottom: calc(0*100vw/750);
    letter-spacing: 0.04em;
    margin-top: calc(46*100vw/750);
  }
}
/*
//////////////////////////////////////////////
                                  コンテンツ-02
//////////////////////////////////////////////
*/
.A1206 .model02 {
  margin-top: 20rem;
}
.A1206 .model02 .model_wrap-main > p {
  top: calc(450*100vw/1400);
}
.A1206 .model02 .model_wrap-main > p > span {
  padding: calc(3*100vw/1400) calc(14*100vw/1400) calc(2*100vw/1400) calc(12*100vw/1400);
}
.A1206 .model02 .model_wrap-main > p > span:nth-child(2) {
  margin-top: calc(6*100vw/1400);
  padding: calc(3*100vw/1400) calc(14*100vw/1400) calc(2*100vw/1400) calc(12*100vw/1400);
}
.A1206 .model02 .model_wrap-sub {
  margin-top: 15rem;
}
.A1206 .model02 .model_col01 {
  flex-direction: row-reverse;
}
.A1206 .model02 .model_col01 .model_col_inner {
  width: 45rem;
}
.A1206 .model02 .model_col01 .model_lead {
  width: 41.65445rem;
  margin-top: 17.2rem;
}
.A1206 .model02 .model_col01 .model_credit {
  bottom: -10.7rem;
}
.A1206 .model02 .model_col01 .model_credit > span {
  margin-right: 0.4rem;
}
.A1206 .model02 .model_col02 {
  align-items: flex-end;
}
.A1206 .model02 .model_col02 .model_col_inner {
  width: 38rem;
  margin-left: 3.8rem;
}
.A1206 .model02 .model_col02 .model_lead {
  width: 34.83785rem;
  margin-right: 10.2rem;
  margin-bottom: -1.1rem;
}
.A1206 .model02 .model_col02 .model_credit {
  bottom: -5rem;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .A1206 .model02 {
    margin-top: calc(258*100vw/750);
  }
  .A1206 .model02 .model_wrap-main > p {
    top: calc(-90*100vw/750);
  }
  .A1206 .model02 .model_wrap-main > p > span {
    padding: calc(9*100vw/750) calc(14*100vw/750) calc(6*100vw/750) calc(17*100vw/750);
  }
  .A1206 .model02 .model_wrap-main > p > span:nth-child(2) {
    margin-top: calc(11*100vw/750);
    padding: calc(7*100vw/750) calc(18*100vw/750) calc(9*100vw/750) calc(18*100vw/750);
  }
  .A1206 .model02 .model_wrap-sub {
    margin-top: calc(120*100vw/750);
  }
  .A1206 .model02 .model_col01 .model_col_inner {
    width: calc(600*100vw/750);
    margin: calc(120*100vw/750) auto 0;
  }
  .A1206 .model02 .model_col01 .model_lead {
    width: calc(660*100vw/750);
    margin: calc(51*100vw/750) auto calc(0*100vw/750);
    letter-spacing: 0.11em;
  }
  .A1206 .model02 .model_col01 .model_credit {
    white-space: nowrap;
  }
  .A1206 .model02 .model_col01 .model_credit > span {
    margin-right: calc(0*100vw/750);
  }
  .A1206 .model02 .model_col02 .model_col_inner {
    width: calc(550*100vw/750);
    margin: calc(68*100vw/750) auto 0
  }
  .A1206 .model02 .model_col02 .model_lead {
    width: calc(660*100vw/750);
    margin-inline: auto;
    margin-bottom: calc(10*100vw/750);
    margin-top: calc(46*100vw/750);
  }
}
/*
//////////////////////////////////////////////
                                  コンテンツ-03
//////////////////////////////////////////////
*/
.A1206 .model03 {
  margin-top: 20rem;
}
.A1206 .model03 .model_wrap-main > p {
  top: calc(417*100vw/1400);
}
.A1206 .model03 .model_wrap-main > p > span {
  padding: calc(4*100vw/1400) calc(8*100vw/1400) calc(1*100vw/1400) calc(11*100vw/1400);
}
.A1206 .model03 .model_wrap-main > p > span:nth-child(2) {
  margin-top: calc(6*100vw/1400);
  padding-block: calc(5*100vw/1400) calc(1*100vw/1400);
}
.A1206 .model03 .model_wrap-sub {
  margin-top: 15.2rem;
}
.A1206 .model03 .model_col01 .model_col_inner {
  width: 45rem;
}
.A1206 .model03 .model_col01 .model_lead {
  width: 41.6rem;
  margin-top: 17.2rem;
}
.A1206 .model03 .model_col01 .model_credit {
  bottom: -10.7rem;
  white-space: nowrap;
}
.A1206 .model03 .model_col01 .model_credit > span {
  margin-right: 0.9rem;
}
.A1206 .model03 .model_col02 {
  flex-direction: row-reverse;
  align-items: flex-end;
}
.A1206 .model03 .model_col02 .model_col_inner {
  width: 38rem;
  margin-right: 3.5rem;
}
.A1206 .model03 .model_col02 .model_lead {
  width: 34.8rem;
  margin-left: 10.2rem;
  letter-spacing: 0.03em;
  margin-bottom: -1.1rem;
}
.A1206 .model03 .model_col02 .model_credit {
  bottom: -5.3rem;
  right: 0;
}
@media screen and (min-width: 768px) and (max-width: 1400px) {}
@media screen and (max-width: 767px) {
  .A1206 .model03 {
    margin-top: calc(258*100vw/750);
  }
  .A1206 .model03 .model_wrap-main > p {
    top: calc(-93*100vw/750);
  }
  .A1206 .model03 .model_wrap-main > p > span {
    padding: calc(10*100vw/750) calc(14*100vw/750) calc(7*100vw/750) calc(19*100vw/750);
  }
  .A1206 .model03 .model_wrap-main > p > span:nth-child(2) {
    margin-top: calc(6*100vw/750);
    padding: calc(10*100vw/750) calc(9*100vw/750) calc(7*100vw/750) calc(19*100vw/750);
  }
  .A1206 .model03 .model_wrap-sub {
    margin-top: calc(120*100vw/750);
  }
  .A1206 .model03 .model_col01 .model_col_inner {
    width: calc(600*100vw/750);
    margin: calc(120*100vw/750) auto 0;    
  }
  .A1206 .model03 .model_col01 .model_lead {
    width: calc(660*100vw/750);
    margin: calc(25*100vw/750) auto 0;
  }
  .A1206 .model03 .model_col01 .model_credit {
    white-space: nowrap;
  }
  .A1206 .model03 .model_col01 .model_credit > span {
    margin-inline: calc(8*100vw/750);
    margin-bottom: calc(24*100vw/750);
  }
  .A1206 .model03 .model_col01 .model_credit > .txt-styling {
    margin-top: calc(13*100vw/750);
  }
  .A1206 .model03 .model_col02 .model_col_inner {
    width: calc(550*100vw/750);
    margin: calc(68*100vw/750) auto 0;
  }
  .A1206 .model03 .model_col02 .model_lead {
    width: calc(660*100vw/750);
    margin-inline: auto;
    letter-spacing: 0.03em;
    margin-bottom: calc(0*100vw/750);
    margin-top: calc(46*100vw/750);
  }
  .A1206 .model03 .model_col02 .model_credit {
    bottom: -5.3rem;
    right: 0;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                ラストエリア
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.A1206 .sec-last {
  width: 100%;
  padding-block: 20.8rem 17rem;
  margin-inline: auto;
}
.A1206 .last_btn {
  display: block;
  width: fit-content;
  margin-inline: auto;
  padding-bottom: 0.5rem;
  font-size: 1.8rem;
  line-height: 1;
  letter-spacing: 0.037em;
  border-bottom: 0.1rem solid var(--color_white);
  text-align: center;
  color: var(--color_white);
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
  .A1206 .sec-last {
    padding-block: calc(208*100vw/1400) calc(170*100vw/1400);
  }
  .A1206 .last_btn {
    padding-bottom: calc(5*100vw/1400);
    font-size: calc(18*100vw/1400);
    border-bottom: calc(1*100vw/1400) solid var(--color_white);
  }
}
@media screen and (max-width: 767px) {

  .A1206 .sec-last {
    padding-block: calc(122*100vw/750) calc(90*100vw/750);
  }
  .A1206 .last_btn {
    padding-bottom: calc(4*100vw/750);
    font-size: calc(30*100vw/750);
    border-bottom: calc(1*100vw/750) solid var(--color_white);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                アニメーション
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.A1206 .js-fade {
  opacity: 0;
  transition: opacity 1.2s ease;
}
.A1206 .js-fade.active {
  opacity: 1;
}
.A1206 .js-apper .hero_img,
.A1206 .js-apper .hero_ttl,
.A1206 .js-apper .hero_lead {
  opacity: 0;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.A1206 .js-apper.show .hero_ttl {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  transition: 1s ease 1s;
}
.A1206 .js-apper.show .hero_img {
  opacity: 1;
  transform: none;
  transition: 1s ease 0.5s;
}
.A1206 .js-apper.show .hero_lead {
  opacity: 1;
  transform: none;
  transition: 1s ease 1.5s;
}
.A1206 .model_wrap-main.js-fade > p {
  clip-path: inset(0 100% 0 0);
}
.A1206 .model_wrap-main.js-fade.active > p {
  -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);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                アニメーション
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.win .A1206 .model_lead,
.A1206 .model03 .model_col02 .model_lead {
  letter-spacing: 0.02em;
}
.win .A1206 .model03 .model_col01 .model_lead {
  letter-spacing: 0.03em;
}