@charset "utf-8";

/* PCサイズ用の記述 */
body{
    text-align: center;
    font-family: 'Hiragino Kaku Gothic ProN', 'Helvetica', 'Arial',
    'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'sans-serif';
}

.pc{
    display: block;
}
.sp{
    display: none;
}
br.pc{
    display: inline;
}

/* header -s */
.most_top-area{
    height: 30px;
    width: auto;
    padding: 0 15px;
    background-color: #011f49;
    color: #bfc7d1;
    font-size: 12px;
    line-height: 30px;
    overflow: hidden;
    font-family: 'Gothic';
}

.most_top-area h1{
    float: left;
}

.most_top-area p{
    float: right;
}

.top-area{
    width: auto;
    padding: 22px;
    overflow: hidden;
    text-align: left;
}

.wpmake_logo{
    float: left;
    width: 12.7%;
}

.top-contact{
    float: right;
    overflow: hidden;
}

.top-contact p::before{
    content:'';
    background: url(../img/common/telephone_small.png) no-repeat;
    width: 33px;
    height: 45px;
    float: left;
    margin: 3px 13px;
    background-size: contain;
}

.top-contact p{
    float: left;
    font-weight: bold;
    margin: 5px 0 0;
}

.top-number{
    font-size: 30px;
}

.top-reception{
    font-size: 12px;
    float: left;
    margin: 3px 0 0;
}

