@charset "UTF-8";
.header {
  position: fixed;
  top: 0;
}

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

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                SETTING
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.aoure_240228 {
  --color-white: #fff;
  --color-black: #000;
  --bg-black: #333333;
  --bg-pouple: #d1d0e0;
  --font-gothic-txt: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", Arial, "メイリオ", "Meiryo", sans-serif;
  --font-hiragino: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Hiragino Sans", sans-serif;
  --font-nimbus: "nimbus-sans", sans-serif;
  --font-trajan: "trajan-pro-3", serif;
  width: 100%;
  overflow: hidden;
  color: var(--color-white);
  background-color: var(--color-black);
  font-weight: 500;
  font-feature-settings: "palt";
}

.aoure_240228 picture {
  width: 100%;
  height: 100%;
}
.aoure_240228 img,
.aoure_240228 video,
.aoure_240228 svg {
  display: block;
  width: 100%;
  height: auto;
}
.aoure_240228 .font_ja {
  font-family: var(--font-gothic-txt);
  font-weight: 500;
  font-feature-settings: "palt";
}
.aoure_240228 .font_en {
  font-family: var(--font-goldenbook-txt);
  font-weight: 400;
}

.aoure_240228 span {
  display: block;
}

.aoure_240228 a {
  display: block;
  text-decoration: none;
  color: inherit;
  -webkit-transition: opacity 1s ease;
  transition: opacity 1s ease;
}

.aoure_240228 .pc {
  display: none !important;
}

@media only screen and (min-width: 768px), print {
  .aoure_240228 .sp {
    display: none !important;
  }
  .aoure_240228 .pc {
    display: block !important;
  }
  .header{
    position: relative;
    background: #000;

  }
  .header__wrapper{
    background: #000;
    margin: 100px 0 0;
    padding-bottom: 40px;
  }
}

.aoure_240228 .sec_sub_head{
  text-align: center;
  font-size: calc(26* (100vw / 750 ));
  line-height: 2.05;
  letter-spacing: 0.075em;
  margin-top: calc(25* (100vw / 750 ));
  position: relative;
  z-index: 2;
}

.aoure_240228 .sec_sub_head .text{
  width: fit-content;
  margin: auto;
  transform: translateY(20px);
}

.aoure_240228 .sec_sub_head .line{
  position: absolute;
  height: 1px;
  bottom: calc(10* (100vw / 750 ));
  left: 0;
  background: #fff;
}

.aoure_240228 .sec_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(26* (100vw / 750 ));
  margin-top: calc(53* (100vw / 750 ));
}

.aoure_240228 .sec_list a{
  text-decoration: underline;
  letter-spacing: 0.05em;
  font-size: calc(24* (100vw / 750 ));
}

.aoure_240228 .sec_text{
  width: calc(650* (100vw / 750 ));
  margin: auto;
  margin-top: calc(92* (100vw / 750 ));
  text-align: justify;
  letter-spacing: 0.05em;
  font-size: calc(24* (100vw / 750 ));
  line-height: 1.8;
  position: relative;
  z-index: 2;
}

