@charset "UTF-8";

html {
  font-size: 62.5%;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    html {
      font-size: 62.5%;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    html {
      font-size: calc(10* (100vw/1200));
    }
}


@media screen and (max-width: 1200px) {
  .win .F0130 > section {
    width: 100%;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                Breadcrumb
//////////////////////////////////////////////////////////////////////////////////////////////
*/
 #breadcrumb .cateList {
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  line-height: 2;
}
 .cateList {
  width: 110.0rem;
  margin: 2.0rem auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #000;
}
 .cateList li {
  margin-left: 0.2rem;
  margin-right: 0.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
   .cateList {
    width: calc(1100*100vw/1400);
    margin-block: calc(20*100vw/1400);;
    font-size: calc(12*100vw/1400);
  }
   .cateList li {
    margin-left: calc(2*100vw/1400);
    margin-right: calc(5*100vw/1400);
  }
}
@media screen and (max-width: 767px) {
   .cateList {
    font-size: calc(20*100vw/750);;
    margin-block: calc(10*100vw/750);;
    width: calc(700*100vw/750);;
  }
   .cateList li {
    margin-left: calc(2*100vw/750);
    margin-right: calc(5*100vw/750);
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                Setting
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.F0130 img{
  width: 100%;
  height: auto;
}

.F0130 {
  --color-txt: #58595b;
  --color-white: #fff;
  --color-black: #000;
  --font-ryo-txt:
  "ryo-text-plusn", serif;
  --font-meno-banner:
  "meno-banner", serif;
  width: 100%;
  overflow: hidden;
  /* color: var(--color-txt); */
}
.F0130 section,
.F0130 .article_section--inner {
  position: relative;
  z-index: 2;
  margin-inline: auto;
}
.F0130 picture {
  width: 100%;
  height: 100%;
}
.F0130 img,
.F0130 video,
.F0130 svg {
  display: block;
  width: 100%;
  height: auto;
}
.F0130 .font_ja {
  font-family: var(--font-ryo-txt);
  font-weight: 400;
  font-feature-settings: "palt";
}
.F0130 .font_en {
  /* font-family: var(--font-meno-banner); */
}
@media screen and (min-width: 768px) {
  .F0130 .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .F0130 .pc_only {
    display: none !important;
  }
}
.F0130 figure[data-bg="bg-white"] {
  position: relative;
  z-index: 2;
}
.F0130 figure[data-bg="bg-white"]::before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: var(--color-white);
  z-index: -1;
  pointer-events: none;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                HeroView
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.F0130 .firstview {
  width: calc(1200*100vw/1200);
  text-align: center;
}
.F0130 .article_section--inner {
  max-width: calc(1200* (100vw / 1200));
  width: 100%;
}
.F0130 .firstview_lead {
  margin-top: calc(65* (100vw / 1200));
  font-size: calc(12* (100vw / 1200));
  line-height: 2;
  letter-spacing: 0.16em;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .F0130 .firstview {
    width: calc(1200*100vw/1200);
  }
  .F0130 .firstview_lead {
    margin-top: calc(54*100vw/1400);
    font-size: calc(12*100vw/1400);
  }
}
@media screen and (max-width: 767px) {
  .F0130 .firstview {
    width: calc(750*100vw/750);
  }
  .F0130 .firstview_lead {
    margin-top: calc(18*100vw/750);
    font-size: calc(24*100vw/750);
    letter-spacing: 0.12em;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                    Common
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.article_section {
  position: relative;
  /* width: calc(1385* (100vw / 1200)); */
}
.F0130 .article_section--wrapper {
  display: flex;
  justify-content: space-between;
}
.F0130 .article_itemdetail-credit {
  font-size: calc(12* (100vw / 1200));
  line-height: 1.6041666667;
  letter-spacing: 0.05em;
  color: var(--color-txt);
}
.F0130 .article_itemdetail-credit > span {
  display: inline-block;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .F0130 .article_section {
    width: calc(1200*100vw/1200);
  }
  .F0130 .article_itemdetail-credit {
    margin-top: calc(1*100vw/1400);
    font-size: calc(12*100vw/1400);
  }
}
@media screen and (max-width: 767px) {
  .F0130 .article_section {
    overflow: hidden;
    width: calc(750*100vw/750);
  }
  .F0130 .article_section--wrapper {
    display: block;
  }
  .F0130 .article_itemdetail-credit {
    margin-top: calc(7*100vw/750);
    font-size: calc(22*100vw/750);
    line-height: 1.75;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                EndView
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.F0130 .endview {
  width: calc(1100* (100vw / 1200));
  margin-top: calc(27* (100vw / 1200));
  border-bottom: 1px solid var(--color-black);
}
.F0130 .endview_btn {
  /* font-size: 2rem; */
  line-height: 1;
  letter-spacing: 0.04em;
  color: var(--color-black);
  text-align: center;
}
.F0130 .endview_btn > a {
  padding-block: calc(4* (100vw / 1200));
  /* border-bottom: 3px double var(--color-txt); */
}
.F0130 .endview_staff {
  margin-block: calc(148* (100vw / 1200)) calc(136* (100vw / 1200));
  font-size: calc(12* (100vw / 1200));
  line-height: 1.5;
  letter-spacing: 0.04em;
  font-weight: 300;
  color: var(--color-gray);
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .F0130 .endview {
    width: calc(1100*100vw/1400);
    margin-top: calc(29*100vw/1400);
    border-bottom: calc(1*100vw/1400) solid var(--color-black);
  }
  .F0130 .endview_btn {
    font-size: calc(20*100vw/1400);
  }
  .F0130 .endview_btn > a {
    padding-block: calc(4*100vw/1400);
  }
  .F0130 .endview_staff {
    margin-block: calc(148*100vw/1400) calc(136*100vw/1400);
    font-size: calc(12*100vw/1400);
  }
}
@media screen and (max-width: 767px) {
  .F0130 .endview {
    width: calc(750*100vw/750);
    margin-top: 0;
    border-bottom: 0px solid var(--color-black);
  }
  .F0130 .endview_btn {
    font-size: calc(40*100vw/750);
  }
  .F0130 .endview_btn > a {
    padding-block: calc(8*100vw/750);
  }
  .F0130 .endview_staff {
    margin-block: calc(170*100vw/750) calc(147*100vw/750);
    font-size: calc(24*100vw/750);
    line-height: 1.75;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                Slick
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.F0130 .slick-dots {
  position: absolute;
  margin: 0;
  bottom: calc(11* (100vw / 1200));
  right: calc(4* (100vw / 1200));
}
.F0130 .slick-dots li button {
  width: calc(6* (100vw / 1200));
  height: calc(6* (100vw / 1200));
  border: 1px solid var(--color-black);
  border-radius: 50%;
}
.F0130 .slick-dots li.slick-active button {
  background: var(--color-black);
}
.F0130 .slick-dots li {
  margin: 0 calc(6* (100vw / 1200));
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .F0130 .slick-dots {
    bottom: calc(11*100vw/1400);
    right: calc(4*100vw/1400);
  }
  .F0130 .slick-dots li button {
    width: calc(6*100vw/1400);
    height: calc(6*100vw/1400);
    border: calc(1*100vw/1400) solid var(--color-black);
  }
  .F0130 .slick-dots li {
    margin: calc(0*100vw/1400) calc(6*100vw/1400);
  }
}
@media screen and (max-width: 767px) {
  .F0130 .slick-dots {
    bottom: calc(20*100vw/750);
    right: calc(8*100vw/750);
  }
  .F0130 .slick-dots li button {
    width: calc(10*100vw/750);
    height: calc(10*100vw/750);
  }
  .F0130 .slick-dots li.slick-active button {
    background: var(--color-black);
  }
  .F0130 .slick-dots li { 
    margin: 0 calc(11*100vw/750);
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                Animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
/* .F0130 .fade {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translateY(50px);
}
.F0130 .fade.active {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .F0130 .fade_pc {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(50px);
  }
  .F0130 .fade_pc.active {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  .F0130 .fade_sp {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(50px);
  }
  .F0130 .fade_sp.active {
    opacity: 1;
    transform: translateY(0);
  }
} */



/* ===================== movie */
.F0130 .movie {
  position: relative;
  width: 100%;
}
.F0130 .movie__button {
  position: absolute;
  cursor: alias;
}
.F0130 .movie__button p{
  display: flex;
  align-items: center;
}
.F0130 .movie__button .sound-off {
  display: none;
}
.F0130 .movie__button span {
  display: flex;
  align-items: center;
}
.F0130 .movie__arrow{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
/* --- small viewport --- */
@media screen and (max-width: 767px) {
  .F0130 .movie__button {
    right: calc(-26 * (100vw / 650));
    bottom: calc(-25 * (100vw / 650));
    width: calc(200 * (100vw / 650));
  }
  .F0130 .movie__arrow{
    bottom: calc(15 * (100vw / 750));
    width: calc(30 * (100vw / 750));
  }
}
/* --- large viewport --- */
@media screen and (min-width: 768px) {
  .F0130 .movie__button {
    right: calc(-4* (100vw / 1200));
    bottom: calc(-17* (100vw / 1200));
    width: calc(153* (100vw / 1200));
  }
  .F0130 .movie__button .sound-on span{
    margin-left: 1rem;
    width: 100%;
  }
  .F0130 .movie__button .sound-off span{
    /* margin-left: 1rem; */
  }  
  .F0130 .movie__arrow{
    bottom: 15px;
  }
}



@media screen and (max-width: 767px) {
  .hidden-sml,
  .pc_only{
    display: none!important;
    overflow: hidden;
  }
  .F0130 .content__container {
    background: #fff;
    position: relative;
    z-index: 1;
  }
  .F0130 .font_en {
      font-family: "garamond-premier-pro", serif;
      font-weight: 400;
      font-style: normal;
      font-size: calc(20 * (100vw / 650));
      letter-spacing: 0.03em;
      line-height: 1.35;
      margin-top: calc(20 * (100vw / 650));
      text-align: left;
      z-index: 10;
  }
  .F0130 .font_en {
      white-space: nowrap;
      display: inline-block;
      font-size: calc(20.6 * (100vw / 650));
      letter-spacing: 0;
  }
  .F0130 .font_en span {
    display: inline-block;
    margin-right: calc(3 * (100vw / 650));
    font-feature-settings: "palt";
    font-weight: 300;
  }
  .F0130 .font_en span span{
    font-size: calc(16 * (100vw / 650));
    letter-spacing: 0.03em;
  }
  .F0130 .font_en span span.jp {
  display: inline-block;
  font-family: fot-tsukuaoldmin-pr6n, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", sans-serif;
  font-style: normal;
  font-weight: 300;
  }
  .F0130 .firstview_lead{
    width: calc(608 * 100vw / 650);
    margin: calc(16 * 100vw / 650) auto 0;
  }
  .F0130 .movie_area{
    width: calc(590 * (100vw / 650));
    margin: calc(24 * (100vw / 650)) auto 0;
  }
  /* article_section--01 */
  .F0130 .article_section--01{
    text-align: center;
  }
  .F0130 .article_section--01 .article_modelitem-col{
    margin: calc(155 * (100vw / 650)) auto 0;
  }
  /* article_section--02 */
  .F0130 .article_section--02{
    margin-top: calc(135 * (100vw / 650));
  }
  .F0130 .article_section--02 .article_modelitem{
    position: relative;
  }
  .F0130 .article_modelitem-bg{
    position: absolute;
    width: calc(435 * (100vw / 650));
    top: calc(1216 * (100vw / 650));
    right: 0;
    opacity: 1;
  }
  .F0130 .article_section--02 .article_modelitem-col.--01{
    width: calc(580 * (100vw / 650));
    margin: 0 auto 0;
  }
  .F0130 .article_section--02 .article_modelitem-col.--01 .font_en{
    transform: translateX(calc(-6 * (100vw / 650)));
  }
  .F0130 .article_section--02 .article_modelitem-col.--02{
    width: calc(355 * (100vw / 650));
    margin: calc(60 * (100vw / 650)) auto 0 calc(82 * (100vw / 650));
  }
  .article_section--02 .article_modelitem-col.--03{
    width: calc(540 * (100vw / 650));
    margin: calc(270 * (100vw / 650)) auto 0 calc(32 * (100vw / 650));
  }
  /* article_section--03 */
  .article_section--03{
    width: calc(600 * (100vw / 650));
    margin: calc(155 * (100vw / 650)) auto 0;
  }
  .article_section--03 .article_modelitem-col.--01{
    width: calc(600 * (100vw / 650));
    margin: 0 auto 0;
  }
  .article_section--03 .article_modelitem-col.--01 .font_en {
    transform: translateX(calc(0 * (100vw / 650)));
  }
  /* article_section--04 */
  .article_section--04{
    margin: calc(90 * (100vw / 650)) auto 0;
  }
  .article_section--04 .article_modelitem-col.--01 .font_en {
    transform: translateX(calc(25 * (100vw / 650)));
  }
  /* article_section--05 */
  .article_section--05{
    margin: calc(135 * (100vw / 650)) auto 0;
  }
  .article_section--05 .article_modelitem-col.--01{
    width: calc(550 * (100vw / 650));
    margin: 0 auto 0;
  }
  .article_section--05 .article_modelitem-col.--01 .font_en {
    transform: translateX(calc(0 * (100vw / 650)));
  }
  .article_section--05 .article_modelitem-col.--02{
    width: calc(550 * (100vw / 650));
    margin: calc(62 * (100vw / 650)) auto 0;
  }
  .article_section--05 .article_modelitem-col.--02 .font_en {
    transform: translateX(calc(0 * (100vw / 650)));
  }
  .article_section--05 .article_modelitem-col.--03{
    margin: calc(118 * (100vw / 650)) auto 0;
  }
  .article_section--05 .article_modelitem-col.--03 .font_en {
    transform: translateX(calc(25 * (100vw / 650)));
  }
  /* article_section--06 */
  .article_section--06{
    overflow: visible!important;
    margin: calc(25 * (100vw / 650)) auto 0;
  }
  .article_section--06 .article_modelitem-col.--01{
    width: calc(600 * (100vw / 650));
    margin: calc(70 * (100vw / 650)) auto 0;
  }
  .article_section--06 .article_modelitem-col.--01 .font_en {
    transform: translateX(calc(0 * (100vw / 650)));
  }
  .article_section--06 .article_modelitem-col.--02{
    width: calc(584 * (100vw / 650));
    margin: calc(210 * (100vw / 650)) 0 0 auto;
  }
  .article_section--06 .article_modelitem-col.--02 .font_en {
    transform: translateX(calc(0 * (100vw / 650)));
  }
  .article_section--06 .article_modelitem-col.--03{
    width: calc(493 * (100vw / 650));
    margin: calc(90 * (100vw / 650)) 0 0 0;
  }
  .article_section--06 .article_modelitem-col.--03 .article_modelitem--txt {
    text-align: right;
  }
  .article_section--06 .article_modelitem-col.--04 {
    width: calc(650 * (100vw / 650));
    margin: calc(190 * (100vw / 650)) 0 0 0;
  }
  .article_section--06 .article_modelitem-col.--04 .font_en {
    transform: translate(calc(25 * (100vw / 650)), calc(10 * (100vw / 650)));
  }
  /* article_section--07 */
  .article_section--07 {
    margin:0;
  }
  .article_section--07 .article_modelitem-col.--01 {
    width: calc(601 * (100vw / 650));
    margin: calc(100 * (100vw / 650)) auto 0;
  }
  .article_section--07 .article_modelitem-col.--01 .font_en {
    transform: translate(calc(1 * (100vw / 650)), calc(0 * (100vw / 650)));
  }
  .article_section--07 .article_modelitem-col.--02 {
    width: calc(650 * (100vw / 650));
    margin: calc(92 * (100vw / 650)) auto 0;
  }
  .article_section--07 .article_modelitem-col.--02 .font_en {
    transform: translate(calc(25 * (100vw / 650)), calc(-1 * (100vw / 650)));
  }
  .article_section--07 .article_modelitem-col.--03 {
    width: calc(600 * (100vw / 650));
    margin: calc(118 * (100vw / 650)) auto 0;
  }
  /* article_section--08 */
  .article_section--08 {
    margin: 0;
  }
  .article_section--08 .article_modelitem-col.--01 {
    width: calc(600 * (100vw / 650));
    margin: calc(111 * (100vw / 650)) auto 0;
  }
  .article_section--08 .article_modelitem-col.--02 {
    width: calc(548 * (100vw / 650));
    margin: calc(185 * (100vw / 650)) 0 0;
  }
  .article_section--08 .article_modelitem-col.--03 {
    width: calc(494 * (100vw / 650));
    margin: calc(48 * (100vw / 650)) 0 0 auto;
  }
  /* article_section--09 */
  .article_section--09 {
    position: relative;
    margin: calc(110 * (100vw / 650)) 0 0 auto;
  }
  .article_section--09 .article_modelitem-col.--01 .font_en {
    position: absolute;
    left: calc(22 * (100vw / 650));
    bottom: calc(6 * (100vw / 650));
    transform: translateX(calc(0 * (100vw / 650)));
    color: #fff;
  }
  .F0130 .endview{
    text-align: center;
  }
  .F0130 .endview .endview--ttl{
    width: calc(470 * (100vw / 650));
    margin: calc(48 * (100vw / 650)) auto 0;
  }
  .F0130 .endview .endview_staff {
    font-feature-settings: "palt";
    font-family: acumin-pro-wide, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: calc(13.7 * (100vw / 650));
    line-height: 1.7;
    letter-spacing: 0.05em;
    text-align: center;
    margin: calc(5 * (100vw / 650)) auto 0;
  }
  .F0130 .endview_btn {
    font-feature-settings: "palt";
    font-family: acumin-pro-wide, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: calc(20.4 * (100vw / 650));
    letter-spacing: 0.03em;
    margin: calc(32 * (100vw / 650)) auto calc(200 * (100vw / 650));
  }
}

@media screen and (min-width: 768px) {
  .hidden-lrg,
  .pc_only{
    display: none!important;
    overflow: hidden;
  }
  .F0130 .content__container {
    background: #fff;
    position: relative;
    z-index: 1;
  }
  .F0130 .font_en {
      font-family: "garamond-premier-pro", serif;
      font-weight: 400;
      font-style: normal;
      font-size: calc(20* (100vw / 1200));
      letter-spacing: 0.03em;
      line-height: 1.35;
      margin-top: calc(22* (100vw / 1200));
      text-align: left;
      color: #000;
      --01 .article_modelitem--txt {
    text-align: left;
};
  }
  .F0130 .font_en {
      white-space: nowrap;
      display: inline-block;
      font-size: calc(13.06* (100vw / 1200));
      letter-spacing: 0;
  }
  .F0130 .font_en span {
    display: inline-block;
    margin-right: calc(2* (100vw / 1200));
    font-feature-settings: "palt";
    font-weight: 300;
  }
  .F0130 .font_en span span{
    font-size: calc(10* (100vw / 1200));
    letter-spacing: 0.03em;
  }
  .F0130 .font_en span span.jp {
    display: inline-block;
    font-family: fot-tsukuaoldmin-pr6n, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", sans-serif;
    font-style: normal;
    font-weight: 300;
  }
  .F0130 .firstview .firstview_wrap{
    display: flex;
  }
  .F0130 .firstview_lead{
    display: block;
    width: calc(588* (100vw / 1200));
    margin: calc(23* (100vw / 1200)) auto 0;
  }
  .F0130 .movie_area{
    overflow: hidden;
    width: calc(1050* (100vw / 1200));
    height: calc(590* (100vw / 1200));
    margin: calc(20* (100vw / 1200)) auto 0;
  }
  /* article_section--01 */
  .F0130 .article_section--01 .article_section--inner{
    text-align: center;
    width: calc(950* (100vw / 1200));
    margin: 0 auto 0;
  }
  .article_section--01 .article_modelitem-col{
    width: calc(454* (100vw / 1200));
    margin: calc(141* (100vw / 1200)) 0 0 calc(30* (100vw / 1200));
  }
  .article_section--01 .article_modelitem-col.--01 {
    text-align: left;
  }
  .article_section--01 .article_modelitem-col.--02{
    width: calc(346* (100vw / 1200));
    margin: calc(362* (100vw / 1200)) 0 0px calc(90* (100vw / 1200));
  }
  /* article_section--02 */
  .F0130 .article_section--inner{
    text-align: center;
    width: calc(1200* (100vw / 1200));
    margin: auto;
  }
  .article_section--02{
    margin-top: calc(175* (100vw / 1200));
  }
  .article_section--02 .article_modelitem{
    display: block;
    position: relative;
  }
  .article_modelitem-bg{
    position: absolute;
    width: calc(421* (100vw / 1200));
    top: calc(625* (100vw / 1200));
    right: 0;
    opacity: 1;
  }
  .article_section--02 .article_modelitem-col.--01{
    width: calc(447* (100vw / 1200));
    margin: 0 auto 0 calc(279* (100vw / 1200));
  }
  .article_section--02 .article_modelitem-col.--01{
    width: calc(447* (100vw / 1200));
    margin: 0 auto 0 calc(189* (100vw / 1200));
  }
  .article_section--02 .article_modelitem-col.--01 .font_en{
    /* transform: translateX(0rem); */
  }
  .article_section--02 .article_modelitem-col.--02{
    width: calc(288* (100vw / 1200));
    margin: calc(182* (100vw / 1200)) auto 0 calc(720* (100vw / 1200));
    position: absolute;
    top: calc(650* (100vw / 1200));
    left: 0;
  }
  .article_section--02 .article_modelitem-col.--03{
    width: calc(417* (100vw / 1200));
    margin: calc(287* (100vw / 1200)) auto 0 calc(84* (100vw / 1200));
    text-align: left;
  }
  /* article_section--03 */
  .article_section--03{
    width: calc(448* (100vw / 1200))!important;
    margin: calc(92* (100vw / 1200)) auto 0;
  }
  .article_section--03 .article_section--inner{
    width: 100%;
  }
  .article_section--03 .article_modelitem-col.--01 {
    width: calc(448* (100vw / 1200));
  }
  .article_section--03 .article_modelitem-col.--01 .article_modelitem--txt {
  text-align: left;
  }
  .article_section--03 .article_modelitem-col.--01 .font_en {
    transform: translateY(calc(-5* (100vw / 1200)));
  }
  /* article_section--04 */
  .article_section--04{
    width: calc(1200* (100vw / 1200));
    margin: calc(125* (100vw / 1200)) auto 0;
  }
  .article_section--04 .article_modelitem-col.--01 .font_en br{
    display: none;
  }
  .article_section--04 .article_modelitem-col.--01 .font_en {
    position: absolute;
    bottom: calc(5* (100vw / 1200));
    right: calc(10* (100vw / 1200));
    /* transform: translateX(calc(25* (100vw / 1200))); */
    color: #fff;
    z-index: 5;
  }
  /* article_section--05 */
  .article_section--05 .article_modelitem{
    display: grid;
    grid-template-columns: calc(50* (100vw / 1200)) calc(367* (100vw / 1200)) calc(117* (100vw / 1200)) calc(85* (100vw / 1200)) calc(330* (100vw / 1200)) 1fr;
    grid-template-rows: calc(484* (100vw / 1200)) calc(79* (100vw / 1200)) calc(261* (100vw / 1200)) calc(142* (100vw / 1200)) calc(460* (100vw / 1200));
    width: calc(1045* (100vw / 1200));
    margin: calc(130* (100vw / 1200)) auto 0;
  }
  .article_section--05 .article_modelitem-col.--01{
    width: calc(362* (100vw / 1200));
    grid-area: 2/2/4/6;
  }
  .article_section--05 .article_modelitem-col.--01 .font_en {
    transform: translateX(calc(0* (100vw / 1200)));
  }
  .article_section--05 .article_modelitem-col.--02{
    width: 100%;
    grid-area: 4/4/7/6;
    text-align: left;
  }
  .article_section--05 .article_modelitem-col.--02 .font_en {
    transform: translate(calc(16* (100vw / 1200)), calc(-10* (100vw / 1200)));
  }
  .article_section--05 .article_modelitem-col.--03{
    width: 100%;
    grid-area: 1/5/4/7;
    text-align: left;
  }
  .article_section--05 .article_modelitem-col.--03 .font_en {
    transform: translateY(calc(-5* (100vw / 1200)));
  }
  /* article_section--06 */
  .article_section--06{
    margin: calc(90* (100vw / 1200)) auto 0;
  }
  .article_section--06 .article_section--wrapper{
    display: block;
    text-align: left;
  }
  .article_section--06 .article_modelitem-col.--01{
    width: calc(438* (100vw / 1200));
    margin: 0 auto 0 calc(276* (100vw / 1200));
    text-align: left;
  }
  .article_section .article_modelitem-col.--01 .article_modelitem--txt {
      text-align: left;
  }
  .article_section--06 .article_modelitem-col.--01 .font_en {
    transform: translateX(calc(0* (100vw / 1200)));
  }
  .article_section--06 .article_modelitem--flex{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    justify-content: center;
    gap: calc(20* (100vw / 1200));
    width: calc(903* (100vw / 1200));
    margin: calc(136* (100vw / 1200)) auto auto;
  }
  .article_section--06 .article_modelitem-col.--02{
    width: 100%;
  }
  .article_section--06 .article_modelitem-col.--02 .font_en {
    transform: translateX(calc(0* (100vw / 1200)));
  }
  .article_section--06 .article_modelitem-col.--03{
    width: 100%;
  }
  .article_section--06 .article_modelitem-col.--03 .article_modelitem--txt {
    text-align: left;
  }
  .article_section--06 .article_modelitem-col.--04 {
    width: calc(490* (100vw / 1200));
    margin: calc(125* (100vw / 1200)) calc(220* (100vw / 1200)) 0 auto;
  }
  .article_section--06 .article_modelitem-col.--04 .font_en {
    transform: translate(0, 0);
  }
  /* article_section--07 */
  .article_section--07 {
    margin-top: calc(143* (100vw / 1200));
  }
  .article_section--07 .article_modelitem{
    width: calc(980* (100vw / 1200));
    margin: auto;
    display: grid;
    grid-template-columns: calc(20* (100vw / 1200)) calc(183* (100vw / 1200)) calc(270* (100vw / 1200)) calc(145* (100vw / 1200)) calc(37* (100vw / 1200)) 1fr;
    grid-template-rows: calc(40* (100vw / 1200)) calc(540* (100vw / 1200)) calc(90* (100vw / 1200)) calc(111* (100vw / 1200)) 1fr;
  }
  .article_section--07 .article_modelitem-col.--01 {
    width: auto;
    grid-area: 1/2/4/4;
  }
  .article_section--07 .article_modelitem-col.--01 .font_en {
    transform: translate(calc(1* (100vw / 1200)), 0);
  }
  .article_section--07 .article_modelitem-col.--02 {
    text-align: left;
    width: auto;
    grid-area: 6/3/7/6;
  }
  .article_section--07 .article_modelitem-col.--02 .font_en {
    /* transform: translate(calc(25* (100vw / 1200)), calc(-1* (100vw / 1200))); */
  }
  .article_section--07 .article_modelitem-col.--03 {
    width: auto;
    grid-area: 2/5/4/7;
    text-align: left;
  }
  /* article_section--08 */
  .article_section--08 {
    margin-top: calc(112* (100vw / 1200));
  }
  .article_section--08 .article_modelitem-col.--01 {
    width: calc(406* (100vw / 1200));
    margin: calc(166* (100vw / 1200)) auto 0 calc(138* (100vw / 1200));
  }
  .article_section--08 .article_modelitem-col.--02 {
    width: calc(430* (100vw / 1200));
    margin: 0 calc(90* (100vw / 1200)) 0 0;
    text-align: left;
  }
  .article_section--08 .article_modelitem-col.--03 {
    width: calc(494* (100vw / 1200));
    margin: calc(48* (100vw / 1200)) 0 0 auto;
  }
  /* article_section--09 */
  .article_section--09 {
    position: relative;
    width: calc(1200* (100vw / 1200));
    margin: calc(130* (100vw / 1200)) 0 0 auto;
  }
  .article_section--09 .article_modelitem-col.--01 .font_en {
    position: absolute;
    right: calc(22* (100vw / 1200));
    bottom: calc(6* (100vw / 1200));
    transform: translateX(calc(0* (100vw / 1200)));
    color: #fff;
    z-index: 10;
  }
  .F0130 .endview{
    text-align: center;
  }
  .F0130 .endview .endview--ttl{
    width: calc(325* (100vw / 1200));
    margin: auto;
  }
  .F0130 .endview .endview_staff {
    font-feature-settings: "palt";
    font-family: acumin-pro-wide, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: calc(10.6* (100vw / 1200));
    line-height: 1.6;
    letter-spacing: 0;
    text-align: center;
    margin: calc(-12* (100vw / 1200)) auto 0;
  }
  .F0130 .endview_btn {
    text-align: center;
    display: block;
    font-feature-settings: "palt";
    font-family: acumin-pro-wide, sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: calc(15* (100vw / 1200));
    letter-spacing: 0.03em;
    margin: calc(27* (100vw / 1200)) auto calc(200* (100vw / 1200));
  }
}



.F0130 .fade {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translateY(50px);
}
.F0130 .fade.active {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (min-width: 768px) {
  .F0130 .fade_pc {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(50px);
  }
  .F0130 .fade_pc.active {
    opacity: 1;
    transform: translateY(0);
  }
}
@media screen and (max-width: 767px) {
  .F0130 .fade_sp {
    opacity: 0;
    transition-duration: 1.2s;
    transform: translateY(50px);
  }
  .fade_sp.active {
    opacity: 1;
    transform: translateY(0);
  }
}

@media screen and (min-width: 768px) {
  .F0130 .fade.slideInL {
    transform: translateX(-50px);
  }
  .F0130 .fade.active.slideInL {
    animation: animaInL 2s .1s cubic-bezier(.16,1,.3,1) forwards;
  }
  @keyframes animaInL {
    from {
        -webkit-transform: translate(-50px, 0);
        transform: translate(-50px, 0);
    }
  
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
  }
  .F0130 .fade.active.slideInR {
    transform: translateX(50px);
  }
    .F0130 .fade.active.slideInR {
    animation: animaInR 2s .1s cubic-bezier(.16,1,.3,1) forwards;
  }
  @keyframes animaInR {
    from {
        -webkit-transform: translate(50px, 0);
        transform: translate(50px, 0);
    }
  
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
  }
}

.wrapBottom{
  overflow-x:hidden;
}