@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
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;}
 
 .sample{
  position: absolute;
  top: 2px;
  z-index: 9;
  opacity: .5;
  /*display:none;*/
 }

/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
    position: relative;
    margin:0 auto;
     height:192vw;
    background-color:#162861;
    background-image: url(../img/bk_01.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-3vw;
}
.c-section-01 .new_01{
    width: 11vw;
  position: absolute;
  top: 8.4vw;
  right: 14.2vw;
}
.c-section-01 .bnr_kv{
  width: 29vw;
  position: absolute;
  top: 38vw;
  left: 2vw;
}
.c-section-01 .title_01{
  width: 29vw;
  position: absolute;
  top: 18.6vw;
  left: 18vw;
}
.c-section-01 .lead_01{
  width: 37.3vw;
  position: absolute;
  top: 63.8vw;
  left: 31vw;
}
.c-section-01 .box_01{
  background: rgba(255,255,255,0.2);
  width: 56vw;
  position: absolute;
  top: 82.4vw;
  left: 22vw;
  display: flex;
  padding-bottom: 2vw;
}
.c-section-01 .box_01 .left_area{
  width: 47%;
}
.c-section-01 .box_01 .left_area img{
  width: 26vw;
  margin-top: 4vw;
}
.c-section-01 .box_01 .right_area{
  width: 53%;
}
.c-section-01 .box_01 .right_area .name{
  padding-top: 4.2vw;
  width: 18.5vw;
  padding-bottom: 1vw;
}
.c-section-01 .box_01 .price{
  width: 10.5vw;
  padding-bottom: 2.6vw;
}
.c-section-01 .box_01 .detail{
  width: 18.3vw;
  padding-bottom: 2.5vw;
}
.c-section-01 .box_01 .btn_area{
  width:20.5vw;
  padding-bottom: 1.4vw;
}
.c-section-01 .box_01 .link{
  width:18vw;
}
.c-section-01 .note{
font-size: 0.83vw;
  position: absolute;
  top: 118.5vw;
  right: 22.5vw;
  line-height: 1.3;
    opacity:.7;
}
.c-section-01 .lead_02{
  width: 40vw;
  position: absolute;
  top: 129.5vw;
  left: 29vw;
}
.c-section-01 .box_02{
  width: 69vw;
  position: absolute;
  top: 143vw;
  left: 16.5vw;
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
    position: relative;
    margin:0 auto;
     height:111vw;
    background-color:#120f4b;
    background-image: url(../img/bk_02.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
}
.c-section-02 .lead_03{
  width: 32.3vw;
  position: absolute;
  top: 14vw;
  left: 17.5vw;
}
.c-section-02 .box_01{
  width: 65.5vw;
  position: absolute;
  top: 59vw;
  left: 17vw;
}
.c-section-02 .note{
font-size: 0.83vw;
  position: absolute;
  top: 102vw;
  right: 17.5vw;
  line-height: 1.3;
    opacity:.7;
}

/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
    position: relative;
    margin:0 auto;
     height:130vw;
    background-color:#162861;
    background-image: url(../img/bk_03.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
  margin-top: -6.5vw;
}
.c-section-03__ttl{
  width: 44.5vw;
  position: absolute;
  top: 11.5vw;
  left: 27.5vw;
}
.c-section-03_cont{
  width: 68vw;
  position: absolute;
  top: 27.5vw;
  left: 16vw;
}
.c-section-03 .c-list-02{
top: 91.5vw;
}
.c-section-03 .tit_03 {
  width: 5vw;
  margin: 0 auto 1.5vw;
}
.c-list-02 .swiper-button-next {
  right: 27.5vw;
}
.c-list-02 .swiper-button-prev {
  left: 27.2vw;
}
.swiper-button-next, .swiper-button-prev {
  top: 33%;
  }
.c-list-02__slide-number{display:none;}
.c-section-03 .note{
font-size: 0.83vw;
  position: absolute;
  top: 24.5vw;
  left: 26vw;
  line-height: 1.4;
  opacity: .7;
  text-align: center;
  color:#333;
}
/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
    position: relative;
    margin:0 auto;
     height:119vw;
    background-color:#120f4b;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
  margin-top: -2vw;
}
.c-section-04__ttl{
  width: 34vw;
  position: absolute;
  top: 10.5vw;
  left: 33vw;
}
.c-section-04 .f-list{
  width: 64vw;
  position: absolute;
  top: 17.5vw;
  left: 17.5vw;
}
.c-section-04_cont{
  width: 65vw;
  position: absolute;
  top: 53.5vw;
  left: 17.5vw;
}
.c-section-04 .note{
font-size: 0.83vw;
  position: absolute;
  top: 110vw;
  right: 17.5vw;
  opacity: .7;
}
/* ---------------------------------------------
*   c-section-05
--------------------------------------------- */
.c-section-05 a:hover{
    opacity:1 !important;
}
.c-section-05 a img:hover{
    opacity:1 !important;
}
.c-section-05 {
    position: relative;
    margin:0 auto;
     height:178vw;
    background-color:#0b074c;
    background-image: url(../img/bk_05.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
  margin-top: 0vw;
}
.c-section-05__ttl{
  width: 72.5vw;
  position: absolute;
  top: 11.5vw;
  left: 13.5vw;
  z-index: 99;
}
.c-section-05 .box_01{
  position: absolute;
  top: 17.5vw;
  width: 84vw;
  left: 8.5vw;
  z-index: 9;
}
.c-section-05 .box_01 .box_inner{
  display: flex;
}
.c-section-05 .box_01 .box_inner .left_area{

}
.c-section-05 .box_01 .box_inner .right_area{

}
.c-section-05 .box_02{
  position: absolute;
  top: 69.5vw;
  width: 84vw;
  left: 8.5vw;
}
.c-section-05 .box_02 .box_inner{
  display: flex;
}
.c-section-05 .box_03{
  position: absolute;
  top: 133vw;
  left: 12.5vw;
  width: 75vw;
}
.c-section-05 .box_03 .box_inner{
  display: flex;
}
.c-section-05 .note{
font-size: 0.83vw;
  position: absolute;
  top: 166.5vw;
  right: 12.5vw;
  opacity: .7;
}
/* ---------------------------------------------
*   c-section-06
--------------------------------------------- */
.c-section-06 {
    position: relative;
    margin:0 auto;
     height:152.5vw;
    background-color:#06023e;
    background-image: url(../img/bk_06.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
}
.c-section-06 .lead_03{
  width: 33vw;


}
.c-section-06 .new_02{
    width: 10.5vw;
  position: absolute;
  top: 9.4vw;
  right: 13.2vw;
}
.c-section-06 .pl_area{
  position: absolute;
  top: 11.5vw;
  left: 17.5vw;
}
.c-section-06 .pl_area .name{
  padding-top: 6.2vw;
  width: 18.5vw;
  padding-bottom: 1vw;
}
.c-section-06 .pl_area .price{
  width: 10.5vw;
  padding-bottom: 3vw;
}
.c-section-06 .pl_area .detail{
  width: 18.3vw;
  padding-bottom: 3.5vw;
}
.c-section-06 .pl_area .btn_area{
  width:20.5vw;
  padding-bottom: 1.4vw;
}
.c-section-06 .pl_area .link{
  width:18vw;
}
.c-section-06 .sp_lead2{
  width: 39.5vw;
  margin: 5vw auto 0;
}
.c-section-06 .box{
  width: 100vw;
  position: absolute;
  background-image: url(../img/bk_07.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  top: 61vw;
  height: 92vw;
}
.c-section-06 .box_01{
  background: rgba(255,255,255,1);
  width: 65vw;
  display: flex;
  margin: 4vw auto 0;
  height: 31vw;
}
.c-section-06 .left_area{
  width: 43%;
}
.c-section-06 .left_area img{
  width: 27.5vw;
  margin-left: 1vw;
}
.c-section-06 .right_area{
  width: 57%;
}
.c-section-06 .right_area .name img{
  width: 29vw;
  margin: 4vw 0 2vw;
}
.c-section-06 .btn_area{
  width:20.5vw;
  padding-bottom: 1.4vw;
}
.c-section-06 .box_02{
  background: rgba(255,255,255,1);
  width: 65vw;
  display: flex;
  margin: 2.5vw auto ;
  height: 31vw;
}

.c-section-06 .note{
font-size: 0.83vw;
  position: absolute;
  top: 144.5vw;
  right: 17.5vw;
  line-height: 1.3;
    opacity:.7;
}
/* ---------------------------------------------
*   c-section-07
--------------------------------------------- */
#anchor-nav4{
	padding-top:100px;
	margin-top:-100px;
}
.c-section-07 {
    position: relative;
    margin:0 auto;
     height:117.5vw;
    background-color:#2e3267;
  margin-bottom:-1vw;
}
.c-section-07 .c-section-07__ttl{
  width: 26vw;
  margin: auto;
  padding-top: 9vw;
  margin-bottom: 4.7vw;
}

.c-section-07 .box{
  height: 58vw;
  position: relative;
  background-image: url(../img/bk_08.png);
  background-position: 5.5vw 3.5vw;
  background-repeat: no-repeat;
  background-size: 89%;
  background-color: #fff;
  margin: auto;
  border-radius: 10px;
  width: 82vw;
}
.c-section-07 .box p{
    position: absolute;
}
.c-section-07 .box .list_01{
  width: 53.4vw;
  top: 8.5vw;
  left: 14.2vw;
}
.c-section-07 .box .list_02{
  width: 12vw;
  top: 17vw;
  left: 15.5vw;
}
.c-section-07 .box .list_03{
  width: 12vw;
  top: 17vw;
  left: 28.5vw;
}
.c-section-07 .box .list_04{
  width: 12vw;
  top: 17vw;
  left: 41.5vw;
}
.c-section-07 .box .list_05{
  width: 12vw;
  top: 24vw;
  left: 22vw;
}
.c-section-07 .box .list_06{
  width: 12vw;
  top: 24vw;
  left: 35vw;
}
.c-section-07 .box .list_07{
  width: 12vw;
  top: 24vw;
  left: 48vw;
}
.c-section-07 .box .list_08{
  width: 12vw;
  top: 32vw;
  left: 54vw;
}
.c-section-07 .box .list_09{
  width: 12vw;
  top: 38.5vw;
  left: 54vw;
}
.c-section-07 .link{
  width: 28vw;
  margin: 1vw auto;
}
.c-section-07 ul {
  display: flex;
  margin: 3vw auto;
  width: 62vw;
  justify-content: space-between;
}
.c-section-07 ul li{
    width:30vw;
}
.c-section-07 .note{
font-size: 0.83vw;
  line-height: 1.3;
  opacity: .7;
  margin: 4vw 0 0 19vw;
  color:#fff;
}
/* ---------------------------------------------
*   c-section-08
--------------------------------------------- */
.c-section-08 {
    position: relative;
    margin:0 auto;
     height:93.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:66vw;
    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;
}