@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
html { height: 100%; }
body { 
        background:#001D55;
}

/*リンク設定
----------------------------------------------*/
a.goodsLink { color: #F39; }
a {
    text-decoration:none;
    color:#0E1D31;
}
li{
    list-style:none;
}
.c1{
    color:#257BA2;
}
.grayback{
    background:#ccc;
}
.left_bar{
    position:fixed;
    width:20px;
    height:1000vw;
    background:#fff;
}
.right_bar{
    position:fixed;
    width:20px;
    height:1000vw;
    background:#fff;
    right:0;
}
.top_bar{
    position:fixed;
    width:100%;
    height:20px;
    background:#fff;
    top:0;
}
.bottom_bar{
    position:fixed;
    width:100%;
    height:20px;
    background:#fff;
    bottom:0;
}
.customer{
    position:fixed;
    left:-10px;
    top:-10px;
    z-index:999;
    cursor:pointer;
}
@media (max-width: 1000px){
    .customer{
        position:fixed;
        left:-17px;
        top:-10px;
        z-index:999;
        cursor:pointer;
    }
}
/*メニュー設定
----------------------------------------------*/
.menu_bar{
    position:fixed;
    width:540px;
    height:1080px;
    z-index:998;
    text-align:center;
    padding:200px 0;
    background:#0E1D31;
    display:none;
}
.menu_bar div{
    margin:50px;
}
#pc .humberger{
    position:fixed;
    top:-10px;
    left:-10px;
    cursor:pointer;
    z-index:999;
}
#pc .menu_close{
    display:none;
    position:fixed;
    top:-10px;
    left:-10px;
    cursor:pointer;
    z-index:999;
}
@media (max-width: 1000px){
    .menu_bar{
        position:fixed;
        width:70%;
        height:1080px;
        z-index:998;
        text-align:center;
        padding:20vw 0;
        background:#0E1D31;
    }
    .menu_bar div{
        margin:10vw;
    }
    .menu_bar .menu_1 img{
        width:27%;
    }
    .menu_bar .menu_2 img{
        width:90%;
    }
    .menu_bar .menu_3 img{
        width:45%;
    }
    .menu_bar .menu_4 img{
        width:80%;
    }
}


/*ヘッダー設定
----------------------------------------------*/
#pc .header{
    overflow:hidden;
    background:#001D55;
    text-align:center;
    max-width:1920px;
    height:1080px;
    background:url("../img/specialfaver/header.svg");
    background-repeat: no-repeat;
    background-size:100%;
    margin:auto;
}
#pc .headimg{
    max-width:1920px;
    margin:auto;
}
@media (max-width: 1920px){
    #pc .header{
        height:56vw;
    }
}
/*ページ設定
----------------------------------------------*/

#pc{
    max-width:100%;
    margin:auto;
}
#sp{
    display:none;
    background:#001D55;
}

#pc .gototop{
    position:fixed;
    bottom:10px;
    right:-5px;
    z-index:999;
    display:none;
}
#pc .caution{
    width:90%;
    margin:auto;
    padding:20px 0;
}
.fg12_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:11px;
    font-weight:400;
}
.fg13_b{
    font-family: Inter;
    color:#0E1D31;
    font-size:13px;
    font-weight:bold;
}
.fg13_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:13px;
    font-weight:400;
}
.fz13_m{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:12px;
    color:#0E1D31;
}
.fz20_m{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:20px;
    color:#0E1D31;
}
.fz20_b{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:20px;
    color:#0E1D31;
    font-weight:bold;
}
.fz36_b{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:36px;
    color:#0E1D31;
    font-weight:bold;
}
.fg14_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:14px;
    font-weight:400;
    line-height:30px;
}
.fg16_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:16px;
    font-weight:400;
    line-height:30px;
}
.fg18_b{
    font-family: Inter;
    color:#0E1D31;
    font-size:18px;
    font-weight:bold;
}
.fg15_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:15px;
    font-weight:400;
    line-height:25px;
}
.fg18_m{
    font-family: Inter;
    color:#0E1D31;
    font-size:17.5px;
    font-weight:400;
    line-height:30px;
}
.fz22_b{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:22px;
    color:#01436B;
}
.fz18_m{
    font-family: "zen-old-mincho", sans-serif;
    font-weight: 400;
    font-size:18px;
    color:#0E1D31;
}
.line{
    border-top:1px solid #01436B;
    width:90%;
    margin:auto;
}
.sec3 .line{
    border-top:1px solid #691679;
    width:90%;
    margin:0px auto;
    
}
#pc .sec1{
    display:flex;
    max-width:100%;
    margin:-10px auto 0 auto;
    background:#001D55;
    padding:30px 0;
    justify-content:center;
}
#pc .sec1 .inner{
    width:675px;
    background:url("../img/specialfaver/type1_bk.svg");
    background-repeat: no-repeat;
    height:1195px;
    margin:-550px 25px 0 25px;
    position:relative;
    z-index:1;
}

