@charset "UTF-8";
    .c3Top .pc-h-183{
        height:183px
    }
    .c3Top .mvBtmLink{
        background: -moz-linear-gradient(top, #007ADB, #2790EA);
        background: -webkit-linear-gradient(top, #007ADB, #2790EA);
        background: linear-gradient(to bottom, #007ADB, #2790EA);
        padding:10px 0;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems{
        display: flex;
        align-items: center;
        justify-content: space-between;
        max-width: 671px;
        width: 100%;
        margin: 0 auto;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .anchorLinkBtn{
        display: flex;
        max-width: 314px;
        width: 100%;
        padding: 0;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .typeAbout,.c3Top .mvBtmLink .mvBtmLinkItems .typeLineup{
        color: #fff;
        font-weight: bold;
        list-style-type: none;
        text-align: center;
        width: 50%;
        height: 42px;
        position: relative;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems a::after { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        bottom: 13%;
        left: calc( 50% - 8px );
        width: 8px;    /* くの字を山なりに見た時、左側の長さ */
        height: 8px;   /* くの字を山なりに見た時、右側の長さ */
        border-top: 1px solid #fff;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 1px solid #fff;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(135deg);    /* くの字の向き */
      }
      .c3Top .mvBtmLink .mvBtmLinkItems .typeAbout a,.c3Top .mvBtmLink .mvBtmLinkItems .typeLineup a{
        display: block;
        color: #fff;
        text-decoration: none;
        width: 100%;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .typeLineup {
        border-left: 1px solid #68A7FD;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .btn_buy{
        max-width: 280px;
        width: 100%;
        background-color: #fff;
        padding: 10px 20px;
        text-align: center;
        font-weight: 500;
        font-size: 18px;
        color: #0D88E7;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .btn_buy a{
        display: block;
        color: #0D88E7;
        text-decoration: none;
        position: relative;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .btn_buy a::before {
        content: '';
        display: inline-block;
        width: 24px;
        height: 18px;
        background-image: url("/-/media/com/c3/top/221223/iconmonstr-shopping-cart-6.png");
        background-size: contain;
        vertical-align: middle;
        background-repeat: no-repeat;
        position: absolute;
        left: 10%;
        top: 20%;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .btn_buy a::after {
        content: "";
        margin: auto;
        position: absolute;
        top: 13%;
        left: 95%;
        width: 8px;
        height: 8px;
        border-top: 1px solid #0D88E7;
        border-right: 1px solid #0D88E7;
        transform: rotate(45deg);
    }
    
    /* .c3Top .mvBtmLinkItems{
        width:940px;
        margin:0 
        auto;display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
    .c3Top .mvBtmLinkItems li{
        width:450px
    }
    .c3Top .mvBtmLinkItems li a{
        display:flex;
        flex-direction:column;
        justify-content:center;
        height:120px;
        position:relative;
        text-align:center;
        font-size:2.4rem;
        color:#fff;
        font-weight:700;
        border-radius:8px;
        overflow:hidden;
        box-shadow:7px 10px 27px 0px rgba(0,0,0,0.2);
        transition:opacity 0.3s 0s ease
    }
    .c3Top .mvBtmLinkItems li a span{
        display:inline-block;
        margin-top:3px;
        font-weight:400;
        font-size:1.6rem
    }
    .c3Top .mvBtmLinkItems li a i{
        position:absolute;
        display:block;
        width:9px;
        height:14px;
        top:50%;
        right:9px;
        margin-top:-7px;
        z-index:2;
        background:url("/-/media/com/c3/top/220215/index/icon_arr_w_r.png") 0 0 no-repeat;
        background-size:100% auto;
        transition:transform 0.3s 0s ease
    }
    .c3Top .mvBtmLinkItems li a:hover{
        opacity:0.8;
        transition:opacity 0.2s 0s ease
    }
    .c3Top .mvBtmLinkItems li a:hover i{
        transition:transform 0.2s 0s ease;
        transform:translateX(3px)
    } */
    /* .c3Top .mvBtmLinkItems li.typeAbout a{
        background:url("/-/media/com/c3/top/220215/index/bg_link_about_pc.png") 0 0 no-repeat #009aff
    } */

@media screen and (max-width: 768px){
    .c3Top .c3TtlTtl span{
        line-height:2 !important;
        display:inline-block
    }
    .c3Top #c3Lineup .c3LineupBoxWrap01{
        margin-top:25px
    }
    .c3Top .c3LineupNav span span{
        margin-top:1.33333vw;
        height:8.66667vw;
        flex-direction:column;
        justify-content:center;
        display:flex !important
    }
    .c3Top .pc-h-183{
        height:183px
    }
    .c3Top .mvBtmLink {
        padding: 10px;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems {
        flex-wrap: wrap;
        justify-content: center;
    }
    .c3Top .mvBtmLink .mvBtmLinkItems .anchorLinkBtn {
        margin-bottom: 15px;
    }
    .mvBtmLinkItems .btn_buy {
        max-width: 315px;
    }
    /* .c3Top .mvBtmLink{
        background:#e9f2f9;
        padding:8vw 0
    }
    .c3Top .mvBtmLinkItems{
        width:92vw;
        margin:0 auto
    }
    .c3Top .mvBtmLinkItems li{
        width:100%;
        margin-bottom:2.66667vw
    }
    .c3Top .mvBtmLinkItems li:last-child{
        margin-bottom:0
    }
    .c3Top .mvBtmLinkItems li a{
        display:flex;
        flex-direction:column;
        justify-content:center;
        height:18.66667vw;
        position:relative;
        text-align:center;
        font-size:3.2rem;
        font-size:1.6rem;
        color:#fff;
        font-weight:700;
        border-radius:8px;
        overflow:hidden;
        box-shadow:3px 5px 13px 0px rgba(0,0,0,0.2);
        transition:opacity 0.3s 0s ease
    }
    .c3Top .mvBtmLinkItems li a span{
        display:inline-block;
        margin-top:1px;
        font-weight:400;
        font-size:2.4rem;
        font-size:1.2rem
    }
    .c3Top .mvBtmLinkItems li a i{
        position:absolute;
        display:block;
        width:2.13333vw;
        height:3.46667vw;
        top:50%;
        right:2.53333vw;
        margin-top:-1.73333vw;
        z-index:2;
        background:url("/-/media/com/c3/top/220215/index/icon_arr_w_r_sp.png") 0 0 no-repeat;
        background-size:100% auto
    }
    .c3Top .mvBtmLinkItems li.typeEco a{
        background:url("/-/media/com/c3/top/220215/index/bg_link_eco_sp.png") 0 0 no-repeat #85c02b
    }
    .c3Top .mvBtmLinkItems li.typeAbout a{
        background:url("/-/media/com/c3/top/220215/index/bg_link_about_sp.png") 0 0 no-repeat #009aff
    } */
}
.top_mv{
    overflow:hidden;
    position:relative;
    opacity:0;
    transition:opacity 0.5s
}
.top_mv.mvfadein{
    opacity:1
}
.top_mv .swiper-slide{
    text-align:center
}
.top_mv .swiper-slide a{
    display:block;
    transition:opacity 0.3s
}
.top_mv .swiper-slide a>picture{
    display:inline-block
}
@media screen and (min-width: 769px){
    #c3standard{
        background-image:url(/-/media/com/c3/top/220215/index/mv_wave_pc.png),url(/-/media/com/c3/top/220215/index/mv_main_repeat_pc.jpg);
        background-repeat:no-repeat, repeat;
        background-position:center bottom, center top
    }
    #c3fit{
        position:relative;
        background:url(/-/media/com/c3/top/220825/bg_fit_pc2.jpg) repeat center center;
        background-size:auto 100%
    }
    #c3fit a{
        background:url(/-/media/com/c3/top/220825/bg_fit_pc.jpg) no-repeat center center;
        background-size:auto 100%
    }
}
@media screen and (max-width: 768px){
    .top_mv .swiper-slide a:hover{
        opacity:1
    }
    #c3fit{
        background:url(/-/media/com/c3/top/220825/bg_fit_sp.jpg) no-repeat center center;background-size:auto 100%
    }
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    background:#fff;opacity:0.6
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background:#0058ab;opacity:1
}