@media screen and (max-width:1023px){
    /* commmon */

    body {
        font-family: "M PLUS Rounded 1c", 'Hiragino Kaku Gothic Pro', Helvetica, 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif, sans-serif;
        font-size: 16px;
        line-height: 180%;
        color: #1C3D8A;
        background: #ffffff;
        font-weight: 400;
        letter-spacing: 1px;
        position: relative;
    }
    .pagetop {
        width: 80px;
        height: 80px;
        position: fixed;
        right: 20px;
        bottom: 20px;
        opacity: 0;
        transition: all 0.6s ease;
        z-index: 90;
    }
    .pagetop.scroll {
        opacity: 1;
    }
    .forpc {
        display: none;
    }
    
    .kv_blk {
        width: 100%;
        position: relative;
        background-color: #F2F2F2;
        padding: 20vw 5vw 35vw 5vw;
        text-align: center;
    }
    .kv_blk .kv_logo_set {
        width: 100%;
        margin: 0 auto;
        padding: 10vw 0;
    }
    .kv_blk .kv_logo_set .kv_type {
        font-size: 6vw;
        letter-spacing: 10vw;
        text-indent: 10vw;
    }
    .kv_blk .kv_logo_set .kv_illust {
        margin: 15vw 0 5vw 0;
    }
    .kv_blk .kv_logo_set .kv_illust img {
        width: 30vw;
        margin: 0 auto;
    }
    .kv_blk .kv_txt {
        text-align: center;
        letter-spacing: 5px;
        font-weight: 600;
    }
    
    .top_service {
        width: 100%;
        margin: 20vw auto;
    }
    .top_service .inner {
        width: 90vw;
        margin: 0 auto;
        text-align: center;
    }
    .top_service .inner h2 {
        font-size: 8vw;
        letter-spacing: 1vw;
    }
    .top_service .inner .service_blk {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        font-weight: 600;
        margin-top: 4em;
    }
    .top_service .inner .service_blk .service_box {
        width: 45%;
        margin-bottom: 3em;
        font-size: 3.3vw;
        line-height: 160%;
    }
    .top_service .inner .service_blk .service_box img {
        width: 80%;
        margin: 0 auto 1em auto;
    }
    
    footer {
        background-color: #F2F2F2;
        padding: 18vw 0;
        position: relative;
        font-size: 3.6vw;
        text-align: center;
    }
    footer h2 {
        font-size: 8vw;
        text-align: center;
        margin-bottom: 3em;
    }
    footer .inner {
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
    }
    footer .inner dl {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between;
        margin: 0 auto;
    }
    footer .inner dl dt {
        width: 20%;
        text-align: right;
        margin-bottom: 2em;
        color: #1C3D8A;
    }
    footer .inner dl dd {
        width: 75%;
        text-align: left;
        margin-bottom: 2em;
    }
    footer .txt_bottom {
        font-size: 3.3vw;
        margin-top: 5em;
    }
    


}