#pc .sec1 .inner .label{
    margin-top:5px;
}
#pc .sec1 .inner .title{
    text-align:center;
}
#pc .sec1 .inner .photo{
    text-align:center;
    padding:20px 0;
}
#pc .sec1 .inner .photo img{
    width:90%;
}
#pc .sec1 .inner .con{
    text-align:left;
    padding:10px 30px;
}
#pc .sec1 .inner .con .fbox{
    display:flex;
}
#pc .sec1 .inner .con .fbox .left{
    width:15%;
    text-align:right;
}
#pc .sec1 .inner .con .fbox .right{
    width:85%;
    text-align:left;
}
#pc .sec1 .inner .contents{
    margin-left:150px;
    padding:35px 0;
    width:65%;
}
#pc .sec1 .inner .contents .lists{
    padding:10px 20px;
}
#pc .sec1 .inner .contents .list{
    display:flex;
    padding:10px;
}
#pc .sec1 .inner .contents .list .left{
    width:30%;
}
#pc .sec1 .inner .contents .list .right{
    width:70%;
    margin-left:10px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
#pc .sec2{
    width:100%;
    display:flex;
    margin:auto;
    color:#fff;
    background:#001D55;
    padding:30px 0;
    justify-content:center;
    margin-top:-600px;
}
#pc .sec2 .inner{
    width:1392px;
    background:url("../img/specialfaver/type2_bk.svg");
    background-repeat: no-repeat;
    height:776px;
    position:relative;
    z-index:1;
    margin:0px 25px;
}

#pc .sec2 .inner .fbox_l{
    display:flex;
}
#pc .sec2 .inner .fbox_l .left{
    width:45%;
}
#pc .sec2 .inner .fbox_l .right{
    width:55%;
}


#pc .sec2 .inner .label{
    margin-top:5px;
}
#pc .sec2 .inner .title{
    text-align:center;
}
#pc .sec2 .inner .photo{
    text-align:center;
    padding:20px 0;
}
#pc .sec2 .inner .photo img{
    width:90%;
}
#pc .sec2 .inner .con{
    text-align:left;
    padding:10px 30px;
}
#pc .sec2 .inner .con .fbox{
    display:flex;
}
#pc .sec2 .inner .con .fbox .left{
    width:15%;
    text-align:right;
}
#pc .sec2 .inner .con .fbox .right{
    width:85%;
    text-align:left;
}



#pc .sec3{
    width:100%;
    display:flex;
    margin:auto;
    color:#fff;
    background:#001D55;
    padding:30px 0;
    justify-content:center;
}
#pc .sec3 .inner{
    width:1392px;
    background:url("../img/specialfaver/type3_bk.svg");
    background-repeat: no-repeat;
    height:776px;
    position:relative;
    z-index:1;
    margin:0px 25px;

}
#pc .sec3 .inner .fbox_l{
    display:flex;
}
#pc .sec3 .inner .fbox_l .left{
    width:45%;
}
#pc .sec3 .inner .fbox_l .right{
    width:55%;
    border:none;
}


