@charset "UTF-8";
/* ---------------------------------------------
*   l-contents
--------------------------------------------- */
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;}
.l-wrapper{
    width:103%;
}

/* ---------------------------------------------
*   c-section-01
--------------------------------------------- */
.c-section-01 {
    position: relative;
    margin:0 auto;
     height:572vw;
    background-color:#162861;
    background-image: url(../img/sp/bk_01.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
}
.c-section-01 .new_01{
  width: 21vw;
  position: absolute;
  top: 43vw;
  right: 20.2vw;
}
.c-section-01 .bnr_kv{
  width: 29vw;
  position: absolute;
  top: 38vw;
  left: 2vw;
}
.c-section-01 .title_01{
  width: 80vw;
  position: absolute;
  top: 13.7vw;
  left: 10vw;
}
.c-section-01 .lead_01{
  width: 72.3vw;
  position: absolute;
  top: 146.8vw;
  left: 13vw;
}
.c-section-01 .box_01{
  background: rgba(255,255,255,0.2);
  width: 84vw;
  position: absolute;
  top: 183.4vw;
  left: 8vw;
  padding-bottom: 14vw;
}
.c-section-01 .box_01 .left_area{

}
.c-section-01 .box_01 .left_area img{
  width: 60vw;
  margin: 7.5vw auto 0;
}
.c-section-01 .box_01 .right_area{
  text-align: center;
}
.c-section-01 .box_01 .right_area .name{
  padding-top: 2vw;
  width: 51vw;
  padding-bottom: 4vw;
  margin: auto;
}
.c-section-01 .box_01 .price{
  padding-bottom: 6.9vw;
  width: 38vw;
  margin: auto;
}
.c-section-01 .box_01 .detail{
  width: 52vw;
  padding-bottom: 3vw;
  margin: auto;
}
.c-section-01 .box_01 .btn_area{
  width: 68.5vw;
  padding-bottom: 1.4vw;
  margin: 5vw auto;
}
.c-section-01 .box_01 .link{
  width: 60vw;
  margin: auto;
}
.c-section-01 .note{
  font-size: 2.7vw;
  position: absolute;
  top: 349.5vw;
  right: 18.5vw;
  line-height: 1.8;
  opacity: .7;
}
.c-section-01 .lead_02{
  width: 76vw;
  position: absolute;
  top: 377.5vw;
  left: 12vw;
}
.c-section-01 .box_02{
  width: 81vw;
  position: absolute;
  top: 403vw;
  left: 9.5vw;
}
/* ---------------------------------------------
*   c-section-02
--------------------------------------------- */
.c-section-02 {
    position: relative;
    margin:0 auto;
     height:374vw;
    background-color:#162861;
    background-image: url(../img/sp/bk_02.webp);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
}
.c-section-02 .lead_03{
  width: 69.3vw;
  position: absolute;
  top: 20vw;
  left: 14.5vw;
}
.c-section-02 .box_01{
  width: 84.5vw;
  position: absolute;
  top: 223vw;
  left: 8vw;
}
.c-section-02 .box_02{
  width: 83.5vw;
  position: absolute;
  top: 148vw;
  left: 8vw;
}
.c-section-02 .note{
font-size: 2.7vw;
  position: absolute;
  top: 345.5vw;
  left: 7.5vw;
  line-height: 1.8;
  opacity: .7;
}
/* ---------------------------------------------
*   c-section-03
--------------------------------------------- */
.c-section-03 {
    position: relative;
    margin:0 auto;
     height:420vw;
    background-color:#162861;
    background-image: url(../img/sp/bk_03.png);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom:-1vw;
  margin-top: -12.5vw;
}
.c-section-03__ttl{
  width: 64.5vw;
  position: absolute;
  top: 20.5vw;
  left: 17.5vw;
}
.c-section-03_cont{
  width: 95vw;
  position: absolute;
  top: 62.5vw;
  left: 4vw;
}
.c-section-03 .c-list-02{
top: 309.5vw;
}
.c-section-03 .tit_03 {
  width: 16vw;
  margin: 0 auto 1.5vw;
}
.c-section-03 .c-list-02__inner{
    padding-top:7vw;
}
.c-section-03 .c-list-02__inner img{
    width:87%;
    margin:auto;
}
.c-list-02 .swiper-button-next {
  right: 4.2vw;
  top: 42vw;
}
.c-list-02 .swiper-button-prev {
  left: 4.2vw;
  top: 42vw;
}
.swiper-button-next, .swiper-button-prev {
  top: 33%;
  }
.c-list-02__slide-number{display:none;}
.c-section-03 .note{
  font-size: 2.83vw;
  position: absolute;
  top: 77vw;
  left: 6vw;
  line-height: 1.7;
  color: #111;
  width:86vw;
  opacity:.7;
}
/* ---------------------------------------------
*   c-section-04
--------------------------------------------- */
.c-section-04 {
    position: relative;
    margin:0 auto;
     height:339vw;
    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: 73vw;
  position: absolute;
  top: 19.5vw;
  left: 13vw;
}
.c-section-04 .f-list{
  width: 77vw;
  position: absolute;
  top: 36.5vw;
  left: 11.5vw;s
}

.c-section-04_cont{
  width: 83vw;
  position: absolute;
  top: 151.5vw;
  left: 8.5vw;
}
.c-section-04 .note{
  font-size: 2.83vw;
  position: absolute;
  top: 316vw;
  left: 8vw;
  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:716vw;
    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: 84.5vw;
  position: absolute;
  top: 19.5vw;
  left: 8.5vw;
  z-index: 99;
}
.c-section-05 .box_01{
  position: absolute;
  top: 73.5vw;
  width: 100vw;
  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: 268.5vw;
  width: 100vw;
}
.c-section-05 .box_02 .box_inner{
  display: flex;
}
.c-section-05 .box_03{
  position: absolute;
  top: 466vw;
  left: 8.5vw;
  width: 84vw;
}

.c-section-05 .note{
  font-size: 2.83vw;
  position: absolute;
  top: 684vw;
  left: 9.5vw;
  opacity: .7;
  width: 81vw;
}
/* ---------------------------------------------
*   c-section-06
--------------------------------------------- */
.c-section-06 {
    position: relative;
    margin:0 auto;
     height:632.5vw;
    background-color:#120f4b;
    background-image: url(../img/sp/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: 20.5vw;
  position: absolute;
  top: 52.4vw;
  right: 15.2vw;
}
.c-section-06 .sp_lead{
  width: 63.5vw;
  position: absolute;
  top: 20.4vw;
  left: 18.2vw;
}
.c-section-06 .pl_area{
  position: absolute;
  top: 146.5vw;
  left: 15.5vw;
  text-align: center;
}
.c-section-06 .pl_area .name{
  padding-top: 7vw;
  width: 51vw;
  padding-bottom: 4vw;
  margin: auto;
}
.c-section-06 .pl_area .price{
  padding-bottom: 6.9vw;
  width: 38vw;
  margin: auto;
}
.c-section-06 .pl_area .detail{
  width: 52vw;
  margin: auto;
}
.c-section-06 .pl_area .detail span img{
  width:33vw;
  padding-bottom: 0.5vw;
}
.c-section-06 .pl_area .btn_area{
  width:69vw;
  padding-bottom: 1.4vw;
}
.c-section-06 .pl_area .link{
  width:18vw;
}
.c-section-06 .sp_lead2{
  width: 69.5vw;
  margin: auto;
}
.c-section-06 .box{
  width: 100vw;
  position: absolute;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
  top: 234vw;
  height: 92vw;
}
.c-section-06 .box_01{
  background: rgba(255,255,255,1);
  width: 83vw;
  margin: 10.5vw auto 0;
  height: 165vw;
}
.c-section-06 .left_area img{
  width: 62.5vw;
  margin: auto;
  padding-top: 0vw;
}
.c-section-06 .right_area .name img{
  width: 75vw;
  margin: auto;
  padding-top: 9vw;
}
.c-section-06 .btn_area{
  width: 68vw;
  margin: auto;
  padding-top: 9.5vw;
}
.c-section-06 .box_02{
  background: rgba(255,255,255,1);
  width: 83vw;
  margin: 2.5vw auto 0;
  height: 165vw;
}
.c-section-06 .note{
font-size: 2.83vw;
  position: absolute;
  top: 608.5vw;
  left: 8.5vw;
  line-height: 1.3;
  opacity: .7;
}
/* ---------------------------------------------
*   c-section-07
--------------------------------------------- */
#anchor-nav4{
	padding-top:70px;
	margin-top:-70px;
}
.c-section-07 {
    position: relative;
    margin:0 auto;
     height:340vw;
    background-color:#2e3267;
  margin-bottom:-1vw;
}
.c-section-07 .c-section-07__ttl{
  width: 72vw;
  margin: auto;
  padding-top: 20vw;
  margin-bottom: 10.7vw;
}

.c-section-07 .box{
  height: 149vw;
  position: relative;
  background-image: url(../img/sp/bk_08.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
}
.c-section-07 .box p{
    position: absolute;
}
.c-section-07 .box .list_01{
  width: 83.4vw;
  top: 22vw;
  left: 8.5vw;
}
.c-section-07 .box .list_02{
  width: 19vw;
  top: 44vw;
  left: 10vw;
}
.c-section-07 .box .list_03{
  width: 19vw;
  top: 44vw;
  left: 30vw;
}
.c-section-07 .box .list_04{
  width: 19vw;
  top: 44vw;
  left: 52vw;
}
.c-section-07 .box .list_05{
  width: 19vw;
  top: 66vw;
  left: 21vw;
}
.c-section-07 .box .list_06{
  width: 19vw;
  top: 66vw;
  left: 40.5vw;
}
.c-section-07 .box .list_07{
 width: 19vw;
  top: 66vw;
  left: 60.5vw;
}
.c-section-07 .box .list_08{
  width: 19vw;
  top: 89vw;
  left: 71vw;
}
.c-section-07 .box .list_09{
  width: 19vw;
  top: 110vw;
  left: 71vw;
}
.c-section-07 .link{
  width: 87vw;
  margin: 5vw auto 0;
}
.c-section-07 ul {
  padding: 0 4vw;
  margin-top: 10vw;
}
.c-section-07 ul li{
    width:92vw;
    margin-bottom: 3vw;
}
.c-section-07 .note{
  font-size: 2.83vw;
  line-height: 1.3;
  opacity: .7;
  margin: 4vw 0 0 4vw;
  color: #fff;
}
/* ---------------------------------------------
*   c-section-08
--------------------------------------------- */
.c-section-08 {
    position: relative;
    margin:0 auto;
     height:263vw;
    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:252vw;
    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;
}