.top-contact_btn{
    float: right;
    display: block;
    border-radius: 5px;
    background: linear-gradient(#ff8f44,#f6541c);
    position: relative;
    line-height: 55px;
    width: 216px;
    margin: 0 0 0 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    padding: 0 24px 0;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
}
.top-contact_btn:hover {
  opacity:0.9;
}

/*.top-contact_btn::before{
    content: '';
    display: inline-block;
    background: url(../img/common/v_orange.png) no-repeat;
    width: 22px;
    height: 22px;
    background-size: contain;
    position: absolute;
    top: 17px;
    left: 57px;
    vertical-align: middle;
}*/
/* header -e */

/* main -s */
.main-img-parent{
    position: relative;
    font-size: 0;
}

.main-img{
    width: 100%;
    height: auto;
}

.main-img_sp{
    display: none;
}

    /* news */
    .news{
        background: #edf1f7;
        text-align: center;
        height: 160px;
        overflow: hidden;
    }
    .news-detail {
        width: 1000px;
        margin: 0px auto;
        overflow: hidden;
        height: auto;
        padding: 30px 0;
    }
    .news-left {
        float: left;
        padding: 0 38px 0 0;
        margin: 0 45px 0 0;
        height: 100px;
    }
    .news-left p {
        padding: 21px 0 0;
    }
    .news-head {
        font-size: 40px;
        font-family: 'DIN Alternate';
    }
    .news-sub {
        font-size: 16px;
    }
    .news-right {
        float: left;
        overflow: hidden;
        height: 100px;
    }
    .news-right li {
      text-align: left;
      margin-top: 20px;
      font-size: 1.1rem;
      line-height: 1.7rem;
    }
    /* contact -s */
    .contact{
        text-align: center;
        height: 160px;
        background-color: #011f49;
        color: #fff;
        overflow: hidden;
    }

    .contact-detail{
        width: 90%;
        max-width: 1000px;
        margin: 0px auto;
        height: auto;
        padding: 30px 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .contact-left{
        /*float: left;*/
        padding: 0 38px 0 0;
        margin: 0 45px 0 0;
        border-right: solid 1px #556c8d;
        height: 100px;
    }

    .contact-left p{
        padding: 21px 0 0;
    }

    .contact-head{
        font-size: 40px;
        font-family: 'DIN Alternate';
    }

    .contact-sub{
        font-size: 16px;
    }

    .contact-right{
        /*float: left;
        overflow: hidden;*/
        height: 100px;
        display: flex;
        align-items: center;
    }

    .contact-number{
        font-size: 30px;
        /* font-family: 'Bebas Neue'; */
    }

    .contact-reception{
        font-size: 14px;
        font-weight: normal;
    }

    .contact_btn{
        display: block;
        padding: 0 30px 0;
        width: 330px;
        border-radius: 5px;
        background: linear-gradient(#ff8f44,#f6541c);
        position: relative;
        line-height: 70px;
        font-size: 25px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        margin: 0;
    }

    .contact_quick_contact {
        width: 250px;
        margin: 15px auto;
        font-size: 16px;
        line-height: 50px;
        background: linear-gradient(#80cc80,#008000);
    }

    .contact_btn:hover{
        opacity:0.9;
    }

/*    .contact_btn::before{
        content: '';
        display: inline-block;
        background: url(../img/common/v_orange_contact.png) no-repeat;
        width: 34px;
        height: 35px;
        background-size: contain;
        position: absolute;
        top: 26px;
        left: 86px;
        background-size: contain;
    }*/

    .contact-right p{
        /*float: left;*/
        padding: 0 45px 0 20px;
        font-weight: bold;
        text-align: left;
    }

    .contact-right p::before{
        content:'';
        background: url(../img/common/telephone_large.png) no-repeat;
        width: 42px;
        height: 57px;
        float: left;
        position: relative;
        margin: -3px 15px 0 0;
        background-size: contain;
    }

    /* contact -e */

    /* group1 -s */
    .group1{
        background: #edf1f7;
        padding: 65px 0 55px;
    }

    .group1 h2{
        font-size: 30px;
        font-weight: bold;
        margin: 0 0 43px;
    }

    .g1_logo{
        vertical-align: middle;
    }

    .g1-h2{
        font-size: 36px;
        position: relative;
        line-height: 1.4;
    }

    .g1-h2::before{
        content:'';
        background: url(../img/img_backslash.png) no-repeat;
        background-size: contain;
        display: block;
        width: 4vw;
        height: 4vw;
        position: absolute;
        left: -4.5vw;
        bottom: 0;
    }

    .g1-h2::after{
        content:'';
        background: url(../img/img_slash.png) no-repeat;
        background-size: contain;
        display: block;
        width: 4vw;
        height: 4vw;
        position: absolute;
        right: -4.5vw;
        bottom: 0;
    }

    .g1-blue{
        color: #029ff1;
        font-size: 48px;
    }

    .slider1{
        width: 100%;
        margin: auto;
        display: none;
    }

    .slider1 .slick-initialized{
        display: block;
    }

    .slider1 li:focus{
        outline : none;
    }

    .slider1 img{
        width: 200px;
        margin: 0 auto;
    }

    /* group1 -e */

    /* groupcase -s */
    .group-case{
        padding: 125px 0 0;
    }

    .group-case h2{
        font-size: 42px;
        line-height: 1.5;
        font-weight: bold;
    }

    .interview{
        overflow: hidden;
        text-align: center;
        padding: 0 220px;
        font-size: 0;
    }

    .interview::before{
        content:'';
        background: url(../img/common/line_short.png) no-repeat;
        display: block;
        width: 60px;
        height: 4px;
        margin: 30px auto 56px;
        background-size: contain;
    }

    .interview{
        display: inline-block;
        text-align: left;
    }

    .interviewBox{
        display: inline-block;
        vertical-align: top;
        width: 46%;
    }

    .interviewBox:nth-child(odd){
        margin-right: 8%
    }

    .interviewBox a{
        text-decoration: none;
    }
    .interviewBox h3{
        margin-bottom: 15px;
        font-size: 22px;
        font-weight: bold;
        color: #000;
    }
    .interviewBox img{
        margin-bottom: 15px;
        height: 255px;
    }
    .interviewBox p{
        font-size: 18px;
    }

    .interview_btn{
        display: block;
        margin: 65px auto 0;
        padding: 0;
        width: 380px;
        border-radius: 5px;
        background: #fff;
        position: relative;
        line-height: 70px;
        font-size: 18px;
        font-weight: bold;
        color: #092e64;
        border: 1px solid #092e64;
        text-decoration: none;
        cursor: pointer;
    }

    .interview_btn::after {
        content: '';
        background: url(../img/common/vek_navy.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        position: absolute;
        top: 24px;
        right: 9%;
        background-size: contain;
    }
    /* groupcase -e */

    /* group2 -s */
    .group2{
        padding: 125px 0 0;
    }

    .group2 h2{
        font-size: 32px;
        line-height: 1.5;
        font-weight: bold;
    }

    .g2-h2{
        font-weight: bold;
        font-size: 42px;
        position: relative;
    }

    .clients{
        overflow: hidden;
        text-align: center;
        padding: 0 220px;
        font-size: 0;
    }

    .clients::before{
        content:'';
        background: url(../img/common/line_short.png) no-repeat;
        display: block;
        width: 60px;
        height: 4px;
        margin: 30px auto 56px;
        background-size: contain;
    }

    .clients::after{
        content:'';
        background: url(../img/common/down.png) no-repeat;
        display: block;
        width: 1068px;
        height: 177px;
        margin: 0 auto;
        background-size: contain;
    }

    .client{
        display: inline-block;
        vertical-align: top;
        text-align: left;
        width: 330px;
    }

    .client li{
        border-bottom: solid 1px #d8dbdf;
        width: 100%;
        display: inline-flex;
        font-weight: 500;
        font-size: 18px;
        line-height: 1.7;
        padding: 19px 0;
    }

    .client li:last-of-type{
        border: none;
    }

    .creative{
        margin: 0 25px 0;
    }

    .client h3{
        display: inline-block;
        border-radius: 300px;
        text-align: center;
        position: relative;
        line-height: 60px;
        width: 300px;
        font-size: 24px;
        color: #fff;
        margin: 0 0 28px 18px;
        padding: 0 0;
    }

    .client h3::before{
        content: "";
        position: absolute;
        top: 100%;
        left: 47%;
        border: 8.5px solid transparent;
    }

    .owner h3{
        background: #90a008;
    }

    .owner h3::before{
        border-top: 12px solid #90a008;
    }

    .owner li::before{
        content: '';
        background: url(../img/common/vek_green.png) no-repeat;
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 6px 0px 0 7px;

        /* content:'';
        background: url(../img/common/vek_green.png) no-repeat;
        display: inline-block;
        width: 9px;
        height: 14px;
        margin: 6px 12px 0 7px;
        background-size: contain; */
    }

    .creative h3{
        background: #a41d89;
    }

    .creative h3::before{
        border-top: 12px solid #a41d89;
    }

    .creative li::before{
        content:'';
        background: url(../img/common/vek_red.png) no-repeat;
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 6px 6px 0 7px;
        /* background-size: contain; */
    }

    .system h3{
        background: #2b93a9;
    }

    .system h3::before{
        border-top: 12px solid #2b93a9;
    }

    .system li::before{
        content:'';
        background: url(../img/common/vek_blue.png) no-repeat;
        display: inline-block;
        width: 25px;
        height: 20px;
        margin: 6px 6px 0 7px;
        /* background-size: contain; */
    }
    /* group2 -e */

    /* group3 -s */
    .group3{
        margin: 46px 0 0;
        text-align: center;
        font-size: 0;
        font-weight: bold;
    }

    .group3 h2{
        margin: 0 0 20px;
        font-size: 24px;
    }

    .g3-logo{
        display: inline-block;
        vertical-align: middle;
        padding: 10px;
    }

    .g3-logo_sp{
        display: none;
    }

    .g3-h2-1{
        line-height: 1.7;
        font-size: 60px;
        color: #053272;
    }

    .g3-h2-2{
        margin: 32px 0 0;
        font-size: 60px;
        color: #ef142e;
    }

    .group3 p{
        font-size: 24px;
        line-height: 1.7;
        padding: 0 0 60px;
    }

    .g3-p{
        background: #0b77cb;
        color: #fff;
        padding: 5px;
    }

    .group3 ul{
        width: 1000px;
        display: inline-block;
        border: solid 2px #053272;
        border-radius: 5px;
        padding: 18px 0px 28px;
        margin: 0 auto;
        position: relative;
        z-index: 999;
    }

    .group3 li{
        text-align: left;
        font-size: 18px;
        border-bottom: solid 1px #dedddd;
        width: 480px;
        padding: 22px 0 14px;
        display: inline-flex;
    }

    .group3 li:nth-child(odd){
        margin: 0 30px 0 0;
    }

    .group3 li:nth-child(even){
        margin: 0 0px 0 0;
        width: 400px
    }

    .group3 li::before{
        content:'';
        background: url(../img/common/vek_navy.png) no-repeat;
        display: inline-block;
        vertical-align: middle;
        width: 20px;
        height: 20px;
        margin: 0 8px 0 2px;
        background-size: contain;
    }

    .member-img{
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 0;
    }

    .member-img_sp{
        display: none;
    }
    /* group3 -e */

    /* group4 -s */
    .group4{
        background-color: #edf1f7;
        padding: 125px 0 80px;
        overflow: hidden;
        position: relative;
    }

    .group4 button{
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        text-indent: -9999px;
        background-color: rgba(0,0,0,0);
        border-color: rgba(0,0,0,0);
    }

    .slide-arrow{
        position: absolute;
        top: 285px;
        z-index: 999;
    }

    .prev-arrow{
        left: 70px;
    }

    .next-arrow{
        right: 70px;
    }

    .group4 h2{
        font-size: 40px;
        font-weight: bold;
        line-height: 1.3;
    }

    .group4 h2::after{
        content:'';
        background: url(../img/common/line_short.png) no-repeat;
        display: block;
        width: 60px;
        height: 4px;
        margin: 30px auto 56px;
        background-size: contain;
    }

    .slider2{
        position: relative;
        display: none;
    }

    .slider2 .slick-initialized{
        display: block;
    }

    .slider2 li:focus{
        outline : none;
    }

    .jump-btn{
        font-size: 16px;
        float: left;
        line-height: 31px;
        border-radius: 30px;
        background: #092e64;
        position: relative;
        width: 137px;
        top: 13px;
        color: #fff;
        text-decoration: none;
        padding: 0 0 0 33px;
        cursor: pointer;
    }

    .jump-btn::before{
        content:'';
        display: inline-block;
        background: url(../img/common/Macbook.png) no-repeat;
        width: 20px;
        height: 12px;
        position: absolute;
        top: 9px;
        left: 27px;
        vertical-align: middle;
        background-size: contain;
    }

    .client_result{
        background-color: #fff;
        display: inline-block;
        width: 900px;
        height: 640px;
        margin: 10px auto;
        padding: 50px;
        border-radius: 10px;
        /* filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3)); */
        box-shadow: 0px 1px 5px 5px rgba(0,0,0,0.1);
        font-size: 0;
        overflow: hidden;
    }

    .client_name{
        overflow: hidden;
    }

    .client_name h3{
        padding: 15px 26px 20px 23px;
        text-align: left;
        float: left;
        color: #092e64;
        border-left: solid 4px;
        font-size: 30px;
        font-weight: bold;
    }

    .client_result img{
        margin: 20px 0;
        float: left;
    }

    .client_summary{
        text-align: left;
        width: 520px;
        float: right;
    }

    .client_summary h4{
        border-top: solid 1px #d2d5d9;
        font-size: 18px;
        color: #092e64;
        margin: 0 0 17px;
        padding: 17px 0 0;
    }

    .client_summary h4::before{
        content:'';
        background: url(../img/common/v_navy.png) no-repeat;
        width: 18px;
        height: 18px;
        display: inline-block;
        margin: -4px 8px 2px 0;
        vertical-align: middle;
        background-size: contain;
    }

    .client_summary p{
        font-size: 16px;
        margin: 13px 0;
        line-height: 28px;
    }

    .client_device p{
        font-size: 16px;
    }

    .client_customize li{
        font-size: 16px;
        display: inline-block;
        padding: 9px 14px;
        margin: 0 10px 10px 0;
        border: solid 1px #a9b3c8;
        border-radius: 40px;
        color: #092e64;
    }

    .slide-dots{
        text-align: center;
        margin: 45px 0 0;
    }

    .slide-dots li{
        display: inline-block;
        margin: 0 15px;
    }

    .slide-dots li button{
        margin: 0;
        padding: 0;
        background: none;
        border: none;
        border-radius: 0;
        outline: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        position: relative;
        text-indent: -9999px;
        background-color: rgba(0,0,0,0);
        border-color: rgba(0,0,0,0);
    }

    .slide-dots li button::before{
        content: '●';
        font-size: 15px;
        text-indent: 0px;
        position: absolute;
        top: 0;
        left: 0;
        color: #c4cdda;
    }

    .slide-dots li.slick-active button::before{
        content: '●';
        color: #4d6687;
    }

    /* group4 -e */

    /* group5 -s */
    .group5{
        padding: 119px 0 95px;
        overflow: hidden;
    }

    .group5 h2::after{
        content:'';
        background: url(../img/common/line_short.png) no-repeat;
        display: block;
        width: 60px;
        height: 4px;
        margin: 30px auto 56px;
        background-size: contain;
    }

    .group5 h2{
        font-size: 40px;
        font-weight: bold;
        line-height: 1.3;
    }

    .gr5-dl1{
        width: 1000px;
        margin: 0 auto;
        overflow: hidden;
        border-bottom: solid 1px #fff;
    }

    /* .gr5-dl1 */
    .group5 > dl:nth-child(2n+1){
        background-color: #fcfcfc;
    }

    /* .gr5-dl1 */
    .group5 > dl:nth-child(2n+2){
        background-color: #f7f7f6;
    }

    .gr5-dl1 dt{
        font-size: 20px;
        line-height: 36px;
        float: left;
        width: 400px;
        text-align: left;
        clear: left;
        padding: 36px 0 33px;
    }

    .gr5-dl1 dt::before{
        content:'';
        background: url(../img/common/vek_navy_charge.png) no-repeat;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0px 10px 5px 20px;
        vertical-align: middle;
        background-size: contain;
    }

    .gr5-dl1 dd{
        font-size: 22px;
        line-height: 40px;
        float: right;
        text-align: left;
        width: 567px;
        padding: 36px 25px 33px 0;
        font-weight: bold;
    }

    .charge{
        font-size: 14px;
        color: #092e64;
        border: solid 1px;
        background: #fff;
        border-radius: 30px;
        display: inline-block;
        height: 23px;
        width: 75px;
        line-height: 25px;
        text-align: center;
        margin: 0 18px 0px 0;
        position: relative;
        top: -2px;
    }

    .responsive{
        font-size: 10px;
    }

    .hint1, .hint2{
        font-size: 14px;
        line-height: 0;
        font-weight: normal;
    }

    .hint1{
        line-height: 1.5;
        display: block;
    }

    .notes{
        font-size: 14px;
        margin-top: 10px;
        color: #818080;
        line-height: 0;
        font-weight: normal;
        line-height: 1.5;
        display: block;
    }

    .add{
        font-size: 16px;
        font-weight: normal;
    }

    .direction{
        font-size: 20px;
    }

    .for_opacite::before{
        content:'';
        background: url(../img/common/opacite.png) no-repeat;
        display: inline-block;
        z-index: 999;
        width: 1500px;
        height: 144px;
        position: relative;
        margin-top: -85px;
        right: 0;

    }

    .attentions{
        width: 1000px;
        margin: 0 auto;
        overflow: hidden;
    }
    .attentions dl:hover {
      background:#fcfcfc;
    }

    .atL{
        float: left;
    }
    .atR{
        float: right;
    }

    .attentions dl:nth-child(2n){
        /* float: left;
        clear: left; */
        margin: 0 0 20px;
    }
    .attentions dl:nth-child(2n-1){
        /* float: right; */
        margin: 0 0 20px;
    }

    .attentions h3{
        font-size: 26px;
        font-weight: bold;
        margin: 100px 0 50px;
    }
    .attention{
        border: solid 1px #cccccc;
        border-radius: 5px;
        padding: 25px 33px 30px 24px;
        text-align: left;
        width: 431px;
    }
    .attention dt{
        font-size: 22px;
        font-weight: bold;
        position: relative;
        cursor: pointer;
    }
    .attention dt::after{
        content:'';
        background: url(../img/common/v_red.png) no-repeat;
        display: inline-block;
        width: 18px;
        height: 12px;
        position: absolute;
        top: 3px;
        right: 0;
        background-size: contain;
    }
    .attention dt.open::after{
        content:'';
        background: url(../img/common/v_red_up.png) no-repeat;
        display: inline-block;
        width: 18px;
        height: 12px;
        position: absolute;
        top: 3px;
        right: 0;
        background-size: contain;
    }

    .attention dd{
        font-size: 16px;
        line-height: 26px;
        display: none;
        margin: 39px 0 0;
    }

    .attention dd.open{
        display: block;
    }

    .attention dt.open::after{
        content:'';
        background: url(../img/common/v_red_up.png) no-repeat;
        display: inline-block;
        width: 18px;
        height: 12px;
        position: absolute;
        top: 3px;
        right: 0;
        background-size: contain;
    }

    .attention dd{
        font-size: 16px;
        line-height: 26px;
        display: none;
    }

    .attention dd.open{
        display: block;
    }
    /* group5 -e */

    .sec-makelp-cta {
        background: url(../img/common/make-cta-bg.png);
    }
    .sec-makelp-cta .cta-container {
        max-width: 1100px;
        margin: auto;
        position: relative;
    }
    .sec-makelp-cta .cta-container .make-cta-bg {
        width: 100%;
    }
    .sec-makelp-cta .cta-container .cta-button {
        position: absolute;
        bottom: 0;
        right: 15%;
        width: 40%;
    }
    .sec-makelp-cta .cta-container .cta-button img {
        width: 100%;
        margin-bottom: 70px;
    }

    /* group6 -s */
    .group6{
        position: relative;
        overflow: hidden;
        background: url(../img/common/bg_maintenance.png) no-repeat;
        height: 440px;
        background-size: cover;
    }

    .iMac{
        position: absolute;
        top:20%;
        left: 15%;
        background-size: contain;
    }

    .iPhone{
        display: none;
    }

    .txt_group{
        position: absolute;
        top: 5%;
        left: 40%;
        width: 600px;
        color: #fff;
        text-align: left;
    }

    .txt_group h2{
        font-size: 50px;
        margin: 0 0 20px;
        font-weight: bold;
    }

    .gr6-h2_sub{
        font-size: 18px;
        line-height: 2.4;
        font-weight: normal;
    }

    .wplogo_maintenance{
        padding: 0 15px 0 0;
        display: inline-block;
        vertical-align: middle;
        width: 47.2%;
    }

    .txt_group p{
        font-size: 16px;
        line-height: 2.2;
        /* 0902 */
        width: 820px;
    }

    .maintenance_btn{
        top: 20px;
        padding: 17px 80px 17px 100px;
        position: relative;
        width: 300px;
        border-radius: 5px;
        background: #299bee;
        line-height: 3.1;
        font-size: 16px;
        color: #fff;
        text-align: center;
        text-decoration: none;
        cursor: pointer;
    }
    .maintenance_btn:hover {
      opacity:0.9;
    }

    .maintenance_btn::before{
        content:'';
        background: url(../img/common/vek_white.png) no-repeat;
        display: inline-block;
        width: 23px;
        height: 22px;
        position: absolute;
        top: 14px;
        left: 65px;
        background-size: contain;
    }
    /* group6 -e */

    /* group7 -s */
    .group7{
        padding: 180px 0 120px;
        overflow: hidden;
        font-size: 16px;
        line-height: 1.9;
    }

    .group7 h2{
        font-size: 40px;
        font-weight: bold;
        line-height: 1.3;
    }

    .group7 h2::after{
        content:'';
        background: url(../img/common/line_short.png) no-repeat;
        display: block;
        width: 60px;
        height: 4px;
        margin: 30px auto 56px;
        background-size: contain;
    }

    .group7 > p{
        padding: 0 0 42px;
    }

    .group7 dl{
        margin: 0 auto 0;
    }

    .QA{
        border: solid 1px #0d4684;
        text-align: left;
        margin: 0 auto 10px;
        width: 1000px;


    }

    .QA h3{
        color: #058fe7;
        font-size: 20px;
        font-weight: bold;
        line-height: 1.5;
        padding: 19px 0 20px 0;
        position: relative;
        width: 100%;
        cursor: pointer;
    }
    .QA h3:hover {
      background:#fcfcfc;
    }

    .QA h3::before{
        content:'';
        background: url(../img/common/Q_icon.png) no-repeat;
        display: inline-block;
        width: 40px;
        height: 40px;
        margin: 0px 17px 0px 17px;
        vertical-align: middle;
        background-size: contain;
    }

    .QA h3::after{
        content:'';
        background: url(../img/common/closed.png) no-repeat;
        display: inline-block;
        width: 26px;
        height: 26px;
        position: absolute;
        top: 22px;
        right: 26px;
        background-size: contain;
    }

    .QA h3.open::after{
        content: '';
        background: url(../img/common/opened.png) no-repeat;
        display: inline-block;
        width: 26px;
        height: 2px;
        position: absolute;
        top: 34px;
        right: 26px;
        background-size: contain;
    }

    .QA p{
        line-height: 1.6;
        padding: 22px 85px 29px 75px;
        border-top: solid .07vw #0d4684;
        width:840px;
        display: none;
        position: relative;
    }

    .QA h3.open + p{
        display: inline-flex;
    }


    .QA p::before{
        content:'';
        background: url(../img/common/A_icon.png) no-repeat;
        width: 40px;
        height: 40px;
        position: absolute;
         top: 20px;
         left: 17px;
    }

    /* .QA p.open::before{
        display: none;
    } */
    /* group7 -e */

    /* group8 -s */
    .group8{
        padding: 131px 0 168px;
        background-color: #edf1f7;
        font-size: 16px;
        line-height: 1.9;
        border-bottom: solid 1px #d6dae0;
    }

    .group8 h2{
        font-size: 40px;
        font-weight: bold;
        line-height: 1.3;
    }

    .group8 h2::after{
        content:'';
        background: url(../img/common/line_short.png) no-repeat;
        display: block;
        width: 60px;
        height: 4px;
        margin: 30px auto 56px;
        background-size: contain;
    }

    .group8 >  p{
        padding: 0 0 40px;
    }

    .form-field{
        text-align: left;
        background-color: #fff;
        font-size: 18px;
        margin: 0 auto;
        width: 1000px;
    }

    .form-field form{
        padding: 40px 50px 30px;
    }

    .form_cell{
        width: 900px;
    }

    .form_cell tr{
        border-bottom: solid 1px #dcdee1;
    }

    .form_cell th{
        font-weight: bold;
        line-height: 1.5;
        width: 30%;
        position: relative;
    }

    .form_cell th::after{
        content: '';
        background: url(../img/common/must_icon.png) no-repeat;
        width: 56px;
        height: 26px;
        position: absolute;
        right: 20px;
        background-size: contain;
    }

    .form_cell tr:nth-last-of-type(2) th::after{
        background: none;
    }

    .form_cell td{
        padding: 30px 0;
    }

    .form_cell td ::placeholder{
        color: #bababa;
    }

    .form_cell input[name="company"]{
        font-size: 16px;
        height: 50px;
        width: 467px;
        background-color: #f7f4f4;
        border: none;
        padding: 0 0 0 13px;
    }

    .form_cell input[name="username"]{
        font-size: 16px;
        height: 50px;
        width: 327px;
        background-color: #f7f4f4;
        border: none;
        padding: 0 0 0 13px;
    }

    .form_cell input[name="usermail"],
    .form_cell input[name="telephone"],
    .form_cell input[name="url"]{
        font-size: 16px;
        height: 50px;
        width: 487px;
        background-color: #f7f4f4;
        border: none;
        padding: 0 0 0 13px;
    }

    .form_cell textarea[name="body"]{
        width: 587px;
        height: 123px;
        resize: none;
        background-color: #f7f4f4;
        border: none;
        vertical-align: top;
        font-size: 16px;
        padding: 13px 0 0 13px;
    }

    .submit_btn{
        width: 440px;
        border: none;
        border-radius: 10px;
        background: linear-gradient(#31bfd8,#2fa8bc);
        position: relative;
        bottom: 0;
        left: 28%;
        line-height: 84px;
        font-size: 24px;
        color: #fff;
        cursor: pointer;
        margin: 30px 0 40px;
    }
    .submit_btn:hover {
      opacity:0.9;
    }

    .submit_btn::after{
        content: '';
        background: url(../img/common/vek_form.png) no-repeat;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 31px;
        right: 29px;
        background-size: contain;
    }
    /* group8 -e */

    .top_btn{
        color: #9ca2ab;
        text-decoration: none;
        display: block;
        position: relative;
        padding: 25px 0 20px;
        font-size: 14px;
        font-weight: bold;
    }

    .top_btn::before{
        content: '';
        background: url(../img/common/v_top_up.png) no-repeat;
        width: 16px;
        height: 10px;
        text-align: center;
        margin: 0 0 0 10px;
        position: absolute;
        top: 44%;
        left: 45%;
        background-size: contain;
    }
/* main -e */

/* footer -s */
footer{
    background-color: #2c2c2c;
    color: #969494;
    font-size: 10px;
    text-align: left;
    line-height: 2.0;
}

.foot_area{
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.foot_left{
    width: 50%;
    float: left;
    margin: 50px auto;
}

.plate{
    padding: 0 125px 0 0;
}

.foot_left .plate p{
    font-size: 10px;
    line-height: 2;
}


.foot_logo {
    margin: 50px 0 0;
}

.foot_logo img{
    max-width: 150px;
    width: 40%;
}

.foot_link{
    color: #969494;
    text-decoration: none;
}

.foot_right{
    width: 50%;
    float: right;
    overflow: hidden;
    margin: 50px auto;
}

.foot_right dt{
    font-size: 12px;
    font-weight: bold;
    line-height: 1.9;
    margin: 0 0 10px;
}

.foot_right dd{
    line-height: 2.2;
}

.foot_right dl{
    margin: 0 0 33px;
}

.top_left, .bottom_left{
    width: 50%;
    float: left;
    clear: left;
}

.top_right, .bottom_right{
    width: 50%;
    float: right;
}

.most_foot{
    width: 100%;
    padding-bottom: 30px;
    text-align: center;
    color: #969494;
    background-color: #2c2c2c;
}

.most_foot li{
    display: inline-block;
}

.most_foot_link{
    padding: 0 15px 0 10px;
    border-right: solid 2px;
    color: #969494;
    text-decoration: none;
    line-height: 2.2;
}

.most_foot li:nth-last-of-type(1) a{
    border: none;
}

.most_foot p{
    color: #6c6c6c;
}
footer a{
  color: #969494;
  text-decoration: none;
}

/* footer -e */

/***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************/

/* メディアクエリを使用したPC用 */
@media screen and (max-width: 1499px) {

    /* header -s */
    .most_top-area{
        height: 2vw;
        padding: 0 1vw;
        font-size: 12px;;
        line-height: 2vw;
    }

    .top-area{
        padding: 1.47vw;
    }

    .wpmake_logo{
        margin: .13vw 0;
    }

    .top-contact p::before{
        width: 2.2vw;
        height: 3vw;
        margin: .2vw .87vw;
    }

    .top-contact p{
        margin: .33vw 0 0;
    }

    .top-number{
        font-size: 2vw;
    }

    .top-reception{
        font-size: .75vw;
        margin: .2vw 0 0;
    }

    .top-contact_btn{
        border-radius: .63vw;
        line-height: 3.67vw;
        width: 14.4vw;
        margin: 0 0 0 2vw;
        font-size: 1.07vw;
        padding: 0 1.6vw 0;
    }

    /*.top-contact_btn::before{
        width: 1.47vw;
        height: 1.47vw;
        top: 1.13vw;
        left: 3.8vw;
    }*/
    /* header -e */

    /* main -s */
    .main-img{
        width: 100vw;
        height: auto;
    }

        /* news */
        .news{
            height: auto;
        }
        .news-detail {
            width: 70vw;
            padding: 1vw 0;
        }
        .news-left {
            padding: 0;
            margin: 0 3vw 0 0;
            height: auto;
        }
        .news-left p {
            padding: 1.4vw 0 0;
        }
        .news-head {
            font-size: 2.67vw;
        }
        .news-sub {
            font-size: 1.03vw;
        }
        .news-right {
            height: auto;
            border-left: solid .07vw #556c8d;
            padding: 0 0 0 4vw;
            margin: 10px 0;
        }
        .news-right ul li {
            text-align: left;
            line-height: 1.5;
            margin: 0px 0 10px;
        }
        .news-right .news-date {
            color: #828282;
            font-size: 14px;
        }

        /* contact -s */

        /* contact -e */

        /* group1 -s */
        .group1{
            padding: 4.33vw 0 3.67vw;
        }

        .group1 h2{
            font-size: 2vw;
            margin: 0 0 2.87vw;
        }

        .g1_logo{
            width: 13vw;
        }

        .g1-h2{
            font-size: 2.6vw;
        }

        .g1-blue{
            font-size: 3.2vw;
        }

        .slider1 img{
            width: 13.33vw;
        }
        /* group1 -e */

        /* groupcase -s */
        .group-case{
            padding: 8.33vw 0 0;
        }

        .group-case h2{
            font-size: 2.8vw;
        }

        .interview{
            padding: 0 14.67vw;
        }

        .interview::before{
            width: 4vw;
            height: .27vw;
            margin: 2vw auto 3.73vw;
        }


        /* groupcase -e */

        /* group2 -s */
        .group2{
            padding: 8.33vw 0 0;
        }

        .group2 h2{
            font-size: 2.13vw;
        }

        .g2-h2{
            font-size: 2.8vw;
        }

        .clients{
            padding: 0 14.67vw;
        }

        .clients::before{
            width: 4vw;
            height: .27vw;
            margin: 2vw auto 3.73vw;
        }

        .clients::after{
            width: 71.2vw;
            height: 11.8vw;
        }

        .client{
            width: 31%;
        }

        .client li{
            border-bottom: solid .07vw #d8dbdf;
            width: 100%;
            font-size: 1.2vw;
            padding: 1.27vw 0;
        }

        .creative{
            margin: 0 1.67vw 0;
        }

        .client h3{
            border-radius: 20vw;
            line-height: 4vw;
            width: 20vw;
            font-size: 1.8vw;
            margin: 0 0 1.87vw 1.33vw;
        }

        .client h3::before{
            top: 100%;
            left: 47%;
        }

        .owner h3::before{
            border-top: .8vw solid #90a008;
        }

        .owner li::before{
            width: 2.4vw;
            height: 1.8vw;
            margin: .4vw 0 0 .47vw;
        }

        .creative h3::before{
            border-top: .8vw solid #a41d89;
        }

        .creative li::before{
            width: 2.4vw;
            height: 1.8vw;
            margin: .4vw 0 0 .47vw;
        }

        .system h3::before{
            border-top: .8vw solid #2b93a9;
        }

        .system li::before{
            width: 2.4vw;
            height: 1.8vw;
            margin: .4vw 0 0 .47vw;
        }
        /* group2 -e */

        /* group3 -s */
        .group3{
            margin: 3.07vw 0 0;
        }

        .group3 h2{
            margin: 0 0 1.33vw;
            font-size: 1.6vw;
        }

        .g3-logo{
            width: 18vw;
            padding: 0.67vw;
        }

        .g3-h2-1{
            font-size: 4vw;
        }

        .g3-h2-2{
            margin: 2.13vw 0 0;
            font-size: 4vw;
        }

        .group3 p{
            font-size: 1.6vw;
            padding: 0 0 4vw;
        }

        .g3-p{
            padding: .33vw;
        }

        .group3 ul{
            width: 63.2vw;
            border: solid .13vw #053272;
            border-radius: .33vw;
            padding: 1.2vw 1.87vw 1.87vw;
        }

        .group3 li{
            font-size: 1.1vw;
            border-bottom: solid .07vw #dedddd;
            width: 46%;
            padding: 1.47vw 0 .93vw;
        }

        .group3 li:nth-child(odd){
            margin: 0 2.4vw 0 0;
        }

        .group3 li:nth-child(even){
            margin: 0 .93vw 0 0;
            width: 46%;
        }

        .group3 li::before{
            width: 1.33vw;
            height: 1.33vw;
            margin: 0 .53vw 0 .13vw;
        }

        .member-img{
            margin-top: 0;
        }
        /* group3 -e */

        /* group4 -s */
        .group4{
            padding: 8.33vw 0;
        }

        .slide-arrow{
            position: absolute;
            top: 19vw;
            z-index: 999;
            width: 5vw;
        }

        .prev-arrow{
            left: 4.67vw;
        }

        .next-arrow{
            right: 4.67vw;
        }
        .group4 h2{
            font-size: 2.67vw;
        }

        .group4 h2::after{
            width: 4vw;
            height: .27vw;
            margin: 2vw auto 3.73vw;
        }

        .jump-btn{
            font-size: 1.07vw;
            line-height: 2.07vw;
            border-radius: 2vw;
            width: 9.13vw;
            top: .87vw;
            padding: 0 0 0 2.2vw;
        }

        .jump-btn::before{
            width: 1.33vw;
            height: .8vw;
            top: .6vw;
            left: 1.8vw;
        }

        .client_result{
            width: 60vw;
            height: 45.67vw;
            padding: 3.33vw;
            border-radius: .67vw;
            box-shadow: 0px .07vw .33vw .33vw rgba(0,0,0,0.1);
        }

        .client_name h3{
            padding: 1vw 1.73vw 1.33vw 1.53vw;
            border-left: solid .27vw;
            font-size: 2vw;
        }

        .client_result img{
            margin: 1.33vw 0;
            width: 22vw;
            height: auto;
        }

        .client_summary{
            width: 34.67vw;
        }

        .client_summary h4{
            border-top: solid .07px #d2d5d9;
            font-size: 1.2vw;
            margin: 0 0 1.13vw;
            padding: 1.13vw 0 0;
        }

        .client_summary h4::before{
            width: 1.2vw;
            height: 1.2vw;
            margin: .03vw .53vw .13vw 0;
        }

        .client_summary p{
            font-size: 1.1vw;
            margin: .87vw 0;
            line-height: 1.87vw;
        }

        .client_device p{
            font-size: 1.1vw;
        }

        .client_customize li{
            font-size: 1.1vw;
            padding: .6vw .93vw;
            margin: 0 .67vw .67vw 0;
            border: solid .07vw #a9b3c8;
            border-radius: 2.67vw;
        }

        .slide-dots{
            text-align: center;
            margin: 3vw 0 0;
        }

        .slide-dots li{
            display: inline-block;
            margin: 0 1vw;
        }

        .slide-dots li button{
            position: relative;
            text-indent: -9999vw;
        }

        .slide-dots li button::before{
            content: '●';
            font-size: 1vw;
            text-indent: 0;
            position: absolute;
            top: 0;
            left: 0;
            color: #c4cdda;
        }

        .slide-dots li.slick-active button::before{
            content: '●';
            color: #4d6687;
        }
        /* group4 -e */

        /* group5 -s */
        .group5{
            padding: 7.93vw 0 6.33vw;
        }

        .group5 h2::after{
            width: 4vw;
            height: .27vw;
            margin: 2vw auto 3.73vw;
        }

        .group5 h2{
            font-size: 2.67vw;
        }

        .gr5-dl1{
            width: 66.67vw;
            border-bottom: solid .07vw #fff;
        }

        .gr5-dl1 dt{
            width: 26.67vw;
            font-size: 1.2vw;
            line-height: 2.4vw;
            padding: 2.4vw 0 2.2vw;
        }

        .gr5-dl1 dt::before{
            width: 1.33vw;
            height: 1.33vw;
            margin: 0px .67vw 0.33vw 1.33vw;
        }

        .gr5-dl1 dd{
            font-size: 1.7vw;
            line-height: 2.67vw;
            width: 55%;
            padding: 2.4vw 2.67vw 2.2vw 0;
        }

        .charge{
            font-size: .8vw;
            border: solid .1vw;
            border-radius: 2vw;
            height: 1.53vw;
            line-height: 1.67vw;
            margin: 0 1.2vw 0 0;
            top: -.13vw;
            width: 8.33vw;
        }

        .responsive{
            font-size: .67vw;
        }

        .hint1, .hint2{
            font-size: .8vw;
        }

        .notes{
            font-size: 1vw;
        }

        .add{
            font-size: 1vw;
        }

        .direction{
            font-size: 1.2vw;
        }

        .for_opacite::before{
            width: 100vw;
            height: 9.6vw;
            margin-top: -5.67vw;
        }

        .attentions{
            width: 66.67vw;
            margin: 0 auto;
            overflow: hidden;
        }

        .atL{
            float: left;
        }
        .atR{
            float: right;
        }

        .attentions dl:nth-child(2n){
            /* float: left;
            clear: left; */
            margin: 0 0 1.33vw;
        }
        .attentions dl:nth-child(2n-1){
            /* float: right; */
            margin: 0 0 1.33vw;
        }

        .attentions h3{
            font-size: 2vw;
            font-weight: bold;
            margin: 6.67vw 0 3.33vw;
        }
        .attention{
            border: solid .07vw #cccccc;
            border-radius: .33vw;
            padding: 1.67vw 2.2vw 2vw 1.6vw;
            text-align: left;
            width: 28.73vw;
        }
        .attention dt{
            font-size: 1.33vw;
            font-weight: bold;
            position: relative;
        }
        .attention dt::after{
            content:'';
            background: url(../img/common/v_red.png) no-repeat;
            display: inline-block;
            width: 1.2vw;
            height: .8vw;
            position: absolute;
            top: .2vw;
            right: 0;
            background-size: contain;
        }
        .attention dt.open::after{
            content:'';
            background: url(../img/common/v_red_up.png) no-repeat;
            display: inline-block;
            width: 1.2vw;
            height: .8vw;
            position: absolute;
            top: .2vw;
            right: 0;
            background-size: contain;
        }

        .attention dd{
            font-size: .93vw;
            line-height: 1.73vwx;
            display: none;
            margin: 2.6vw 0 0;
        }

        .attention dd.open{
            display: block;
        }

        .attention dt.open::after{
            content:'';
            background: url(../img/common/v_red_up.png) no-repeat;
            display: inline-block;
            width: 1.2vw;
            height: .8vw;
            position: absolute;
            top: .2vw;
            right: 0;
            background-size: contain;
        }

        .attention dd{
            font-size: 1.1vw;
            line-height: 1.73vw;
            display: none;
        }

        .attention dd.open{
            display: block;
        }
        /* group5 -e */

        /* group6 -s */
        .group6{
            height: 29.33vw;
            /* height: auto; */
        }

        .bg_maintenance{
            width: 100%;
        }

        .iMac{
            top:20%;
            left: 15%;
            width: 21.8vw;
        }

        .txt_group{
            top: 5%;
            left: 40%;
            width: 41vw;
        }

        .txt_group h2{
            font-size: 3.33vw;
            margin: 0 0 1.33vw;
        }

        .wplogo_maintenance{
            padding: 0 1vw 0 0;
            width: 19.13vw;
        }

        .gr6-h2_sub{
            font-size: 1.2vw;
        }

        .txt_group p{
            font-size: 1.07vw;
            /* 0902 */
            width: 53.73vw;
        }

        .maintenance_btn{
            top: 1.33vw;
            padding: 1.13vw 5.33vw 1.13vw 6.67vw;
            width: 20vw;
            border-radius: 0.33vw;
            font-size: 1.07vw;
        }

        .maintenance_btn::before{
            width: 1.53vw;
            height: 1.47vw;
            top: .93vw;
            left: 4.33vw;
        }
        /* group6 -e */

        /* group7 -s */
        .group7{
            padding: 12vw 0 8vw;
            font-size: 1.07vw;
        }

        .group7 h2{
            font-size: 2.67vw;
        }

        .group7 h2::after{
            width: 4vw;
            height: .27vw;
            margin: 2vw auto 3.73vw;
        }

        .group7 p{
            padding: 0 0 2.8vw;
        }

        .QA{
            border: solid .07vw #0d4684;
            margin: 0 auto .67vw;
            width: 66.67vw;
        }

        .QA h3{
            font-size: 1.33vw;
            padding: 1.27vw 0 1.33vw 0;
        }
        .QA h3:hover {
          background:#fcfcfc;
        }

        .QA h3::before{
            width: 2.93vw;
            height: 2.93vw;
            margin: 0 1vw 0 1vw;
        }

        .QA h3::after{
            width: 1.73vw;
            height: 1.73vw;
            top: 1.47vw;
            right: 1.73vw;
            /* background-size: contain; */
        }

        .QA h3.open::after{
            width: 1.73vw;
            height: 1.73vw;
            top: 2.27vw;
            right: 1.73vw;
            /* background-size: contain; */
        }

        .QA p{
            padding: 1.47vw 7% 1.93vw 7.5%;
            width: 85.5%;
        }

        .QA p::before{
            width: 2.93vw;
            height: 2.93vw;
            margin: 0 0 0 -0.4vw;
            background-size: contain;
        }

        /* .QA p.open::before{
            display: inline-block;
            display: none;
        } */
        /* group7 -e */

        /* group8 -s */
        .group8{
            padding: 8.73vw 0 11.2vw;
            font-size: 1.07vw;
            border-bottom: solid .07vw #d6dae0;
        }

        .group8 h2{
            font-size: 2.67vw;
        }

        .group8 h2::after{
            width: 4vw;
            height: .27vw;
            margin: 2vw auto 3.73vw;
        }

        .group8 >  p{
            padding: 0 0 2.67vw;
        }

        .form-field{
            font-size: 1.2vw;
            width: 66.67vw;
        }

        .form-field form{
            padding: 2.67vw 3.33vw 2vw;
        }

        .form_cell{
            width: 60vw;
        }

        .form_cell tr{
            border-bottom: solid .07vw #dcdee1;
        }

        .form_cell th{
            width: 30%;
        }

        .form_cell th::after{
            width: 3.73vw;
            height: 1.73vw;
            right: 1.33vw;
        }

        .form_cell td{
            padding: 2vw 0;
        }

        .form_cell input[name="company"]{
            font-size: 1.07vw;
            height: 3.33vw;
            width: 31.13vw;
            padding: 0 0 0 .87vw;
        }
        .form_cell input[name="username"]{
            font-size: 1.07vw;
            height: 3.33vw;
            width: 21.8vw;
            padding: 0 0 0 .87vw;
        }
        .form_cell input[name="usermail"]{
            font-size: 1.07vw;
            height: 3.33vw;
            width: 32.47vw;
            padding: 0 0 0 .87vw;
        }
        .form_cell input[name="telephone"]{
            font-size: 1.07vw;
            height: 3.33vw;
            width: 32.47vw;
            padding: 0 0 0 .87vw;
        }
        .form_cell input[name="url"]{
            font-size: 1.07vw;
            height: 3.33vw;
            width: 32.47vw;
            padding: 0 0 0 .87vw;
        }
        .form_cell textarea[name="body"]{
            width: 39.13vw;
            height: 8.2vw;
            font-size: 1.07vw;
            padding: .87vw 0 0 .87vw;
        }

        .submit_btn{
            width: 29.33vw;
            border: none;
            border-radius: 0.67vw;
            bottom: 0;
            left: 28%;
            line-height: 5.6vw;
            font-size: 1.6vw;
            margin: 2vw 0 2.67vw;
        }

        .submit_btn::after{
            width: 1.6vw;
            height: 1.6vw;
            top: 2.07vw;
            right: 1.93vw;
        }
        /* group8 -e */

        .top_btn{
            padding: 1.67vw 0 1.33vw;
            font-size: .93vw;
        }

        .top_btn::before{
            width: 1.07vw;
            height: .67vw;
            margin: 0 0;
        }
    /* main -e */

    /* footer -s */
    footer{
        font-size: .67vw;
    }

    .foot_area{
        width: 66.67vw;
    }

    .foot_left{
        width: 50%;
        margin: 2.33vw auto;
    }

    .plate{
        padding: 0 8.33vw 0 0;
    }

    .plate img{
        margin: 0 0 2.33vw;
        width: 40%;
    }

    .foot_right{
        width: 50%;
        margin: 2.33vw auto;
    }

    .foot_right dt{
        font-size: .8vw;
        margin: 0 0 .67vw;
    }

    .foot_right dl{
        margin: 0 0 2.2vw;
    }

    .top_left{
        width: 50%;
    }

    .top_right{
        width: 50%;
    }

    .bottom_left{
        width: 50%;
    }

    .bottom_right{
        width: 50%;
    }

    .most_foot{
        width: 100%;
        padding-bottom: 2vw;
    }

    .most_foot_link{
        border-right: solid .13vw;
        padding: 0 1vw 0 .67vw;
    }
    /* footer -e */
}

/***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************
 ***************************/

img.sp {
    display: none;
}

img.pc {
    display: inline-block;
}

/* SP用 */
@media screen and (max-width: 768px){
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    img.sp {
        display: inline-block;
        width: 100%;
    }
    img.pc {
        display: none;
    }
    br.sp{
        display: inline;
    }
    br.pc{
        display: none;
    }
    .group3 li,.group3 li:nth-child(even){
      width: 100%;
    }

    /* header -s */
    .most_top-area{
        height: 2.67vw;
        width: auto;
        padding: 2vw;
        font-size: 2.67vw;
        line-height: 1.0;
    }

    .most_top-area p{
        display: none;
    }

    .top-area{
        padding: 0;
        height: 13.26vw;
    }

    .wpmake_logo{
        width: 24.67vw;
        margin:2.93vw;
    }

    .top-contact{
        position: relative;
        border-left: solid .27vw #c7cacf;
        cursor: pointer;
    }

    .top-contact .top-tell_btn{
        display: inline-block;
        width: 12vw;
        text-align: center;
        padding-top: 5px;
    }

    .top-contact .top-tell_btn::after{
        content: '\304A\96FB\8A71'; /* 「お電話」 */
        font-size: 2.67vw;
        color: #04a3b6;
        position: absolute;
        bottom: 1.67vw;
        left: 2.53vw;
    }

    .top-contact .top-tell_btn img {
        width: 40%;
    }

    .top-number, .top-reception{
        display: none;
    }

    .top-contact_btn{
        border-radius: 0;
        line-height: 13.33vw;
        width: 27.33vw;
        font-size: 3.2vw;
        padding: 0 6vw 0;
        margin: 0;
    }

    /*.top-contact_btn::before{
        width: 3.73vw;
        height: 3.73vw;
        top: 4.8vw;
        left: 4.53vw;
    }*/
    /* header -e */

    /* main -s */
    .main-img-parent{
        font-size: 0;
    }

    .main-img{
        display: none;
    }

    .main-img_sp{
        display: block;
        width: 100%;
        height: auto;
    }
    /*news*/
    .news {
        height: auto;
    }
    .news-detail {
        width: 90%;
        height: auto;
        padding: 2vw 0;
    }
    .news-left{
        height: auto;
    }
    .news-head{
        font-size: 3.67vw;
    }
    .news-right {
        width: 70vw;
        height: auto;
        margin: 0;
    }
    .news-right ul li {
        margin-top: 1vw;
        padding: 0;
        font-size: 2.2vw;
    }
    .news-right p{
        margin-top: 1vw;
        padding: 0;
        font-size: 2.2vw;
    }
    .news-right .news-date{
        font-size: 2.2vw;
    }

    /* contact -s */
    .contact{
        text-align: center;
        background-color: #011f49;
        color: #fff;
        overflow: hidden;
        height: auto;
    }

    .contact-detail{
        width: 100%;
        margin: 0px auto;
        display: block;
        height: auto;
        padding: 0 0 0 0;
    }

    .contact-left{
        float: none;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        border-right: none;
        height: auto;
    }

    .contact-left p{
        display: block;
        padding: 6.93vw 0 4.4vw 0;
    }

    .contact-head{
        font-size: 6.13vw;
    }

    .contact-sub{
        font-size: 3.47vw;
        vertical-align: text-top;
        padding: 0 0 0 2.4vw;
    }

    .contact-right{
        display: block;
        height: auto;
    }

    .contact-right > a{
        display: inline-block;
        margin: 0 auto 3.33vw;
        color: #fff;
    }

    .contact-right > a > p{
        width: 82.13vw;
        float: none;
        font-weight: bold;
        text-align: left;
        display: inline-block;
        border: solid .27vw #fff;
        border-radius: 1.33vw;
        padding: 3.2vw 5.47vw 3.07vw 3.87vw;
    }

    .contact-right > a > p::before{
        width: 4.8vw;
        height: 6.53vw;
        float: left;
        position: relative;
        background-size: contain;
        top: 0;
        left: 0;
        margin: .93vw 3.2vw 0 0;
    }

    .contact-number{
        font-size: 4.47vw;
        position: relative;
        top: -.67vw;
        /* font-family: 'Bebas Neue'; */
    }

    .contact-reception{
        font-size: 2.67vw;
        display: inline-block;
        font-weight: normal;
        padding: 0 0 0 3.73vw;
        line-height: 1.3;
    }

    .contact_btn{
        float: none;
        display: block;
        width: 92vw;
        padding: 4vw 0 4vw;
        margin: 0 auto 5.73vw;
        font-size: 4.8vw;
        border-radius: 2vw;
        line-height: 5.73vw;
    }

    .contact_btn::before{
        top: 4vw;
        left: 25.33vw;
        width: 5.33vw;
        height: 5.33vw;
        background-size: contain;
    }
    .contact_quick_contact {
        font-size: 4vw;
        line-height: 3.73vw;
    }
    /* contact -e */

    /* group1 -s */
    .group1{
        background: #edf1f7;
        padding: 7.07vw 0 6.4vw;
    }

    .group1 h2{
        font-size: 4.27vw;
        font-weight: bold;
        margin: 0 auto 4.8vw;
        line-height: 1.4;
    }

    .g1_logo{
        width: 24.67vw;
    }

    .g1-h2{
        font-size: 4.8vw;
    }

    .g1-h2::before{
        width: 7vw;
        height: 7vw;
        left: -8vw;
    }

    .g1-h2::after{
        width: 7vw;
        height: 7vw;
        right: -8vw;            
    }

    .g1-blue{
        font-size: 6.4vw;
    }

    .slider1 img{
        width: 26.67vw;
        margin: 0 auto;
    }
    /* group1 -e */

    /* groupcase -s */
    .group-case h2{
        font-size: 6.73vw;
        margin: 0 auto;
    }

    .interview{
        overflow: hidden;
        text-align: center;
        padding: 0;
        font-size: 0;
    }


    .interview::before{
        width: 8vw;
        height: .53vw;;
        margin: 4vw auto 7.47vw;
    }
    .interviewBox:nth-child(odd){
        margin-right: 0;
    }
    .interviewBox{
        width: 90%;
    }
    .interviewBox h3{
        width: 90%;
        margin: 0 auto 15px;
        text-align: left;
        font-size: 5vw;
    }
    .interviewBox img{
        width: 90%;
        height:auto;
    }
    .interviewBox p{
        width: 90%;
        margin: 0 auto 50px;
        text-align: left;
        font-size: 4vw;
    }
    .interview_btn{
        margin: 10px auto 0;
        width: 75%;
        font-size: 4.3vw;
        line-height: 50px;
    }
    .interview_btn::after{
        top: 15px;
    }



    /* groupcase -e */

    /* group2 -s */
    .group2{
        padding: 12.67vw 0 0;
    }

    .group2 h2{
        font-size: 3.73vw;
        margin: 0 auto;
    }

    .g2-h2{
        font-weight: bold;
        font-size: 4.8vw;
    }

    .clients{
        overflow: hidden;
        text-align: center;
        padding: 0;
        font-size: 0;
    }

    .clients::before{
        width: 8vw;
        height: .53vw;;
        margin: 4vw auto 7.47vw;
    }

    .clients::after{
        content:'';
        background: url(../img/common/down.png) no-repeat;
        display: block;
        width: 100%;
        height: 23.6vw;
        margin: 0;
        background-size: contain;
    }

    .client_list{
        font-size: 3.76vw;
        margin: 0 auto 6.8vw;
        display: inline-block;
    }

    .client_list li{
        display: inline-block;
        border-right: solid .27vw #cecece;
        padding: 2.14vw 0;
    }

    .client_list li:last-child{
        border: none;
    }

    .client_link{
        padding: 1.6vw 0;
        margin: 2.14vw 4.13vw 2.14vw 2.8vw;
        color: #878585;
        text-decoration: none;
    }


    .most_foot li:last-child{
        border: none;
    }

    .most_foot a{
        line-height: 2.2;
    }

    .client li{
        font-weight: normal;
        font-size: 3.73vw;
        line-height: 1.3;
        padding: 4vw 0;
        border-bottom: solid .13vw #d8dbdf;
    }

    .client li:last-of-type{
        border: none;
    }

    .client_list a.active{
        color: #000;
        font-weight: bold;
    }

    .owner_link a.active{
        border-bottom: solid .53vw #90a008;
    }

    .creative_link a.active{
        border-bottom: solid .53vw #a41d89;
    }

    .system_link a.active{
        border-bottom: solid .53vw #2b93a9;
    }

    .client{
        width: 88vw;
        margin: 0 auto 0;
        display: none;
    }

    .clients section.active{
        display: inline-block;
    }

    .client h3{
        border-radius: 40vw;
        line-height: 2.5;
        width: 88vw;
        font-size: 4.38vw;
        margin: 0 auto 3.73vw;
        padding: 0 0;
    }

    .client h3::before{
        content: "";
        position: absolute;
        top: 100%;
        left: 48%;
        border: 1.93vw solid transparent;
    }

    .owner h3{
        background: #90a008;
    }

    .owner h3::before{
        border-top: 2vw solid #90a008;
    }

    .owner li::before{
        width: 4.66vw;
        height: 3.07vw;
        margin: .93vw 0 0 2.93vw;
        background-size: contain;
    }

    .creative h3{
        background: #a41d89;
    }

    .creative h3::before{
        border-top: 2vw solid #a41d89;
    }

    .creative li::before{
        width: 4.66vw;
        height: 3.07vw;
        margin: .93vw 0 0 2.93vw;
        background-size: contain;
    }

    .system h3{
        background: #2b93a9;
    }

    .system h3::before{
        border-top: 2vw solid #2b93a9;
    }

    .system li::before{
        width: 4.66vw;
        height: 3.07vw;
        margin: .93vw 0 0 2.93vw;
        background-size: contain;
    }
    /* group2 -e */

    /* group3 -s */
    .group3{
        margin: 7.2vw 0 0;
        /* padding: 0 4vw 0; */
    }

    .group3 h2{
        font-size: 2.73vw;
        line-height: 1.4;
        margin: 0 0 2.67vw;
    }

    .g3-logo{
        display: none;
    }

    .g3-logo_sp{
        display: inline-block;
        vertical-align: middle;
        width: 37.6vw;
        position: relative;
        top: -1vw;
    }

    .g3-h2-1{
        font-size: 5.73vw;
    }

    .g3-h2-2{
        font-size: 5.73vw;
    }

    .group3 p{
        font-size: 3.1vw;
        line-height: 1.8;
        padding: 0 0 8vw;
    }

    .g3-p{
        padding: .67vw;
    }

    .group3 ul{
        width: 84vw;
        border: solid .27vw #053272;
        border-radius: .67vw;
        padding: 2.4vw 3.73vw 3.73vw;
    }

    .group3 li{
        text-align: left;
        font-size: 3.47vw;
        border-bottom: solid .13vw #dedddd;
        width: 100%;
        padding: 2.67vw 0;
        line-height: 1.3;
    }

    .group3 li:nth-child(2n), .group3 li:nth-child(2n+1){
        margin: 0;
    }

    .group3 li::before{
        width: 4vw;
        height: 4vw;
        margin: 0 2.4vw 0 .93vw;
    }

    .member-img{
        display: none;
    }

    .member-img_sp{
        display: block;
        width: 100vw;
        height: auto;
        position: relative;
        margin-top: 5vw;
    }
    /* group3 -e */

    /* group4 -s */
    .group4{
        background-color: #edf1f7;
        padding: 13.33vw 0 10.77vw;
        overflow: hidden;
        position: relative;
    }

    .slide-arrow{
        position: absolute;
        top: 28.33vw;
        z-index: 999;
        width: 10vw;
    }

    .prev-arrow{
        left: 8vw;
    }

    .next-arrow{
        right: 8vw;
    }

    .group4 h2{
        font-size: 4.8vw;
        line-height: 1.3;
    }

    .group4 h2::after{
        width: 8vw;
        height: .53vw;
        margin: 4vw auto 7.47vw;
    }

    .slider2{
        position: relative;
        top: 2vw;
    }

    .jump-btn{
        font-size: 2.67vw;
        float: left;
        line-height: 1.75;
        border-radius: 4vw;
        background: #092e64;
        position: relative;
        width: 21.49vw;
        top: 1.5vw;
        color: #fff;
        text-decoration: none;
        padding: 0 0 0 5.18vw;
        cursor: pointer;
    }

    .jump-btn::before{
        content:'';
        display: inline-block;
        background: url(../img/common/Macbook.png) no-repeat;
        width: 3.2vw;
        height: 2vw;
        position: absolute;
        top: 1.33vw;
        left: 2.67vw;
        vertical-align: middle;
        background-size: contain;
    }

    .jump-btn.sp_2line{
        height: 17px;
        margin-bottom: 10px;
    }

    .client_result{
        width: 84vw;
        height: 155vw;
        margin: 1.33vw auto;
        padding: 4vw 4vw 6vw;
        border-radius: 1.33vw;
        box-shadow: 0 .13vw .67vw .67vw rgba(0,0,0,0.1);
        position: relative;
    }

    .client_name{
        overflow: hidden;
    }

    .client_name h3{
        padding: 1.33vw 3.47vw 2.13vw 3.07vw;
        border-left: solid .53vw;
        font-size: 4.8vw;
    }

    .client4_name h3, .client5_name h3{
        font-size: 3.8vw;
    }

    .client_result img{
        margin: 3.33vw 19.33vw 6vw;     /* margin: 3.33vw auto 6vw; ?? */
        float: left;
        width: 45.33vw;
    }

    .client_summary{
        text-align: left;
        width: 82.67vw;
        float: none;
        margin: 0 auto;
    }

    .client_summary p{
        font-size: 3.2vw;
        margin: 3.8vw auto 6.8vw;
        line-height: 1.5;
    }

    .client_device,
    .client_customize{
        border-top: solid .13vw #d2d5d9;
        padding: 0;

    }

    .client_device h4,
    .client_customize h4{
        position: relative;
        float: left;
        top: -2.67vw;
        color: #092e64;
        background-color: #fff;
        height: 2vw;
        font-size: 3.2vw;
        padding: .93vw 1.73vw 0 0;
        margin: 0;
    }

    .client_summary h4{
        border: none;
    }

    .client_summary h4::before{
        content:'';
        background: url(../img/common/v_navy.png) no-repeat;
        width: 3.47vw;
        height: 3.47vw;
        display: inline-block;
        margin: 0 1.07vw .4vw 0;
        vertical-align: middle;
        background-size: contain;
    }

    .client_device p{
        font-size: 3.2vw;
        color: #000;
    }

    .client_customize ul{
        padding: 3.8vw 0 0;
    }

    .client_customize li{
        font-size: 2.4vw;
        display: inline-block;
        padding: 1.47vw;
        margin: 0 1.6vw 2vw 0;
        border: solid .13vw #a9b3c8;
        border-radius: 5.33vw;
        color: #042d62
    }

    .slide-dots{
        text-align: center;
        margin: 4vw 0 0;
    }
    .slide-dots li{
        display: inline-block;
        margin: 0 2vw;
    }
    .slide-dots li button{
        position: relative;
        text-indent: -9999vw;
    }
    .slide-dots li button::before{
        content: '●';
        font-size: 2.67vw;
        text-indent: 0px;
        position: absolute;
        top: 0;
        left: 0;
        color: #c4cdda;
    }
    .slide-dots li.slick-active button::before{
        content: '●';
        color: #4d6687;
    }
    /* group4 -e */

    /* group5 -s */
    .group5{
        padding: 13.47vw 0 8vw;
        overflow: hidden;
    }

    .group5 > dl:nth-child(2n+1),
    .group5 > dl:nth-child(2n+2){
        background-color: #fff;
    }

    .group5 h2::after{
        width: 8vw;
        height: .53vw;
        margin: 4vw auto 7.47vw;
    }

    .group5 h2{
        font-size: 4.8vw;
        font-weight: bold;
        line-height: 1.2;
    }

    .gr5-dl1{
        width: 92vw;
        margin: 0 auto;
        overflow: hidden;
        border-bottom: none;
    }

    .gr5-dl1 dt{
        background-color: #ebeae7;
        font-size: 4vw;
        line-height: 1.47;
        float: none;
        width: 83.6vw;
        text-align: left;
        padding: 2.34vw 5.2vw 2.46vw 3.2vw;
    }

    .gr5-dl1 dt::before{
        content:'';
        background: url(../img/common/vek_navy_charge.png) no-repeat;
        display: inline-block;
        width: 4vw;
        height: 4vw;
        margin: 0 2.4vw .67vw 0;
        vertical-align: middle;
        background-size: contain;
    }

    .gr5-dl1 dd{
        background-color: #fcfcfc;
        font-size: 4vw;
        line-height: 1.47;
        float: none;
        text-align: left;
        width: 80.8vw;
        padding: 3.33vw 6vw 4vw 5.2vw;
        font-weight: normal;
    }

    .charge{
        font-size: 3.04vw;
        border: solid .13vw;
        border-radius: 4vw;
        height: 4.53vw;
        width: 19.2vw;
        line-height: 1.57;
        text-align: center;
        position: relative;
        margin: 0 3.33vw 2.67vw 0;
        top: -.27vw;
    }

    .responsive{
        font-size: 2.67vw;
        line-height: 1.79;
        margin: 0 3.33vw 6vw 0;
    }

    .hint1{
        font-size: 2.67vw;
        font-weight: normal;
    }

    .hint2{
        display: none;
    }

    .notes{
        font-size: 2.67vw;
        color: #818080;
        font-weight: normal;
    }

    .add{
        font-size: 2.67vw;
        position: relative;
        top: 0;
    }

    .direction{
        font-size: 4vw;
    }

    /* .for_opacite::before{
        content:'';
        background: url(../img/common/opacite_sp.png) no-repeat;
        display: inline-block;
        width: 100vw;
        height: 40.53vw;
        position: relative;
        margin-top: -39vw;
        right: 0;
    } */

    .attentions{
        width: 100vw;
        margin: 0 auto;
        overflow: hidden;
    }

    .atL{
        float: none;

    }
    .atR{
        float: none;

    }

    .attentions dl:nth-child(2n){
        /* float: left;
        clear: left; */
        margin: 0 auto 2.67vw;
    }
    .attentions dl:nth-child(2n-1){
        /* float: right; */
        margin: 0 auto 2.67vw;
    }

    .attentions h3{
        font-size: 4vw;
        font-weight: bold;
        margin: 12vw 0 6vw;
    }
    .attention{
        border: solid .27vw #cccccc;
        border-radius: .67vw;
        padding: 5.07vw 6.4vw 4.13vw 4.27vw;
        text-align: left;
        width: 80vw;
    }
    .attention dt{
        font-size: 22px;
        font-weight: bold;
        position: relative;
    }
    .attention dt::after{
        content:'';
        background: url(../img/common/v_red.png) no-repeat;
        display: inline-block;
        width: 3.87vw;
        height: 2.4vw;
        position: absolute;
        top: .4vw;
        right: 0;
        background-size: contain;
    }
    .attention dt.open::after{
        content:'';
        background: url(../img/common/v_red_up.png) no-repeat;
        display: inline-block;
        width: 3.87vw;
        height: 2.4vw;
        position: absolute;
        top: .4vw;
        right: 0;
        background-size: contain;
    }

    .attention dd{
        font-size: 20px;
        line-height: 1.36;
        display: none;
        margin: 6.27vw 0 0;
    }

    .attention dd.open{
        display: block;
    }
    /* group5 -e */

    .sec-makelp-cta {
        background: #00C9C3;
    }

    .sec-makelp-cta .cta-container {
        padding: 0 4%;
    }

    .sec-makelp-cta .cta-container .cta-button {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 90%;
    }
    .sec-makelp-cta .cta-container .cta-button img {
        margin-bottom: 3vw;
    }

    /* group6 -s */
    .group6{
        position: relative;
        overflow: hidden;
        background: url(../img/common/bg_maintenance_sp.png) no-repeat;
        height: 100vw;
        background-size: cover;
    }

    .iMac{
        display: none;
    }

    .iPhone{
        display: block;
        position: absolute;
        top: 28vw;
        left: 6.67vw;
        width: 21.47vw;
        background-size: contain;
    }

    .txt_group{
        position: relative;
        top: 0;
        left: 0;
        width: 100vw;
    }

    .txt_group h2{
        font-size: 9.22vw;
        text-align: left;
        margin: 2vw 0 5.73vw 5.07vw;
        font-weight: bold;
        line-height: 1;
    }

    .gr6-h2_sub{
        font-size: 3.98vw;
        text-align: left;
        line-height: 2.35;
        font-weight: normal;
    }

    .wplogo_maintenance{
        padding: 0 2vw 0 0;
        width: 34vw;
        display: inline-block;
        vertical-align: middle;
    }

    .txt_group p{
        float: right;
        font-size: 3.2vw;
        line-height: 1.42;
        width: 58.67vw;
        margin: 0 6.67vw 0 0
    }

    .maintenance_btn{
        position: absolute;
        top: 77.67vw;
        left: 16.67vw;
        padding: 0 0 0 4vw;
        width: 62.67vw;
        border-radius: .67vw;
        line-height: 11.07vw;
        font-size: 3.54vw;
    }

    .maintenance_btn::before{
        width: 5.07vw;
        height: 4.93vw;
        top: 3.07vw;
        left: 14.8vw;
    }
    /* group6 -e */

    /* group7 -s */
    .group7{
        padding: 15.47vw 0 8vw;
        overflow: hidden;
        font-size: 3.47vw;
        line-height: 1.54;
    }

    .group7 h2{
        font-size: 4.8vw;
        font-weight: bold;
        line-height: 1.2;
    }

    .group7 h2::after{
        width: 8vw;
        height: .53vw;
        margin: 4vw auto 7.47vw;
    }

    .group7 > p{
        padding: 0 4.13vw 7.73vw 5.47vw;
        text-align: left;
    }

    .QA{
        border: solid .27vw #0d4684;
        text-align: left;
        margin: 0 auto 2.67vw;
        width: 91.47vw;
    }

    .QA h3{
        color: #058fe7;
        font-size: 3.73vw;
        font-weight: bold;
        line-height: 1.3;
        padding: 3.33vw 14.4vw 4.13vw 12.53vw;
        position: relative;
        width: auto;
    }
    .QA h3:hover {
      background:#fcfcfc;
    }

    .QA h3::before{
        width: 6.67vw;
        height: 6.67vw;
        margin: 0 4vw 0 0;
        float: left;
        position: absolute;
        left: 3vw;
    }

    .QA h3::after{
        content:'';
        background: url(../img/common/closed.png) no-repeat;
        display: inline-block;
        width: 4vw;
        height: 4vw;
        position: absolute;
        top: 6.33vw;
        right: 4.27vw;
        background-size: contain;
    }

    .QA h3.open::after{
        content:'';
        background: url(../img/common/opened.png) no-repeat;
        display: inline-block;
        width: 4vw;
        height: .53vw;
        position: absolute;
        top: 8.13vw;
        right: 4.27vw;
        background-size: contain;
    }

    .QA p{
        font-size: 3.2vw;
        line-height: 1.5;
        padding: 3.33vw 3.6vw 5.33vw 12.53vw;
        width: auto;
        border-top: solid .27vw #0d4684;
    }

    .QA p::before{
        width: 6.67vw;
        height: 6.67vw;
        position: absolute;
        left: 2.27vw;
        top: 3.5vw;
    }
    /* group7 -e */

    /* group8 -s */
    .group8{
        padding: 17.47vw 0 14.13vw;
        background-color: #edf1f7;
        font-size: 2.13vw;
        line-height: 1.9;
        border-bottom: solid .13vw #d6dae0;
    }

    .group8 h2{
        font-size: 4.8vw;
        font-weight: bold;
        line-height: 1.2;
    }

    .group8 h2::after{
        width: 8vw;
        height: .53vw;
        margin: 4vw auto 7.47vw;
    }

    .group8 >  p{
        padding: 0 0 5.33vw;
    }

    .form-field{
        text-align: left;
        background-color: #fff;
        font-size: 3.47vw;
        margin: 0 auto;
        width: 92vw;
    }

    .form-field form{
        padding: 0;
    }

    .formcell{
        width: 92vw;
        border-bottom: solid .13vw #dcdee1;
    }

    .formcell dt{
        font-weight: bold;
        line-height: 1.5;
        position: relative;
        display: block;
        width: 87.93vw;
        padding: 4vw 0 0 4.07vw;
    }

    .formcell dt::after{
        content: '';
        background: url(../img/common/must_icon.png) no-repeat;
        width: 7.47vw;
        height: 3.47vw;
        position: relative;
        top: 0.33vw;
        left: 2vw;
        display: inline-block;
        background-size: contain;
    }

    .formcell dd{
        padding: 4vw;
        display: block;
        width: 91.33%;
    }

    ::placeholder{
        color: #bababa;
    }

    .formcell input[name="username"],
    .formcell input[name="company"],
    .formcell input[name="usermail"],
    .formcell input[name="telephone"],
    .formcell input[name="url"]{
        font-size: 3.47vw;
        height: 10.67vw;
        width: 81.33vw;
        background-color: #f7f4f4;
        border: none;
        padding: 0 0 0 2.67vw;
    }

    .formcell textarea[name="body"]{
        width: 81.33vw;
        height: 24vw;
        resize: none;
        background-color: #f7f4f4;
        border: none;
        vertical-align: top;
        font-size: 3.47vw;
        padding: 2.67vw 0 0 2.67vw;
    }

    .formcell .required,
    .formcell label[for="usersite"] > span{
        display: none;
    }

    .formcell:nth-last-of-type(2) dt::after {
        background: none;
    }

    .last-btn input[name="submitConfirm"]{
        width: 84vw;
        border: none;
        border-radius: 1.33vw;
        background: linear-gradient(#31bfd8,#2fa8bc);
        position: relative;
        bottom: 0;
        left: 4vw;
        line-height: 15.73vw;
        font-size: 4vw;
        color: #fff;
        cursor: pointer;
        margin: 4.67vw auto 8vw;
    }

    .last-btn input[name="submit"]{
        width: 84vw;
        border: none;
        border-radius: 1.33vw;
        background: linear-gradient(#31bfd8,#2fa8bc);
        position: relative;
        bottom: 0;
        left: 4vw;
        line-height: 15.73vw;
        font-size: 4vw;
        color: #fff;
        cursor: pointer;
        margin: 4.67vw auto 8vw;
    }

    .last-btn{
        position: relative;
    }

    .last-btn::after{
        content: '';
        background: url(../img/common/vek_form.png) no-repeat;
        width: 4.53vw;
        height: 4.53vw;
        position: absolute;
        top: 10.33vw;
        right: 9.33vw;
        background-size: contain;
    }
    /* group8 -e */

    .top_btn{
        padding: 4vw 0 3.87vw;
        font-size: 2.93vw;
    }

    .top_btn::before{
        content: '';
        background: url(../img/common/v_top_up.png) no-repeat;
        width: 3.2vw;
        height: 2vw;
        text-align: center;
        margin: 0;
        top: 0;
        left: -3.2vw;
        background-size: contain;
        display: inline-block;
        position: relative;
    }
    /* main -e */

    /* footer -s */
    footer{
        font-size: 2.67vw;
        text-align: center;
        line-height: 1.7;
    }

    .foot_area{
        width: 92vw;
    }

    .foot_logo img {
        margin: 0 auto 5.33vw;
        width: 30.87vw;
        display: block;
    }

    .foot_left{
        width: 100%;
        float: none;
        margin: 0 auto 0;
    }

    .plate{
        padding: 8vw 0 9.57vw; /* 11.3 */
    }

    .foot_right{
        display: none;
    }

    .most_foot{
        width: 100%;
        padding: 0 0 2vw;
        text-align: center;
        color: #969494;
        background-color: #2c2c2c;

        font-size: 2.93vw;
    }

    .most_foot ul{
        margin: 0 0 2.67vw;
    }

    .most_foot li{
        display: inline-block;
    }

    .most_foot_link{
        line-height: 1;
        border-right: solid .27vw;
        padding: 0 3.6vw 0 2.7vw;
    }

    .most_foot p{
        font-size: 2.67vw;
    }
}



/* group5 -s */
.a_ttentions{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.atL{
    float: left;
}
.atR{
    float: right;
}

.a_ttentions dl:nth-child(2n){
    /* float: left;
    clear: left; */
    margin: 0 0 20px;
}
.a_ttentions dl:nth-child(2n-1){
    /* float: right; */
    margin: 0 0 20px;
}

.a_ttentions h3{
    font-size: 24px;
    font-weight: bold;
    margin: 100px 0 50px;
}
.a_ttention{
    border: solid 1px #cccccc;
    border-radius: 5px;
    padding: 25px 33px 30px 24px;
    text-align: left;
    width: 431px;
}
.a_ttention dt{
    font-size: 20px;
    font-weight: bold;
    position: relative;
}
.a_ttention dt::after{
    content:'';
    background: url(../img/common/v_red.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: 0;
    background-size: contain;
}
.a_ttention dt.open::after{
    content:'';
    background: url(../img/common/v_red_up.png) no-repeat;
    display: inline-block;
    width: 18px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: 0;
    background-size: contain;
}

.a_ttention dd{
    font-size: 14px;
    line-height: 26px;
    display: none;
    margin: 39px 0 0;
}

.a_ttention dd.open{
    display: block;
}

@media screen and (max-width: 768px){
    /* group5 -s */
.attentions{
    width: 100vw;
    margin: 0 auto;
    overflow: hidden;
}

.atL{
    float: none;

}
.atR{
    float: none;

}

.attentions dl:nth-child(2n){
    /* float: left;
    clear: left; */
    margin: 0 auto 2.67vw;
}
.attentions dl:nth-child(2n-1){
    /* float: right; */
    margin: 0 auto 2.67vw;
}

.attentions h3{
    font-size: 4vw;
    font-weight: bold;
    margin: 12vw 0 6vw;
}
.attention{
    border: solid .27vw #cccccc;
    border-radius: .67vw;
    padding: 5.07vw 6.4vw 4.13vw 4.27vw;
    text-align: left;
    width: 80vw;
}
.attention dt{
    font-size: 3.47vw;
    font-weight: bold;
    position: relative;
}
.attention dt::after{
    content:'';
    background: url(../img/common/v_red.png) no-repeat;
    display: inline-block;
    width: 3.87vw;
    height: 2.4vw;
    position: absolute;
    top: .4vw;
    right: 0;
    background-size: contain;
}
.attention dt.open::after{
    content:'';
    background: url(../img/common/v_red_up.png) no-repeat;
    display: inline-block;
    width: 3.87vw;
    height: 2.4vw;
    position: absolute;
    top: .4vw;
    right: 0;
    background-size: contain;
}

.attention dd{
    font-size: 2.93vw;
    line-height: 1.36;
    display: none;
    margin: 6.27vw 0 0;
}

.attention dd.open{
    display: block;
}
.formcell input{
  width: 98%;
}

}
/* group5 -e */

.form-field-variant{
    text-align: center;
    background-color: #edf1f7;
    font-size: inherit;
}

.grecaptcha-badge { visibility: hidden; }

/* 20241121_KV修正関連 */

.kv-area {
    width: 100%;
    background: url(../img/kv-bg.webp) no-repeat 0 0 /cover;
}
.kv-head-logo {
    width: calc(100% - 40px);
    height: 52px;
    display: block;
    padding-top: 30px;
    padding-left: 40px;
}
.kv-head-logo__img {
    display: block;
}
.kv-container {
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    padding: 70px 0;
}
.kv-content-box {
    width: 40vw;
}
.kv-copy-block {
    text-align: left;
}
.kv-maincopy {
    margin-bottom: 10px;
    font-size: 4vw;
    font-weight: bold;
    line-height: 4.5vw;
    color: #122E72;
    -webkit-text-stroke: 1px #122E72;
}
.kv-maincopy span {
    font-size: 2.5vw;
    -webkit-text-stroke: 0px;
}
.kv-subcopy {
    font-size: 1.5vw;
    font-weight: bold;
    line-height: 30px;
}
.kv-subcopy span{
    font-size: 1.2vw;
}
.kv-logo-block {
    margin-top: 80px;
}
.kv-logo-block-txt {
    font-size: 1.58vw;
    font-weight: bold;
    margin-bottom: 30px;
}
.kv-logolist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.kv-logolist li {
    width: calc(20% - 16px);
    padding: 5px 10px;
}
.kv-logolist li:nth-child(1), .kv-logolist li:nth-child(6) {
    padding-left: 0;
}
.kv-logolist li:nth-child(5), .kv-logolist li:nth-child(10) {
    padding-right: 0;
}
.kv-logolist li img {
    width: 7.32vw;
    max-width: 100px;
    height: auto;
}
.kv-form-box {
    width: 30vw;
    max-width: 410px;
    background: #fff;
    padding: 38px 1.9vw;
    border-radius: 20px;
    box-shadow: 10px 10px 0px 0px rgba(227, 228, 229, 0.8);
}
.kv-form-box-shadow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  background-color: #dddddd;
  font-size: 30px;
  width: 300px;
  height: 100px;
  border-radius: 3px;
  
}
.kv-form-box .make-form__txtimg {
    width: 90%;
    margin-bottom: 20px;
}
.kv-form-box .make-form__item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    line-height: 34px;
}
.kv-form-box .make-form__item .name__item {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}
.kv-form-box .make-form__lable {
    width: 31%;
    max-width: 115px;
    text-align: left;
    font-size: 12px;
    font-weight: bold;
    position: relative;
}
.kv-form-box .make-form__must::after {
    content: "*";
    color: #E4274B;
    margin-left: 3px;
}
.kv-form-box .make-form__inputarea {
    text-align: right;
}
.kv-form-box .make-form__inputarea input, .kv-form-box .make-form__inputarea textarea {
    width: 90%;
    max-width: 219px;
    border: none;
    background-color: #F5F5F5;
    padding: 10px .9vw;
}
.kv-form-box .name__item .make-form__inputarea input {
    width: 70%;
    max-width: 82px;
}
.kv-form-box .contact__lastname {
    margin-right: .4vw;
}
.kv-form-box .make-form__confirm.m-btn {
    display: block;
    margin-top: 20px;
    padding: 0 30px 0;
    width: 100%;
    border-radius: 50px;
    background: linear-gradient(#ff8f44, #f6541c);
    position: relative;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.kv-form-box .make-form__confirm.m-btn::after{
    content: "";
    background: url(../img/common/ico-btn-arrow.png) no-repeat 0 0 /cover;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 20px;
    right: 25px;
}
.make-form__item.make-form__item--btn {
    justify-content: center;
}
input.make-form__confirm_input {
    padding: 0;
    background: none;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
}
.kv-form-box.confirm-page {
    margin: 0 auto;
}

@media screen and (max-width: 768px){
    .kv-area {
        background: url(../img/kv-bg_sp.webp) no-repeat 0 0 /cover;
    }
    .kv-head-logo__img {
        width: 30vw;
    }
    .kv-head-logo {
        width: 95%;
        padding-top: 15px;
        padding-left: 5%;
        height: auto;
    }
    .kv-container {
        width: 90%;
        padding: 50px 5%;
        justify-content: center;
    }
    .kv-content-box {
        width: 100%;
    }
    .kv-maincopy {
        font-size: 7.2vw;
        line-height: 10vw;
    }
    .kv-maincopy span {
        font-size: 6.2vw;
    }
    .kv-subcopy {
        font-size: 3.1vw;
        line-height: 5vw;
    }
    .kv-subcopy span {
        font-size: 3vw;
    }
    .kv-logo-block-txt {
        font-size: 3.5vw;
        margin-bottom: 15px;
        font-weight: normal;
    }
    .kv-logolist{
        justify-content: space-between;
    }
    .kv-logolist li {
        width: calc(20% - 16px);
        padding: 1vw 1vw;
    }
    .kv-logolist li img {
        min-width: 61px;
        width: 16vw;
    }
}