#pc .sec3 .inner .label{
    margin-top:5px;
}
#pc .sec3 .inner .title{
    text-align:center;
}
#pc .sec3 .inner .photo{
    text-align:center;
    padding:20px 0;
}
#pc .sec3 .inner .photo img{
    width:90%;
}
#pc .sec3 .inner .con{
    text-align:left;
    padding:30px 30px;
}
#pc .sec3 .inner .con .fbox{
    display:flex;
    width:95%;
    margin:auto;
}
#pc .sec3 .inner .con .fbox .left{
    width:15%;
    text-align:left;
}
#pc .sec3 .inner .con .fbox .right{
    width:85%;
    text-align:left;
}
@media (max-width: 1920px){
    #pc .sec1{
        display:flex;
        max-width:100%;
        margin:-10px auto 0 auto;
        background:#001D55;
        padding:30px 0;
        justify-content:center;
    }
    #pc .sec1 .inner{
        width:675px;
        background:url("../img/specialfaver/type1_bk.svg");
        background-repeat: no-repeat;
        background-size:100% 100%;
        margin:-29vw 25px 0 25px;
        position:relative;
        z-index:1;
    }
    #pc .sec2{
        width:100%;
        display:flex;
        margin:auto;
        color:#fff;
        background:#001D55;
        padding:30px 0;
        justify-content:center;
        margin-top:-30vw;
    }
}

@media (max-width: 1460px){

    #pc .sec1 .inner{
        width:675px;
        background:url("../img/specialfaver/type1_bk.svg");
        background-repeat: no-repeat;
        height:80vw;
        background-size:100% 100%;
        margin:-29vw 25px 0 25px;
        position:relative;
        z-index:1;
    }
    #pc .sec1 .fz36_b{
        font-size:2.5vw;
    }
    #pc .sec1 .fg18_m{
        font-size:1.3vw;
        line-height:2vw;
    }
    #pc .sec1 .fg15_m{
        font-size:1vw;
        line-height:1.5vw;
    }
    #pc .sec1 .inner .con{
        text-align:left;
        padding:1vw 1vw;
    }
    #pc .sec2 .inner{
        width:100vw;
        height:55vw;
        background:url("../img/specialfaver/type2_bk.svg");
        background-repeat: no-repeat;
        background-size:100%;
        background-position:center top;
        position:relative;
        z-index:1;
        margin:0px 25px;
    }
    #pc .sec2 .fz36_b{
        font-size:2.5vw;
    }
    #pc .sec2 .fg18_m{
        font-size:1.3vw;
        line-height:2vw;
    }
    #pc .sec2 .fg15_m{
        font-size:1vw;
        line-height:2vw;
    }
    #pc .sec2 .inner .con{
        text-align:left;
        padding:1vw 1vw;
    }
    #pc .sec3 .inner{
        width:100vw;
        height:55vw;
        background:url("../img/specialfaver/type3_bk.svg");
        background-repeat: no-repeat;
        background-size:100%;
        background-position:center top;
        position:relative;
        z-index:1;
        margin:0px 25px;
    }
    #pc .sec3 .fz36_b{
        font-size:2.5vw;
    }
    #pc .sec3 .fg18_m{
        font-size:1.3vw;
        line-height:2vw;
    }
    #pc .sec3 .fg15_m{
        font-size:1vw;
        line-height:2vw;
    }
    #pc .sec3 .inner .con{
        text-align:left;
        padding:1vw 1vw;
    }
    
}

#pc .back_btn{
    text-align:center;
    padding:100px;
}
#pc .sec4{
    width:100%;
    background:#fff;
}
#pc .footer{
    max-width:1366px;
    overflow:hidden;
    margin:auto;
    text-align:center;
    height:680px;
    color:#000;
    background:#fff;
    padding:88px 0 0 0;
    line-height:20px;
    margin-bottom:-40px;
}
#pc .footer  ul{
    width:780px;
    margin:auto;
    display: flex;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-align-items: left;
    align-items: center;
}
#pc .footer  li{
    margin:10px;
    line-height:30px;
}
#pc .footer  li img{
    width:100%;
}
#pc .footer .sns{
    width:382px;
    height:67px;
    background:#fff;
    margin:30px auto 0 auto;;
}
#pc .footer .link{
    position:relative;
    left:560px;
    top:-55px;
    width:50px;
    height:40px;
}
#pc .footer .link2{
    position:relative;
    left:750px;
    top:-95px;
    width:50px;
    height:40px;
}


