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

 .sample{
  position: absolute;
  top: 2px;
  z-index: 9;
  opacity: .5;
  /*display:none;*/
 }
section[class*="c-section"] {
  container-type: inline-size;
}


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

.l-header-nav__list {
  width: 45vw;
}

.footer .footer__sitemap .sitemap__links .links__secondary .links__secondary__list .links__secondary__item {
  margin: 0 5px !important;
}


/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
  padding-bottom: calc(186*var(--vw-scale));
  position: relative;
  margin:0 auto;
  background-color:#040a1b;
  background-image: url(../img/bk_01.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-01 .new_01{
  position: absolute;
  top: calc(225*var(--vw-scale));
  right: calc(145*var(--vw-scale));
  width: calc(108*var(--vw-scale));
}
.c-section-01 .title_01{
  margin: calc(313*var(--vw-scale)) 0 calc(340*var(--vw-scale)) calc(172*var(--vw-scale));
  width: calc(450*var(--vw-scale));
}
.c-section-01 .lead_01{
  margin-bottom: calc(94*var(--vw-scale));
}
.c-section-01 .lead_01 .line01{
  margin: 0 auto;
  width: calc(380*var(--vw-scale));
}
.c-section-01 .lead_01 .line02{
  margin: calc(45*var(--vw-scale)) auto;
  width: calc(686*var(--vw-scale));
}
.c-section-01 .lead_01 .line03{
  margin: 0 auto;
  width: calc(615*var(--vw-scale));
}
.c-section-01 .lead_01 .line04{
  margin: calc(45*var(--vw-scale)) auto 0;
  width: calc(338*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-bottom: calc(26*var(--vw-scale));
  border-bottom: 1px solid #fff;
  width: calc(414*var(--vw-scale));
}
.c-section-01 .price{
  margin: 0 auto;
  width: calc(214*var(--vw-scale));
}
.c-section-01 .present{
  margin: calc(34*var(--vw-scale)) auto calc(13*var(--vw-scale));
  width: calc(340*var(--vw-scale));
}
.c-section-01 .btn_area{
  margin: 0 auto;
  width: calc(340*var(--vw-scale));
}
.c-section-01 .note{
  margin: calc(56*var(--vw-scale)) auto calc(12*var(--vw-scale));
  width: calc(676*var(--vw-scale));
  text-align: right;
  opacity: 0.6;
  font-size: calc(12*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(184*var(--vw-scale)) auto calc(193*var(--vw-scale));
  width: calc(1004*var(--vw-scale));
}
.c-section-01 .box_03{
}
.c-section-01 .box_03_title{
  margin: 0 auto calc(480*var(--vw-scale));
  width: calc(464*var(--vw-scale));
}
.c-section-01 .box_03_text{
  margin: 0 auto;
  width: calc(814*var(--vw-scale));
}



/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
  padding: calc(212*var(--vw-scale)) 0 calc(64*var(--vw-scale));
  position: relative;
  background-image: url(../img/bk_02.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-02 .lead_03{
  margin: 0 0 calc(184*var(--vw-scale)) calc(160*var(--vw-scale));
  width: calc(556*var(--vw-scale));
}
.c-section-02 .note{
  margin: 0 calc(70*var(--vw-scale)) calc(96*var(--vw-scale)) 0;
  text-align: right;
  opacity: 0.6;
  color: #000;
  font-size: calc(12*var(--vw-scale));
  font-weight: 500;
}
.c-section-02 .tit_03{
  margin: 0 auto calc(58*var(--vw-scale));
  width: calc(98*var(--vw-scale));
}
.c-section-02 .note{
  margin: 0 calc(95*var(--vw-scale)) 0 0;
  text-align: right;
  opacity: 0.6;
  font-size: calc(12*var(--vw-scale));
  font-weight: 500;
}
.c-section-02 .c-list-02__item{
  height: auto;
}
.c-list-02 .swiper-button-next {
  right: calc(356*var(--vw-scale));
}
.c-list-02 .swiper-button-prev {
  left: calc(356*var(--vw-scale));
}
.swiper-button-next, .swiper-button-prev {
  margin: 0;
  top: calc(202*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(28*var(--vw-scale)) 0 calc(48*var(--vw-scale));
  position: static;
}
.c-list-02 .swiper-pagination-bullet {
  margin: 0 calc(5*var(--vw-scale));
    width: calc(6*var(--vw-scale));
    height: calc(6*var(--vw-scale));
    background-color: #b9bdbe;
    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: 0 calc(95*var(--vw-scale)) 0 0;
  color: #000;
  text-align: right;
  opacity: 0.6;
  font-size: calc(12*var(--vw-scale));
  font-weight: 500;
}



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



/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
  padding: calc(199*var(--vw-scale)) 0 calc(210*var(--vw-scale));
  background-image: url(../img/bk_04.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-04__ttl{
  margin: 0 auto calc(130*var(--vw-scale));
  width: calc(296*var(--vw-scale));
}
.c-section-04 .step {
  margin: calc(100*var(--vw-scale)) auto 0;
  width: calc(1084*var(--vw-scale));
}



/* ---------------------------------------------
*   c-section-05
--------------------------------------------- */
.c-section-05 {
  padding: calc(150*var(--vw-scale)) 0;
  background-image: url(../img/bk_05.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-05__ttl{
  margin: 0 auto;
  width: calc(620*var(--vw-scale));
}
.c-section-05 .box_01{
  margin: calc(80*var(--vw-scale)) auto calc(112*var(--vw-scale));
  width: calc(892*var(--vw-scale));
}
.c-section-05 .box_02{
  margin: 0 auto;
  width: calc(646*var(--vw-scale));
}
.c-section-05 .box_03{
  margin: calc(104*var(--vw-scale)) auto calc(152*var(--vw-scale));
  width: calc(988*var(--vw-scale));
}
.c-section-05__ttlsub {
  margin: 0 auto calc(76*var(--vw-scale));
  width: calc(356*var(--vw-scale));
}
.c-section-05 .lineup {
  margin: 0 auto;
  position: relative;
  width: calc(1246*var(--vw-scale));
  height: calc(592*var(--vw-scale));
  background-image: url(../img/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(126*var(--vw-scale));
  left: calc(54*var(--vw-scale));
  width: calc(166*var(--vw-scale));
}
.c-section-05 .item02 {
  top: calc(84*var(--vw-scale));
  left: calc(347*var(--vw-scale));
  width: calc(176*var(--vw-scale));
}
.c-section-05 .item03 {
  top: calc(104*var(--vw-scale));
  left: calc(605*var(--vw-scale));
  width: calc(359*var(--vw-scale));
}
.c-section-05 .item03_01 {
  top: calc(102*var(--vw-scale));
  left: calc(602*var(--vw-scale));
  width: calc(78*var(--vw-scale));
}
.c-section-05 .item03_02 {
  top: calc(160*var(--vw-scale));
  left: calc(660*var(--vw-scale));
  width: calc(119*var(--vw-scale));
}
.c-section-05 .item03_text01 {
  top: calc(150*var(--vw-scale));
  left: calc(790*var(--vw-scale));
  width: calc(165*var(--vw-scale));
}
.c-section-05 .item03_text02 {
  top: calc(208*var(--vw-scale));
  left: calc(812*var(--vw-scale));
  width: calc(114*var(--vw-scale));
}
.c-section-05 .item04 {
  top: calc(321*var(--vw-scale));
  left: calc(609*var(--vw-scale));
  width: calc(358*var(--vw-scale));
}
.c-section-05 .item04_01 {
  top: calc(320*var(--vw-scale));
  left: calc(601*var(--vw-scale));
  width: calc(79*var(--vw-scale));
}
.c-section-05 .item04_02 {
  top: calc(374*var(--vw-scale));
  left: calc(660*var(--vw-scale));
  width: calc(119*var(--vw-scale));
}
.c-section-05 .item04_text01 {
  top: calc(366*var(--vw-scale));
  left: calc(800*var(--vw-scale));
  width: calc(142*var(--vw-scale));
}
.c-section-05 .item04_text02 {
  top: calc(422*var(--vw-scale));
  left: calc(792*var(--vw-scale));
  width: calc(154*var(--vw-scale));
}
.c-section-05 .item05 {
  top: calc(191*var(--vw-scale));
  left: calc(1031*var(--vw-scale));
  width: calc(169*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(40*var(--vw-scale));
  text-align: right;
}



/* ---------------------------------------------
*   c-section-06
--------------------------------------------- */
.c-section-06 {
  padding: calc(200*var(--vw-scale)) 0 calc(120*var(--vw-scale));
  position: relative;
  background-image: url(../img/bk_06.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.c-section-06 .new_02{
  position: absolute;
  top: calc(186*var(--vw-scale));
  right: calc(146*var(--vw-scale));
  width: calc(108*var(--vw-scale));
}
.c-section-06_ttl{
  margin: 0 0 calc(110*var(--vw-scale)) calc(238*var(--vw-scale));
  width: calc(312*var(--vw-scale));
}
.c-section-06 .name{
  margin: 0 0 calc(16*var(--vw-scale)) calc(233*var(--vw-scale));
  padding-bottom: calc(26*var(--vw-scale));
  border-bottom: 1px solid #fff;
  width: calc(318*var(--vw-scale));
}
.c-section-06 .price{
  margin: 0 0 0 calc(312*var(--vw-scale));
  width: calc(166*var(--vw-scale));
}
.c-section-06 .present{
  margin: calc(46*var(--vw-scale)) 0 0 calc(248*var(--vw-scale));
  width: calc(288*var(--vw-scale));
}
.c-section-06 .btn_area{
  margin: calc(13*var(--vw-scale)) 0 0 calc(248*var(--vw-scale));
  width: calc(292*var(--vw-scale));
}
.c-section-06 .note{
  margin: calc(100*var(--vw-scale)) calc(96*var(--vw-scale)) calc(100*var(--vw-scale)) 0;
  opacity: 0.6;
  font-size: calc(12*var(--vw-scale));
  font-weight: 500;
  text-align: right;
}
.c-section-06 .set_item {
  margin: 0 auto calc(60*var(--vw-scale));
  padding: calc(70*var(--vw-scale)) 0 0;
  position: relative;
  width: calc(1108*var(--vw-scale));
  height: calc(630*var(--vw-scale));
  background-image: url(../img/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(372*var(--vw-scale));
}
.c-section-06 .img {
  position: absolute;
  top: calc(226*var(--vw-scale));
  left: calc(154*var(--vw-scale));
  width: calc(354*var(--vw-scale));
}
.c-section-06 .name_set {
  padding-bottom: calc(14*var(--vw-scale));
  border-bottom: 1px solid #fff;
  position: absolute;
  top: calc(220*var(--vw-scale));
  left: calc(606*var(--vw-scale));
  width: calc(364*var(--vw-scale));
}
.c-section-06 .price_set {
  position: absolute;
  top: calc(419*var(--vw-scale));
  left: calc(668*var(--vw-scale));
  width: calc(228*var(--vw-scale));
}
.c-section-06 .set_item .btn_area {
  margin: 0;
  position: absolute;
  top: calc(476*var(--vw-scale));
  left: calc(638*var(--vw-scale));
  width: calc(292*var(--vw-scale));
}
.c-section-06 ul {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  width: calc(886*var(--vw-scale));
}
.c-section-06 ul li {
  width: calc(430*var(--vw-scale));
}
.c-section-06 .note_02{
  margin: calc(12*var(--vw-scale)) auto 0;
  width: calc(886*var(--vw-scale));
  opacity: 0.6;
  font-size: calc(12*var(--vw-scale));
  font-weight: 500;
  text-align: right;
}



/* ---------------------------------------------
*   c-section-08
--------------------------------------------- */
.c-section-08 {
    position: relative;
    margin:0 auto;
     height:47.5vw;
    background-color:#06023e;
  margin-bottom:-1vw;
}
.c-section-08 .c-section-08__ttl{
  width: 44vw;
  margin: auto;
  padding-top: 9vw;
  margin-bottom: 5.4vw;
}
.c-section-08 .box_01{
  width: 65vw;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.c-section-08 .box_01 .left_area{
  width: 52%;
}
.c-section-08 .box_01 .left_area img{

}
.c-section-08 .box_01 .right_area{
  width: 43%;
}
.c-section-08 .box_01 .right_area .name{
  padding-top: 4vw;
  font-size: 1.15rem;
  font-weight: bold;
  padding-bottom: 1vw;
}
.c-section-08 .box_01 .price{
  padding-bottom: 1.9vw;
}
.c-section-08 .box_01 .price span{
  font-size: 0.67em;
}
.c-section-08 .box_01 .detail{
  padding-bottom: 3vw;
  line-height: 2;
  letter-spacing: -1px;
  color: #fff;
}
.c-section-08 .box_01 .detail span img{
  width:10vw;
  padding-bottom: 0.5vw;
}
.c-section-08 .box_01 .btn_area{
  width:20.5vw;
  padding-bottom: 1.4vw;
}
.c-section-08 .box_01 .link{
  width:8.2vw;
}
.c-section-08 .lead{
  width: 21vw;
  margin-top: 1vw;
  margin-bottom: 2vw;
}
.c-section-08 .box_02{
  width: 60vw;
  margin: 4.5vw auto;
}
.c-section-08 .box_02 video{
width:100%;
aspect-ratio: 16 / 9;
cursor: pointer;
}
.c-section-08 .title_yt{
  width: 24vw;
  margin: 6vw auto 3vw;
}
/* ---------------------------------------------
*   c-section-09
--------------------------------------------- */
.c-section-09 {
    position: relative;
    margin:0 auto;
     height:calc(23vw - 110px);
    background-color:#f0eee7;
  margin-bottom:-1vw;
}
.c-section-09 .c-section-09__ttl{
  width: 27vw;
  margin: auto;
  padding-top: 11vw;
  margin-bottom: 6vw;
}
.c-section-09 .box_01{
  width: 65vw;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
.c-section-09 .box_01 .left_area{
  width: 54%;
}
.c-section-09 .box_01 .left_area img{

}
.c-section-09 .box_01 .right_area{
  width: 40%;
}
.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: 0.85rem;
  margin-left: 1rem;
  letter-spacing: -0.5px;
}
.c-section-09 .box_01 ul li{
    list-style-type: square;
}
.c-section-09 .box_02{
  width: 65vw;
  margin: auto;
  display: flex;
  justify-content: space-between;
  margin-top: 6vw;
}
.c-section-09 .box_02 .left_area{
  width: 44%;
}
.c-section-09 .box_02 .right_area{
  width: 44%;
}
.pagetop {
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 70px;
  z-index: 99;
}



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

/* movie common */
#yt-wrap {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
#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/movie_thumb-pc.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: 170px;
  height: 170px;
  cursor: pointer;
  opacity: .7;
}
#play:before {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  content: "";
  background: url("../img/btn_movie.png") no-repeat;
  display: inline-block;
  width: 170px;
  height: 170px;
}
@media (hover: hover) {
  #play:hover {
    opacity: 1;
  }
}