@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
:root {
  --vw-scale: 100vw/750;
}
body{
    font-size: 3.5vw;
    color:#fff;
    background-color:#f0eee7;
}
a:hover{
    opacity:.7;
    transition: opacity 300ms;
    color:#ccc;
}
.pc{display:none !important;}
.sp{display:block !important;}
p{color:#fff;}

.anchPoint {
  margin-top: -60px;
  padding-top: 60px;
}

a:visited {
  color: #fff;
}


/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
  padding: calc(110*var(--vw-scale)) 0 calc(170*var(--vw-scale));
  position: relative;
  margin:0 auto;
  background-color:#040a1b;
  background-image: url(../img/sp/bk_01.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-01 .new_01{
  position: absolute;
  top: calc(448*var(--vw-scale));
  right: calc(54*var(--vw-scale));
  width: calc(148*var(--vw-scale));
}
.c-section-01 .title_01{
  margin: 0 auto calc(810*var(--vw-scale));
  width: calc(450*var(--vw-scale));
}
.c-section-01 .lead_01{
  margin-bottom: calc(120*var(--vw-scale));
}
.c-section-01 .lead_01 .line01{
  margin: 0 auto;
  width: calc(405*var(--vw-scale));
}
.c-section-01 .lead_01 .line02{
  margin: calc(44*var(--vw-scale)) auto;
  width: calc(540*var(--vw-scale));
}
.c-section-01 .lead_01 .line03{
  margin: 0 auto;
  width: calc(655*var(--vw-scale));
}
.c-section-01 .lead_01 .line04{
  margin: calc(44*var(--vw-scale)) auto 0;
  width: calc(360*var(--vw-scale));
}
.c-section-01 .lead_01.js-fadein-up {
  opacity: 1 !important;
  transform: none !important;
}
.c-section-01 .lead_01.js-fadein-up>* {
  opacity: 0;
  transform: translateY(50px);
}
.c-section-01 .lead_01.js-fadein-up.is-active>* {
  opacity: 1;
  transform: translateY(0);
  transition: transform 1.4s, opacity 1.4s;
}
.c-section-01 .lead_01.js-fadein-up.is-active .line02 {
  transition-delay: .3s;
}
.c-section-01 .lead_01.js-fadein-up.is-active .line03 {
  transition-delay: .6s;
}
.c-section-01 .lead_01.js-fadein-up.is-active .line04 {
  transition-delay: .9s;
}






.c-section-01 .item_01{
}
.c-section-01 .name{
  margin: 0 auto calc(22*var(--vw-scale));
  padding: 0 calc(20*var(--vw-scale)) calc(26*var(--vw-scale));
  border-bottom: 1px solid #fff;
  width: calc(550*var(--vw-scale));
}
.c-section-01 .price{
  margin: 0 auto;
  width: calc(238*var(--vw-scale));
}
.c-section-01 .present{
  margin: calc(54*var(--vw-scale)) auto calc(18*var(--vw-scale));
  width: calc(488*var(--vw-scale));
}
.c-section-01 .btn_area{
  margin: 0 auto;
  width: calc(446*var(--vw-scale));
}
.c-section-01 .note{
  margin: calc(60*var(--vw-scale)) auto calc(20*var(--vw-scale));
  width: calc(676*var(--vw-scale));
  text-align: right;
  opacity: 0.6;
  font-size: calc(20*var(--vw-scale));
  font-weight: 500;
}
.c-section-01 .lead_02{
  margin: 0 auto;
  width: calc(676*var(--vw-scale));
}
.c-section-01 .box_02{
  margin: calc(100*var(--vw-scale)) auto calc(170*var(--vw-scale));
  width: calc(608*var(--vw-scale));
}
.c-section-01 .box_03{
}
.c-section-01 .box_03_title{
  margin: 0 auto calc(640*var(--vw-scale));
  width: calc(488*var(--vw-scale));
}
.c-section-01 .box_03_text{
  margin: 0 auto;
  width: calc(680*var(--vw-scale));
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
  padding: calc(140*var(--vw-scale)) 0 calc(20*var(--vw-scale));
  position: relative;
  background-image: url(../img/sp/bk_02.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-02 .lead_03{
  margin: 0 auto calc(686*var(--vw-scale));
  width: calc(598*var(--vw-scale));
}
.c-section-02 .note{
  margin: 0 calc(22*var(--vw-scale)) calc(126*var(--vw-scale)) 0;
  text-align: right;
  opacity: 0.6;
  color: #000;
  font-size: calc(20*var(--vw-scale));
  font-weight: 500;
}




.c-section-02 .tit_03{
  margin: 0 auto calc(58*var(--vw-scale));
  width: calc(150*var(--vw-scale));
}
.c-section-02 .c-list-02__item{
  height: auto;
}
.c-list-02 .swiper-button-next {
  right: calc(36*var(--vw-scale));
}
.c-list-02 .swiper-button-prev {
  left: calc(36*var(--vw-scale));
}
.swiper-button-next, .swiper-button-prev {
  margin: 0;
  top: calc(316*var(--vw-scale));
  width: calc(16*var(--vw-scale));
  height: calc(43*var(--vw-scale));
}
.c-list-02__slide-number{display:none;}
.c-list-02 .swiper-pagination {
  margin: calc(16*var(--vw-scale)) 0 calc(60*var(--vw-scale));
  position: static;
}
.c-list-02 .swiper-pagination-bullet {
  margin: 0 calc(8*var(--vw-scale));
    width: calc(9*var(--vw-scale));
    height: calc(9*var(--vw-scale));
    background-color: #c1c4c6;
    opacity: 1;
}
.c-list-02 .swiper-pagination-bullet:hover,
.c-list-02 .swiper-pagination-bullet-active {
    background-color: #141d55;
}
.c-section-02 .note_02{
  margin: calc(60*var(--vw-scale)) calc(22*var(--vw-scale)) 0;
  text-align: right;
  opacity: 0.6;
  color: #000;
  font-size: calc(20*var(--vw-scale));
  font-weight: 500;
}



/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
}



/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
  padding: calc(130*var(--vw-scale)) 0 calc(120*var(--vw-scale));
  background-image: url(../img/sp/bk_04.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-04__ttl{
  margin: 0 auto calc(-20*var(--vw-scale));
  width: calc(390*var(--vw-scale));
}
.c-section-04 .step {
  margin: calc(80*var(--vw-scale)) auto 0;
  width: calc(594*var(--vw-scale));
}



/* ---------------------------------------------
*   c-section-05
--------------------------------------------- */
.c-section-05 {
  padding: calc(150*var(--vw-scale)) 0;
  background-image: url(../img/sp/bk_05.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-05__ttl{
  margin: 0 auto;
  width: calc(660*var(--vw-scale));
}
.c-section-05 .box_01{
  margin: calc(76*var(--vw-scale)) auto calc(112*var(--vw-scale));
  width: calc(620*var(--vw-scale));
}
.c-section-05 .box_02{
  margin: 0 auto;
  width: calc(538*var(--vw-scale));
}
.c-section-05 .box_03{
  margin: calc(160*var(--vw-scale)) auto calc(210*var(--vw-scale));
  width: calc(632*var(--vw-scale));
}
.c-section-05__ttlsub {
  margin: 0 auto calc(70*var(--vw-scale));
  width: calc(398*var(--vw-scale));
}
.c-section-05 .lineup {
  margin: 0 auto;
  position: relative;
  width: calc(628*var(--vw-scale));
  height: calc(1767*var(--vw-scale));
  background-image: url(../img/sp/bg_step.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-05 [class*="item0"] {
  position: absolute;
}
.c-section-05 .item01 {
  top: calc(114*var(--vw-scale));
  left: calc(82*var(--vw-scale));
  width: calc(508*var(--vw-scale));
}
.c-section-05 .item02 {
  top: calc(466*var(--vw-scale));
  left: calc(88*var(--vw-scale));
  width: calc(469*var(--vw-scale));
}
.c-section-05 .item03 {
  top: calc(896*var(--vw-scale));
  left: calc(266*var(--vw-scale));
  width: calc(286*var(--vw-scale));
}
.c-section-05 .item03_01 {
  top: calc(904*var(--vw-scale));
  left: calc(25*var(--vw-scale));
  width: calc(106*var(--vw-scale));
}
.c-section-05 .item03_02 {
  top: calc(978 * var(--vw-scale));
  left: calc(100 * var(--vw-scale));
  width: calc(168 * var(--vw-scale));
}
.c-section-05 .item03_text01 {
  top: calc(946*var(--vw-scale));
  left: calc(264*var(--vw-scale));
  width: calc(282*var(--vw-scale));
}
.c-section-05 .item03_text02 {
  top: calc(1032*var(--vw-scale));
  left: calc(264*var(--vw-scale));
  width: calc(190*var(--vw-scale));
}
.c-section-05 .item04 {
  top: calc(1160*var(--vw-scale));
  left: calc(266*var(--vw-scale));
  width: calc(294*var(--vw-scale));
}
.c-section-05 .item04_01 {
  top: calc(1178*var(--vw-scale));
  left: calc(25*var(--vw-scale));
  width: calc(108*var(--vw-scale));
}
.c-section-05 .item04_02 {
  top: calc(1252 * var(--vw-scale));
  left: calc(102 * var(--vw-scale));
  width: calc(168 * var(--vw-scale));
}
.c-section-05 .item04_text01 {
  top: calc(1214*var(--vw-scale));
  left: calc(264*var(--vw-scale));
  width: calc(242*var(--vw-scale));
}
.c-section-05 .item04_text02 {
  top: calc(1306*var(--vw-scale));
  left: calc(264*var(--vw-scale));
  width: calc(260*var(--vw-scale));
}
.c-section-05 .item05 {
  top: calc(1538*var(--vw-scale));
  left: calc(60*var(--vw-scale));
  width: calc(503*var(--vw-scale));
}
.c-section-05 .note {
  opacity: 0.6;
  font-size: calc(12*var(--vw-scale));
  font-weight: 500;
}
.c-section-05 .item01 .note {
  margin-top: calc(26*var(--vw-scale));
  margin-left: calc(-12*var(--vw-scale));
  white-space: nowrap;
}
.c-section-05 .item04 .note {
  margin-top: calc(210*var(--vw-scale));
  text-align: right;
}



/* ---------------------------------------------
*   c-section-06
--------------------------------------------- */
.c-section-06 {
  padding: calc(188*var(--vw-scale)) 0 calc(20*var(--vw-scale));
  position: relative;
  background-image: url(../img/sp/bk_06.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-06 .new_02{
  position: absolute;
  top: calc(457*var(--vw-scale));
  right: calc(54*var(--vw-scale));
  width: calc(148*var(--vw-scale));
}
.c-section-06_ttl{
  margin: 0 auto calc(840*var(--vw-scale));
  width: calc(384*var(--vw-scale));
}
.c-section-06 .name{
  margin: 0 auto calc(25*var(--vw-scale));
  padding: 0 calc(25*var(--vw-scale)) calc(25*var(--vw-scale));
  border-bottom: 1px solid #fff;
  width: calc(560*var(--vw-scale));
}
.c-section-06 .price{
  margin: 0 auto;
  width: calc(238*var(--vw-scale));
}
.c-section-06 .present{
  margin: calc(20*var(--vw-scale)) auto calc(20*var(--vw-scale));
  width: calc(488*var(--vw-scale));
}
.c-section-06 .btn_area{
  margin: 0 auto calc(50*var(--vw-scale));
  width: calc(446*var(--vw-scale));
}
.c-section-06 .note{
  margin: 0 calc(50*var(--vw-scale)) calc(50*var(--vw-scale));
  opacity: 0.6;
  font-size: calc(20*var(--vw-scale));
  font-weight: 500;
  text-align: right;
}
.c-section-06 .set_item {
  margin: 0 auto calc(100*var(--vw-scale));
  padding: calc(80*var(--vw-scale)) 0 0;
  position: relative;
  width: calc(666*var(--vw-scale));
  height: calc(1130*var(--vw-scale));
  background-image: url(../img/sp/bg_set.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-06 .lead_set {
  margin: 0 auto;
  width: calc(390*var(--vw-scale));
}
.c-section-06 .img {
  margin: calc(60*var(--vw-scale)) auto calc(40*var(--vw-scale));
  width: calc(346*var(--vw-scale));
}
.c-section-06 .name_set {
  margin: 0 auto;
  width: calc(498*var(--vw-scale));
}
.c-section-06 .price_set {
  margin: calc(20*var(--vw-scale)) auto calc(50*var(--vw-scale));
  width: calc(326*var(--vw-scale));
}
.c-section-06 .set_item .btn_area {
  margin: 0 auto;
  width: calc(445*var(--vw-scale));
}
.c-section-06 ul {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  width: calc(666*var(--vw-scale));
  gap: calc(30*var(--vw-scale));
}
.c-section-06 .note_02{
  margin: calc(80*var(--vw-scale)) calc(20*var(--vw-scale)) 0;
  opacity: 0.6;
  font-size: calc(20*var(--vw-scale));
  font-weight: 500;
  text-align: right;
}



/* ---------------------------------------------
*   c-section-08
--------------------------------------------- */
.c-section-08 {
  position: relative;
  margin:0 auto;
  height:180vw;
  background-color:#06023e;
  margin-bottom:-1vw;
}
.c-section-08 .c-section-08__ttl{
  width: 67vw;
  margin: auto;
  padding-top: 22vw;
  margin-bottom: 11.4vw;
}
.c-section-08 .box_01{
  width: 84vw;
  margin-left: 8.1vw;
}

.c-section-08 .box_01 .left_area img{

}

.c-section-08 .box_01 .link{
  width: 29.2vw;
  margin: auto;
}
.c-section-08 .lead{
  width: 82vw;
  margin-top: 11vw;
  margin-bottom: 12vw;
}
.c-section-08 .box_02{
  width: 93vw;
  margin: 12vw 0 0 3.5vw;
}
.c-section-08 .box_02 video{
width:100%;
aspect-ratio: 16 / 9;
}
.c-section-08 .title_yt{
  width: 64vw;
  margin: 6vw auto;
}
/* ---------------------------------------------
*   c-section-09
--------------------------------------------- */
.c-section-09 {
    position: relative;
    margin:0 auto;
     height:calc(100vw - 64px);
    background-color:#f0eee7;
  margin-bottom:-1vw;
}
.c-section-09 .c-section-09__ttl{
  width: 83vw;
  margin-left: 9vw;
  padding-top: 21vw;
  margin-bottom: 9vw;
}
.c-section-09 .box_01{
  width: 85vw;
  margin-left: 7vw;
}
.c-section-09 .box_01 .left_area{
  margin-bottom: 3vw;
}
.c-section-09 .box_01 .left_area img{
}
.c-section-09 .box_01 .right_area{
}
.c-section-09 .box_01 .detail{
  padding-bottom: 3vw;
  line-height: 1.9;
  letter-spacing: -1px;
  color: #081d5e;
}
.c-section-09 .box_01 ul{
    color:#666;
    font-size: 1rem;
    margin-left:1rem;
}
.c-section-09 .text_02{
}
.c-section-09 .box_02{
  width: 87vw;
  margin: 12vw 0 0 6vw;
}
.c-section-09 .box_02 .left_area{
  margin-bottom: 12vw;
}
.c-section-09 .box_02 .right_area{

}
.pagetop {
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  position: fixed;
  bottom: 115px;
  right: 10px;
  width: 50px;
  z-index: 99;
}


/* ---------------------------------------------
*   movie
--------------------------------------------- */

/* movie common */
#yt-wrap {
  margin: 0 auto;
  width: 100%;
}
#yt-block {
  margin: 0 auto;
  position: relative;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.videoWrapper:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: calc(100% + 1px);
  background-image: url("../img/sp/movie_thumb-sp.webp");
  background-color: #000;
  background-size: cover;
}

.videoWrapper.pv:after {
  display: none;
}

#play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 46px;
  height: 46px;
  cursor: pointer;
  opacity: .7;
}
#play:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  content: "";
  background: url("../img/btn_movie.png") no-repeat;
  background-size: cover;
  display: inline-block;
  width: 46px;
  height: 46px;
}