/*フッター
----------------------------------------------*/


 /*スライダー
----------------------------------------------*/
   * {
      box-sizing: border-box;
    }

    .slider {
        width: 80%;
        margin: auto;
    }

    .slick-slide {
      margin: 0px 5px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slick-prev{
        position:relative;
        left:30px;
        z-index:9999;
    }
    .slick-next{
        position:relative;
		left:0px;
        z-index:9999;
    }

    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity:1;
    }

    .slick-current {
      opacity: 1;
    }
    
    .slick-prev:before
    {
        content: url(../img/header/arrow_left.png);
    }
    .slick-next:before
    {
        content: url(../img/header/arrow_right.png);
    }



/*
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
SP用タグ
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆
*/
@media (max-width: 1000px){

    @keyframes menu_anim {
        0% {
          left: -768px;
        }
        100% {
          left: 0px;
        }
    }
    @keyframes menu_back {
        0% {
          left: 0px;
        }
        100% {
          left: -768px;
        }
    }
    .menu_anim {
      animation: menu_anim 1s;
      animation-fill-mode: forwards;
    }
    .menu_back {
      animation: menu_back 1s;
      animation-fill-mode: forwards;
    }

    #sp{
        display:block;
        overflow:hidden;
        background:#001D55;
    }
    #pc{
        display:none;
    }
    #sp .gototop{
        position:fixed;
        bottom:10px;
        right:0px;
        z-index:999;
        display:none;
    }
    #sp .menu{
        position:fixed;
        top:0px;
        z-index:999;
    }
    #sp .menus{
        position:absolute;
        top:73vw;
        z-index:999;
        color:#fff;
        width:100%;
        text-align:center;
        font-family: "zen-old-mincho", sans-serif;
        font-weight: 400;
        font-size:3vw;
    }

    #sp .mypage{
        line-height:10px;
        color:#fff;
        margin-bottom:8vw;
    }
    #sp .line{
        position:relative;
        z-index:999;
        padding:1vw 0;
        margin-top:1vw;
    }
    #sp .inner3 .line{
        position:relative;
        z-index:999;
        padding:2vw 0;
        margin-top:3vw;
        border-top:solid 1px #691679;
    }
    #sp .caution{
        font-size:2vw;
        padding:10px;
    }
    #sp .menu img{
        width:80%;
    }
    #sp .title{
        width:100%;
        margin:auto;
    }
    #sp .title img{
        width:100%;
    }
    #sp .humberger{
        position:fixed;
        top:-10px;
        left:-10px;
        cursor:pointer;
        z-index:988;
    }
    #sp .menu_close{
        display:none;
        position:fixed;
        top:-10px;
        left:-10px;
        cursor:pointer;
        z-index:999;
    }
    #sp .header{
        width:100%;
        height:150vw;
        background:url("../img/specialfaver/sp/header.png");
        background-repeat: no-repeat;
    }
    #sp .header ul{
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: left;
        justify-content: left;
        -webkit-align-items: left;
        align-items: left;
        margin-left:1vw;
    }
    #sp .header li{
        width: 15%;
        margin:3px;
    }
    #sp .header li img{
        width:100%;
    }
    #sp .sec1{
        display:block;
        width:100%;
        margin:auto;
        background:#001D55;
        padding:30px 0;
    }
    #sp .sec1 .inner{
        width:85%;
        height:213vw;
        background:url("../img/specialfaver/sp/type1_bk.svg");
        background-repeat: no-repeat;
        background-size:100%;
        margin:-150vw auto 0 auto;
        position:relative;
        z-index:1;
    }
    #sp .sec1 .inner2{
        width:85%;
        height:213vw;
        background:url("../img/specialfaver/sp/type1_bk.svg");
        background-repeat: no-repeat;
        background-size:100%;
        margin:-150vw auto 0 auto;
        position:relative;
        z-index:1;
    }
    #sp .sec1 .inner3{
        width:85%;
        height:220vw;
        background:url("../img/specialfaver/sp/type3_bk.svg");
        background-repeat: no-repeat;
        background-size:100%;
        margin:50px auto 0 auto;
        position:relative;
        z-index:1;
    }
    #sp .fz36_b{
        font-size:6vw;
    }
    #sp .fg15_m{
        font-size:2.5vw;
        line-height:4vw;
    }
    #sp .fg18_m{
        font-size:3vw;
        line-height:6vw;
    }
    .fz20_mm{
        font-size:3.5vw;
        color:#691679;
    }
    #sp .label{
        width:40%;
        padding-top:5vw;
    }
    #sp .label img{
        width:100%;
    }
    #sp .title{
        text-align:center;
        padding:3vw 0;
    }
    #sp .photo{
        width:90%;
        margin:auto;
        padding:2vw 0;
    }
    #sp .photo img{
        width:100%;
    }
    #sp .con{
        width:90%;
        margin:auto;
    }
    #sp .con .fbox{
        display:flex;
    }
    #sp .con .fbox .left{
        width:20%;
        text-align:right;
    }
    #sp .con .fbox .right{
        width:80%;
        text-align:left;
    }
    #sp .inner3 .con .fbox .left{
        width:25%;
        text-align:left;
    }
    #sp .inner3 .con .fbox .right{
        width:75%;
        text-align:left;
    }
    #sp .caution{
        width:95%;
        margin:auto;
    }
    #sp .sec2{
        width:100%;
        display:flex;
        margin:auto;
        color:#fff;
        background:#001D55;
        padding:30px 0;
        justify-content:center;
    }
    #sp .sec2 .inner{
        width:90%;
        background:#fff;
        border-radius:0 40px 0 40px;
        height:871px;
        margin:0px auto 0 auto;
        position:relative;
        z-index:1;
    
    }
    #sp .sec3{
        width:100%;
        display:flex;
        margin:auto;
        color:#fff;
        background:#001D55;
        padding:30px 0;
        justify-content:center;
    }
    #sp .sec3 .inner{
        width:90%;
        background:#DDC2E2;
        border-radius:0 40px 0 40px;
        height:871px;
        margin:0px auto 0 auto;
        position:relative;
        z-index:1;
    
    }

    #sp .sec3 .contents .right {
        padding:8px;
    }
    #sp .sec3 .contents li img{
      width:40vw;   
    }
    #sp .sec3 .contents .marlef{
        width:95%;
        margin:auto;
        text-align:left;
    }
    #sp .footer{
        width:100%;
        margin:auto;
        text-align:center;
        color:#000;
        background:#fff;
        padding:10px 0 50px 0;
        line-height:3vw;
        padding:20px;
    }
    #sp .footer  ul{
        width:100%;
        margin:auto;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
    }
    #sp .footer  li{
        margin:10px;
        line-height:30px;
    }
    #sp .footer  li img{
        width:100%;
    }
    #sp .footer .sns{
        width:100%;
        height:67px;
        background:#fff;
        margin:0px auto 0 auto;;
    }
    #sp .footer .link{
        position:relative;
        left:560px;
        top:-55px;
        width:50px;
        height:40px;
    }
    #sp .footer .link2{
        position:relative;
        left:750px;
        top:-95px;
        width:50px;
        height:40px;
    }

 
     /*スライダー
----------------------------------------------*/

    .slider {
        width: 80%;
        margin: auto;
    }

    .slick-slide {
      margin: 0px 5px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }
    .slick-prev{
        position:relative;
        top:0;
        left:0;
        z-index:888;
        transform: scale(0.7);
    }
    .slick-next{
        position:relative;
        top:0;
        left:0;
        z-index:888;
        transform: scale(0.7);
    }

    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity:1;
    }

    .slick-current {
      opacity: 1;
    }
    
    .slick-prev:before
    {
        content: url(../img/header/arrow_left.png);
    }
    .slick-next:before
    {
        content: url(../img/header/arrow_right.png);
    }
    
}
@media (max-width: 900px){

}