/*ベース・リセット*/
body {
    display: block;
    margin: 0px;
    font-family: "Montserrat", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "a-otf-midashi-go-mb31-pr6n", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 14px;
    text-align: center;
    color: #1D284D;
    background-color: #fff;
    font-feature-settings: "palt";
    letter-spacing: .1em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1em;
}
h2,h3,h4,p,i{
    margin:0px;
}
ul, li {
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
section{
    padding: 8px;
    margin-bottom: 48px;
    padding-bottom: 40px;
}
.sougyoutouji{
    width: 100%;
    max-width: 550px;
    margin: 0 auto;
    display: block;
    padding-top: 32px;
    margin-bottom: 8px;
}


/*ECキューブのCSSが邪魔するので記載*/
.top_card_closet a:hover{
    color: #fff;
    text-decoration: none;
    opacity: .8;
}
.top_card_nexcy a:hover{
    color: #fff;
    text-decoration: none;
    opacity: .8;
}
.use_box a:hover{
    color: #fff;
    text-decoration: none;
    opacity: .8;
}
.final_section a:hover{
    color: #fff;
    text-decoration: none;
    opacity: .8;
}
/*ECキューブのCSSが邪魔するので記載ここまで*/
    
/*フォントサイズ*/
@media screen and (min-width: 767px){
    p{font-size:16px;line-height:2em;text-align: left;}
    h1{font-size:34px;line-height: 1.2em}
    h2{font-size:24px;line-height: 1.2em}
    h3{font-size:20px;line-height: 1.6em}
    h4{font-size:18px;line-height: 1.6em}
}
@media screen and (max-width: 767px){
    p{font-size:16px;line-height:2em;text-align: left;}
    h1{font-size:24px;line-height: 1.2em}
    h2{font-size:20px;line-height: 1.2em}
    h3{font-size:18px;line-height: 1.6em}
    h4{font-size:16px;line-height: 1.6em} 
}

@media screen and (min-width: 767px){
    
    .new_login_button{
        float: right;
    background: #5d9dda;
    color: #fff;
    padding: 16px;
    font-size: 24px;
    border-radius: 8px;
    font-weight: bold;
    margin-top: 40px;
    margin-right: 48px;
        text-decoration: none;
    }
    
    .new_top_heder{
                text-align: left;
            }
            .new_m_logos{
                width: 276px;
                padding: 10px;
                box-sizing: border-box;
                margin-left: 30px;
                margin-top: 10px;
                margin-bottom: 10px; 
            }
    .new_m_logos_season{
                width: 340px;
                padding: 10px;
                box-sizing: border-box;
                margin-left: 30px;
                margin-top: 10px;
                margin-bottom: 10px; 
            }
            .new_m_top_f_alea{
                height: 680px;
                overflow: hidden;
                position: relative;
            }
            .new_m_label_area{
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                margin: auto;
                height: 540px;
            }
            .new_m_label_area h1{
                text-align: center;
                font-weight: bold;
                font-size: 32px;
                letter-spacing: 2px;
                margin-top: 0.83em;
                margin-bottom: 0.83em;
            }
            .new_m_label_area h2{
                width: 235px;
                margin: 0 auto;
            }
            .new_m_label_area h3 img{
                width: 328px;
                display: block;
                margin: 0 auto;
                padding-top: 56px;
            }
            .new_top_ab_001{
                position: absolute;
                width: 100%;
                height: auto;
            }   
            .new_top_ab_002{
                position: absolute;
                width: 100%;
                height: auto;
                margin-top: 50px;
            }   
            .new_top_ab_003{
                position: absolute;
                width: 100%;
                height: auto;
                margin-top: 100px;
            }
    .new_top_ab_004{
                position: absolute;
                width: 100%;
                height: auto;
                margin-top:180px;
    }
            .new_top_ab_001 img{
                width: 56%;
                display: block;
                margin: 0 auto;
                margin-top: -165px;
                margin-left: 220px;
            }
            .new_top_ab_002 img{
                width: 65%;
                margin: 0 auto;
                display: block;
                margin-left: 28%;
            }
            .new_sub_logo{
                width: 600px;
                display: block;
                margin: 0 auto;
                margin-top: 48px;
                padding-bottom: 80px;
            }
    .new_top_ab_004 img {
        width: 56%;
        margin: 0 auto;
        display: block;
        margin-left: 28%;
    }
    .sp_none{display:none;}
    .main_bg{
        background: url(../img/topbg.jpg)left top/cover no-repeat;
        height: 640px;
        position: absolute;
        top: 0;
        width: 100%
    }
    .main_top_mask{
        position: absolute;
        top: 0;
        width: 100%;
        height: 640px;
        background: rgba(0,0,0,0);
    }
    .top_main_visal{
        position: relative;
        width: 100%;
        height:600px;
    }
    .top_main_title{
        z-index: 2;
        position: relative;
        width: 500px;
        top: 120px;
        margin-left: -40px;
        filter: drop-shadow(1px 1px 2px #aaa);
    }
    .top_title_area{
        padding-bottom: 115px;
    }
    .top_info_area{
        position: relative;
    }
    .top_info_area h2{
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-shadow: 1px 1px 2px #aaa;
    }
    .top_info_area h3{
        margin-top: 60px;
        color:#fff;
        font-size: 40px; 
        text-shadow: 1px 1px 2px #aaa;
    }
    .top_card_nexcy{
        background-color: rgba(0,159,230,1);
        width: 464px;
        border-radius: 14px;
        color: #fff;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        padding-bottom: 16px;
    }
    .top_card_nexcy_nwe_sub{
        background-color: rgba(77,133,211,1);
        width: 464px;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        padding: 4px;
        box-sizing: border-box;
    }
    .top_card_closet{
        background: rgba(47,90,215,1);
        width: 464px;
        border-radius: 14px;
        color: #fff;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        padding-bottom: 16px;
    }
    .top_card_closet_nwe_sub{
        background-color: rgba(11,43,193,1);
        width: 464px;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        padding: 4px;
        box-sizing: border-box;
    }
    .how_to_choice_area{
        display: flex;
        justify-content: space-around;
        max-width: 980px;
        margin: 0 auto;
        position: relative;
        margin-top: -160px;
        padding-top: 24px;
    }
    .how_to_choice_area h2{
        font-size: 16px;
        padding-top: 16px;
        padding-bottom: 8px
    }
    .how_to_choice_area span{
        font-size: 36px;
        line-height: 1.5em;
        vertical-align: middle;
    }
    .how_to_choice_area img{
        width:100%;
        height:210px;
        object-fit: cover;
        object-position: top;
    }
    .how_to_choice_area ul{
        text-align: left;
        width: 300px;
        font-size: 16px;
        margin: 0 auto;
        padding: 16px;
        box-sizing: border-box;
    }
    .how_to_choice_area i{
        vertical-align: middle;
        /*background-color: #3e84e6;*/
        margin-right: 8px;
        border-radius: 5px;
    }
    .how_to_choice_area li{
        padding-bottom: 8px;
    }
    .top_card_closet i{
        /*background-color: #f18235;*/
    }
    .top_card_nexcy a{
        font-size: 18px;
        color: #fff;
        padding: 8px;
        display: block;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 16px;
        box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
        text-decoration: none;
        cursor: pointer;
        border-radius: 50px;
        border: solid;
    }
    .top_card_closet a{
        font-size: 18px;
        color: #fff;
        padding: 8px;
        display: block;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 16px;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        text-decoration: none;
        border-radius: 50px;
        border: solid;
    }
    
    .l_text{
        padding-top: 80px;
        font-size: 32px;
    }
    .l_text span{
        font-size:24px;
    }
    .lead_text_sub_title{
        text-align: center;
        padding-top: 56px;
    }
    .whats_area_img{
        border: solid 4px;
        border-radius: 50%;
        width: 250px;
        height: 250px;
        object-fit: cover;
    }
    .wats_cleaning_img_area{
        max-width:980px;
        margin: 0 auto;
        position: relative;
        height: 980px;
    }
    .wats_img_001{
        position: absolute;
        top: 0;
        left: 100px;  
        width: 250px;
    }
    .wats_img_002{
        position: absolute;
        top: 165px;
        right: 100px;   
        width: 250px;
    }
    .wats_img_003{
        position: absolute;
        top: 465px;
        right:0;
        left:-100px;
        margin: 0 auto;
        width: 250px;
    }
    .wats_border_1{
        width: 300px;
        border-top: dotted 6px;
        position: absolute;
        left: 342px;
        transform: rotate(26deg);
        top: 195px;
    }
    .wats_border_2{
        width: 265px;
        border-top: dotted 6px;
        position: absolute;
        left: 500px;
        transform: rotate(-45deg);
        top: 400px;
    }
    .wats_cleaning_img_area h4{
        padding-top: 16px;
    }
    .top-page-bg-gray {
        background-color: #ecf0f4;
    }
    .doing_cleaning_box{
        text-align: left;
        margin:8px;
    }
    .doing_cleaning_box ul{
        text-align: left;
    }
    .doing_cleaning_box li{
        display: inline-block;
        margin: 5px 5px;
    }
    .doing_cleaning_box a{
        color: #0080f4;
        text-decoration: none;
        padding: 6.5px 28px 5.5px 15px;
        border: solid 3px #0080f4;
        font-size: 18px;
        line-height: 1;
        border-radius: 17px;
        position: relative;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        cursor: pointer;
        display: block
    }
    .doing_cleaning_box a:hover {
        opacity: 0.6;
    }
    .doing_area{
        display: flex;
        max-width: 980px;
        margin: 0 auto;
        justify-content: space-around;
        padding-top: 60px;
    }
    .doing_cleaning_box span{
        vertical-align: text-bottom;
    }
    .doing_how_to_h3{
        font-size: 24px;
        color: #0080f4;
    }
    .doing_how_to_h3 span{
        font-size:18px;
    }
    
    .plan_balun{
    position: absolute;
    left: 50%;
    top: -74px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 570px;
    height: 48px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    font-size: 2.2rem;
    background: -webkit-linear-gradient(150deg, #e74135 50%, #ff8f00 100%);
        background: linear-gradient(-60deg, #e74135 50%, #ff8f00 100%);
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.4);
    z-index: 2;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    }
    .plan_balun::before {
    display: block;
    content: '';
    position: absolute;
    left: 75%;
    bottom: -18px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 7.5px 0 7.5px;
    border-color: #e74135 transparent transparent transparent;
    }
    
    .plan_section_price_area{
        position: relative;
        margin-top: 125px;
    }
    .price_plan_noamal{
        text-align: left;
        width: 50%;
        padding: 8px;
    }
    .price_plan_noamal h3{
        font-size: 32px;
        padding-bottom: 4px;
        color: #404040;
    }
    .price_plan_noamal ul {
        padding-left: 20px;
        padding-bottom: 16px;
    }
    .price_plan_noamal li {
        list-style: circle;
        font-size: 16px;
        padding-left: 0px;
        color: #787c80;
        font-weight: 600;
        line-height: 1.3;
    }
    .plan_card_box{
        max-width: 980px;
        margin: 0 auto;
        display: flex;
    }
    .plan_card_box > div{
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 0px 0px 0px rgba(60,64,67,.15);
        border: #efefef solid 1px;
        padding-bottom: 0px;
    }
    .getugaku_box{
        display:flex;
    }
    .getugaku_box span{
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-size:32px;
    }
    .getugaku_box p{
        color: #787c80;
        font-size:18px;
        font-weight: bold;
        text-align: center;
        padding: 8px;
    }
    .getugaku_box div{
        width: 50%;
        border-top: 1px #cfcfcf solid;
        text-align: center;
    }
    .pran_price_box_area{
        max-width:980px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 60px;
    }
    .pran_price_box_area h2{
        padding-top: 42px;
        opacity: 0.6;
        margin-bottom: 32px
    }
    .pran_item_box{
        display: flex;
        width: 100%;
        padding-bottom: 8px;
        justify-content: center;
    }
    .pran_item_box p{
        text-align: center;
        font-size: 18px;
        width: 25%;
        color: #787c80;
        color: #404040;
    }
    .pran_item_box span{
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-size: 24px;
        font-weight: bold;
    }
    .top_ber{
        border-top: #cfcfcf 1px solid;
        width: 80%;
        margin: 0 auto;
        margin-top: 32px;
    }
    .sozainone p{
        width:100%;
    }
    .pran_info{
        font-size: 14px;
        max-width: 768px;
        margin: 0 auto;
        padding-top: 16px;
        padding-bottom: 24px;
    }
    .pran_info_a{
        color: #0080f4 !important;
        text-decoration: none !important;
        padding: 6.5px 28px 5.5px 15px;
        border: solid 3px #0080f4;
        font-size: 18px;
        line-height: 1;
        border-radius: 17px;
        position: relative;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        cursor: pointer;
        display: block;
        max-width: 270px;
        margin: 0 auto;
        position: relative;
    }
    .pran_info_a span{
        vertical-align: middle;
        position: absolute;
        right: 10px;
        top: 3px;
    }
    .sozai_p_plan{
        font-size: 18px;
        text-align: center;
        padding: 24px;
        box-sizing: border-box;
        font-weight: bold;
    }
    .sozai_p_plan span{
        font-size: 40px;
        padding-left: 16px;
        font-family: inherit;
    }
    .total_box{
        width: 768px;
        margin: 0 auto;
        background: #fff;
    }
    .total_box img{
        width:100%;
    }
    .hokan_pran_img{
        height: 187px;
        width: 50%;
        object-fit: cover;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 0px 0px 0px rgba(60,64,67,.15);
    }
    .hokan_pran_rate_area{
        padding: 16px 40px;
    }
    .hokan_pran_rate_box{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding-bottom: 16px;
        border-bottom: solid 1px #afafaf;
        padding-top: 24px;
        line-height: 2em;
    }
    .hokan_pran_rate_box div{
        width: 50%;
    }
    .hokan_pran_name_box{
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        opacity: .8;
    }
    .hokan_pran_plice_aitem span{
        font-size: 40px;
        font-weight: bold;
        color: #404040;
    }
    .hokan_pran_plice_aitem{
        text-align: right;
        font-size: 18px;
        font-weight: bold;
        color: #404040;
    }
    .hokan_pran_osusume_box{
        width: 680px;
        background: #fff;
        margin: 0 auto;
        padding: 24px;
        margin-top: 24px;
        text-align: center;
        margin-bottom: 24px;
    }
    .hokan_pran_osusume_box h3{
        padding-bottom: 8px;
        border-bottom:solid 1px #efefef;
    }
    .hokan_pran_osusume_box p{
        padding-top: 8px;
        text-align: center;
    }
    .hokan_pran_osusume_box span{
        font-size:14px;
    }
    .section_blue_sky{
        background: #dbecfc;
    }
    .use_box_01{
        max-width: 768px;
        margin: 0 auto;
        border: solid 5px #fff;
        padding: 60px 40px 60px 280px;
        box-sizing: border-box;
        border-radius: 14px;
        position: relative;
        margin-top: 48px;
    }
    .use_box_02{
        max-width: 768px;
        margin: 0 auto;
        border: solid 5px #fff;
        padding: 60px 40px 60px 280px;
        box-sizing: border-box;
        border-radius: 14px;
        position: relative;
        margin-top: 24px;
        background: #fff;
    }
    .use_box_01 img{
        position: absolute;
        top: 70px;
        width: 100px;
        left: 70px;
    }
    .use_box_02 img{
        position: absolute;
        top: 70px;
        width: 150px;
        left: 50px;
    }
    .use_box p{
        text-align: left;
    }
    .use_box h2{
        text-align:left;
        padding-bottom: 16px
    }
    .use_box a{
        padding: 16px;
        font-size: 16px;
        display: block;
        width: 300px;
        margin: 0 auto;
        margin-top: 16px;
        color: #fff;
        background: #0080f4;
        text-decoration: none;
        border-radius: 14px;
    }
    .Secur_box_001{
        padding-top: 60px;
        max-width: 768px;
        margin: 0 auto;
        display: flex;
    }
    .Secur_box_001 img{
        width:40%;
    }
    .Secur_box_001 div{
        padding-left: 40px;
        text-align: left;
    }
    .hakase_shyoukai{
        text-align: left;
        font-size: 12px;
    }
    .hakase_contents{
        padding: 0;
        width: 100%;
    }
    .primo_koe{
        padding: 32px;
        box-sizing: border-box;
        width: 100%;
        text-align: left;
        white-space: nowrap;
        overflow-x: scroll;
        box-sizing: border-box;
    }
    .primo_koe div{
        display: inline-block;
        width: 300px;
        height:250px;
        background: #fff;
        padding: 8px;
        border-radius: 5px;
        box-sizing: border-box;
        white-space: pre-line;
        margin:8px;
        vertical-align: top;
    }
    .primo_koe i{
        font-size: 34px;
        vertical-align: bottom;
        padding-right: 8px;
    }
    .primo_koe span{
        font-weight: bold;
        font-size:20px;
    }
    .primo_koe p{
        font-size: 16px;
        line-height: 1.5em;
    }
    .final_section{
        background: url(/parts/img/front-img.jpg);
        margin-bottom: 0px;
        color: #fff;
        background-size: cover;
    }
    .final_section p{
            width: 400px;
        text-align: center;
        margin: 0 auto;
        padding-top: 24px;
        padding-bottom: 24px;
        font-weight: 600;
    }
    .final_section a{
        background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
        background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
        display: block;
        width: 300px;
        padding: 16px;
        font-size: 16px;
        margin: 0 auto;
        border-radius: 30px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    .login_b{
        position: absolute;
        z-index: 2;
        right: 24px;
        top: 24px;
    }
    .login_b a{
        border: solid;
        display: block;
        box-sizing: border-box;
        padding: 8px 32px;
        font-size: 16px;
        border-radius: 8px;
        color: #fff;
        text-decoration: none;
    }
    .pt_16p {
        padding-top: 32px;
    }
    /*セール時の表示制御用*/
    .primo_sale_img{
        max-width: 535px;
        position: relative;
        width: 95%;
        margin: 0 auto;
        margin-top: -60px;
    }
    .primo_sale_count{
        text-align: center;
        position: relative;
        margin-top: -85px;
        font-weight: 600;
        font-size: 16px;
    }
    .primo_sale_p{
        max-width: 600px;
        margin: 0 auto;
        position: relative;
        margin-top: 32px;
    }
    .primo_sale_p span{
        font-size: 12px;
        line-height: 20px;
        display: block;
    }
    .sale_banar{
        background: #e73b61;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 3;
        padding: 8px;
        box-sizing: border-box;
        color: #fff;
    }
    .sale_banar_top_p{
        text-align: center;
        line-height: 1.5em;
    }
    .pc_baner_cont h3{
        font-size: 36px;
        line-height: 1em;
    }
    .pc_baner_cont span{
        font-size:24px;
    }
    .sale_count_berner{
        border: solid 2px;
        border-radius: 5px;
        padding: 4px;
        font-size: 16px;
        display: block;
        margin: 0 auto;
        width: 300px;
        text-align: center;
        height: 30px;
    }
    .pc_baner_cont{
        display: flex;
        justify-content: center;
        max-width: 620px;
        align-items: center;
        margin: 0 auto;
    }
    .sales_balun{
        font-size: 2.5em;
        font-weight: bold;
        line-height: 1.5em;
        text-align: center;
        padding: 4px;
        background: -webkit-linear-gradient(150deg, #e74135 50%, #ff8f00 100%);
        background: linear-gradient(-60deg, #e74135 50%, #ff8f00 100%);
        box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.4);
        width: 570px;
        box-sizing: border-box;
        color: #fff;
        border-radius: 8px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 25px;
    }
    .sales_balun span{
        font-size: 12px;
        display: block;
        line-height: 20px;
    }
    .sales_balun::before {
        display: block;
        content: '';
        position: absolute;
        left: 75%;
        bottom: -18px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19px 7.5px 0 7.5px;
        border-color: #e74135 transparent transparent transparent;
    }
    .option_card{
        background: #0b5bce;
        background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
        background: -webkit-linear-gradient(bottom, #0f82b8 0%, #0b5bce 100%);
        background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
        color: #ffffff;
    }
    .option_category{
        font-size: 18px;
        line-height: 200%;
        padding-left: 25px;
        position: relative;
        font-weight: bold;
    }
    .option_category::before{
        content: '';
        width: 14px;
        height: 5px;
        left: 0;
        background: #fff;
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .option_block{
        width: 25%;
        margin: 8px;
        box-sizing: border-box;
        background: #ececec;
    }
    .option_block img{
        width: 50%;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .option_info_text{
        padding: 8px;
    }
    .option_contents{
        display: flex;
        max-width: 980px;
        margin: 0 auto;
        justify-content: space-around;
        align-self: flex-start;
        padding-top: 60px;
        padding-bottom: 16px;
    }
    .option_area{
        margin-bottom: 64px;
        padding-bottom:64px;
    }
    .op_plan_rf{
        text-align: right;
    }
    .op_plan_rf span{
        font-weight: 600;
        font-size: 1.5em;
    }
    .option_atention_text{
        max-width: 980px;
        margin: 0 auto;
        font-size: 12px;
        padding-bottom: 42px;
    }
    .login_btn_b{
        background: #0b5bce;
        background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
        background: -webkit-linear-gradient(bottom, #0f82b8 0%, #0b5bce 100%);
        background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
        color: #ffffff;
        width: 200px;
        height: 50px;
        position: absolute;
        top: 20px;
        right: 30px;
        z-index: 1;
        border-radius: 14px;
        padding: 4px 8px 0px;
    }
    .login_btn_b a{
        vertical-align: middle;
        font-size: 20px;
        padding-left: 0;
        text-decoration: none;
        color: #fff;
        font-weight: 600;
    }
    .login_btn_b img{
        height: 90%;
        left: 0px;
        position: relative;
        margin-left: -30px;
        vertical-align: middle;
        margin-right: 30px;
    } 
    
    /*ネクシーシーズンのPCページの分*/
    .season_plan_how_area{
        background: #357eec;
        text-align: center;
        color:#fff;
        padding-bottom: 80px;
    }
    .season_plan_how_box_contener{
        display: flex;
        width:980px;
        margin: 0 auto;
        justify-content: space-around;
        padding-top:56px;
    }
    .season_plan_how_box_contener div{
        width:48%;
    }
    .season_plan_wow_title_p{
        color: #357eec;
        background: #fff;
        width: 360px;
        margin: 0 auto;
        margin-bottom: 16px;
        font-size: 24px;
        padding: 8px;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
    }
    .season_plan_how_atention_pc{
        text-align: left;
        font-size: 14px;
        padding: 24px;
        display:block;
    }
    .season_plan_covid_out_plus_area{
        margin: 0 auto;
        background: #d9f5fd;
        padding: 61px 0 10px;
        text-align: center;
        border-radius: 26px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        -ms-border-radius: 26px;
        -o-border-radius: 26px;
        width: 980px;
        margin-top: 56px;position: relative;
    }
    .covid_none_img_text{
        width:800px;
    }
    .covid_none_img_img{
        position: absolute;
        right: 130px;
        top: 300px;
        width: 360px;
    }
    .seanon_now_area{
        width: 640px;
        margin: 0 auto;
        padding-top: 56px;  
    }
    .seanon_now_read_info{
        text-align: center;
        padding-top: 18px;
        padding-bottom: 32px;
    }
    .season_now_info{
        display:flex;
        justify-content: space-around;
        width: 980px;
        margin: 0 auto;
    }
    .season_now_info div{
        background: #ecf0f4;
        width:32%;
        border-radius: 8px;
        padding-top:16px;
        padding-bottom:24px;
    }
    .season_now_info h3{
        color:#dc6b89;
        font-weight: bold;
        font-size:36px;
        padding-bottom: 16px;
    }
    .season_now_info span{
        color:#1D284D;
        font-size:24px;
    }
    .season_now_info img{
        width: 100%;
        height:200px;
        object-fit: cover;
    }
    .season_now_info p{
        padding: 16px;
        line-height: 1.8em;
    }
    .season_notes_area{
        width:800px;
        margin: 0 auto;
        margin-top: 32px;
    }
    .season_notes_area img{
        width: 560px;
        padding: 56px;
    }
    .season_faq_area{
        max-width: 768px;
        margin: 0 auto;
        border: solid 5px #fff;
        padding: 60px 40px 60px 40px;
        box-sizing: border-box;
        border-radius: 14px;
        position: relative;
        margin-top: 24px;    
        background: #fff;
    }
    .hokan-key-lp-faq li {
        width: 25%;
    }
    .woc-onepoint-memo {
        width: 425px;
        margin: 0 auto !important;
        margin-top: 35px !important;
    }
    .woc-onepoint-memo {
        background: #e1f5fe;
        color: #0288d1 !important;
        padding: 25px 30px !important;
    }
    .accordion {
        max-width: 768px;
        margin: 0 auto;
        padding: 10px;
    }
    .accordion .ac-content{margin:0 10px;}
    .accordion input{display:none;}
    .accordion label{display:block;background:#fff;cursor:pointer;padding:10px;border-bottom:1px solid #f5f5f5;font-size:1.3em;color:#555;font-weight:bold;}
    .accordion label:hover{opacity:0.7;}
    .accordion .ac-cont{transition:0.2s;height:0;overflow:hidden;background:#fff;padding:0 10px;}
    .accordion input:checked + .ac-cont{height:auto;padding:10px;padding-left:5%;font-size:1.1em;color:#555;}
    .faq_session_title{
        font-size: 18px;
        text-align: center;
        font-weight: bold;
    }
    .season_faq_area label{
        font-size: 16px;
        text-align: left;
    }
    .season_plan_how_atention_sp{
        display: none;
    }
    
}
@media screen and (max-width: 767px){
    .top_nm_teisei_matuda
    {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        height: 456px;
    }
    .top_nm_teisei_matuda h1{
        color: #00a7e1;
        font-size: 1.3em;
    padding-top: 56px;
    font-weight: bold;
    }
    .top_nm_teisei_matuda h2{
        width: 36%;
        margin: 0 auto;
        padding-top: 24px;
    }
    .new_login_button{
        float: right;
    background: #4d9dda;
    font-size: 18px;
    /* border: solid 2px; */
    border-radius: 4px;
    padding: 12px;
    margin-top: 16px;
    margin-right: 16px;
    color: #fff;
    font-weight: bold;
        text-decoration: none;
    }
    .new_top_heder{
                text-align: left;
            }
            .new_m_logos{
                    width: 180px;
                padding: 10px;
                box-sizing: border-box;
                margin-left: 16px;
                margin-top: 0px;
                margin-bottom: 0px;
            }
    .new_m_logos_season{
                   width: 225px;
                padding: 10px;
                box-sizing: border-box;
                margin-left: 16px;
                margin-top: 0px;
                margin-bottom: 0px;
            }
            .new_m_top_f_alea{
                height: 800px;
                overflow: hidden;
                position: relative;
            }
            .new_m_label_area{
                position: absolute;
                width: 100%;
                height: auto;
                margin-top: 180px;
            }
            .new_m_label_area h1{
                text-align: center;
                font-weight: bold;
                font-size: 24px;
                color:#62a4D8;
            }
            .new_m_label_area h2{
                width: 45%;
                margin: 0 auto;
            }
            .new_m_label_area h3 img{
                width: 56%;
                display: block;
                margin: 0 auto;
            }
            .new_top_ab_001{
                position: absolute;
                width: 100%;
                height: auto;
            }   
            .new_top_ab_002{
                position: absolute;
                width: 100%;
                height: auto;
                margin-top: -25px;
                left: -100px;
            }   
            .new_top_ab_003{
                position: absolute;
                width: 100%;
                height: auto;
                margin-top: 180px;
            }
            .new_top_ab_001 img{
                width: 84%;
                display: block;
                margin: 0 auto;
                margin-top: 85px;
            }
            .new_top_ab_002 img{
                width: 65%;
                margin: 0 auto;
                display: block;
                margin-left: 28%;
            }
            .new_sub_logo{
                width: 88%;
                display: block;
                margin: 0 auto;
                margin-top: 48px;
                padding-bottom: 48px;
            }
    
    .sp_none{display:block;}
    .pc_none{display:none!important;}
    .main_bg{
        background: url(../img/topbg.jpg)left top/cover no-repeat;
        height: 365px;
        position: absolute;
        top: 0;
        width: 100%;
        background-position: -116px;
    }
    .main_top_mask{
        position: absolute;
        top: 0;
        width: 100%;
        height: 365px;
        background: rgba(255,255,255,0.1);
    }
    .top_main_visal{
        position: relative;
        width: 100%;
        height:365px;
    }
    .top_main_title{
        z-index: 2;
        position: relative;
        width: 80%;
        top: 70px;
        margin-left: -40px;
        filter: drop-shadow(0px 0px 3px #888);
    }
    .top_title_area{
        padding-bottom: 45px;
    }
    .top_info_area{
        position: relative;
    }
    .top_info_area h2{
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-weight: bold;
        text-shadow: 0px 0px 2px #888;
    }
    .top_info_area h3{
        margin-top: 45px;
        color:#fff;
        font-size: 32px;   
        text-shadow: 0px 0px 2px #666;
    }
    .top_card_nexcy{
        background-color: rgba(0,159,230,1);
        width: 100%;
        border-radius: 14px;
        color: #fff;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        padding-bottom: 16px;
        margin-bottom: 24px;
    }
    .top_card_nexcy_nwe_sub {
        background-color: rgba(77,133,211,1);
        width: 100%;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        padding: 4px;
        box-sizing: border-box;
    }
    .top_card_closet{
        background: rgba(47,90,215,1);
        width: 100%;
        border-radius: 14px;
        color: #fff;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        padding-bottom: 16px;
        margin-bottom: 24px;
    }
    .top_card_closet_nwe_sub {
        background-color: rgba(11,43,193,1);
        width: 100%;
        border-top-left-radius: 14px;
        border-top-right-radius: 14px;
        padding: 4px;
        box-sizing: border-box;
    }
    .how_to_choice_area{
        padding: 24px 8px;
        background: #dbecfc;
    }
    .how_to_choice_area{
        margin: 0 auto;
        position: relative;
    }
    .how_to_choice_area h2{
        font-size: 16px;
        padding-top: 16px;
        padding-bottom: 8px
    }
    .how_to_choice_area span{
        font-size: 24px;
        line-height: 1.5em;
        vertical-align: middle;
    }
    .how_to_choice_area img{
        width:100%;
        height:210px;
        object-fit: cover;
        object-position: top;
    }
    .how_to_choice_area ul{
        text-align: left;
        width: 300px;
        font-size: 16px;
        margin: 0 auto;
        padding: 16px;
        box-sizing: border-box;
    }
    .how_to_choice_area i{
        vertical-align: middle;
        /*background-color: #3e84e6;*/
        margin-right: 8px;
        border-radius: 5px;
    }
    .how_to_choice_area li{
        padding-bottom: 8px;
    }
    .top_card_closet i{
        /*background-color: #f18235;*/
    }
    .top_card_nexcy a{
        font-size: 18px;
        color: #fff;
        padding: 8px;
        display: block;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 16px;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        text-decoration: none;
        cursor: pointer;
        border-radius: 50px;
        border: solid;
    }
    .top_card_closet a{
        font-size: 18px;
        color: #fff;
        padding: 8px;
        display: block;
        width: 300px;
        margin: 0 auto;
        margin-bottom: 16px;
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 1px 3px 1px rgba(60,64,67,.15);
        text-decoration: none;
        border-radius: 50px;
        border: solid;
    }
    .l_text{
        padding-top: 80px;
        font-size: 32px;
    }
    .l_text span{
        font-size:20px;
    }
    .lead_text_sub_title{
        text-align: center;
        padding-top: 56px;
    }
    .whats_area_img{
        border: solid 4px;
        border-radius: 50%;
        width: 200px;
        height: 200px;
        object-fit: cover;
    }
    .wats_cleaning_img_area{
        max-width:100%;
        margin: 0 auto;
        position: relative;
        height: 1345px;
    }
    .wats_img_001{
        position: absolute;
        top: 45px;
        left: 0px;  
        width: 250px;
    }
    .wats_img_002{
        position: absolute;
        top: 425px;
        right: 0px;   
        width: 250px;
    }
    .wats_img_003{
        position: absolute;
        top: 885px;
        left:0px;
        margin: 0 auto;
        width: 250px;
    }
    .wats_border_1{
        width: 80%;
        border-top: dotted 6px;
        position: absolute;
        left: 5px;
        transform: rotate(26deg);
        top: 195px;
        border-right: dotted 6px;
        height: 20%;
        border-radius: 25px;
    }
    .wats_border_2{
        width: 96%;
        border-top: dotted 6px;
        position: absolute;
        left: 60px;
        transform: rotate(-20deg);
        top: 600px;
        border-left: dotted 6px;
        height: 300px;
        border-radius: 25px;
    }
    .wats_cleaning_img_area h4{
        padding-top: 16px;
    }
    .top-page-bg-gray {
        background-color: #ecf0f4;
    }
    .sp_pading{
        padding: 0px 8px;
    }
    
    .doing_cleaning_box{
        text-align: left;
        margin:8px;
        padding-bottom: 24px;
    }
    .doing_cleaning_box ul{
        text-align: left;
    }
    .doing_cleaning_box li{
        display: inline-block;
        margin: 5px 5px;
    }
    .doing_cleaning_box a{
        color: #0080f4;
        text-decoration: none;
        padding: 6.5px 28px 5.5px 15px;
        border: solid 3px #0080f4;
        font-size: 14px;
        line-height: 1;
        border-radius: 17px;
        position: relative;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        cursor: pointer;
        display: block
    }
    .doing_cleaning_box a:hover {
        opacity: 0.6;
    }
    .doing_area{
        margin: 0 auto;
        justify-content: space-around;
        padding-top: 60px;
    }
    .doing_img{
        width: 70%
    }
    .doing_cleaning_box span{
        vertical-align: text-bottom;
        font-size: 18px;
    }
    .doing_how_to_h3{
        font-size: 24px;
        color: #0080f4;
    }
    .doing_how_to_h3 span{
        font-size:18px;
    }
    .sp_padding_top{
        padding-top: 24px;
    }
    section{
        margin-bottom: 0px;
    }
    
    
    .plan_balun{
    position: absolute;
    left: 50%;
    top: -74px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 48px;
    border-radius: 5px;
    color: #eaf0f7;
    font-weight: bold;
    font-size: 2.2rem;
        background: -webkit-linear-gradient(150deg, #e74135 50%, #ff8f00 100%);
        background: linear-gradient(-60deg, #e74135 50%, #ff8f00 100%);
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.4);
    z-index: 2;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
        font-size: 20px;
    }
    .plan_balun::before {
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -18px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 7.5px 0 7.5px;
    border-color: #e74135 transparent transparent transparent;
    }
    
    .plan_section_price_area{
        position: relative;
        margin-top: 60px;
    }
    .price_plan_noamal{
        text-align: left;
        width: 100%;
        padding: 8px;
    }
    .price_plan_noamal h3{
        font-size: 32px;
        padding-bottom: 4px;
        color: #404040;
    }
    .price_plan_noamal ul {
        padding-left: 20px;
        padding-bottom: 16px;
    }
    .price_plan_noamal li {
        list-style: circle;
        font-size: 14px;
        padding-left: 0px;
        color: #787c80;
        font-weight: 600;
        line-height: 1.3;
    }
    .plan_card_box{
        max-width: 980px;
        margin: 0 auto;
        display: flex;
    }
    .plan_card_box > div{
        box-shadow: 0 1px 2px 0 rgba(60,64,67,.3), 0 0px 0px 0px rgba(60,64,67,.15);
        border: #efefef solid 1px;
        padding-bottom: 0px;
    }
    .getugaku_box{
        display:flex;
    }
    .getugaku_box span{
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-size:32px;
    }
    .getugaku_box p{
        color: #787c80;
        font-size:18px;
        font-weight: bold;
        text-align: center;
        padding: 8px;
    }
    .getugaku_box div{
        width: 50%;
        border-top: 1px #cfcfcf solid;
        text-align: center;
    }
    .pran_price_box_area{
        padding: 8px;
        margin: 0 auto;
        text-align: center;
        padding-bottom: 60px;
    }
    .pran_price_box_area h2{
        padding-top: 42px;
        opacity: 0.6;
        margin-bottom: 32px
    }
    .pran_item_box{
        display: flex;
        width: 100%;
        padding-bottom: 8px;
        justify-content: center;
    }
    .pran_item_box p{
        text-align: center;
        font-size: 18px;
        width: 50%;
        color: #787c80;
        color: #404040;
    }
    .pran_item_box span{
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-size: 24px;
        font-weight: bold;
    }
    .top_ber{
        border-top: #cfcfcf 1px solid;
        width: 80%;
        margin: 0 auto;
        margin-top: 32px;
    }
    .sozainone_sp{
        display: block;
    }
    .sozainone p{
        width:100%;
    }
    .sozainone{
        padding-bottom: 24px;
    }
    .pran_info{
        font-size: 14px;
        max-width: 768px;
        margin: 0 auto;
        padding-top: 16px;
        padding-bottom: 24px;
    }
    .pran_info_a{
        color: #0080f4 !important;
        text-decoration: none !important;
        padding: 6.5px 28px 5.5px 15px;
        border: solid 3px #0080f4;
        font-size: 18px;
        line-height: 1;
        border-radius: 17px;
        position: relative;
        -webkit-transition: opacity 0.4s;
        transition: opacity 0.4s;
        cursor: pointer;
        display: block;
        max-width: 270px;
        margin: 0 auto;
        position: relative;
    }
    .pran_info_a span{
        vertical-align: middle;
        position: absolute;
        right: 10px;
        top: 3px;
    }
    .sozai_p_plan{
        font-size: 18px;
        text-align: center;
        padding: 24px;
        box-sizing: border-box;
        font-weight: bold;
    }
    .sozai_p_plan span{
        font-size: 40px;
        padding-left: 16px;
        font-family: inherit;
    }
    .total_box{
        width: 100%;
        margin: 0 auto;
        background: #fff;
    }
    .total_box img{
        width:100%;
    }
    .hokan_pran_img{
        display: none;
    }
    .hokan_pran_rate_area{
        padding: 16px 16px;
    }
    .hokan_pran_rate_box{
        display: flex;
        justify-content: space-around;
        align-items: center;
        padding-bottom: 16px;
        border-bottom: solid 1px #afafaf;
        padding-top: 24px;
    }
    .hokan_pran_rate_box div{
        width: 50%;
    }
    .hokan_pran_name_box{
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        opacity: .8;
    }
    .hokan_pran_plice_aitem span{
        font-size: 36px;
        font-weight: bold;
        color: #404040;
    }
    .hokan_pran_plice_aitem{
        text-align: right;
        font-size: 14px;
        font-weight: bold;
        color: #404040;
    }
    .hokan_pran_osusume_box{
        background: #fff;
        margin: 0 auto;
        padding: 24px;
        margin-top: 24px;
        text-align: center;
        margin-bottom: 24px;
    }
    .hokan_pran_osusume_box h3{
        padding-bottom: 8px;
        border-bottom:solid 1px #efefef;
    }
    .hokan_pran_osusume_box p{
        padding-top: 8px;
        text-align: center;
    }
    .hokan_pran_osusume_box span{
        font-size:14px;
    }
    .section_blue_sky{
        background: #dbecfc;
    }
    .hokan_card{
        width:100%;
    }
    .use_box_01{
        margin: 0 auto;
        border: solid 5px #fff;
        padding: 300px 8px 60px 8px;
        box-sizing: border-box;
        border-radius: 14px;
        position: relative;
        margin-top: 48px;
    }
    .use_box_02{
        margin: 0 auto;
        border: solid 5px #fff;
        padding: 300px 8px 60px 8px;
        box-sizing: border-box;
        border-radius: 14px;
        position: relative;
        margin-top: 24px;
        background: #fff;
    }
    .use_box_01 img{
        position: absolute;
        top: 70px;
        width: 100px;
        left: 35%;
    }
    .use_box_02 img{
        position: absolute;
        top: 70px;
        width: 225px;
        left: 20%;
    }
    .use_box p{
        text-align: left;
        padding: 8px;
    }
    .use_box h2{
        text-align:center;
        padding-bottom: 16px
    }
    .use_box a{
        padding: 16px;
        font-size: 16px;
        display: block;
        width: 300px;
        margin: 0 auto;
        margin-top: 16px;
        color: #fff;
        background: #0080f4;
        text-decoration: none;
        border-radius: 14px;
    }
    .Secur_box_001{
        padding-top: 60px;
        margin: 0 auto;
    }
    .Secur_box_001 img{
        width:70%;
    }
    .Secur_box_001 div{
        padding-top: 24px;
        padding-bottom: 24px;
        text-align: left;
    }
    .Secur_box_001 p{
        padding-bottom: 16px
    }
    .Secur_box_001 h3{
        padding-bottom: 8px;
        text-align: center;
    }
    .hakase_shyoukai{
        text-align: left;
        font-size: 12px;
    }
    .hakase_contents{
        padding: 0;
        width: 100%;
    }
     .primo_koe{
        padding: 8px;
        box-sizing: border-box;
        width: 100%;
        text-align: left;
        white-space: nowrap;
        overflow-x: scroll;
        box-sizing: border-box;
    }
    .primo_koe div{
        display: inline-block;
        width: 250px;
        height:250px;
        background: #fff;
        padding: 8px;
        border-radius: 5px;
        box-sizing: border-box;
        white-space: pre-line;
        margin:8px;
        vertical-align: top;
    }
    .primo_koe i{
        font-size: 34px;
        vertical-align: bottom;
        padding-right: 8px;
    }
    .primo_koe span{
        font-weight: bold;
        font-size:20px;
    }
    .primo_koe p{
        font-size: 16px;
        line-height: 1.5em;
    }
    .final_section{
        background: url(/parts/img/front-img.jpg);
        margin-bottom: 0px;
        color: #fff;
        background-size: cover;
    }
    .final_section p{
        width: 80%;
        text-align: center;
        margin: 0 auto;
        padding-top: 24px;
        padding-bottom: 24px;
        font-weight: 600;
    }
    .final_section a{
        background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
        background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
        display: block;
        width: 80%;
        padding: 16px;
        font-size: 16px;
        margin: 0 auto;
        border-radius: 30px;
        color: #fff;
        text-decoration: none;
        font-weight: bold;
    }
    .login_b{
        position: absolute;
        z-index: 2;
        right: 8px;
        top: 24px;
    }
    .login_b a{
        border: solid;
        display: block;
        box-sizing: border-box;
        padding: 4px 16px;
        font-size: 16px;
        border-radius: 8px;
        color: #fff;
        text-decoration: none;
    }
    .pt_16p {
        padding-top: 32px;
    }
        /*セール時の表示制御用*/
    .primo_sale_img{
        max-width: 535px;
        position: relative;
        width: 110%;
        margin: 0 auto;
        margin-top: -50px;
        margin-left: -5%;
    }
    .primo_sale_count{
        text-align: center;
        position: relative;
        margin-top: -45px;
        font-weight: 600;
        font-size: 12px;
        padding-bottom: 8px!important;
    }
    .primo_sale_p{
        max-width: 600px;
        margin: 0 auto;
        position: relative;
        margin-top: 16px;
        line-height: 1.5em;
        font-weight:600;
    }
    .primo_sale_p span{
        font-size: 12px;
        line-height: 20px;
        display: block;
        font-weight: normal;
    }
    .sale_banar{
        background: #e73b61;
        position: fixed;
        bottom: 0px;
        width: 100%;
        z-index: 3;
        padding: 8px;
        box-sizing: border-box;
        color: #fff;
    }
    .sale_banar_top_p{
        text-align: center;
        line-height: 1.5em;
    }
    .sale_banar_top_h3{
        font-size: 40px;
        line-height: 1em;
    }
    .sale_banar_top_h3 span{
        font-size:20px;
    }
    .sale_count_berner{
        border: solid 2px;
        border-radius: 5px;
        padding: 4px;
        font-size: 12px;
        display: block;
        margin: 0 auto;
        width: 256px;
        text-align: center;
    }
        .sales_balun{
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.5em;
        text-align: center;
        padding: 4px;
        background: -webkit-linear-gradient(150deg, #e74135 50%, #ff8f00 100%);
        background: linear-gradient(-60deg, #e74135 50%, #ff8f00 100%);
        box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.4);
        width: 95%;
        box-sizing: border-box;
        color: #fff;
        border-radius: 8px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 25px;
    }
    .sales_balun span{
        font-size: 12px;
        display: block;
        line-height: 20px;
    }
    .sales_balun::before {
        display: block;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -18px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 19px 7.5px 0 7.5px;
        border-color: #e74135 transparent transparent transparent;
    }
    .option_card{
        background: #0b5bce;
        background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
        background: -webkit-linear-gradient(bottom, #0f82b8 0%, #0b5bce 100%);
        background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
        color: #ffffff;
    }
    .option_category{
        font-size: 18px;
        line-height: 200%;
        padding-left: 25px;
        position: relative;
        font-weight: bold;
    }
    .option_category::before{
        content: '';
        width: 14px;
        height: 5px;
        left: 0;
        background: #fff;
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .option_block{
        width: 100%;
        margin: 8px;
        box-sizing: border-box;
        background: #ececec;
    }
    .option_block img{
        width: 50%;
        padding-top: 16px;
        padding-bottom: 16px;
    }
    .option_info_text{
        padding: 8px;
    }
    .option_contents{
        display: flex;
        max-width: 100%;
        margin: 0 auto;
        justify-content: space-around;
        align-self: flex-start;
        padding-top: 60px;
        padding-bottom: 16px;
        flex-wrap: wrap;
    }
    .option_area{
        margin-bottom: 64px;
        padding-bottom:64px;
    }
    .op_plan_rf{
        text-align: right;
    }
    .op_plan_rf span{
        font-weight: 600;
        font-size: 1.5em;
    }
    .option_atention_text{
        max-width: 980px;
        margin: 0 auto;
        font-size: 12px;
        padding-bottom: 42px;
    }
        .login_btn_b{
        background: #0b5bce;
        background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
        background: -webkit-linear-gradient(bottom, #0f82b8 0%, #0b5bce 100%);
        background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
        color: #ffffff;
        width: 150px;
            height: 40px;
            position: absolute;
            top: 20px;
            right: 8px;
        z-index: 1;
        border-radius: 10px;
        padding: 4px 8px 0px;
    }
    .login_btn_b a{
        vertical-align: middle;
        font-size: 16px;
        padding-left: 0;
        text-decoration: none;
        color: #fff;
        font-weight: 600;
    }
    .login_btn_b img{
        height: 90%;
        left: 0px;
        position: relative;
        margin-left: -25px;
        vertical-align: middle;
        margin-right: 30px;
    }
    
    /*スライダー系のcss*/
    .slider li{
        width:75vw !important;
    }
    
    
       /*ネクシーシーズンのPCページの分*/
    .season_plan_how_area{
        background: #357eec;
        text-align: center;
        color:#fff;
        padding-bottom: 80px;
    }
    .season_plan_how_box_contener{
        width:100%;
        margin: 0 auto;
        justify-content: space-around;
        padding-top:36px;
    }
    .season_plan_how_box_contener div{
        width:100%;
        padding-top: 56px;
    }
    .season_plan_how_box_contener div:first-child{
        padding-top: 0px;
    }
    .season_plan_wow_title_p{
        color: #357eec;
        background: #fff;
        width: 80%;
        margin: 0 auto;
        margin-bottom: 16px;
        font-size: 24px;
        padding: 8px;
        box-sizing: border-box;
        text-align: center;
        font-weight: bold;
    }
    .season_plan_how_atention_pc{
        display:none;
    }
    .season_plan_how_atention_sp{
        text-align: left;
        font-size: 14px;
        padding: 24px;
        display:block;
        
    }
    .season_plan_covid_out_plus_area{
        margin: 0 auto;
        background: #d9f5fd;
        padding: 61px 0 10px;
        text-align: center;
        border-radius: 26px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        -ms-border-radius: 26px;
        -o-border-radius: 26px;
        width: 100%;
        margin-top: 56px;position: relative;
        padding: 8px;
        box-sizing: border-box;
    }
    .covid_none_img_text{
        width:100%;
    }
    .covid_none_img_img{
        position: absolute;
        right: 24px;
        top: 118px;
        width: 40%;
    }
    .seanon_now_area{
        width: 100%;
        margin: 0 auto;
        padding-top: 56px;  
    }
    .seanon_now_read_info{
        text-align: center;
        padding-top: 18px;
        padding-bottom: 32px;
    }
    .season_now_info{
        justify-content: space-around;
        width: 100%;
        margin: 0 auto;
    }
    .season_now_info div{
        background: #ecf0f4;
        width:100%;
        border-radius: 8px;
        padding-top:16px;
        padding-bottom:24px;
        box-sizing: border-box;
        margin-bottom: 32px;
    }
    .season_now_info h3{
        color:#dc6b89;
        font-weight: bold;
        font-size:36px;
        padding-bottom: 16px;
    }
    .season_now_info span{
        color:#1D284D;
        font-size:24px;
    }
    .season_now_info img{
        width: 100%;
        height:200px;
        object-fit: cover;
    }
    .season_now_info p{
        padding: 16px;
        line-height: 1.8em;
    }
    .season_notes_area{
        width:100%;
        margin: 0 auto;
        margin-top: 32px;
    }
    .season_notes_area img{
        width: 100%;
        padding-top: 56px;
        padding-bottom: 56px;
    }
    .season_faq_area{
        max-width: 100%;
        margin: 0 auto;
        border: solid 5px #fff;
        padding: 32px 8px 32px 8px;
        box-sizing: border-box;
        border-radius: 14px;
        position: relative;
        margin-top: 24px;    
        background: #fff;
    }
    .hokan-key-lp-faq li {
        width: 25%;
    }
    .woc-onepoint-memo {
        width: 100%;
        margin: 0 auto !important;
        margin-top: 35px !important;
        box-sizing: border-box;
        line-height: 1.5;
        letter-spacing: 1.5px;
    }
    .woc-onepoint-memo {
        background: #e1f5fe;
        color: #0288d1 !important;
        padding: 24px 16px !important;
        box-sizing: border-box;
    }
    .accordion {
        max-width: 768px;
        margin: 0 auto;
        padding: 10px;
    }
    .accordion .ac-content{margin:0 10px;}
    .accordion input{display:none;}
    .accordion label{display:block;background:#fff;cursor:pointer;padding:10px;border-bottom:1px solid #f5f5f5;font-size:1.3em;color:#555;font-weight:bold;}
    .accordion label:hover{opacity:0.7;}
    .accordion .ac-cont{transition:0.2s;height:0;overflow:hidden;background:#fff;padding:0 10px;}
    .accordion input:checked + .ac-cont{height:auto;padding:10px;padding-left:5%;font-size:1.1em;color:#555;}
    .faq_session_title{
        font-size: 18px;
        text-align: center;
        font-weight: bold;
    }
    .season_faq_area label{
        font-size: 16px;
        text-align: left;
        line-height: 1.5;
    }
    .ac-content > .lp-faq-angel-down{
        float: right;
    }
    
    

}

/*宅配クリーニングとは？のドットを制御するやつあれ感覚が難しいのよね。*/
@media screen and (max-width: 450px){
    .wats_border_1{
        width: 300px;
        border-top: dotted 6px;
        position: absolute;
        left: 5px;
        transform: rotate(26deg);
        top: 195px;
        border-right: dotted 6px;
        height: 235px;
        border-radius: 25px;
    }
    .wats_border_2{
        width: 265px;
        border-top: dotted 6px;
        position: absolute;
        left: 60px;
        transform: rotate(-20deg);
        top: 600px;
        border-left: dotted 6px;
        height: 300px;
        border-radius: 25px;
    }
    .sale_sp_m{
        margin-bottom: 100px;
    }
    
    
    
    
}

/*モダールコンテツ用のCSS*/
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.modal__bg{
    background: rgba(0,0,0,0.5);
    height: 100vh;
    position: absolute;
    width: 100%;
    z-index: 10;
}
.modal a{
    color: #0080f4;
    text-decoration: none;
    padding: 6.5px 28px 5.5px 15px;
    border: solid 3px #0080f4;
    font-size: 18px;
    line-height: 1;
    border-radius: 17px;
    position: relative;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    cursor: pointer;
    display: block;
    width: 250px;
    margin: 0 auto;
}
.modal h2{
    padding-bottom: 16px
}
.modal p{
    padding-bottom: 24px;
}
@media screen and (min-width: 767px){
    .modal__content{
        background: #fff;
        left: 50%;
        padding: 40px;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 60%;
        box-sizing: border-box;
        z-index: 11;
        border-radius: 14px;
    }
    
}
@media screen and (max-width: 767px){
     .modal__content{
         background: #fff;
         left: 50%;
         padding: 24px;
         position: absolute;
         top: 50%;
         transform: translate(-50%,-50%);
         width: 95%;
         box-sizing: border-box;
         z-index: 11;
         border-radius: 14px;
    }
}

@charset "utf-8";
/*フッターコンテンツ*/
.footer {
    width: 100%;
    background-color: rgba(0,159,230,1);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: "palt";
    font-size: 14px;
    line-height: 26px;
    text-align: left;
}
.footer-inner {
    color: white;
}
.site-map-sub {
    font-size: 12px;
    opacity: 0.8;
}
.bar {
    pointer-events: none;
}
.footer-inner a {
    color: white;
    text-decoration: none;
}
.footer-appendix .copyright {
    font-family: Poppins, sans-serif;
}
.site-map-sub li {
    margin-right: 30px;
    line-height: 1;
    flex-shrink: 0;
}
.site-map h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
}
.n_menu_s_nav{
    height: 0;
    -webkit-transition: height 300ms ease;
    transition: height 300ms ease;
    overflow-y: hidden;
    padding-left: 16px;
    padding-top: 8px;
}
.n_menu_s_nav a{
    padding:8px 0px;
    display: block;
}
.Spanel1H{
    height:50px;
}
.Spanel2H{
    height:180px;
}
.Spanel3H{
    height:340px;
}
.is-expanded{
    margin: 0px;
    padding: 0px;
}

/*ヘッダーここから*/
.header {
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    background: #fff;
}

@media screen and (min-width: 769px){
              .footer {
                  width: 100%;
                  padding: 80px 30px 60px;
                  box-sizing: border-box;
              }
              .footer-inner {
                  max-width: 960px;
                  margin: 0 auto;
                  display: -webkit-box;
                  display: flex;
                  -webkit-box-orient: vertical;
                  -webkit-box-direction: normal;
                  flex-direction: column;
              }
              .site-map {
                  width: 100%;
                  padding: 0 0 120px 0;
                  display: -webkit-box;
                  display: flex;
                  -webkit-box-pack: justify;
                  justify-content: space-between;
              }
              .site-map-sub {
                  margin-bottom: 20px;
              }
              .footer-inner .bar {
                  width: 100%;
                  height: 1px;
                  opacity: 0.5;
                  background: white;
              }
              .footer-appendix {
                  width: 100%;
                  margin: 20px 0 0 0;
                  display: -webkit-box;
                  display: flex;
                  -webkit-box-pack: justify;
                  justify-content: space-between;
                  -webkit-box-align: center;
                  align-items: center;
              }
              .footer-appendix .footer-company {
                  display: -webkit-box;
                  display: flex;
                  -webkit-box-align: center;
                  align-items: center;
                  font-family: 'Poppins', sans-serif;
              }
              .footer-appendix .sns-buttons {
                  display: -webkit-box;
                  display: flex;
                  margin-right: 10px;
              }
              .footer-appendix .sns-buttons li {
                  padding-left: 18px;
                  font-size: 15px;
              }
              .header a, .footer a, .sidebar a {
                  text-decoration: none;
                  -webkit-transition: opacity 150ms ease;
                  transition: opacity 150ms ease;
              }
              .site-map-sub ul {
                  display: -webkit-box;
                  display: flex;
              }
              .footer-appendix .copyright {
                  margin-left: 19px;
                  font-size: 12px;
              }
              .site-map-sub ul {
                  display: -webkit-box;
                  display: flex;
              }
              .site-map section {
                  flex-shrink: 0;
                  -webkit-box-flex: 1;
                  flex-grow: 1;
              }
              .site-map .section-title {
                  margin-bottom: 20px;
              }
              .viewport-small {
                  display: none !important;
              }
              .site-map li {
                  font-size: 12px;
                  line-height: 2.33;
              }
              .header a:hover, .footer a:hover, .sidebar a:hover {
                  text-decoration: none;
                  opacity: 0.6;
                  color: #fff;
              }
              
              /*ヘッダーここから*/
              .header {
                  padding: 24px 40px 24px 60px;
              }
              .header img {
                  height: 68px;
                  width: 205px;
              }
              .header .nav {
                  display: -webkit-box;
                  display: flex;
                  z-index: 5;
              }
              .header .nav li {
                  padding: 8px 20px 0 20px;
              }
              .header .nav a {
                  font-weight: 500;
                  color: #45494b;
              }
              .front-menu-wapper {
                  position: absolute;
                  top: 25px;
                  display: none;
                  left: -.4em;
                  padding: 1em;
                  z-index: 999;
                  background: #fff;
                  min-width: 260px;
                  border-radius: .3em;
                  box-shadow: 0px 6px 10px rgba(0,0,0,0.19), 0px 0px 30px rgba(0,0,0,0.23);
                  text-align-last: left;
                  font-weight: normal;
              }
              .nexcy-front-menu-pc li:hover {
                  font-weight: bold;
              }
              .nexcy-front-menu-pc li:hover >.front-menu-wapper {
                  visibility: visible;
                  display: block;
              }
              .nexcy-front-menu-pc li{
                  position: relative;
                  padding-bottom: 4px !important;
              }
              .pc-header-login-nav{
                  display: flex;
                  align-items: center;
                  justify-content: space-around;
              }
              .n_menu_login{
                  display: block;
                  width: 120px;
                  padding: 8px;
                  border-radius: 8px;
                  background: -moz-linear-gradient(0deg,#f08228, #e61478)!important;
                  background: -webkit-linear-gradient(0deg,#f08228, #e61478)!important;
                  background: -ms-linear-gradient(0deg,#f08228, #e61478)!important;
                  color: #fff;
                  border: solid #e61478 1px;
              }
              .n_menu_signup{
                  display: block;
                  border: 1px solid #0099e8;
                  background: #fff;
                  color: #0099e8 !important;
                  padding: 8px;
                  border-radius: 8px;
                  width: 120px;
              }
              .pc-header-login-nav li{
                  margin:0px 4px;
              }
              .front-menu-wapper a{
                  display: block;
                  padding-bottom: 8px
              }
}

@media screen and (max-width: 768px){
              .footer {
                  -webkit-transition: opacity 250ms ease-out;
                  transition: opacity 250ms ease-out;
              }
              .footer {
                  background-size: 1000px;
              }
              .footer-appendix {
                  display: -webkit-box;
                  display: flex;
                  -webkit-box-pack: justify;
                  justify-content: space-between;
                  -webkit-box-align: center;
                  align-items: center;
                  margin: 90px 20px 0;
                  padding-bottom: 25px;
              }
              .footer-appendix .footer-company {
                  text-align: center;
              }
              .footer-appendix .copyright {
                  font-size: 11px;
              }
              .footer-appendix .sns-buttons {
                  display: -webkit-box;
                  display: flex;
                  width: 108px;
                  -webkit-box-pack: justify;
                  justify-content: space-between;
              }
              .footer-appendix .sns-buttons li {
                  font-size: 20px;
              }
              .site-map-sub {
                  margin-left: 20px;
                  padding-top: 50px;
                  -webkit-box-pack: center;
                  justify-content: center;
                  border-top: solid 1px rgba(255,255,255,0.2);
                  word-break: keep-all;
              }
              .site-map-sub li {
                  margin-bottom: 28px;
              }
              .site-map {
                  padding-top: 20px;
              }
              .site-map .section-title {
                  position: relative;
                  padding: 20px;
                  border-top: solid 1px rgba(255,255,255,0.2);
                  border-bottom: solid 1px rgba(255,255,255,0.2);
                  line-height: 1;
                  -webkit-box-pack: justify;
                  justify-content: space-between;
              }
              .site-map section:first-child .section-title {
                  border-top: none;
              }
              .site-map .opener {
                  position: absolute;
                  right: 20px;
                  top: 20px;
                  font-size: 16px;
                  -webkit-transition: -webkit-transform 100ms ease;
                  transition: -webkit-transform 100ms ease;
                  transition: transform 100ms ease;
                  transition: transform 100ms ease, -webkit-transform 100ms ease;
              }
              .site-map ul {
                  height: 0;
                  -webkit-transition: height 300ms ease;
                  transition: height 300ms ease;
                  overflow-y: hidden;
              }
              .site-map li {
                  font-size: 13px;
                  line-height: 3.38;
              }
              .site-map li a {
                  padding-left: 20px;
                  display: block;
              }
              .panel1H{
                  height:172px !important;
              }
              .panel2H{
                  height:86px !important;
              }
              .panel3H{
                  height:344px !important;
              }
              .panel4H{
                  height:301px !important;
              }
              .panel5H{
                  height:172px !important;
              }
              .panel6H{
                  height:172px !important;
              }
              .toglebutton{
                  -moz-transform: rotate(-135deg);
                  -webkit-transform: rotate(-135deg);
                  -o-transform: rotate(-135deg);
                  -ms-transform: rotate(-135deg);
                  transform: rotate(-135deg);
              }
              
              /*ヘッダーここから*/
              .header {
                  position: relative;
                  width: 100%;
                  height: 52px;
                  z-index: 20;
                  background: white;
                  box-shadow: 0 1px 2px 0 rgba(0,0,0,0);
                  -webkit-transition: box-shadow 250ms ease-out;
                  transition: box-shadow 250ms ease-out;
                  -webkit-tap-highlight-color: rgba(0,0,0,0);
              }
              .header .logo {
                  height: 24px;
                  padding-top: 2px;
                  position: relative;
              }
              .header .logo img {
                  height: 32px;
                  position: absolute;
                  top: -4px;
                  left: 0;
                  padding-left: 18px;
              }
              .viewport-large {
                  display: none;
              }
              /*スマホメニュー*/
              .mobile-nav-wrapper {
                  position: fixed;
                  top: 52px;
                  left: 0;
                  width: 100%;
                  height: calc(100% - 52px);
                  z-index: 15;
                  overflow: hidden;
                  pointer-events: none;
                  text-align: left;
              }
              .mobile-nav {
                  position: absolute;
                  top: 0;
                  right: -300px;
                  width: 300px;
                  height: 100%;
                  background: white;
                  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.05);
                  -webkit-transition: -webkit-transform 250ms ease-out;
                  transition: -webkit-transform 250ms ease-out;
                  transition: transform 250ms ease-out;
                  transition: transform 250ms ease-out, -webkit-transform 250ms ease-out;
                  pointer-events: auto;
              }
              .mobile-nav.open {
                  -webkit-transform: translate3d(-300px, 0, 0);
                  transform: translate3d(-300px, 0, 0);
              }
              .header.open {
                  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
              }
              .sclrol_none{
                  overflow: hidden !important;
              }
              .maskd{
                  height:100vh;
                  width: 100vh;
                  position: fixed;
                  z-index: 2;
                  background-color: rgba(0,0,0,0.5); 
                  top: 0px;
              }
              .mobile-nav .head-block {
                  padding: 38px 0 38px 25px;
                  border-bottom: solid 1px rgba(0,0,0,0.05);
              }
              .mobile-nav .logo {
                  height: 26px;
              }
              .mobile-nav .logo img {
                  height: 32px;
              }
              .mobile-nav .copy {
                  margin-top: 20px;
                  font-family: Poppins, sans-serif;
                  font-size: 14px;
                  font-weight: 600;
                  letter-spacing: 1.5px;
                  line-height: 1.57;
                  color: rgba(0,0,0,0.3);
              }
              .mobile-nav .nav-block {
                  padding: 38px 0 0 25px;
                  overflow: scroll;
                  height: 33vh;
              }
              .mobile-nav .bottom-block {
                  position: absolute;
                  bottom: 0;
                  left: 0;
                  width: 100%;
                  padding: 8px 0 23px 25px;
                  background-color: #fff;
              }
              .mobile-nav .copyright {
                  font-family: Poppins, sans-serif;
                  font-size: 14px;
                  font-weight: 300;
                  color: rgba(0,0,0,0.6);
              }
              .mobile-nav .nav-block li {
                  margin-bottom: 10px;
                  padding: 10px 0;
                  font-size: 14px;
                  font-weight: 500;
                  letter-spacing: 1px;
                  line-height: 1;
              }
              .mobile-nav .nav-block li a {
                  color: rgba(0,0,0,0.6);
                  text-decoration: none;
                  position: relative;
              }
              .pc-header-login-nav{
                  display: none;
              }
              .n_menu_login{
                  display: block;
                  width: 160px;
                  padding: 8px;
                  border-radius: 8px;
                  background: -moz-linear-gradient(0deg,#f08228, #e61478)!important;
                  background: -webkit-linear-gradient(0deg,#f08228, #e61478)!important;
                  background: -ms-linear-gradient(0deg,#f08228, #e61478)!important;
                  color: #fff;
                  border: solid #e61478 1px;
                  text-decoration: none;
                  text-align: center;
                  margin-top: 16px;
              }
              .sp_v_toriger{
                  font-size: 24px;
                  -webkit-transition: -webkit-transform 100ms ease;
                  transition: -webkit-transform 100ms ease;
                  transition: transform 100ms ease;
                  transition: transform 100ms ease, -webkit-transform 100ms ease;
                  position: absolute;
                  top: -3.5px;
                  right: -25px;
              }
              .v_togle{
                  -moz-transform: rotate(-180deg);
                  -webkit-transform: rotate(-180deg);
                  -o-transform: rotate(-180deg);
                  -ms-transform: rotate(-180deg);
                  transform: rotate(-180deg);
                  position: absolute;
                  top: -3.5px;
                  right: -25px;
              }
              
              /*ハンバーガー部分*/
              .menu-trigger,.menu-trigger span {
                  display: inline-block;
                  transition: all .4s;
                  box-sizing: border-box;
              }
              .menu-trigger {
                  position: relative;
                  width: 25px;
                  height: 19px;
                  right: 15px;
              }
              .menu-trigger span {
                  position: absolute;
                  left: 0;
                  width: 100%;
                  height: 3px;
                  background-color: #aaa;
                  border-radius: 4px;
              }
              .menu-trigger span:nth-of-type(1) {
                  top: 0;
              }
              .menu-trigger span:nth-of-type(2) {
                  top: 8px;
              }
              .menu-trigger span:nth-of-type(3) {
                  bottom: 0;
              }
              
              /*ハンバーガーのアニメーション*/
              .menu-trigger.active span:nth-of-type(1) {
                  width: 45%;
                  -webkit-transform: translate3d(2px, 10px, 0) rotate(405deg);
                  transform: translate3d(0px, 3px, 0) rotate(405deg);
              }
              .menu-trigger.active span:nth-of-type(2) {
                  -webkit-transform: translate3d(-1px, 0, 0) rotate(-45deg);
                  transform: translate3d(-1px, 0, 0) rotate(-45deg);
              }
              .menu-trigger.active span:nth-of-type(3) {
                  width: 45%;
                  -webkit-transform: translate3d(23px, -9px, 0) rotate(405deg);
                  transform: translate3d(12px, -2px, 0) rotate(405deg);
              }
}

/*オープニングアニメーション*/
#opanime {
    width: 100vw;
    height: 100vh;
    animation: bgAnime 1s linear 1.8s forwards;
    background-color: #fff;
    position: fixed;
    z-index: 999;
         top: 0px;
}
          .icon_img_box{
              position: absolute;
              top: -170px;
              left: 0;
              bottom: 0;
              right: 0;
              margin: auto;
              width: 120px;
              height: 120px;
          }
          .icon_img_box img{
              width:115px;
          }
          .op_text {
              text-align: center;
              font-size: 49px;
              color: rgba(0,159,230,1);
              height: 1em;
              line-height: 1.2;
              position: absolute;
              top: 0;
              left: 0;
              bottom: 0;
              right: 0;
              margin: auto;
              z-index: 999;
              opacity: 0;
              animation: textAnime1 .5s linear forwards;
              font-family:sans-serif;
          }
          .op_text span{
              display: inline-block;
          }
          .op_text span:nth-child(1){
              animation: textAnime2 .6s ease-in-out .5s forwards;
          }
          .op_text span:nth-child(2){
              animation: textAnime2 .6s ease-in-out .6s forwards;
          }
          .op_text span:nth-child(3){
              animation: textAnime2 .6s ease-in-out .7s forwards;
          }
          .op_text span:nth-child(4){
              animation: textAnime2 .6s ease-in-out .8s forwards;
          }
          .op_text span:nth-child(5){
              animation: textAnime2 .6s ease-in-out .9s forwards;
          }
          /*キーフレーム部分*/
          @keyframes textAnime1{
              0%{opacity: 0;}
              100%{opacity: 1;}
          }
          @keyframes textAnime2 {
              0% {transform: translateY(0);}
              25%{transform: translateY(-30%);}
              75% {transform: translateY(30%);}
              100%{transform: translateY(0);}
          }
          @keyframes bgAnime{
              0%{opacity: 1;}
              99%{opacity: 0;}
              100%{opacity: 0;display: none;}
          }

.nexcy_done_button{
    border-radius: 14px;
    border: solid;
    padding: 8px 32px;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin: 8px;
    display: block;
    text-decoration: none;
}
/*キャンペーン系のcss*/
.sl_img{
    width: 100%;
                max-width: 450px;
            }
            .sl_aitem_box{
                background: #dde6f0;
                border-radius: 14px;
                padding: 16px;
            }
            .sl_aitem_box p{
                font-size: 14px;
                max-width: 480px;
                margin: 0 auto;
                padding-bottom: 0px;
            }
            .sl_info{
                font-size: 12px;
                max-width: 100%;
                margin: 0 auto;
            }
            .ribbon1 {
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #f57a78;/*塗りつぶし色*/
  color: #FFF;
    box-sizing: border-box;
    margin: 0 auto;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 8px;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.sl_button{
    background: #1960e0;
    border: none;
    padding: 8px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    box-sizing: border-box;
    margin-bottom: 16px;
    cursor: pointer;
}
@media screen and (max-width: 768px){
    .sl_img{
                margin-top: 100px;
            }
}