@media only screen and (min-width: 768px), print {
  .aoure_240228 .sec_sub_head{
    font-size: 1.6rem;
    line-height: 2.25;
    margin-top: 0;
  }
  .aoure_240228 .sec_sub_head .text{
    width: fit-content;
    margin: 0;
    transform: translateY(20px);
  }

  .aoure_240228 .sec_list {
    gap: 1.3rem;
    margin-top: 3.8rem;
  }
  
  .aoure_240228 .sec_list a{
    font-size: 1.2rem;
  }
  .aoure_240228 .sec_text{
    width: 100%;
    margin-top: 3rem;
    font-size: 1.4rem;
    line-height: 1.9;
    position: relative;
    z-index: 2;
  }
  .aoure_240228 .sec{
    width: 140rem;
    margin: auto
  }

  .aoure_240228 .sec_sub_head .line{
    bottom: 1rem;
  }

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                COMMON
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.aoure_240228 .mv{
  position: relative;
  width: 100%;
}

.aoure_240228 .mv_head{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: calc(364* (100vw / 750 ));
  height: calc(94* (100vw / 750 ));
  background-image: url(../img/mv_bg.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.aoure_240228 .mv_head_wrap{
  position: relative;
}

.aoure_240228 .mv_head_wrap span:first-of-type{
  width: calc(490* (100vw / 750 ));
  /* margin: auto; */
  /* margin-top: calc(10* (100vw / 750 )); */
  position: absolute;
  top: calc(-130* (100vw / 750 ));
  left: calc(-60* (100vw / 750 ));
}

.aoure_240228 .mv_head_wrap span:nth-of-type(2){
  /* position: relative; */
}

.aoure_240228 .mv_head_wrap span:nth-of-type(2)::before{
  content: "";
  position: absolute;
  top: calc(18* (100vw / 750 ));
  left: 7%;
  transform: translateX(-50%);
  height: 1px;
  background: #fff;
}

.aoure_240228 .mv_head_wrap span:nth-of-type(2)::after{
  content: "";
  position: absolute;
  top: calc(76* (100vw / 750 ));
  left: 7%;
  transform: translateX(-50%);
  height: 1px;
  background: #fff;
}

.aoure_240228 .mv_head_wrap span:last-of-type{
  width: calc(314* (100vw / 750 ));
  margin: auto;
  position: absolute;
  top: calc(35* (100vw / 750 ));
  left: calc(24* (100vw / 750 ));
}

.aoure_240228 .mv_text {
  line-height: 2;
  letter-spacing: 0.1em;
  font-size: calc(23* (100vw / 750 ));
  text-align: center;
  margin-top: calc(110* (100vw / 750 ));
  font-feature-settings: "palt";
}

@media only screen and (min-width: 768px), print {
  .aoure_240228 .mv_head{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 33.6rem;
    /* height: 11rem; */
    background-image:none;
  }
  
  .aoure_240228 .mv_head_wrap {
    position: initial;
  }

  .aoure_240228 .mv_head_wrap span:first-of-type{
    width: 35rem;
    margin: auto;
    top: 293%;
    left: 0;
  }
  
  .aoure_240228 .mv_head_wrap span:nth-of-type(2)::before{
    content: "";
    position: absolute;
    top: 355%;
    left: 7%;
    transform: translateX(-50%);
    height: 1px;
    background: #fff;
  }
  
  .aoure_240228 .mv_head_wrap span:nth-of-type(2)::after{
    content: "";
    position: absolute;
    top: 382%;
    left: 7%;
    transform: translateX(-50%);
    height: 1px;
    background: #fff;
  }
  
  .aoure_240228 .mv_head_wrap span:last-of-type{
    width: 27.8rem;
    margin: auto;
    top: 363%;
    left: 3rem;
  }
  
  .aoure_240228 .mv_text {
    line-height: 2.3;
    letter-spacing: 0.15em;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 10.6rem;
  }
  
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                firstview
//////////////////////////////////////////////////////////////////////////////////////////////
*/


.aoure_240228 .sec.--01 {
  margin-top: calc(110* (100vw / 750 ));
}

.aoure_240228 .sec.--01 .sec_img {
  width: 100%;
}

.aoure_240228 .sec.--01 .sec_img_02 {
  width: calc(530* (100vw / 750 ));
  margin: auto;
  margin-top: calc(105* (100vw / 750 ));
}

.aoure_240228 .sec.--01 .sec_img_03 > a{
  width: calc(460* (100vw / 750 ));
  margin-left: calc(45* (100vw / 750 ));
  margin-top: calc(110* (100vw / 750 ));
}

.aoure_240228 .sec.--01 .sec_img_04 {
  position: relative;
  width: calc(460* (100vw / 750 ));
  margin-left: auto;
  margin-right: calc(50* (100vw / 750 ));
  margin-top: calc(80* (100vw / 750 ));
}

.aoure_240228 .sec.--01 .sec_img_04 a{
  position: relative;
  z-index: 2;
}

.aoure_240228 .sec.--01 .sec_img_04::before {
  content: "";
  position: absolute;
  background-image: url(../img/img01_05.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(530* (100vw / 750 ));
  height: calc(652* (100vw / 750 ));
  top: calc(250* (100vw / 750 ));
  left: calc(-240* (100vw / 750 ));
  z-index: 1;
  opacity: 0.6;
}


.aoure_240228 .sec.--01 .sec_img_04 .sec_list{
  justify-content: flex-start;
}


.aoure_240228 .sec.--01 .sec_img_05 {
  position: relative;
  width: calc(460* (100vw / 750 ));
  margin-left: calc(50* (100vw / 750 ));
  margin-top: calc(90* (100vw / 750 ));
}


.aoure_240228 .sec.--01 .sec_img_05 a{
  position: relative;
  z-index: 2;
}

.aoure_240228 .sec.--01 .sec_img_05 .sec_list{
  justify-content: flex-end;
}

.aoure_240228 .sec.--01 .sec_img_05::before {
  content: "";
  position: absolute;
  background-image: url(../img/img01_07.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(420* (100vw / 750 ));
  height: calc(518* (100vw / 750 ));
  top: calc(457* (100vw / 750 ));
  right: calc(-248* (100vw / 750 ));
  z-index: 1;
  opacity: 0.6;
}

@media only screen and (min-width: 768px), print {

  .aoure_240228 .sec.--01 .sec_sub_head .text{
    margin: 0;
  }

  .aoure_240228 .sec.--01 {
    margin-top: 11.4rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--01 {
    display: flex;
    align-items: flex-start;
  }
  
  .aoure_240228 .sec.--01 .sec_img {
    width: 76rem;
    margin-right: 5.4rem;
  }
  
  .aoure_240228 .sec.--01 .sec_sub_head {
    margin: 0;
    margin-top: 9.3rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--02 {
    margin-top: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
  }
  
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--02 .sec_text{
    margin: 0;
    margin-bottom: -1rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_02 {
    width: 43rem;
    margin: 0;
    margin-top: -31rem;
    margin-left: 6.2rem;
    margin-right: 15rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--03{
    position: relative;
  }
  
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--03 .sec_text{
    position: absolute;
    width: 77.4rem;
    left: 0;
    top: 58.5rem;
    z-index: 2;
    margin: 0;
  }
  
  .aoure_240228 .sec.--01 .sec_img_03{

    position: relative;
    z-index: 2;
  }
  
  
  .aoure_240228 .sec.--01 .sec_img_03 > a{
    width: 36rem;
    margin-left: 0;
    margin-top: 0;
  }
  
  .aoure_240228 .sec.--01 .sec_text{
    width: 44.4rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--03 {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 77.4rem;
    margin: auto;
    margin-top: 15rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_04 {
    position: relative;
    width: 36rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
  }
  
  .aoure_240228 .sec.--01 .sec_img_04::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 43rem;
    height: 53rem;
    top: 44rem;
    left: -57rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--04{
    width: 36rem;
    margin: auto;
  }
  
  .aoure_240228 .sec.--01 .sec_img_wrap.--04 .sec_text{
    width: 100%;
    position: relative;
    z-index: 2;
  }

  .aoure_240228 .sec.--01 .sec_img_05 {
    position: relative;
    width: 36rem;
    margin-left:0;
    margin-top: 21rem;
  }
  
  .aoure_240228 .sec.--01 .sec_img_05::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    width: 31rem;
    height: 39rem;
    top: 26rem;
    right: -26.4rem;
  }

  .aoure_240228 .sec.--01 .sec_img_04 .sec_list{
    justify-content: center;
  }

  .aoure_240228 .sec.--01 .sec_img_05 .sec_list{
    justify-content: center;
  }
  

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                section_1
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.aoure_240228 .sec.--02 {
  margin-top: calc(164* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img {
  margin-top: calc(-40* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img_02 {
  width: calc(600* (100vw / 750 ));
  margin: auto;
  margin-top: calc(80* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img_03 {
  width: calc(460* (100vw / 750 ));
  margin-left: auto;
  margin-top: calc(130* (100vw / 750 ));
  margin-right: calc(48* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img_03 .sec_list{
  justify-content: flex-start;
}

.aoure_240228 .sec.--02 .sec_img_04 {
  margin-top: calc(80* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img_04 img{
  opacity: 0.6;
}

.aoure_240228 .sec.--02 .sec_img_05 {
  width: calc(460* (100vw / 750 ));
  margin-left: calc(52* (100vw / 750 ));
  margin-top: calc(-44* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img_05 .sec_list{
  justify-content: flex-end;
}

.aoure_240228 .sec.--02 .sec_img_06 {
  width: calc(460* (100vw / 750 ));
  margin-left: auto;
  margin-right: calc(52* (100vw / 750 ));
  margin-top: calc(81* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img_06 .sec_list{
  justify-content: flex-start;
}

.aoure_240228 .sec.--02 .sec_img_wrap.--01 .sec_list{
  width: calc(468* (100vw / 750 ));
  margin: auto;
  margin-top: calc(77* (100vw / 750 ));
}

.aoure_240228 .sec.--02 .sec_img_wrap.--02 .sec_text{
  letter-spacing: 0.04em;
}

@media only screen and (min-width: 768px), print {

  .aoure_240228 .sec.--02 {
    width: 100%;
    margin-top: 24.7rem;
  }

  .aoure_240228 .sec.--02 .sec_innner.--02 {
    width: 140rem;
    margin: auto;
  }

  .aoure_240228 .sec.--02 .sec_img_wrap.--01 {
    position: relative;
  }
  
  .aoure_240228 .sec.--02 .sec_img_wrap.--01 .sec_list{
    justify-content: flex-start;
    margin: 0;
    margin-left: 24rem;
    margin-top: 4rem;
    position: relative;
    z-index: 3;
  }
  
  .aoure_240228 .sec.--02 .sec_img {
    margin-top: 0;
  }
  
  .aoure_240228 .sec.--02 .sec_sub_head {
    position: absolute;
    top: 7rem;
    right: 9%;
    z-index: 2;
  }
  
  .aoure_240228 .sec.--02 .sec_img_wrap.--02 {
    position: relative;
    display: flex;
    margin-left: 29.3rem;
    margin-top: -12.4rem;
  }
  
  .aoure_240228 .sec.--02 .sec_img_wrap.--02 .sec_text {
    width: 38.4rem;
    margin: 0;
    margin-top: 22.2rem;
  }
  
  .aoure_240228 .sec.--02 .sec_img_02 {
    width: 56rem;
    margin: 0;
    margin-top: 0;
    margin-left: 6.6rem;
  }
  
  .aoure_240228 .sec.--02 .sec_img_wrap.--03 {
    position: relative;
    display: flex;
    width: 83.8rem;
    margin-left: 29rem;
  }
  
  .aoure_240228 .sec.--02 .sec_img_03_wrap {
    width: 36rem;
    margin-right: 12rem;
    position: relative;
    z-index: 2;
  }

  .aoure_240228 .sec.--02 .sec_img_03 {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
  }

  
  .aoure_240228 .sec.--02 .sec_img_04 {
    position: absolute;
    width: 130rem;
    top: 47.6rem;
    left: -24rem;
    margin-top: 0;
    z-index: 1;
  }
  
  .aoure_240228 .sec.--02 .sec_img_05_wrap {
    width:36rem;
    position: relative;
    z-index: 2;
  }
  
  .aoure_240228 .sec.--02 .sec_img_05 {
    width: 100%;
    margin-left:0 ;
    margin-top:21rem ;
  }

  .aoure_240228 .sec.--02 .sec_img_06_wrap {
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 2;
    margin-left: 29rem;
    margin-top: -14rem;
  }
  
  .aoure_240228 .sec.--02 .sec_img_06_wrap .sec_text{
    width: 37.2rem;
    margin: 0;
  }
  
  .aoure_240228 .sec.--02 .sec_img_06 {
    width: 36rem;
    margin-left: 0;
    margin-right: 4.3rem;
    margin-top: 0;
  }
  
  .aoure_240228 .sec.--02 .sec_img_06_wrap .sec_list{
    width: 100%;
    justify-content: flex-start;
    margin-top: 3rem;
  }


  .aoure_240228 .sec.--02 .sec_img_03 .sec_list{
    justify-content: center;
  }
  .aoure_240228 .sec.--02 .sec_img_05 .sec_list{
    justify-content: center;

  }

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                section_2
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.aoure_240228 .sec.--03 {
  margin-top: calc(230* (100vw / 750 ));
}

.aoure_240228 .sec.--03 .sec_innner {
  padding-top: calc(364* (100vw / 750 ));
  position: relative;
}

.aoure_240228 .sec.--03 .sec_innner::before {
  content: "";
  position: absolute;
  background-image: url(../img/img03_01.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(440* (100vw / 750 ));
  height: calc(600* (100vw / 750 ));
  top: calc(0* (100vw / 750 ));
  right: calc(0* (100vw / 750 ));
  opacity: 0.6;
}

.aoure_240228 .sec.--03 .sec_img {
  width: calc(550* (100vw / 750 ));
  margin-left: calc(50* (100vw / 750 ));
  position: relative;
  z-index: 2;
}

.aoure_240228 .sec.--03 .sec_img_02 {margin-top: calc(107* (100vw / 750 ));}

.aoure_240228 .sec.--03 .sec_img_03 {
  width: calc(480* (100vw / 750 ));
  margin: auto;
  margin-top: calc(-65* (100vw / 750 ));
}


.aoure_240228 .sec.--03 .sec_img_04 {
  margin-top: calc(84* (100vw / 750 ));
}

.aoure_240228 .sec.--03 .sec_img_04 img{
  opacity: 0.6;
}

.aoure_240228 .sec.--03 .sec_img_05 {
  width: calc(460* (100vw / 750 ));
  margin-top: calc(-40* (100vw / 750 ));
  margin-left: calc(46* (100vw / 750 ));
}


.aoure_240228 .sec.--03 .sec_img_06 {
  width: calc(460* (100vw / 750 ));
  margin-top: calc(95* (100vw / 750 ));
  margin-left: auto;
  margin-right: calc(50* (100vw / 750 ));
}

.aoure_240228 .sec.--03 .sec_img_06 .sec_list{
  justify-content: flex-start;
}

.aoure_240228 .sec.--03 .sec_img_wrap.--03 .sec_list{
  width: calc(485* (100vw / 750 ));
  margin-left: auto;
  margin-right: auto;
}



@media only screen and (min-width: 768px), print {

  .aoure_240228 .sec.--03 {
    margin-top: 23rem;
  }
  
  .aoure_240228 .sec.--03 .sec_innner {
    padding-top: 10rem;
    position: relative;
  }
  
  .aoure_240228 .sec.--03 .sec_innner::before {
    content: "";
    position: absolute;
    background-image: url(../img/img03_01.png);
    background-repeat: no-repeat;
    background-size: contain;
    width:44rem;
    height: 60rem;
    top: 0;
    right: 0;
  }
  
  .aoure_240228 .sec.--03 .sec_img {
    width: 45rem;
    margin-left: 13rem;
    margin-top: 1rem;
  }
  
  .aoure_240228 .sec.--03 .sec_img_wrap.--02 {
    position: relative;
    width: 80rem;
    margin-left: auto;
    margin-right: 10.4rem;
    margin-top: -43rem;
  }
  
  .aoure_240228 .sec.--03 .sec_img_02 {
    margin-top: 0;
  }
  
  .aoure_240228 .sec.--03 .sec_sub_head {
    position: absolute;
    top: 1rem;
    right: 5rem;
    z-index: 2;
  }
  
  .aoure_240228 .sec.--03 .sec_img_wrap.--03 {
    position: relative;
  }
  
  .aoure_240228 .sec.--03 .sec_img_03_wrap {
    display: flex;
  }
  
  .aoure_240228 .sec.--03 .sec_img_03_wrap .sec_text_wrap{
    width: 57.7rem;
  }
  
  .aoure_240228 .sec.--03 .sec_img_03 {
    width: 38rem;
    margin: 0;
    margin-left: 24rem;
    margin-top: -30rem;
    margin-right: 9.2rem;
    position: relative;
    z-index: 2;
  }
  
  .aoure_240228 .sec.--03 .sec_img_04 {
    margin-top: 0;
    position: absolute;
    width: 130rem;
    top: 14.8rem;
    left: 5rem;
    z-index: 1;
  }
  
  .aoure_240228 .sec.--03 .sec_img_wrap.--04 {
    position: relative;
    z-index: 2;
    display: flex;
    width: 80.2rem;
    /* margin: auto; */
    margin-top: 12rem;
    margin-left: 32.2rem;
  }
  
  .aoure_240228 .sec.--03 .sec_img_05 {
    width: 36rem;
    margin-top: 0;
    margin-left: 0;
    margin-right: 8.5rem;
  }
  
  
  .aoure_240228 .sec.--03 .sec_img_06 {
    width: 36rem;
    margin-top: 9rem;
    margin-left: 0;
    margin-right: 0;
  }
  
  .aoure_240228 .sec.--03 .sec_img_wrap.--04 .sec_text{
    justify-content: flex-start;
  }
  
  .aoure_240228 .sec.--03 .sec_img_06 .sec_text{
    width: 39.2rem;
  }
  
  .aoure_240228 .sec.--03 .sec_img_wrap.--03 .sec_list{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-end;
    margin-bottom: 4rem;
  }
  
  .aoure_240228 .sec.--03 .sec_img_05_wrap .sec_list{
    width: 36rem;
  }
  
  .aoure_240228 .sec.--03 .sec_img_05_wrap .sec_text{
    width: 39rem;
    margin-left: 0;
  }
  

}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                STAMPエリア
//////////////////////////////////////////////////////////////////////////////////////////////
*/


.aoure_240228 .font_en{
  font-size: calc(30* (100vw / 750 ));
  font-weight: 400;
  letter-spacing: 0.037em;
  text-align: center;
  width: fit-content;
  margin: auto;
  border-bottom: 1px solid #fff;
  padding-bottom: 2px;
  margin-top: calc(184* (100vw / 750 ));
  margin-bottom: calc(74* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .aoure_240228 .font_en{
    font-size: 1.8rem;
    letter-spacing: 0em;
    margin-top: 16.3rem;
    margin-bottom: 7.2rem;
  }
}

#Foot{
  background: #000;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                ラストエリア
//////////////////////////////////////////////////////////////////////////////////////////////
*/


/*
//////////////////////////////////////////////////////////////////////////////////////////////
                                                                                アニメーション
//////////////////////////////////////////////////////////////////////////////////////////////
*/

.aoure_240228 .fade {
  opacity: 0;
  transition: opacity 1s ease;
}


.aoure_240228 .fade.fade_in {
  opacity: 1;
}

.aoure_240228 .line {
  opacity: 0;
  width: 0;
  transition: opacity 1s ease, width 1s ease;
}

.aoure_240228 .line.fade_in {
  opacity: 1;
  width: 100%;
}

.aoure_240228 .fade_blur {
  opacity: 0;
  filter: blur(10px);
  transition: opacity 1s ease, filter 1s ease;
}
.aoure_240228 .fade_blur.fade_in {
  opacity: 1;
  filter: blur(0);
}

.aoure_240228 .fade_up {
  opacity: 0;
  transform: translateY(calc(20* (100vw / 750 )));
  transition: opacity 1s ease, transform 1s ease;
}


@media only screen and (min-width: 768px), print {
  .aoure_240228 .fade_up {
    transform: translateY(1.5rem);
  }
}
.aoure_240228 .fade_up.fade_in {
  opacity: 1;
  transform: translateY(0);
}

.aoure_240228 .right_slide {
  opacity: 0;
  transform: translateX(-1.5rem);
  transition: opacity 1s ease, transform 1s ease;
}
.aoure_240228 .right_slide.fade_in {
  opacity: 1;
  transform: translateX(0);
}

.aoure_240228 .left_slide {
  opacity: 0;
  transform: translateX(1.5rem);
  transition: opacity 1s ease, transform 1s ease;
}

.aoure_240228 .left_slide.fade_in {
  opacity: 1;
  transform: translateX(0);
}


.aoure_240228 .mv_head_wrap .mv_line::before {
  opacity: 0;
  width:0;
  transition: opacity 1s ease, transform 1s ease , width 1s ease;
  transform: scale(1, 0);
}

.aoure_240228 .mv_head_wrap .mv_line::after {
  opacity: 0;
  width:0;
  transition: opacity 1s ease, transform 1s ease , width 1s ease;
  transform: scale(1, 0);
  
}

.aoure_240228 .mv_head_wrap .mv_line.fade_in::before {
  opacity: 1;
  transform: scale(1, 1);
  width: calc(321* (100vw / 750 ));
}

.aoure_240228 .mv_head_wrap .mv_line.fade_in::after {
  opacity: 1;
  transform: scale(1, 1);
  width: calc(321* (100vw / 750 ));
}

@media only screen and (min-width: 768px), print {
  .aoure_240228 .mv_head_wrap .mv_line.fade_in::before {
    width: 29.2rem;
  }

  .aoure_240228 .mv_head_wrap .mv_line.fade_in::after {
    width: 29.2rem;
  }
}

#header .header__inner svg{
  fill: #fff;
}
#header .header__inner .cls-4{
  stroke: #fff;
}
.header .navigation__icon--user a{
  color: #fff;
}

.header .drawer-btn__border{
  background: #fff;
}
.header .drawer-btn__border::before, .header .drawer-btn__border::after{
  background: #fff;
}

.header.is-open .drawer-btn__border::before, .header.is-open .drawer-btn__border::after{
  background: #000;
}