@media screen and (max-width: 1231px) {

    .pankuzu {
        display: none;
    }

    section {
        width: 90%;
    }

    body {
        line-height: 1.6;
        font-size: 16px;
    }

    .btn {
        padding: 1rem 3rem;
    }

    .btn,
    .btn_01,
    .btn_02,
    .btn_03 {
        font-size: 16px;
    }

    p,
    textarea,
    input[type=text],
    input[type=number],
    input[type=date],
    input[type=time],
    input[type=email],
    input[type=tel],
    input[type=password],
    input[type=search] {
        font-size: 16px;
    }

    input[type=radio] {
        margin-bottom: 10px;
    }

    .h1 {
        font-size: 24px;
    }

    .h2 {
        font-size: 18px;
    }

    .h3 {
        font-size: 16px;
    }

    /*-------------------------
        　テキストブロック
    ---------------------------*/
    .text01,
    .text08,
    .text09 {
        width: 100%;
    }

    .text07 {
        padding: 20px 15px;
    }

    /*--------------------
        画像サイズ
    ----------------------*/
    .img210_130 {
        width: 135px;
        height: 90px;
    }

    .img210_140 {
        width: 135px;
        height: 90px;
    }

    .img240_170 {
        width: 100%;
        height: auto;
    }

    .img250_170 {
        width: 220px;
        height: 150px;
    }

    .img350_240r {
        width: 100%;
        height: auto;
    }

    .img350_240 {
        display: block;
    }

    .img400_250 {
        width: 70%;
        height: auto;
    }

    .img590_130 {
        width: 350px;
        height: 77px;
        object-fit: cover;
    }

    .img590_370 {
        width: 100%;
        height: auto;
    }

    .img700_350 {
        width: 100%;
        height: auto;
    }

    /*-------------------------
    　pc、mobileそれぞれ表示非表示
    ---------------------------*/
    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    /*-------------------------
    カテゴリーナビ（navi)
    
    .navi{
        margin-top: 40px;
        width: 100%;
    }
    .navi .flex {
        width: 100%;
        margin-left: 10px;
        text-align: left;
        padding: 0 2rem;
        padding-top: 0.5rem;
    }
    .pass_artcl {
        padding-right: 10px;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .navi .flex a,
    .navi .flex p {
        padding-right: 10px;
    }
    ---------------------------*/
    /*-------------------------
    ページナビ（passnav)
    ---------------------------*/
    .flex_pank {
        margin-left: 10%;
        margin-top: 20px;
    }

    .passnav {
        width: 100%;
    }

    .passnav .flex {
        width: 100%;

        text-align: left;
        padding: 0;
        padding-top: 0.5rem;
    }

    .pass_artcl {
        padding-right: 10px;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .passnav .flex a {
        padding-right: 5px;
    }

    /*---------------------------------------------
    pagination
    ---------------------------------------------*/
    .page-link {
        padding: 10px 15px;
    }

    /*-------------------------------------------
            ホームキーヴィジュ
    ---------------------------------------------*/
    .key_v {
        margin-top: 50px;
    }

    .key_v .copy {
        font-size: 28px;
    }

    .key_v .btn {
        width: 90%;
    }

    .sec01 .h2 {
        margin: 30px auto;
        width: 200px;
        font-weight: bold;
        padding-left: 1rem;
    }

    .sec02 img {
        width: 350px;
        /*  height: 240px;*/
        margin: auto;
        text-align: center;
    }

    /*.sec02 .text01{
        width: 80%;
        margin: auto;
    }*/
    .customer01 {
        width: 300px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 50px;
    }

    .co_logo {
        display: block;

    }

    .ma h2 {
        font-size: 20px;
    }

    .b_tab {
        width: 90%;
    }

    .quot {
        font-size: 90px !important;
        margin-left: 5px;
        height: 90px;
        color: #B4B4B4;
    }

    .ab01 {
        position: absolute;
        top: 0px;
        right: 20%;
    }

    .ab02 {
        position: absolute;
        top: 75px;
        right: 40%;
    }

    .ab01_2 {
        position: absolute;
        top: 0px;
        right: 7%;
    }

    .ab02_2 {
        position: absolute;
        top: 75px;
        right: 20%;
    }

    .flow h2 {
        text-align: left;
    }

    .flow p {
        text-align: left;
    }

    /*-------------------------------------------
            ホームフロー
    ---------------------------------------------*/
    .flow {
        text-align: center;
    }

    .flow .h2,
    .flow p {
        padding: 2rem;
        margin: auto;
    }

    /*-------------------------------------------
            FaQ
    ---------------------------------------------*/
    .faq .wrap {
        width: 90%;
        margin: 0 auto;
    }

    .faq .q-title .q {
        font-size: 16px;
        padding-left: 1.5rem;
        width: 300px;
        text-indent: 0em
    }

    .faq .q-title:after {
        right: 0.25em;
    }

    .faq .h2 {
        padding-left: 1.5rem;
        margin-bottom: 10px;
    }

    /*-------------------------------------------
            ブログ・ニュース
    ---------------------------------------------*/
    .miniblog,
    .mininews {
        width: 350px;
        margin-bottom: 50px;
    }

    .miniblog .h1,
    .mininews .h1 {
        text-align: center;
    }

    /*-------------------------------------------
            〇〇の企業様を支援しています
    ---------------------------------------------*/
    .customer_logos div {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, 1fr);
        justify-content: center;

    }

    /*-------------------------------------------
            選ばれる理由
    ---------------------------------------------*/
    .cause {
        width: 60%;
    }

    .cause .cause_inner {
        width: 300px;
        margin: auto;
        margin-bottom: 50px;
    }

    /*-------------------------------------------
            CTA
    ---------------------------------------------*/
    .cta_tel {
        text-align: center;
        margin: auto;
        height: auto;
    }

    .cta_tel .h1 {
        margin-right: 40px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .cta_tel .mr40 {
        margin: auto !important;
        text-align: center;
    }

    .cta_tel p,
    .cta_tel h1 {
        text-align: center;
        margin: auto;
    }

    /*-------------------------------------------
            サービストップ・youtube
    ---------------------------------------------*/

    .youtube {
        padding-top: 56.25%;
        width: 100%;
        position: relative;
    }

    .youtube iframe {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    /*--------------------------------------------
            提供サービス
    ---------------------------------------------*/
    .srvc_outline img {
        margin: auto;
        margin-bottom: 20px;
        margin-right: 30px;
    }

    .srvc_outline .text01 {
        width: 90%;
    }

    .srvc_outline .d_non {
        width: 90%;
        margin: auto;
        margin-bottom: 50px;
    }

    .anc_img {
        display: block;
        margin: auto;
        padding-bottom: 20px;
        width: 300px;
    }

    /*-------------------------------------------
            料金
    ---------------------------------------------*/
    .plan_top {
        width: 350px;
        margin: auto;
    }

    .plan_top .h2 {
        line-height: 18px;
    }

    .plan_top .flex {
        width: 350px;
        margin: 40px auto;
    }

    .plan_top .flex .bold {
        padding: 1rem;
        width: 150px;
        height: 50px;
        border: 1px solid;
        margin: auto 15px;
    }


    .plan_list .plan_baners {
        display: block;
        margin: auto;
    }

    .plan_list .plan_baner {
        width: 100%;
        margin-bottom: 30px;
    }

    .plan_list .plan_baner_inner .plan_cnt {
        height: auto;
    }

    .plan_list .plan_cnt .btn {
        font-size: 18px;
        border-radius: 10px;
        width: 95%;
        padding: 1rem;
        color: #fff;
        background-color: #1B224C;
        border: 1px solid #1B224C;
        margin: 20px auto;
    }

    .plan_list .pickup .btn {
        background-color: #00ACBA;
        border: 1px solid #00ACBA;
    }

    .plan_list .plan_cnt .h2 {
        font-size: 30px;
        padding-left: 1rem;
    }

    .plan_list .plan_cnt .ma {
        margin-top: 20px;
    }

    .plan_list .plan_cnt p {
        margin-bottom: 10px;
    }


    .plan_sup .plan_sup_inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    /*-------------------------------------------
            事例(検索ボックス)
    ---------------------------------------------*/
    .plr90 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .precedent_srch .q,
    .precedent_srch .h2,
    .precedent_srch label {
        color: #fff;
        padding: 0.5rem;
    }

    .precedent_srch li {
        padding: 0.5rem;
    }

    .precedent_srch .faq-box {
        padding: 0.75rem 0;
    }

    .precedent_srch .q-title {

        border-bottom: 1px solid #fff;
    }

    .precedent_srch {
        width: 90%;
        padding-bottom: 10px;
    }

    .precedent_srch .btn {
        padding: 0.75rem;
        width: 95%;
        margin-top: 30px;
    }

    /*-------------------------------------------
            事例
    ---------------------------------------------*/
    .precedent_list .co_logo {
        margin: 0;
        margin-top: 20px;
    }

    .customer02 {
        padding: 20px;
        margin-bottom: 15px;
    }

    .customer02 .text04 {
        min-height: auto;
    }

    .customer02 .h1 {
        text-align: center;
        margin-bottom: 15px;
    }

    .text04 p {
        padding: 0.1rem 0.5rem;
        border: 1px solid #1B224C;
        display: inline-block;
        margin-bottom: 10px;
    }

    /*------------------------------------------
            事例(記事)
    ---------------------------------------------*/
    .precedent_artcl,
    .artcl_section {}

    .precedent_artcl {
        margin: auto;
        margin-top: 0;
    }

    .text05 {
        padding: 10px;
    }

    .text05 .w3r {
        width: 3.1rem;
    }

    /*-------------------------------------------
            事例(いいね シェア　Tweet)
    ---------------------------------------------*/
    .artcl_shere {
        display: flex;
        margin: 10px 0;
        zoom: 0.75;
    }

    .precedent_artcl .img190_60 {
        width: 95px;
        height: 30px;
    }

    /*-------------------------------------------
            会社概要
    ---------------------------------------------*/
    .key_v02 .txtCenter {
        width: 350px;
    }

    .prf {
        display: block;
        margin: auto;
        margin-bottom: 50px;
    }

    /*-------------------------------------------
            セミナー
    ---------------------------------------------*/
    .smnr_item .rela {
        min-height: initial;
    }

    .smnr_item .rela .h2 {
        font-size: 16px;
    }

    .smnr_item .mob {
        display: flex;
        margin-top: 20px;
    }

    .smnr_item .btn_02,
    .smnr_item .btn_01 {
        margin: 0 5px;
    }

    .smnr_item .mr30 {
        margin-right: 10px !important;
    }

    dt,
    dd {
        font-size: 16px;
    }

    dd {
        margin-left: 0;
        margin-bottom: 5px;
    }

    /*-------------------------------------------
            記事・セミナーリスト
    ---------------------------------------------*/
    .artcl_item .ab {
        bottom: 3px;
    }

    .artcl_item .mb20 {
        margin-bottom: 10px !important;
    }

    .artcl_item .mr30 {
        margin-right: 10px !important;
    }

    .artcl_section .mb50 {
        margin-bottom: 20px !important;
    }

    /*-------------------------------------------
            セミナー・公開中/2分割記事/
    ---------------------------------------------*/
    .artcl02_main {}

    .li {
        margin-left: 30px;
        list-style-type: disc;
        color: #00ACBA;
        font-size: 18px;
    }

    .artcl02 .btn {
        width: 90%;
    }

    .artcl02_sub .mb30 {
        margin-bottom: 10px !important;
    }

    /*-------------------------------------------
            お知らせ
    ---------------------------------------------*/
    .news_list a {
        padding: 15px 0;
    }

    .news_list .day {
        font-size: 12px;
        padding-bottom: 5px;
    }

    .news_list .pl50 {
        padding-left: 10px !important;
    }

    /*-------------------------------------------
            資料請求
    ---------------------------------------------*/
    .dcmt_dl .btn {
        width: 95%;
    }

    .dcmt_form01 .form {
        margin-left: 20px;
        width: 100%;
    }

    .dcmt_form02 .text07 {
        padding: 50px 0px;
    }

    .dcmt_form02 .btn_02,
    .dcmt_form02 .btn_01 {
        font-size: 12px;
        width: 150px;
    }

    .fa-solid {
        padding-top: 5px !important;
    }

    /*-------------------------------------------
            プライバシーポリシー
    ---------------------------------------------*/
    .privacy .h2 {
        margin-bottom: 20px;
    }

    /*-------------------------------------------
            headermini
    ---------------------------------------------*/
    .headermini {
        padding: 15px;
    }

    .headermini .logo {
        height: 30px;
        width: auto;
        margin-bottom: 15px;
    }

    .headermini a {
        text-align: center;
        display: block;
    }

}

/*@media screen END*/


/*-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 900px) {
    section {
        width: 90%;
    }


    body {
        line-height: 1.4;
        333322 font-size: 16px;
    }

    .btn {
        padding: 1rem 3rem;
    }

    .btn,
    .btn_01,
    .btn_02,
    .btn_03 {
        font-size: 16px;
    }

    p,
    textarea,
    input[type=text],
    input[type=number],
    input[type=date],
    input[type=time],
    input[type=email],
    input[type=tel],
    input[type=password],
    input[type=search] {
        font-size: 16px;
    }

    input[type=radio] {
        margin-bottom: 10px;
    }

    .h1 {
        font-size: 22px;
    }

    .h2 {
        font-size: 18px;
    }

    .h3 {
        font-size: 16px;
    }

    /*-------------------------
        　テキストブロック
    ---------------------------*/
    .text01,
    .text08,
    .text09 {
        margin: auto;
        width: 80%;
    }

    .text07 {
        padding: 20px 15px;
        width: 100%;
    }

    /*--------------------
        画像サイズ
    ----------------------*/
    .img210_130 {
        width: 135px;
        height: 90px;
    }

    .img210_140 {
        width: 135px;
        height: 90px;
    }

    .img240_170 {
        width: 100%;
        height: auto;
    }

    .img250_170 {
        width: 220px;
        height: 150px;
    }

    .img350_240r {
        width: 100%;
        height: auto;
    }

    .img350_240 {
        width: 100%;
        display: block;
    }

    .img400_250 {
        width: 70%;
        height: auto;
    }

    .img590_130 {
        width: 350px;
        height: 77px;
        object-fit: cover;
    }

    .img590_370 {
        width: 100%;
        height: auto;
    }

    .img700_350 {
        width: 100%;
        height: auto;
    }

    .youtube {
        width: 350px;
        height: 200px;
        margin-top: 20px;
    }

    /*-------------------------
    　pc、mobileそれぞれ表示非表示
    ---------------------------*/
    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    /*-------------------------
    カテゴリーナビ（navi)

    .navi {
        margin-top: 40px;
        width: 100%;
    }
    .navi .flex {
        width: 100%;
        text-align: left;
        padding: 0 2rem;
        padding-top: 0.5rem;
    }
    
    .navi .flex a,
    .navi .flex p {
        padding-right: 10px;
        font-size: 12px;
    }
    ---------------------------*/

    /*-------------------------
    ページナビ（passnav)
    ---------------------------*/
    .passnav {
        width: 100%;
    }

    .passnav .flex {
        width: 100%;
        text-align: left;
        padding: 0 2rem;
        padding-top: 0.5rem;
    }

    .pass_artcl {
        padding-right: 10px;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .passnav .flex a {
        padding-right: 5px;
        font-size: 12px;
    }

    .flex_pank01 {
        display: flex;
        margin-left: 0%;
        margin-top: 20px;

    }

    /*---------------------------------------------
    pagination
    ---------------------------------------------*/
    .page-link {
        padding: 10px 15px;
    }

    /*-------------------------------------------
            ホームキーヴィジュ
    ------------------------------------------"prev-next-link---*/
    .key_v {
        margin-top: 50px;
    }

    .key_v .copy {
        font-size: 28px;
    }

    .key_v .btn {
        width: 90%;
    }

    .d_non {
        margin: auto;
    }

    .sec03 .flex_evenly {
        display: flex;
        align-content: center;
        flex-direction: column;

    }

    .sec01 .h2 {
        margin: 30px auto;
        width: 200px;
        font-weight: bold;
        padding-left: 1rem;
    }

    .sec02 img {
        width: 250px;
        /*  height: 192px;*/
        margin: auto;
        /*  margin-right: 20px;*/
    }

    .sec02 .comment p {
        margin: 0 5%;
    }

    .sec03 .img280_170 {
        width: 420px;
        height: 255px;
    }

    .sec02 .text01 {
        margin: 0 auto;
    }

    .customer01 {
        width: 420px;
        margin-bottom: 50px;
    }

    .miniblog_news .flex {
        display: flex;
        flex-direction: column;
    }

    .task {
        font-size: 13px;
    }

    .text08 {
        margin: auto;
        width: 100%;
    }

    .text08 .imgs img {
        width: 200px;
        height: auto;
    }

    .text08 .imgs {
        height: 200px;
    }

    .dcmt_form01 .flex_between {
        flex-direction: column;
    }

    .dcmt_form01 p,
    .dcmt_form01 h1 {
        text-align: center;
    }

    .form01 {
        margin-top: 30px;
        border-top: 1px solid;
    }

    .quot {
        font-size: 50px !important;
        margin-left: 5px;
        height: 50px;
        color: #B4B4B4;
    }

    .ml50 {
        margin-left: 0px !important;
    }

    .mr60 {
        margin-right: 20px !important;
    }

    .b_tab {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 50px auto;
        border-bottom: none;
    }

    .b_tab .h1 {
        border-bottom: 1px solid #D5D5D5;
    }

    .b_tab .flex {
        margin: 5px 0 0 0;
    }

    .passnav .flex {
        width: 100%;
        text-align: left;
        padding: 0;
        padding-top: 0.5rem;
    }



    .flex

    /*-------------------------------------------
            ホームフロー
    ---------------------------------------------*/
    .flow {
        text-align: center;
    }

    .flow .h2,
    .flow p {
        padding: 1rem;
        margin: auto;
    }

    /*-------------------------------------------
            FaQ
    ---------------------------------------------*/
    .faq .wrap {
        width: 90%;
        margin: 0 auto;
    }

    .faq .q-title .q {
        font-size: 16px;
        padding-left: 1.5rem;
        width: 300px;
        text-indent: 0em
    }

    .faq .q-title:after {
        right: 0.25em;
    }

    .faq .h2 {
        padding-left: 1.5rem;
        margin-bottom: 10px;
    }

    /*-------------------------------------------
            ブログ・ニュース
    ---------------------------------------------*/
    .miniblog,
    .mininews {
        width: 80%;
        margin-bottom: 50px;
    }

    .miniblog .h1,
    .mininews .h1 {
        text-align: center;
    }

    /*-------------------------------------------
            〇〇の企業様を支援しています
    ---------------------------------------------*/
    .customer_logos div {

        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(3, 1fr);
        justify-content: center;
        place-items: center;

    }

    .customer_logos .co_logo {
        margin: 5px;
        padding: 0px;
        width: 80%;
        max-width: 200px;
        height: auto;
        text-align: center;
    }




    /*-------------------------------------------
            選ばれる理由
    ---------------------------------------------*/
    .cause {
        width: 80%;
    }

    .cause .cause_inner {
        width: 300px;
        margin: auto;
        margin-bottom: 50px;
    }

    /*-------------------------------------------
            CTA
    ---------------------------------------------*/
    .cta_tel {
        text-align: center;
        margin: auto;
        height: auto;
    }

    .cta_tel .h1 {
        margin-right: 40px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .cta_tel .mr40 {
        margin: auto !important;
        text-align: center;
    }

    .cta_tel p,
    .cta_tel h1 {
        text-align: center;
        margin: auto;
    }

    /*-------------------------------------------
            サービストップ・youtube
    ---------------------------------------------*/
    .srvc_top .youtube {
        width: 100%;
        height: 500px;
        margin-top: 20px;
    }

    /*--------------------------------------------
            提供サービス
    ---------------------------------------------*/
    .srvc_outline img {
        margin: auto;
        margin-bottom: 20px;
        width: 50%;
        height: auto;
        padding-right: 20px;
    }

    .srvc_outline .text01 {
        width: 350px;
    }

    .srvc_outline .d_non {
        width: 100%;
        margin: auto;
        margin-bottom: 50px;
    }


    .anc_img {
        margin: auto;
        padding-bottom: 20px;
        width: 50%;
        height: auto;
    }

    .ANC .flex_center {
        flex-direction: column;
    }





    .srvc_outline .rink {
        padding-top: 10px;
    }

    /*-------------------------------------------
            料金
    ---------------------------------------------*/
    .plan_top {
        width: 350px;
        margin: auto;
    }

    .plan_top .h2 {
        line-height: 18px;
    }

    .plan_top .flex {
        width: 350px;
        margin: 40px auto;
    }

    .plan_top .flex .bold {
        padding: 1rem;
        width: 150px;
        height: 50px;
        border: 1px solid;
        margin: auto 15px;
    }


    .plan_list .plan_baners {
        display: block;
        margin: auto;
    }

    .plan_list .plan_baner {
        width: 100%;
        margin-bottom: 30px;
    }

    .plan_list .plan_baner_inner .plan_cnt {
        height: auto;
    }

    .plan_list .plan_cnt .btn {
        font-size: 18px;
        border-radius: 10px;
        width: 95%;
        padding: 1rem;
        color: #fff;
        background-color: #1B224C;
        border: 1px solid #1B224C;
        margin: 20px auto;
    }

    .plan_list .pickup .btn {
        background-color: #00ACBA;
        border: 1px solid #00ACBA;
    }

    .plan_list .plan_cnt .h2 {
        font-size: 30px;
        padding-left: 1rem;
    }

    .plan_list .plan_cnt .ma {
        margin-top: 20px;
    }

    .plan_list .plan_cnt p {
        margin-bottom: 10px;
    }


    .plan_sup .plan_sup_inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    /*-------------------------------------------
            事例(検索ボックス)
    ---------------------------------------------*/
    .plr90 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .precedent_srch .q,
    .precedent_srch .h2,
    .precedent_srch label {
        color: #fff;
        padding: 0.5rem;
    }

    .precedent_srch li {
        padding: 0.5rem;
    }

    .precedent_srch .faq-box {
        padding: 0.75rem 0;
    }

    .precedent_srch .q-title {

        border-bottom: 1px solid #fff;
    }

    .precedent_srch {
        width: 90%;
        padding-bottom: 10px;
    }

    .precedent_srch .btn {
        padding: 0.75rem;
        width: 95%;
        margin-top: 30px;
    }

    /*-------------------------------------------
            事例
    ---------------------------------------------*/
    .precedent_list .co_logo {
        margin: 0;
        margin-top: 20px;
    }

    .customer02 {
        width: 80%;
        padding: 20px;
        margin-bottom: 15px;
    }

    .customer02 .text04 {
        min-height: auto;
    }

    .customer02 .h1 {
        text-align: center;
        margin-bottom: 15px;
    }

    .customer02 .flex {
        flex-direction: column;
    }

    .text04 p {
        padding: 0.1rem 0.5rem;
        border: 1px solid #1B224C;
        display: inline-block;
        margin-bottom: 10px;
    }

    /*------------------------------------------
            事例(記事)
    ---------------------------------------------*/
    .precedent_artcl,
    .artcl_section {
        width: 80%;
    }

    .precedent_artcl {
        margin: auto;
        margin-top: 0;
    }

    .text05 {
        padding: 10px;
    }

    .text05 .w3r {
        width: 3.1rem;
    }

    /*-------------------------------------------
            事例(いいね シェア　Tweet)
    ---------------------------------------------*/
    .artcl_shere {
        display: flex;
        margin: 10px 0;
        zoom: 0.75;
    }

    .precedent_artcl .img190_60 {
        width: 95px;
        height: 30px;
    }

    /*-------------------------------------------
            会社概要
    ---------------------------------------------*/
    .key_v02 .txtCenter {
        width: 350px;
    }

    .prf {
        display: block;
        margin: auto;
        margin-bottom: 50px;
        width: 70%;
    }

    .img280_170 {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .officer .flex_evenly {
        flex-direction: column;
    }

    /*-------------------------------------------
            セミナー
    ---------------------------------------------*/
    .smnr_item .rela {
        min-height: initial;
    }

    .smnr_item .rela .h2 {
        font-size: 16px;
    }

    .smnr_item .mob {
        display: flex;
        margin-top: 20px;
    }

    .smnr_item .btn_02,
    .smnr_item .btn_01 {
        margin: 0 5px;
    }

    .smnr_item .mr30 {
        margin-right: 10px !important;
    }

    dt,
    dd {
        font-size: 16px;
    }

    dd {
        margin-left: 0;
        margin-bottom: 5px;
    }

    /*-------------------------------------------
            記事・セミナーリスト
    ---------------------------------------------*/
    .artcl_item .ab {
        bottom: 3px;
    }

    .artcl_item .mb20 {
        margin-bottom: 10px !important;
    }

    .artcl_item .mr30 {
        margin-right: 10px !important;
    }

    .artcl_section .mb50 {
        margin-bottom: 20px !important;
    }

    /*-------------------------------------------
            セミナー・公開中/2分割記事/
    ---------------------------------------------*/
    .artcl02_main {
        width: 100%;
    }

    .li {
        margin-left: 30px;
        list-style-type: disc;
        color: #00ACBA;
        font-size: 18px;
    }

    .artcl02 .btn {
        width: 90%;
    }

    .artcl02_sub .mb30 {
        margin-bottom: 10px !important;
    }

    .artcl02_sub .flex_center {
        flex-direction: column;
    }

    .artcl02_sub .img100_70 {
        width: 100%;
        height: auto;
    }


    /*-------------------------------------------
            お知らせ
    ---------------------------------------------*/
    .news_list a {
        padding: 15px 0;
    }

    .news_list .day {
        font-size: 12px;
        padding-bottom: 5px;
    }

    .news_list .pl50 {
        padding-left: 10px !important;
    }

    /*-------------------------------------------
            資料請求
    ---------------------------------------------*/
    .dcmt_dl .btn {
        width: 95%;
    }

    .dcmt_form01 .form {
        width: 100%;
    }

    .dcmt_form02 .text07 {
        padding: 50px 0px;
    }

    .dcmt_form02 .btn_02,
    .dcmt_form02 .btn_01 {
        font-size: 12px;
        width: 150px;
    }

    .fa-solid {
        padding-top: 5px !important;
    }



    /*-------------------------------------------
            プライバシーポリシー
    ---------------------------------------------*/
    .privacy .h2 {
        margin-bottom: 20px;
    }

    /*-------------------------------------------
            headermini
    ---------------------------------------------*/
    .headermini {
        padding: 15px;
    }

    .headermini .logo {
        height: 30px;
        width: auto;
        margin-bottom: 15px;
    }

    .headermini a {
        text-align: center;
        display: block;
    }

    .another_page {
        width: 90%;
    }

    .prev-next-link a {
        padding-left: 15%;
    }
}

/*@media screen END*/



/*-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {
    section {
        width: 90%;
    }


    body {
        line-height: 1.4;
        333322 font-size: 10px;
    }

    .btn {
        padding: 1rem 3rem;
    }

    .btn,
    .btn_01,
    .btn_02,
    .btn_03 {
        font-size: 16px;
    }

    p,
    textarea,
    input[type=text],
    input[type=number],
    input[type=date],
    input[type=time],
    input[type=email],
    input[type=tel],
    input[type=password],
    input[type=search] {
        font-size: 16px;
    }

    input[type=radio] {
        margin-bottom: 10px;
    }

    .h1 {
        font-size: 20px;
    }

    .h2 {
        font-size: 18px;
    }

    .h3 {
        font-size: 16px;
    }

    /*-------------------------
        　テキストブロック
    ---------------------------*/
    .text01,
    .text08,
    .text09 {
        margin: auto;
        width: 90%;
    }

    .text01 {
        padding: 10px 0;
    }

    .text07 {
        padding: 20px 15px;
    }

    .text06 {
        margin: auto;
        min-height: 200px;
        /* margin-bottom: 50px; */
        padding: 0 20px;
    }

    /*--------------------
        画像サイズ
    ----------------------*/
    .img210_130 {
        width: 135px;
        height: 90px;
    }

    .img210_140 {
        width: 135px;
        height: 90px;
    }

    .img240_170 {
        width: 120px;
        height: 85px;
    }

    .img250_170 {
        width: 150px;
        height: auto;
    }

    .img350_240r {
        width: 175px;
        height: 120px;
    }

    .img350_240 {
        display: block;
    }

    .img400_250 {
        width: 70%;
        height: auto;
    }

    .img590_130 {
        width: 350px;
        height: 77px;
        object-fit: cover;
    }

    .img590_370 {
        width: 100%;
        height: auto;
    }

    .img700_350 {
        width: 100%;
        height: auto;
    }

    .youtube {
        width: 350px;
        height: 200px;
        margin-top: 20px;
    }

    .text08 .imgs img {
        width: 100px;
        height: auto;
    }

    .ab02 {
        position: absolute;
        top: 30px;
        right: 40%;
    }

    .text08 .imgs {
        height: 100px;
    }

    .ab02 {
        position: absolute;
        top: 30px;
        right: 35%;
    }

    .imgs {
        height: 150px;
        display: block;
    }

    .ab01_2 {
        position: absolute;
        top: 0px;
        left: 50%;
    }

    .ab02_2 {
        position: absolute;
        top: 30px;
        left: 20%;
    }

    /*-------------------------
    　pc、mobileそれぞれ表示非表示
    ---------------------------*/
    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    .d_non {
        margin: 20px;
    }

    /*-------------------------
    ページナビ（passnav)
    ---------------------------*/
    .passnav {
        width: 100%;
    }

    .passnav .flex {
        width: 100%;
        text-align: left;
        padding: 0;
        padding-top: 0.5rem;
    }

    .pass_artcl {
        padding-right: 10px;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .passnav .flex a {
        padding-right: 5px;
    }

    /*---------------------------------------------
    pagination
    ---------------------------------------------*/
    .page-link {
        padding: 10px 15px;
    }

    /*---------------------------------------------
    パンくずリスト
    ---------------------------------------------*/
    .pank {
        margin-left: 10%;
    }

    /*-------------------------------------------
            ホームキーヴィジュ
    ---------------------------------------------*/
    .key_v {
        margin-top: 50px;
    }

    .key_v .copy {
        font-size: 28px;
    }

    .key_v .btn {
        width: 90%;
    }

    .d_non {
        margin: auto;
    }

    .sec01 .flex_center,
    .sec02 .flex_evenly {
        display: flex;
        align-content: center;
        flex-direction: column;

    }

    .sec02 .flex {
        display: flex;
        align-content: center;
        flex-direction: column;

    }


    .catego img {
        padding: 0;
    }

    .sec03 .flex_evenly {
        display: flex;
        align-content: center;
        flex-direction: column;

    }

    .sec01 .h2 {
        margin: 20px auto;
        width: 70%;
        font-weight: bold;
        padding-left: 1rem;
    }

    .sec02 img {
        width: 90%;
        height: auto;
        margin: auto;
        /*  margin-bottom: 20px;*/
    }


    .co_logo {
        width: 50%;
        height: auto;
        object-fit: cover;
    }

    .sec03 .img280_170 {
        width: 100%;
        height: auto;
    }

    .sec02 .text01 {
        margin-top: 20px;
        width: 90%;
        margin: auto;
        margin-bottom: 20px;
    }

    .customer01 {
        width: 90%;
        margin-bottom: 50px;
    }

    .miniblog_news .flex {
        display: flex;
        flex-direction: column;
    }

    .task {
        font-size: 15px;
        text-align: center;
    }

    .ma .flex {
        flex-direction: column;
    }

    .artcl_section .h2 {
        font-size: 15px;
    }

    .text08 {
        margin: auto;
        width: 100%;
    }

    .ab01_2 {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .ab02_2 {
        position: absolute;
        top: 50px;
        right: 20%;
    }

    .flow h2 {
        text-align: center;
    }


    .flex

    /*-------------------------------------------
            ホームフロー
    ---------------------------------------------*/
    .flow {
        text-align: center;
    }

    .flow .h2,
    .flow p {
        padding: 1rem;
        margin: auto;
    }

    /*-------------------------------------------
            FaQ
    ---------------------------------------------*/
    .faq .wrap {
        width: 90%;
        margin: 0 auto;
    }

    .faq .q-title .q {
        font-size: 16px;
        padding-left: 1.5rem;
        width: 300px;
        text-indent: 0em
    }

    .faq .q-title:after {
        right: 0.25em;
    }

    .faq .h2 {
        padding-left: 1.5rem;
        margin-bottom: 10px;
    }

    /*-------------------------------------------
            ブログ・ニュース
    ---------------------------------------------*/
    .miniblog,
    .mininews {
        width: 100%;
        margin-bottom: 50px;
    }

    .miniblog .h1,
    .mininews .h1 {
        text-align: center;
    }

    /*-------------------------------------------
            〇〇の企業様を支援しています
    ---------------------------------------------*/
    .customer_logos div {

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr);
        justify-content: center;
        place-items: center;

    }

    .customer_logos .co_logo {
        margin: 5px;
        width: 80%;
        height: auto;
        text-align: center;
    }



    /*-------------------------------------------
            選ばれる理由
    ---------------------------------------------*/
    .cause {
        width: 90%;
    }

    .cause .cause_inner {
        width: 300px;
        margin: auto;
        margin-bottom: 50px;
    }

    /*-------------------------------------------
            CTA
    ---------------------------------------------*/
    .cta_tel {
        display: flex;
        justify-content: center;
        margin: auto;
        text-align: center;
        height: 80px;
        padding: 1rem;
        margin: auto;
        height: auto;
        flex-direction: column;

    }

    .cta_tel .h1 {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 20px;
        text-align: center;
        justify-content: center
    }

    .cta_tel .mr40 {
        margin: auto;
         !important;
        text-align: center;
    }

    .cta_tel p {
        text-align: center;
        margin: auto;
    }

    .cta_tel .ml40 {
        margin: 0px !important;
    }

    /*-------------------------------------------
            サービストップ・youtube
    ---------------------------------------------*/
    .srvc_top .youtube {
        width: 350px;
        height: 200px;
        margin-top: 20px;
    }

    /*--------------------------------------------
            提供サービス
    ---------------------------------------------*/
    .srvc_outline img {
        width: 85%;
        height: auto;
        margin: auto;
        margin-bottom: 20px;
    }

    .srvc_outline .text01 {
        width: 85%;
    }

    .srvc_outline .d_non {
        width: 90%;
        margin: auto;
        margin-bottom: 50px;
    }

    .anc_img {
        display: block;
        margin: auto;
        padding-bottom: 20px;
        width: 70%;
    }

    .srvc_outline .flex_evenly {
        flex-direction: column;
    }

    /*-------------------------------------------
            料金
    ---------------------------------------------*/
    .plan_top {
        width: 350px;
        margin: auto;
    }

    .plan_top .h2 {
        line-height: 18px;
    }

    .plan_top .flex {
        width: 350px;
        margin: 40px auto;
    }

    .plan_top .flex .bold {
        padding: 1rem;
        width: 150px;
        height: 50px;
        border: 1px solid;
        margin: auto 15px;
    }


    .plan_list .plan_baners {
        display: block;
        margin: auto;
    }

    .plan_list .plan_baner {
        width: 100%;
        margin-bottom: 30px;
    }

    .plan_list .plan_baner_inner .plan_cnt {
        height: auto;
    }

    .plan_list .plan_cnt .btn {
        font-size: 18px;
        border-radius: 10px;
        width: 95%;
        padding: 1rem;
        color: #fff;
        background-color: #1B224C;
        border: 1px solid #1B224C;
        margin: 20px auto;
    }

    .plan_list .pickup .btn {
        background-color: #00ACBA;
        border: 1px solid #00ACBA;
    }

    .plan_list .plan_cnt .h2 {
        font-size: 30px;
        padding-left: 1rem;
    }

    .plan_list .plan_cnt .ma {
        margin-top: 20px;
    }

    .plan_list .plan_cnt p {
        margin-bottom: 10px;
    }


    .plan_sup .plan_sup_inner {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }

    /*-------------------------------------------
            事例(検索ボックス)
    ---------------------------------------------*/
    .plr90 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .precedent_srch .q,
    .precedent_srch .h2,
    .precedent_srch label {
        color: #fff;
        padding: 0.5rem;
    }

    .precedent_srch li {
        padding: 0.5rem;
    }

    .precedent_srch .faq-box {
        padding: 0.75rem 0;
    }

    .precedent_srch .q-title {

        border-bottom: 1px solid #fff;
    }

    .precedent_srch {
        width: 90%;
        padding-bottom: 10px;
    }

    .precedent_srch .btn {
        padding: 0.75rem;
        width: 95%;
        margin-top: 30px;
    }

    /*-------------------------------------------
            事例
    ---------------------------------------------*/
    .precedent_list .co_logo {
        margin: 0;
        margin-top: 20px;
    }

    .customer02 {
        padding: 20px;
        margin-bottom: 15px;
    }

    .customer02 .text04 {
        min-height: auto;
    }

    .customer02 .h1 {
        text-align: center;
        margin-bottom: 15px;
    }

    .text04 p {
        padding: 0.1rem 0.5rem;
        border: 1px solid #1B224C;
        display: inline-block;
        margin-bottom: 10px;
    }

    /*------------------------------------------
            事例(記事)
    ---------------------------------------------*/
    .precedent_artcl,
    .artcl_section {
        width: 90%;
    }

    .precedent_artcl {
        margin: auto;
        margin-top: 0;
    }

    .text05 {
        padding: 10px;
    }

    .text05 .w3r {
        width: 3.1rem;
    }

    /*-------------------------------------------
            事例(いいね シェア　Tweet)
    ---------------------------------------------*/
    .artcl_shere {
        display: flex;
        margin: 10px 0;
        zoom: 0.75;
    }

    .precedent_artcl .img190_60 {
        width: 95px;
        height: 30px;
    }

    /*-------------------------------------------
            会社概要
    ---------------------------------------------*/
    .key_v02 .txtCenter {
        width: 350px;
    }

    .prf {
        display: block;
        margin: auto;
        margin-bottom: 50px;
    }

    /*-------------------------------------------
            セミナー
    ---------------------------------------------*/
    .smnr_item .rela {
        min-height: initial;
    }

    .smnr_item .rela .h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .smnr_item .mob {
        display: flex;
        margin-top: 20px;
    }

    .smnr_item .btn_02,
    .smnr_item .btn_01 {
        margin: 0 5px;
    }

    .smnr_item .mr30 {
        margin-right: 10px !important;
    }

    .seminar_repo .mr60 {
        margin-right: 5px !important;
    }

    dt,
    dd {
        font-size: 16px;
    }

    dd {
        margin-left: 0;
        margin-bottom: 5px;
    }

    /*-------------------------------------------
            記事・セミナーリスト
    ---------------------------------------------*/
    .artcl_item .ab {
        bottom: 3px;
    }

    .artcl_item .mb20 {
        margin-bottom: 10px !important;
    }

    .artcl_item .mr30 {
        margin-right: 10px !important;
    }

    .artcl_section .mb50 {
        margin-bottom: 20px !important;
    }

    .artcl02_sub {
        margin-top: 50px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .flex_change {
        display: block;
    }

    .artcl02_sub .img270_190 {
        width: 60%;
        margin: auto;
        display: block;
    }

    .artcl02_sub .img100_70 {
        width: 100%;
    }

    .artcl02_sub .img_ctgr {
        font-size: 12px;
        width: 100%;
        padding: 0.15rem 0;
    }

    .artcl02_sub .flex_center {
        flex-direction: row;
        width: 100%;
    }

    .artcl02_sub .text02 {
        margin-top: 10px;
    }

    .artcl02_sub .text02 {
        margin-top: 10px;
        width: 70%;
    }

    .b_tab .bl {
        font-size: 2px;
    }

    .b_tab .flex .bold {
        padding: 0 5px 5px;
        display: block;
        margin-bottom: -18px;
    }

    /*-------------------------------------------
            セミナー・公開中/2分割記事/
    ---------------------------------------------*/
    .artcl02_main {
        width: 100%;
        margin-right: 0px;
    }

    .li {
        margin-left: 30px;
        list-style-type: disc;
        color: #00ACBA;
        font-size: 18px;
    }

    .artcl02 .btn {
        width: 90%;
    }

    .artcl02_sub .mb30 {
        margin-bottom: 10px !important;
    }

    /*-------------------------------------------
            お知らせ
    ---------------------------------------------*/
    .news_list a {
        padding: 15px 0;
    }

    .news_list .day {
        font-size: 12px;
        padding-bottom: 5px;
    }

    .news_list .pl50 {
        padding-left: 10px !important;
    }

    /*-------------------------------------------
            資料請求
    ---------------------------------------------*/
    .dcmt_dl .btn {
        width: 95%;
    }

    .dcmt_form01 .form {
        width: 100%;
    }

    .dcmt_form02 .text07 {
        padding: 50px 0px;
    }

    .dcmt_form02 .btn_02,
    .dcmt_form02 .btn_01 {
        font-size: 12px;
        width: 150px;
    }

    .fa-solid {
        padding-top: 5px !important;
    }

    /*-------------------------------------------
            プライバシーポリシー
    ---------------------------------------------*/
    .privacy .h2 {
        margin-bottom: 20px;
    }

    /*-------------------------------------------
            headermini
    ---------------------------------------------*/
    .headermini {
        padding: 15px;
    }

    .headermini .logo {
        height: 30px;
        width: auto;
        margin-bottom: 15px;
    }

    .headermini a {
        text-align: center;
        display: block;
    }

}

/*@media screen END*/



/*-------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 400px) {
    section {
        width: 90%;
    }


    body {
        line-height: 1.4;
        333322 font-size: 10px;
    }

    .btn {
        padding: 1rem 3rem;
    }

    .btn,
    .btn_01,
    .btn_02,
    .btn_03 {
        font-size: 12px;
    }

    p,
    textarea,
    input[type=text],
    input[type=number],
    input[type=date],
    input[type=time],
    input[type=email],
    input[type=tel],
    input[type=password],
    input[type=search] {
        font-size: 16px;
    }

    input[type=radio] {
        margin-bottom: 10px;
    }

    .h1 {
        font-size: 18px;
    }

    .h2 {
        font-size: 16px;
    }

    .h3 {
        font-size: 16px;
    }

    /*-------------------------
        　テキストブロック
    ---------------------------*/
    .text01,
    .text08,
    .text09 {
        margin: auto;
        width: 90%;
    }

    .text07 {
        padding: 10px 7px;
    }

    /*--------------------
        画像サイズ
    ----------------------*/
    .img210_130 {
        width: 100%;
        height: auto;
    }

    .img210_140 {
        width: 100%;
        height: auto;
    }

    .img240_170 {
        width: 100%;
        height: auto;
    }

    .img250_170 {
        width: 150px;
        height: auto;
    }

    .img350_240r {
        width: 100%;
        height: auto;
    }

    .img350_240 {
        display: block;
    }

    .img400_250 {
        width: 90%;
        height: auto;
    }

    .img590_130 {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .img590_370 {
        width: 100%;
        height: auto;
    }

    .img700_350 {
        width: 100%;
        height: auto;
    }

    .img280_170 {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .youtube {
        width: 350px;
        height: 200px;
        margin-top: 20px;
    }

    /*-------------------------
    　pc、mobileそれぞれ表示非表示
    ---------------------------*/
    .pc {
        display: none;
    }

    .mob {
        display: block;
    }

    .d_non {
        margin: 20px;
    }

    /*-------------------------
    ページナビ（passnav)
    ---------------------------*/
    .passnav {
        width: 100%;
    }

    .passnav .flex {
        width: 100%;
        text-align: left;
        padding: 0;
        padding-top: 0.5rem;
    }

    .pass_artcl {
        padding-right: 10px;
        width: 150px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: -webkit-box;
    }

    .passnav .flex p {
        padding-right: 3px;
    }

    .passnav .flex a {
        padding-right: 0;
    }

    /*---------------------------------------------
    pagination
    ---------------------------------------------*/
    .page-link {
        padding: 10px 15px;
    }

    /*---------------------------------------------
    パンくずリスト
    ---------------------------------------------*/
    .pank {
        margin-left: 15%;
    }

    /*-------------------------------------------
            ホームキーヴィジュ
    ---------------------------------------------*/

    .key_v {
        margin-top: 50px;
    }

    .key_v .copy {
        font-size: 28px;
    }

    .key_v .btn {
        width: 90%;
    }

    .d_non {
        margin: auto;
    }

    .sec01 .flex_center,
    .sec02 .flex_evenly {
        display: flex;
        align-content: center;
        flex-direction: column;

    }


    .sec03 .flex_evenly {
        display: flex;
        align-content: center;
        flex-direction: column;

    }

    .sec01 .h2 {
        margin: 10px auto;
        width: 200px;
        font-weight: bold;
    }

    .sec01 .mb50 {
        margin-bottom: 10px !important;
    }

    .sec02 img {
        height: auto;
        margin: 0 auto;
    }

    .co_logo {
        width: 50%;
        height: auto;
        object-fit: cover;
    }

    .sec03 .img280_170 {
        width: 100%;
        height: auto;
    }

    .sec02 .text01 {
        margin-top: 20px;
        margin: auto;
        margin-bottom: 20px;
    }

    .customer01 {
        width: 90%;
        margin-left: 10px;
        margin-bottom: 50px;
    }

    .miniblog_news .flex {
        display: flex;
        flex-direction: column;
    }

    .task {
        font-size: 10px;
    }

    .mb60 {
        margin-bottom: 20px !important;
    }

    .ab01_2 {
        position: absolute;
        top: 0px;
        left: 50%;
    }

    .ab02_2 {
        position: absolute;
        top: 50px;
        left: 0%;
    }


    .flex

    /*-------------------------------------------
            ホームフロー
    ---------------------------------------------*/
    .flow {
        text-align: center;
    }

    .flow .h2,
    .flow p {
        padding: 1rem;
        margin: auto;
    }

    /*-------------------------------------------
            FaQ
    ---------------------------------------------*/
    .faq .wrap {
        width: 90%;
        margin: 0 auto;
    }

    .faq .q-title .q {
        font-size: 10px;
        padding-left: 1.5rem;
        width: 300px;
        text-indent: 0em
    }

    .faq .q-title:after {
        right: 0.25em;
    }

    .faq .h2 {
        padding-left: 1.5rem;
        margin-bottom: 10px;
    }

    /*-------------------------------------------
            ブログ・ニュース
    ---------------------------------------------*/
    .miniblog,
    .mininews {
        width: 80%;
        margin-bottom: 50px;
    }

    .miniblog .h1,
    .mininews .h1 {
        text-align: center;
    }

    .miniblog .flex_center {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .miniblog .img_ctgr {
        bottom: 0px;
    }

    .img150_110 {
        width: 100%;
        height: auto;
        object-fit: cover;
        text-align: center;
    }

    .miniblog .mr20 {
        margin-right: 0px !important;
    }

    .text02 p {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        padding-top: 10px;
    }

    .text06 {
        margin: auto;
        min-height: 200px;
        /* margin-bottom: 50px; */
        padding: 0 20px;
    }

    /*-------------------------------------------
            〇〇の企業様を支援しています
    ---------------------------------------------*/
    .customer_logos div {

        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(5, 1fr);
        justify-content: center;

    }

    .customer_logos .co_logo {
        margin: 5px;
        width: 80%;
        height: auto;
        text-align: center;
    }



    /*-------------------------------------------
            選ばれる理由
    ---------------------------------------------*/
    .cause {
        width: 90%;
    }

    .cause .cause_inner {
        width: 100%;
        margin: auto;
        margin-bottom: 50px;
    }

    .cause .cause_inner img {
        width: 70%;
        border-radius: 1000px;
        margin: auto;
    }

    .cause .flex_evenly {
        display: flex;
        flex-direction: column;
    }

    /*-------------------------------------------
            CTA
    ---------------------------------------------*/
    .cta_tel {
        display: flex;
        justify-content: center;
        margin: auto;
        text-align: center;
        height: 80px;
        padding: 1rem;
        margin: auto;
        height: auto;
        flex-direction: column;

    }

    .cta_tel .h1 {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 20px;
        text-align: center;
        justify-content: center
    }

    .cta_tel .mr40 {
        text-align: center;
        margin: 0px !important;
    }

    .cta_tel p {
        text-align: center;
        margin: auto;
    }

    .cta_tel .ml40 {
        margin: 0px !important;
    }

    /*-------------------------------------------
            サービストップ・youtube
    ---------------------------------------------*/
    .srvc_top .youtube {
        width: 350px;
        height: 200px;
        margin-top: 20px;
    }

    /*--------------------------------------------
            提供サービス
    ---------------------------------------------*/
    .srvc_outline img {
        width: 90%;
        height: auto;
        margin-bottom: 20px;
        padding: 0px;
    }

    .srvc_outline .text01 {
        width: 90%;
    }

    .srvc_outline .d_non {
        width: 90%;
        margin: auto;
        margin-bottom: 50px;
    }

    .anc_img {
        display: block;
        margin: auto;
        padding-bottom: 20px;
        width: 90%;
    }

    /*-------------------------------------------
            料金
    ---------------------------------------------*/
    .plan_top {
        width: 350px;
        margin: auto;
    }

    .plan_top .h2 {
        line-height: 18px;
    }

    .plan_top .flex {
        width: 350px;
        margin: 40px auto;
    }

    .plan_top .flex .bold {
        padding: 1rem;
        width: 150px;
        height: 50px;
        border: 1px solid;
        margin: auto 15px;
    }


    .plan_list .plan_baners {
        display: block;
        margin: auto;
    }

    .plan_list .plan_baner {
        width: 100%;
        margin-bottom: 30px;
    }

    .plan_list .plan_baner_inner .plan_cnt {
        height: auto;
    }

    .plan_list .plan_cnt .btn {
        font-size: 18px;
        border-radius: 10px;
        width: 95%;
        padding: 1rem;
        color: #fff;
        background-color: #1B224C;
        border: 1px solid #1B224C;
        margin: 20px auto;
    }

    .plan_list .pickup .btn {
        background-color: #00ACBA;
        border: 1px solid #00ACBA;
    }

    .plan_list .plan_cnt .h2 {
        font-size: 30px;
        padding-left: 1rem;
    }

    .plan_list .plan_cnt .ma {
        margin-top: 20px;
    }

    .plan_list .plan_cnt p {
        margin-bottom: 10px;
    }


    .plan_sup .plan_sup_inner {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(6, 1fr);
    }

    /*-------------------------------------------
            事例(検索ボックス)
    ---------------------------------------------*/
    .plr90 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .precedent_srch .q,
    .precedent_srch .h2,
    .precedent_srch label {
        color: #fff;
        padding: 0.5rem;
    }

    .precedent_srch li {
        padding: 0.5rem;
    }

    .precedent_srch .faq-box {
        padding: 0.75rem 0;
    }

    .precedent_srch .q-title {

        border-bottom: 1px solid #fff;
    }

    .precedent_srch {
        width: 90%;
        padding-bottom: 10px;
    }

    .precedent_srch .btn {
        padding: 0.75rem;
        width: 95%;
        margin-top: 30px;
    }

    /*-------------------------------------------
            事例
    ---------------------------------------------*/
    .precedent_list .co_logo {
        margin: 0;
        margin-top: 20px;
    }

    .customer02 {
        padding: 20px;
        margin-bottom: 15px;
    }

    .customer02 .text04 {
        min-height: auto;
    }

    .customer02 .h1 {
        text-align: center;
        margin-bottom: 15px;
    }

    .text04 p {
        padding: 0.1rem 0.5rem;
        border: 1px solid #1B224C;
        display: inline-block;
        margin-bottom: 10px;
    }

    /*------------------------------------------
            事例(記事)
    ---------------------------------------------*/
    .precedent_artcl,
    .artcl_section {
        width: 95%;
    }

    .precedent_artcl {
        margin: auto;
        margin-top: 0;
    }

    .text05 {
        padding: 10px;
    }

    .text05 .w3r {
        width: 3.1rem;
    }

    .page-item {
        font-size: 10px;
    }

    /*-------------------------------------------
            事例(いいね シェア　Tweet)
    ---------------------------------------------*/
    .artcl_shere {
        display: flex;
        margin: 10px 0;
        zoom: 0.75;
    }

    .precedent_artcl .img190_60 {
        width: 95px;
        height: 30px;
    }

    .artcl_item .ab {
        width: 100%;
    }

    /*-------------------------------------------
            会社概要
    ---------------------------------------------*/
    .key_v02 .txtCenter {
        width: 90%;
    }

    .prf {
        display: block;
        margin: auto;
        margin-bottom: 50px;
    }

    /*-------------------------------------------
            セミナー
    ---------------------------------------------*/
    .smnr_item .rela {
        min-height: initial;
    }

    .smnr_item .rela .h2 {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .smnr_item .mob {
        display: flex;
        margin-top: 20px;
    }

    .smnr_item .btn_02,
    .smnr_item .btn_01 {
        margin: 0 5px;
    }

    .smnr_item .mr30 {
        margin-right: 10px !important;
    }

    .smnr_item .flex {
        flex-direction: column;
    }

    dt,
    dd {
        font-size: 16px;
    }

    dd {
        margin-left: 0;
        margin-bottom: 5px;
    }

    .seminar_repo {
        width: 90%;
    }

    .seminar_repo .mr60 {
        margin-right: 0px !important;
    }

    .artcl_item .flex_center {
        flex-direction: column;
    }

    /*-------------------------------------------
            記事・セミナーリスト
    ---------------------------------------------*/
    .artcl_item .ab {
        bottom: 3px;
    }

    .artcl_item .mb20 {
        margin-bottom: 10px !important;
    }

    .artcl_item .mr30 {
        margin-right: 0px !important;
    }

    .artcl_section .mb50 {
        margin-bottom: 20px !important;
    }

    /*-------------------------------------------
            セミナー・公開中/2分割記事/
    ---------------------------------------------*/
    .artcl02_main {
        width: 100%;
    }

    .li {
        margin-left: 30px;
        list-style-type: disc;
        color: #00ACBA;
        font-size: 18px;
    }

    .artcl02 .btn {
        width: 90%;
    }

    .artcl02_sub .mb30 {
        margin-bottom: 10px !important;
    }

    /*-------------------------------------------
            お知らせ
    ---------------------------------------------*/
    .news_list a {
        padding: 15px 0;
    }

    .news_list .day {
        font-size: 12px;
        padding-bottom: 5px;
    }

    .news_list .pl50 {
        padding-left: 10px !important;
    }

    /*-------------------------------------------
            資料請求
    ---------------------------------------------*/
    .dcmt_dl .btn {
        width: 95%;
    }

    .dcmt_form01 .form {
        width: 100%;
    }

    .text07 .flex {
        flex-direction: column;

    }

    .text07 .btn_01 {
        margin: 10px;
    }

    .dcmt_form02 .text07 {
        padding: 50px 0px;
    }

    .dcmt_form02 .btn_02,
    .dcmt_form02 .btn_01 {
        font-size: 12px;
        width: 150px;
    }

    .fa-solid {
        padding-top: 5px !important;
    }

    /*-------------------------------------------
            プライバシーポリシー
    ---------------------------------------------*/
    .privacy .h2 {
        margin-bottom: 20px;
    }

    /*-------------------------------------------
            headermini
    ---------------------------------------------*/
    .headermini {
        padding: 15px;
    }

    .headermini .logo {
        height: 30px;
        width: auto;
        margin-bottom: 15px;
    }

    .headermini a {
        text-align: center;
        display: block;
    }

}

/*-------------------------------------------
            前の記事・次の記事
    ---------------------------------------------*/
@media (min-width: 900px) {
    .prev-next-link {
        display: flex;
    }

    .prev-next-link a {
        flex: 1;
    }

    .prev-next-link a,
    .prev-next-link a:first-child {
        border: none;
    }

    .next-link {
        text-align: right;
    }

}

/*@media screen END*/



@media screen and (max-width: 1231px) {
    section {}

    /*----アートボード「testmonials」------*/
    .testmonials.profile {
        width: 270px;
    }

    .testmonials .profile .text {
        width: 250px;
        margin: 0 10px;
    }

    .testmonials05 .profile .text {
        width: 60%;
        margin: 0 10px;
    }

    /*----アートボード「testmonials」------*/
    /*----アートボード「features」------*/
    .features06 .right .iphone {
        width: 194.4px;
        height: auto;
        object-fit: cover;
        position: absolute;
        left: 10%;
        top: 20%;
    }

    .features06 .right .back {
        height: 583.3px;
        width: 350px;
        margin-left: 100px;
    }

    .features07 .bottom {
        height: 170px;
    }

    .features07 .bottom .iphone {

        top: -200%;
    }

    .features07 .bottom .ipad {

        top: -250%;
    }

    /*----アートボード「team」------*/
    .team .list .profile .job {
        padding: 0px 10px;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    /*----アートボード「features」------*/
    /*----アートボード「hero」------*/
    /*.hero07 .youtube {
    width: 540px;
}
.hero07 .youtube iframe{
    width: 540px;
    height: 304px;
    top: 20%;  
}*/

    /*----アートボード「hero」------*/
}



@media screen and (max-width: 900px) {

    section {
        overflow: hidden;
    }



    /*----アートボード「content」------*/
    .content {
        width: 90%;
    }

    .content .text {
        max-width: initial;
    }

    .content p {
        width: 90%;
    }

    .content h1 {
        width: 90%;
        padding-top: 30px;
    }

    .cnt02 .flex {
        display: contents;
        padding-top: 50px;
    }

    .cnt02 h1 {
        width: 90%;
        margin-bottom: 30px;
    }

    .cnt02 p {
        margin-left: 20px;
        margin-right: 20px;
        padding-top: 0;
    }

    .cnt03 h1,
    .cnt04 h1,
    .cnt05 h1,
    .cnt03 p,
    .cnt04 p,
    .cnt05 p {
        text-align: left;
        padding-top: 5px;
    }

    .cnt03 p,
    .cnt04 p,
    .cnt05 p {
        font-size: 12px;
    }

    .cnt03 .text,
    .cnt04 .text,
    .cnt05 .text {
        width: 100%;
        padding: 0;
    }

    .cnt03 .photo,
    .cnt04 .photo,
    .cnt05 .photo {
        margin: auto;
        width: 100%;
        padding: initial;
    }

    .cnt03 img,
    .cnt04 img,
    .cnt05 img {
        width: 100%;
        height: auto;
        margin: auto;
    }

    .cnt06 iframe,
    .hero07 iframe {
        display: block;
        padding-bottom: 0%;
        margin: auto;
        width: 80%;
        height: auto;
    }

    .cnt07 {
        display: contents;
    }


    .cnt07 .photo {
        display: none;
    }

    .cnt07 .text {
        width: 90%;
        margin: auto;
        grid-column: initial;
        display: grid;
        padding: initial;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

    .cnt07 .hide {
        display: block;
        text-align: center;
    }

    .cnt07 img {
        width: 80%;
        height: auto;
        margin: auto;
    }

    .cnt07 h1 {
        text-align: left;
        padding-top: 0;
        width: 100%;
        margin: auto;
    }

    .cnt07 p {
        text-align: left;
        padding-top: 0;
        grid-column: 1/3;
        margin: 20px auto auto auto;
        grid-row: 2;
    }

    .cnt08 h2 {
        text-align: center;
        margin: auto;
    }

    .cnt08 .photo img {
        padding-top: 00%;
        width: 100%;
        height: auto;
    }

    /*  .youtube {
        width: 350px;
        height: 200px;
        margin-top: 20px;
    }*/
    /*----アートボード「content」------*/

    /*----アートボード「how to ...」------*/
    .how {
        width: 90%;
    }

    .how .flex_center {
        display: contents;
    }

    .how h1 {
        margin: auto;
        padding: 10px 0;
    }

    .how .step {
        margin: 0 auto;
        padding-bottom: 60px;
    }

    .how .step .photo {
        width: 75%;
    }

    .how .step img {
        width: 70%;
        height: auto;
    }

    .how .step h2 {
        margin: 30px auto 20px auto;
        font-weight: bold;
    }

    .how .step p {
        padding: initial;
    }

    .how02 .hide {
        display: flex;
        width: 100%;
        margin-bottom: 20px;
    }

    .how02 .hide img {
        width: 25%;
        height: auto;
        border-radius: 1000px;
        margin: auto;
    }

    .how02 .contents,
    .how03 .contents {
        width: 100%;
        grid-template-rows: initial;
    }

    .how03 .step,
    .how04 .step,
    .how05 .step {
        width: 100%;
        margin: auto;
        display: flex;
    }

    .how02 .step {
        width: 100%;
        margin: 0 auto;
        display: flex;
        padding: 0;
    }

    .how02 .step .photo {
        display: none;
    }

    .how02 div {
        width: 25%;
    }

    .how02 .step .text {
        padding: 5px 0 5px 15px;
        grid-column: initial;
        width: 90%;
    }

    .how02 .step .text h2,
    .how02 .step .text p,
    .how03 .step .text h2,
    .how03 .step .text p {
        width: 90%;
    }

    .how03 .step .box {
        width: 40%;
        margin: auto 0 auto 0;
    }

    .how03 .step .photo {
        object-fit: cover;
        width: 75%;
        height: auto;
        margin: 0 auto;
        z-index: 0;
        /*position: absolute;*/
        top: 20%;
    }

    .how03 .step .number {
        width: 30px;
        height: 30px;
        z-index: 10000;
        top: 10%;
        left: 0;
        line-height: 200%;
        font-size: 12pt;
    }

    .how03 .step .text {
        padding-left: 5%;
        width: 100%;
        border-left: 2px solid #eee;
    }

    .how04 .step .text h2,
    .how04 .step .text p,
    .how05 .step .text h2,
    .how05 .step .text p {
        padding: 0;
        text-align: left;
    }

    .how04 .number,
    .how05 .number,
        {
        width: 80px;
        height: 80px;
        line-height: 80px;
    }

    .how04 .text,
    .how05 .text {
        padding-left: 0;
        width: 80%;
    }

    /*----アートボード「how to ...」------*/

    /*----アートボード「testmonials」------*/
    .testmonials {
        width: 90%;
    }

    .testmonials h2 {
        margin-bottom: 15px;
    }

    .testmonials .flex_center {
        display: contents;
        margin: auto;
    }

    .testmonials .profile .text {
        margin: auto;
        width: 60%;
    }

    .testmonials .profile .text h1 {
        padding-bottom: 2%;
    }

    .testmonials .profile .text p {
        padding: 0 5%;
    }

    .testmonials .slider {
        margin: auto;
        width: auto;
        width: 90%;
    }

    .testmonials .slider .slick-track {
        transform: translate3d(-860px, 0, 0);
    }

    .testmonials .slick-inner {
        padding: initial;
    }

    .testmonials .slick-inner .photo {
        margin-left: 25px;
    }

    .testmonials .slick-inner .slider-text {
        margin: -45px 2% 20px 8%;
        width: 20%;
    }

    .testmonials01 .slick-inner .slider-text,
    .testmonials02 .slick-inner .slider-text,
    .testmonials03 .slick-inner .slider-text {
        margin: -45px auto 20px auto;
        width: 20%;
    }

    .testmonials04 .slick-inner .slider-text,
    .testmonials05 .slick-inner .slider-text {
        margin: 0 auto;
        width: 60%;
    }

    .testmonials01 .slick-prev,
    .testmonials02 .slick-prev {
        right: 80%;
        left: initial;
        top: 250px;
    }

    .testmonials01 .slick-next,
    .testmonials02 .slick-next {
        left: 59%;
        top: 250px;
    }

    .testmonials04 .slick-prev {
        right: 80%;
        left: initial;
        top: 90px;
    }

    .testmonials05 .slick-prev {
        right: 80%;
        left: initial;
        top: 113px;
    }

    .testmonials04 .slick-next {
        left: 57%;
        top: 90px;
    }

    .testmonials05 .slick-next {
        left: 57%;
        top: 113px;
    }

    .testmonials01 .slick-inner .slider-text {
        width: 80%;

    }

    .testmonials01 .slick-inner img {
        margin: auto;
    }

    .testmonials01 p {
        margin-bottom: 20px;
    }

    .testmonials01 h2 {
        padding-top: 10px;
    }

    .testmonials02 .slick-inner img {
        margin-top: 0;
        border: none;
    }

    .testmonials02 .slick-inner .photo {
        margin-left: 0;
    }

    .testmonials02 .slick-inner .slider-text {
        padding-top: 50px;
        width: 80%;
    }

    .testmonials03 .slider h1 {
        padding: 0;
        padding-left: 20px;
    }

    .testmonials03 .slick-next {
        left: 57%;
        top: 60%;
    }

    .testmonials03 .slick-prev {
        right: 80%;
        left: initial;
        top: 60%;
    }

    .testmonials03 .slick-inner {
        width: 245px;
        margin: auto;
    }

    .testmonials03 .slick-inner .slider-text {
        margin: 10px 2% 20px 2%;
    }

    .testmonials03 .slick-inner .slider-text {
        padding: 0;
        width: 50%;
        margin: initial;
    }

    .testmonials03 .slick-inner .photo {
        margin: auto;
        height: 90px;
    }

    .testmonials03 .slick-inner .slider-text {
        margin: 20px auto;
    }

    .testmonials03 .profile .name {
        padding: 10px 0 40px 0;
        text-align: center;
        margin: 0 auto;
    }

    .testmonials03 .profile .name h1 {
        padding-right: 20px;
    }

    .testmonials04 .slick-inner .photo {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .testmonials04 .slick-inner .slider-text {
        padding-top: 50px;
        width: 60%;
    }

    .testmonials04 h2 {
        margin: 0 auto;
    }

    .testmonials04 .slider-text h2 {
        margin: auto;
        text-align: center;
        width: 100%;
    }

    .testmonials04 .photo img {
        border-radius: 1000px;
        width: 150px;
        height: 150px;
        margin: 15px auto 15px auto;
    }

    .testmonials04 .slider {
        width: 100%;
    }

    .testmonials04 .slick-inner {
        width: 245px;
        margin: auto;
    }

    .testmonials04 .slider p {
        padding: 0;
        width: 90%;
        margin: auto;
    }


    .testmonials05 .profile .text h1 {
        padding-bottom: 2%;
        padding-left: 25px;
    }

    .testmonials05 h2 {
        margin: 5% auto;
    }

    .testmonials05 .slider {
        padding-top: 20px;
        width: 100%;
    }

    .testmonials05 .slick-inner {
        width: 80%;
        margin: auto;
        height: initial;
    }

    .testmonials05 .slick-inner .profile {
        display: block;
        height: initial;
    }

    .testmonials05 .profile .box h3 {
        font-size: 40px;
        left: 19%;
        top: -4%;
    }

    .testmonials05 .profile .box .photo {
        width: 150px;
        height: 150px;
        margin: auto;
    }

    .testmonials05 .slider p {
        padding: 0;
        width: 100%;
        margin: auto;
    }

    .testmonials05 .slick-inner .text {
        width: 100%;
        line-height: 1.75;
        text-align: center;
    }

    .testmonials05 .profile .text {
        padding: 20px 20px 30px 20px
    }

    .testmonials06 .slick-next {
        top: 42%;
        left: 98%;
    }

    .testmonials06 .slick-prev {
        top: 42%;
    }

    .testmonials06 .slider {
        width: 88%;
    }

    .testmonials06 .text {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .testmonials06 .slider a img {
        margin: 0 auto 50px auto;
    }

    .testmonials06 h1 {
        width: 90%;
    }

    .testmonials06 p {
        padding-bottom: 0px;
        margin: auto;
        text-align: center;
        width: 90%;
    }

    .testmonials07 .slider {
        width: 100%;
        margin: auto;
    }

    .testmonials07 .slick-inner {
        padding: 0;
        display: initial;
    }

    .testmonials07 .slick-inner .photo {
        margin: auto;
    }

    .testmonials07 img {
        margin: auto;
        width: 280px;
        height: 280px;
        padding-right: initial;
        text-align: right;
        vertical-align: bottom;
    }

    .testmonials07 .slick-inner .slider-text {
        width: 70%;
        margin: -45px auto 20px auto;
    }

    .testmonials07 .slider-text {
        text-align: left;
        vertical-align: bottom;
    }

    .testmonials07 .slider-text .name {
        margin-top: 5%;
        text-align: center;
    }

    .testmonials07 .slick-inner h3 {
        margin-top: 60px;
        margin-bottom: 10px;
    }

    .testmonials07 .slider-text h1 {
        padding-bottom: 0;
        width: 90%;
    }

    .testmonials07 .slick-prev {
        left: 0;
        right: 408px;
        top: 140px;
        text-align: center;
        z-index: 1;
    }

    .testmonials07 .slick-next {
        left: 400px;
        right: 0;
        top: 140px;
        text-align: center;
    }


    .
    /*----アートボード「testmonials」------*/

    /*----アートボード「portfolio」------*/
    .portfolio {
        width: 90%;
    }

    .portfolio .txtCenter {
        text-align: left;
    }

    .portfolio .w70p {
        width: initial;
    }

    .portfolio .categorys {
        margin: initial;
        justify-content;
    }

    .portfolio .categorys a {
        margin: 5px;
        font-size: 12px;
    }

    .portfolio .slick-prev {
        left: 0;
    }

    .portfolio .slick-next {
        right: 10px;
    }

    .portfolio .slider {
        width: 100%;
        margin: auto;
    }

    .portfolio .name_ctgr h1 {
        padding: 0;
        font-size: 16px;
    }

    .portfolio .name_ctgr p {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .portfolio figure img {
        margin: auto;
        width: 50%;
        height: auto;
    }

    .portfolio .text {
        width: 90%;
        margin: 0 auto;
    }

    .portfolio01 content {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        margin: initial;
    }

    .portfolio01 p,
    .portfolio02 p,
    .portfolio03 p {
        margin: 0;
    }

    .portfolio01 figure img {
        width: 90%;
        height: auto;
        margin: 5%;
    }

    .portfolio01 figure .text {
        top: 70%;
    }

    .portfolio02 .list {
        padding-top: 5%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
        margin: initial;
    }

    .portfolio02 figure img {
        width: 90%;
        height: auto;
        margin: 5%;
    }

    .portfolio02 figure .text {
        top: 70%;
    }

    .portfolio02 figure {
        margin: auto;
    }

    .portfolio03 .list {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(6, 1fr);
        margin: initial;
    }

    .portfolio03 figure img {
        width: 90%;
        height: auto;
        margin: 5%;
    }

    .portfolio03 figure .text {
        top: 70%;
    }

    .portfolio04 .slider-for {
        width: 90%;
        /*    height: 100%; */
    }

    .portfolio04 .slider-for .slick-list img {
        max-width: 75%;
        height: auto;
        object-fit: cover;
    }

    .portfolio04 .slider-nav {
        padding-top: 5%;
        width: 100%;
        height: auto;
    }

    .portfolio04 .slider-nav img {
        width: 50px;
        height: auto;
        object-fit: cover;
    }

    /*----アートボード「portfolio」------*/

    /*----アートボード「login」------*/
    .login {
        width: 80%;
    }

    .login .back {
        margin: 0;
    }

    /*.login .select {
        width: 100% ;
        padding-bottom: 0;
    }
    .login .select .log {
        width: 75%;
        height: auto;

        padding-bottom: 20px;
    }
    .login .select .sign{
        width: 75%;
        height: auto;
        padding-bottom: 20px;
    }
    */
    .login form {
        padding-top: 40px;
    }

    .login form input,
    .login form .btn {
        width: 100%;
        margin: 0 auto 20px auto;
    }

    .login figure img {
        width: 45%;
    }

    /*
    .login02 p,
    .login03 p {
        padding-top: 3%;
        padding-bottom:10%;
    }
    .login02 figure img,
    .login03 figure img {
        width: 45%;
    }
    */
    /*----アートボード「login」------*/

    /*----アートボード「contact」------*/
    .contact {
        width: 80%;
    }

    .contact .flex_center {
        display: contents;
    }

    .contact content .text {
        text-align: center;
    }

    .contact content figure {
        margin: auto;
    }

    .contact content .left,
    .contact content .right {
        padding: initial;
        vertical-align: initial;
        width: 90%;
        margin: auto;
        justify-content: center;
    }

    .contact content .left .text,
    .contact01 content .right .text {
        width: 90%;
        margin: auto;
    }

    .contact content .left h2 {
        margin: 5% auto;
    }

    .contact form {
        margin: auto;
        width: 70%;
        padding: 10px 0 0 0;
        vertical-align: initial;
        justify-content: center;
    }

    .contact form .btn {
        width: 100% !important;
        margin: auto;
    }

    .contact01 content .right {
        padding: initial;
        vertical-align: initial;
        margin: auto;
    }

    /*.contact01 form,
    .contact02 form {
        padding-top: 0;
        padding-bottom: 50px;
    }*/
    .contact02 form input,
    .contact02 form select,
    .contact02 form textarea {
        margin: auto;
        margin-bottom: 20px;
        width: 100%;
    }

    .contact02 .under .tel {
        border-right: none;
    }

    .contact02 .under .mail {
        border-left: none;
    }

    /*----アートボード「contact」------*/

    /*----アートボード「team」------*/
    .team .sns {
        display: flex;
        justify-content: center;
    }

    .team {
        width: 90%;
    }

    .team p {
        width: 100%;
        margin: auto;
    }

    .team .list {
        grid-template-columns: repeat(2, 1fr);

    }

    .team .list .profile {
        margin: 0 auto;
        /*  padding: 5%;
        width: 90%;*/
    }

    .team .list .profile img {
        width: 100%;
        height: auto;
    }

    .team .list .profile .name {
        font-weight: bold;
        margin-top: 5%;
    }

    .team .list .profile .job {
        /*  font-size: 70%;*/
        margin-top: 0%;
        padding: 0px;
    }

    .team02 .list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .team02 .list .profile {
        margin: 0 auto;
        padding: 5%;
        width: 100%;
    }

    .team02 .list .box {
        grid-column: 1;
        grid-row: 1;
        margin: auto;
    }

    .team02 .list .box .name {
        margin-top: 0;
    }

    .team03 .flex_center {
        display: contents;
        margin: auto;
    }

    .team03 content .face img {
        width: 50%;
        height: auto;
        margin: 0 auto;
    }

    .team03 content .right {
        width: 80%;
        margin: 5% auto;
    }

    .team03 .right .photos {
        padding-bottom: 5%;
    }

    .team03 .right .photos img {
        width: 80%;
        height: auto;
        margin: auto;
    }

    .team03 .right .text {
        padding-top: 2%;
        font-size: 120%;
    }

    .team03 .right .text h1 {
        padding-bottom: 0%;
    }

    .team03 .right p {
        width: 100% margin: auto;
    }

    .team04 .sns {
        padding: 5px 3px;
        zoom: 1.3;
    }

    .team04 .subtitle {
        padding-bottom: 15%;
        width: 90%;
        margin: auto;
    }

    .team04 content {
        grid-template-columns: initial;
        grid-template-rows: repeat(4, 1fr);
    }

    .team04 content .member {
        width: 100%;
        height: auto;
        padding: 0%;
        display: flex;
        margin-bottom: 50px;
    }

    .team04 .member .photo {
        width: 90%;
    }

    .team04 .member .photo img {
        width: 70%;
        height: auto;
        margin: auto 0;
    }

    .team04 .member .right {
        padding-left: initial;
        margin: auto 0;
        display: initial;
        height: initial;
        padding-bottom: 12%;

    }

    .team04 .member .right .text h2 {
        padding: 0%;
        font-weight: bold;
    }

    .team04 .member .right .text p {
        padding-bottom: 0;
    }

    .team04 .member .right figure {
        padding-top: 10px;

    }

    .team04 .sns {
        justify-content: flex-start;
    }

    /*----アートボード「team」------*/

    /*----アートボード「pricing」------*/
    .pricing {
        width: 90%;
        text-align: center;
    }

    .pricing h2 {
        padding: 10% 0;
    }

    .pricing content {
        display: initial;
        padding: 5%;
        width: 95%;
    }

    .pricing content .buner {
        padding: 5%;
        padding-bottom: 8%;
        margin: 0;
    }

    .pricing .buner .top .plan {
        padding-bottom: 0%;
        font-size: 150%;
    }

    .pricing .buner .top .price {
        padding-bottom: 5%;
    }

    .pricing .buner .main {
        padding: 10% 0;
    }

    .pricing content .buner-center {
        padding: 5%;
        padding-bottom: 8%;
        margin: 0%;
    }

    .pricing .buner-center .top .plan {
        padding-bottom: 0%;
        font-size: 150%;
    }

    .pricing .buner-center .top .price {
        padding-bottom: 5%;
    }

    .pricing .buner-center .top .main {
        padding: 5% 0;
        width: 95%;
    }

    .pricing .buner .main,
    .pricing .buner-center .main {
        line-height: 2.5;
    }

    .pricing .btn {
        margin-top: 5%;
    }

    .pricing01 {
        width: 100%;
        margin: auto;
    }

    .pricing-1 content .buner-left,
    .pricing-1 content .buner-right {
        margin: auto;
        width: 80%;
    }

    .pricing-1 content .buner {
        padding: 5%;
        margin: auto;
        width: 80%;
    }

    .pricing-1 .buner .top .plan {
        padding-bottom: 0%;
        font-size: 150%;
    }

    .pricing-1 .buner .top .price {
        padding-bottom: 5%;
    }

    .pricing-1 .buner .main {
        padding: 10% 0;
    }

    .pricing-1 .buner .btn-button {
        margin-top: 10%;
        margin-bottom: 5%;
        font-size: 100%;
        line-height: 250%;
    }

    .pricing-1 content .buner-center {
        padding: 5%;
        margin: 0%;
    }

    .pricing-1 .buner-center .main {
        width: 70%;
        margin: auto;
    }

    .pricing-1 .buner-center .btn-button {
        margin-top: 10%;
        margin-bottom: 5%;
        font-size: 100%;
        line-height: 250%;
        width: 70%;
    }

    /*----アートボード「pricing」------*/
    /*----アートボード「features」------*/
    .element01,
    .element02 {
        display: block;
        height: auto;
        width: auto;
        margin-bottom: 30px;
    }

    .element01 img {
        width: 70%;
        display: block;
    }

    .element02 img {
        margin: auto;
        display: block;
    }

    .element01 .text,
    .element02 .text {
        padding: 20px 10px;
        text-align: center;
    }

    .features {
        width: 90%;
        margin: 10% auto;
        display: block;
    }

    .features .left,
    .features .right {
        height: initial;
        display: block;
    }

    .features h1 {
        padding-top: 5%;
        padding-bottom: 0%;
    }

    .features .center {
        display: none;
    }

    .features .hide {
        display: initial;
    }

    .features00 .pc-ver {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .features .iphone-hide {
        display: block;
        width: 50%;
        height: auto;
        margin: auto;
        padding: 0 0 10% 0;
    }

    .features00 .left .photo {
        display: none;
    }

    .features00 .left,
    .features00 .right {
        width: 100%;
        height: initial;
        display: block;
        height: initial;
    }

    .features00 .right {
        width: 100%;
        height: initial;
    }

    .features01 content,
    .features02 content {
        display: contents;
    }

    .features01 .left {
        display: block;
        margin: 0 20% 10% 20%;
    }

    .features01 .left img {
        width: 100%;
    }

    .features01 .right img {
        width: 35%;
    }

    .features02 .mac {
        display: block;
        margin: auto;
        margin-bottom: 80px;
    }

    .features02 .right .mac {
        display: none;
    }

    .features02 content .left img {
        width: 90%;
    }

    .features02 content .left .photo img {
        width: 35%;
    }

    .features03 .left {
        display: flex;
        align-items: center;
    }

    .features03 content {
        display: block;
        margin: auto;
    }

    .features03 .left .icon {
        width: 50%;
    }

    .features03 .left .icon img {
        display: block;
        border-radius: 1000px;
        width: 100px;
        heigh: 100px;
        object-fit: cover;
        margin: 10px 0 10px 45%;
    }

    .features03 .left .screen {
        zoom: 0.75;
        width: 70%;
        margin-left: 5%;
    }

    .features03 .right {
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }

    .features03 .right h2 {
        padding-top: 10px;
    }

    .features03 .right p {
        width: 100%;
    }

    .features03 .right .btn {
        width: 50%;
    }

    .features04 content {
        width: 100%;
        margin: auto;
        display: initial;
    }

    .features04 .mobile-modo {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .features04 .center {
        display: none;
    }

    .features04 .element01 img {
        width: 70%;
    }

    .features04 .hide {
        display: block;
        text-align: center0
    }

    .features04 .hide img {
        display: block;
        width: 180px;
        height: 360px;
        object-fit: cover;
        margin: 10% auto;
    }

    .features05 content {
        display: contents;
    }

    .features05 content .left img {
        height: 500px;
        display: block;
    }

    .features05 content .right {
        padding: 10% 0 0 0;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .features05 .element02 {
        padding-bottom: 0;
        padding-top: 0;
    }

    .features05 .right .element02 {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .features05 .element02 .text {
        padding: 5px;
        text-align: center;
    }

    .features05 h2 {
        padding-top: 3%;
    }

    .features05 p {
        padding-bottom: 15%;
    }

    .features05 .right .element02 .photo {
        margin: auto;
    }

    .features05 .element02 img {
        width: 60%;
        height: 60%;
        object-fit: cover;
    }

    .features06 {
        width: 100%;
    }

    .features06 h2 {
        padding-bottom: 10px;
    }

    .features06 content {
        /*grid-template-columns: initial;
        grid-template-rows: 0.8fr 1fr;
        */
        display: block;
    }

    .features06 .left .elements {
        height: auto;
    }

    .features06 .left .element01 img {
        width: 35%;
    }

    .features06 .right {
        zoom: 0.75;
        margin: 0 auto;
        text-align: center;
    }

    .features06 .right .iphone {
        object-fit: cover;
        position: absolute;
        left: 25%;
        top: 28%;
    }

    .features06 .right .back {
        text-align: right;
        object-fit: cover;
    }

    .features06 p,
    .features06 h1 {
        padding: 0 30px 0 30px;
    }

    .features06 .text {
        width: 90%;
        margin: auto;
    }

    .features07 {
        width: 100%;
        height: initial;
        margin: 5% auto;
        padding: 5% 0 0 0;
        grid-template-rows: inherit;
    }

    .features07 .txtCenter {
        width: 90%;
        margin: auto;
    }

    .features07 content {
        padding-bottom: 0;
    }

    .features07 .elements {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
        width: 100%;
        margin: 5% auto 0 auto;
    }

    .features07 .element02 {
        width: 100%;
        height: 300px;
        padding: 0 10%;
    }

    .features07 .element02 h2 {
        padding-top: 1%;
        font-size: 100%;
    }

    .features07 .element02 p {
        padding-top: 5%;
    }

    .features07 .bottom {
        background-color: #fff;
        margin-top: 100px;
        height: 330px;
    }

    .features07 .bottom .iphone {
        object-fit: cover;
        position: absolute;
        top: -22%;
        left: 70%;
    }

    .features07 .bottom .ipad {
        left: 20%;
        top: -35%;
    }

    .features08 h2 {
        padding-bottom: 5%;
    }

    .features08 p {
        padding: 5% auto;
    }

    .features08 .elements {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }

    .features08 .element {
        width: 100%;
    }

    .features08 .element img {
        margin-top: 5%;
    }

    .features-8 .element h1 {
        padding-top: 5%;
        font-size: 100%;
    }

    .features08 .element p {
        width: 90%;
        font-size: 70%;
        padding-top: 5%;
    }

    .features09 p {
        padding: 5% 0;
    }

    .features09 .elements {
        width: 100%;
        margin: auto;
        padding: initial;
    }

    .features09 .element02 img {
        width: 80%;
        height: auto;
        margin-top: 5%;
    }

    .features09 .element02 .text h1 {
        padding-top: 5%;
        font-size: 12px;
    }

    .features09 .bottom {
        position: static;
        width: 100%;
        padding-top: 10%;
        text-align: center;
    }

    .features09 .bottom .photo {
        padding: 0;
        margin: 5% auto 8% auto;
        width: 80%;
        height: 60%;
    }

    .features09 h1 {
        padding-top: 0;
    }

    .features09 .bottom .text {
        position: initial;
        text-align: center;
        width: 60%;
        padding: 40px;
        margin: 0 auto;
    }

    .features09 .btn {
        width: 50%;
        margin: 0 auto;
        padding: 5%;
    }

    .hero {
        width: 90%;
        padding-top: 5%;
    }

    .hero .iphone {
        width: 50%;
    }

    .hero .iphone img {
        width: 90%;
        margin: auto;
        padding: 5px;
    }

    .hero .contents {
        margin-left: 0;
    }

    .hero .text {
        margin-right: 15px;
        width: initial;
    }

    .hero h2 {
        width: 100%;
        margin-bottom: 30px;
    }

    .hero h1 {
        line-height: 1.5;
        width: 100%;
    }

    .hero .flex_center {
        margin-top: 5px;
    }

    .hero00 .btn_01 {
        margin: 10px 10px auto auto;
    }

    .hero00 .btn_02 {
        margin: 10px 10px auto auto;
    }


    .hero01 content {
        padding-top: 5%;
        padding-bottom: 5%;
        display: initial;
    }

    .hero01 content .left {
        text-align: center;
        padding: 5%;
    }

    .hero01 .left .text img {
        display: initial;
        width: 100%;
        margin: auto;
        padding: 10% 0 5% 0;
    }

    .hero01 .left .text h1 {
        width: 100%;
        padding-top: 5%;
        text-align: center;
    }

    .hero01 .left .text h2 {
        padding-top: 0;
        font-size: 100%;
        width: 100%;
    }

    .hero01 .left .text p {
        padding-top: 5%;
        padding-bottom: 8%;
        font-size: 100%;
        line-height: 1.75;
        width: 100%;
    }

    .hero01 .text {
        text-align: center;
    }

    .hero01 content .right {
        display: none;
    }

    .hero01 .btn_01,
    .hero01 .btn_02,
    .hero07 .left .btn_01,
    .hero07 .left .btn_02 {
        width: 30%;
        margin: 10px 20px 0 10px;
    }

    .hero02 .logo img {
        width: 50%;
    }

    .hero02 .body h2 {
        width: 80%;
        margin: auto;
    }

    .hero02 .body p {
        width: 80%;
        padding-top: 5%;
        padding-bottom: 5%;
        margin: auto;
    }

    .hero02 .body .btn_01 {
        margin: 0 auto;
    }

    .hero02 .body .rink a {
        padding-top: 0;
    }

    .hero03 content .text {
        width: initial;
        margin: auto;
    }

    .hero03 content .text h1 {
        width: 80%;
        padding-top: 5%;
        margin: auto;
    }

    .hero03 content .text p {
        width: 80%;
        margin: auto;
    }


    .hero04 content .text h2 {
        font-size: 100%;
        width: 100%;
        padding-top: 5%;
    }

    .hero04 content .text p {
        font-size: 100%;
        width: 100%;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .hero04 content .main {
        width: 100%;
        display: initial;
    }

    .hero04 content .main .left {
        padding-left: initial;
        text-align: center;
        margin: auto;
    }

    .hero04 .left img {
        margin-right: 30%;
        margin-top: 10%;
        width: 40%;
        text-align: center;
    }

    .hero04 .left .top {
        left: 40%;
    }

    .hero04 .right .icon {
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .hero04 .right .icon img {
        border-radius: 1000px;
        width: 80%;
        height: auto;
        object-fit: cover;
        margin: 50px auto 0 auto;
    }

    .hero04 .right .text2 p {
        padding: 10% 0 20% 0;
        line-height: 1.75;
        width: 100%;
        text-align: center;
    }

    .hero04 .right .store {
        margin-top: 0px;
    }

    .hero05 .text {
        margin: auto;
    }

    .hero05 .body .ipad {
        display: none;
    }

    .hero05 .logo img {
        width: 50%;
    }

    .hero05 .body h1 {
        width: 100%;
        padding-top: 5%;
    }

    .hero05 .body p {
        width: 100%;
        padding-bottom: 5%;
    }

    .hero05 .body .ipad-mob {
        display: inherit;
        width: 90%;
        margin: 4% auto 12% auto;
    }

    .hero05 .body .btn_01,
    .hero05 .body .btn_02 {
        margin: 10px;
    }

    .hero06 content {
        display: initial;
        width: 100%;
        padding: initial;
    }

    .hero06 content .left p {
        width: 100%;
        text-align: center;
    }

    .hero06 content .left h1 {
        text-align: center;
        width: 100%;
        padding-top: 0;
        margin: auto;
    }

    .hero06 content .left .rink {
        text-align: center;
        padding-top: 5%;
        padding-bottom: 10%;
        margin: auto;
    }

    .hero06 content .left .rink img {
        height: auto;
    }

    .hero06 content .left .rink a {
        font-size: 100%;
        padding-top: 0%;
        text-align: left;
    }

    .hero06 content .right form {
        width: 70%;
        padding: 0%;
    }

    .hero06 content .right form h1 {
        font-size: 150%;
        padding-top: 5%;
    }

    .hero06 content .right form input {
        width: 80%;
        height: 50%;
        padding: 5%;
    }

    .hero06 content .right form select {
        width: 80%;
        height: 70%
    }

    .hero06 content .right form p {
        margin: 2% auto 5% auto;
    }

    .hero06 content .right .btn_01 {
        width: 60%;
        margin-bottom: 15%;
    }

    .hero06 .sns {
        margin: 10px auto 0 auto;
        padding: 0 80%;
    }

    .hero07 content {
        padding-top: 10%;
        padding-bottom: 5%;
        display: initial;
        display: grid;
        grid-template-columns: initial;
        /*grid-template-rows: repeat(2, 1fr); */
    }

    .hero07 content .left {
        margin: auto;
        padding: 5%;
        height: auto;
    }

    .hero07 .left .text {
        margin: 0 auto;
    }

    .hero07 .left .text h1 {
        text-align: center;
        width: 100%;
        margin-bottom: 10%;
    }

    .hero07 .left .text h2 {
        text-align: center;
        padding: 0;
        margin: 10% auto 5px auto;
        width: 100%;
    }

    .hero07 .youtube-hide {
        display: block;
    }

    .hero07 .left .text p {
        text-align: center;
        padding-top: 10%;
        margin-bottom: 10%;
        line-height: 1.75;
        width: 100%;
    }

    .hero07 .left .serectbutton {
        margin: 0 auto;
        margin-top: 10%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center;
    }

    .hero07 .youtube {
        display: none;
    }


    .hero08 content h2 {
        font-size: 150%;
        width: 80%;
        padding-top: 5%;
    }

    .hero08 content p {
        font-size: 90%;
        width: 80%;
        padding-bottom: 5%;
        padding-top: 1%;
        margin: 0 auto;
        height: auto;
    }

    .hero08 .iphone {
        width: 60%;
    }

    .hero08 content .iphone {
        margin: 5% auto;
    }

    .hero08 content .iphone img {
        width: 35%;
    }


    .hero09 {
        padding: 0;
    }

    .hero09 h1 {
        text-align: center;
    }

    .hero09 content {
        display: initial;
    }

    .hero09 .right-hide {
        padding-left: 5%;
        display: initial;
        position: relative;
    }

    .hero09 content .list_ap {
        display: none;
    }

    .hero09 .hide {
        padding-top: 15%;
        padding-bottom: 90%;
        width: 100%;
        display: grid;
        grid-template-columns: 2fr 3fr;
    }

    .hero09 .right-hide .watch {
        position: absolute;
        width: 35%;
        top: 55%;
        left: 10%;
    }

    .hero09 .right-hide .iphone {
        position: absolute;
        width: 55%;
        left: 25%;
    }

    .hero09 content .left h2 {
        text-align: center;
        font-weight: bold;
        font-size: 150%;
        width: 80%;
        padding-top: 5%;
        margin: 0 auto;
    }

    .hero09 content .left p {
        line-height: 1.5;
        padding-top: 5%;
        font-size: 90%;
        width: initial;
        margin: 0 auto;
    }

    .hero09 content .left .list p {
        font-size: 90%;
        width: 100%;
        padding-bottom: 5%;
        line-height: 1;
        text-align: left;
        margin: auto 0;
    }

    .hero09 .right {
        display: none;
    }



}


@media screen and (max-width: 600px) {
    .sns {
        zoom: 1.2;
    }

    /*----アートボード「content」------*/
    .cnt03,
    .cnt04,
    .cnt05 img {
        width: 70%;
    }

    .cnt03 .disap {
        display: initial;
    }

    .cnt03 .appear {
        display: none;
    }

    .cnt03 .flex_center,
    .cnt04 .flex,
    .cnt05 .flex {
        display: block;
    }

    .cnt03 .h1,
    .cnt04 .h1,
    .cnt05 .h1 {
        margin-top: 20px;
        padding-bottom: 5px;
    }


    .cnt07 .text {
        display: block;
    }

    .cnt07 .h1 {
        margin-top: 20px;
        text-align: center;
    }

    /*----アートボード「content」------*/

    /*----アートボード「how to ...」------*/

    .how .step h2 {
        margin: 20px auto 10px auto;
        font-weight: bold;
    }

    .how02 .num {
        padding-left: 0;
        padding-right: 0;
        margin: auto 0;
    }

    .how02 .step .number,
    .how04 .step .number,
    .how05 .step .number {
        width: 55px;
        height: 55px;
        line-height: 55px;
        font-size: 120%;
    }

    .how03 .step .number {
        width: 20px;
        height: 20px;
        z-index: 10000;
        top: 10%;
        left: 0;
        line-height: 200%;
        font-size: 8pt;
    }

    .how05 .step {
        display: block;
    }

    .how05 .text {
        margin: 0 auto;
        padding-right: 0;
    }

    .how05 .step .text h2 {
        text-align: center;
    }

    /*----アートボード「how to ...」------*/
    /*----アートボード「testmonials」------*/
    .testmonials .profile .text {
        width: 100%;
    }

    .testmonials01 .slick-prev,
    .testmonials02 .slick-prev {
        right: 82%;
        left: initial;
        top: 250px;
    }

    .testmonials01 .slick-next,
    .testmonials02 .slick-next {
        left: 61%;
        top: 250px;
    }

    .testmonials03 .slick-next {
        left: 57%;
        top: 50%;
    }

    .testmonials03 .slick-prev {
        right: 80%;
        left: initial;
        top: 50%;
    }

    .testmonials04 .slick-prev,
    .testmonials05 .slick-prev {
        right: 82%;
        top: 75px;
    }

    .testmonials04 .slick-next,
    .testmonials05 .slick-next {
        left: 61%;
        top: 75px;
    }

    .testmonials06 .slick-prev {
        right: 82%;
        top: 75px;
    }

    .testmonials06 .slick-next {
        left: 80%;
        top: 75px;
    }

    .testmonials07 .slick-inner .slider-text {
        width: 90%;
    }

    .testmonials07 .slick-prev {
        right: 66%;
        top: 75px;
    }

    .testmonials07 .slick-next {
        left: 63%;
        top: 75px;
    }

    .testmonials01 .slick-inner .slider-text,
    .testmonials02 .slick-inner .slider-text,
    .testmonials03 .slick-inner .slider-text,
    .testmonials04 .slick-inner .slider-text,
    .testmonials05 .slick-inner .slider-text {
        width: 95%;
    }

    .testmonials04 .slick-inner .slider-text {
        padding-top: 30px;
    }

    .testmonials05 .slick-inner .profile .box {
        margin: 5px auto;
    }

    .testmonials05 .profile .box h3 {
        font-size: 40px;
        left: 31%;
        top: -5%;
    }

    .testmonials06 .slider {
        width: 75%;
    }

    .testmonials06 h2 {
        margin: 30px auto 10px auto;
        width: 80%;
        text-align: center;
    }

    .testmonials07 img {
        margin: auto;
        width: 150px;
        height: 150px;
    }

    .testmonials07 .slider-text {
        padding-top: 5%;
    }

    .testmonials07 .slick-inner h3 {
        font-size: 100%;
    }

    /*----アートボード「testmonials」------*/
    /*----アートボード「login」------*/
    .login form {
        width: 90%;
        padding: 20px 20px 0 20px;
    }

    .login11 .wrap-tab,
    .login22 .wrap-tab {
        width: 90%;

    }

    .login22 .list-tab22>li {
        padding-top: 15px;
        height: 60px;
    }

    .login22 .list-tab22 {
        width: 90%;
    }

    .login form input {
        width: 100%;
        height: 18%;
        margin: 0 auto;
    }

    .login form .btn {
        width: 100%;
        height: 18%;
        padding: auto 10px auto 10px;
        margin: 0;
        line-height: 0;
    }

    .login form a p {
        padding: 10px 0 0 0;
    }

    .login .list-tab {
        width: 90%;
        margin: 0 auto;
    }

    .login .list-tab>li {
        font-size: 13pt;
    }

    /*----アートボード「login」------*/
    /*----アートボード「team」------*/
    .team .list .profile .name {
        padding-top: 20px;
    }

    .team .sns {
        zoom: 1.2;
    }

    .team .list .profile .job {
        margin-bottom: 10px;
    }

    .team02 .list .profile .name {
        padding-top: 45%;
    }

    .team02 .list .box .sns {
        padding-top: 5%;
    }

    .team .list .profile {
        padding-bottom: 20px;
    }

    /*----アートボード「team」------*/

    /*----アートボード「pricing」------*/
    .pricing .buner .main,
    .pricing .buner-center .main {
        line-height: 2;
    }

    /*----アートボード「pricing」------*/

    /*----アートボード「features」------*/
    .features00 .pc-ver {
        display: block;
    }

    .element01 img {
        width: 50%;
    }

    .features01 .right img {
        width: 50%;
    }

    .features02 content .left .photo img {
        width: 50%;
    }

    .features03 .left .icon {
        width: 20%;
        padding-left: 5%;
    }

    .features03 .left .icon img {
        display: block;
        border-radius: 1000px;
        width: 70px;
        heigh: 70px;
        object-fit: cover;
        margin: 5px 0 5px 0;
    }

    .features03 .left .screen {
        width: 60%;
        position: relative;
        margin-left: 0;
    }

    .features03 .left .screen .bottom {
        width: 110px;
        height: 220px;
        object-fit: cover;
        position: absolute;
        transform: translate(20%, -50%);
    }

    .features03 .left .screen .mid {
        width: 130px;
        height: 260px;
        object-fit: cover;
        object-fit: cover;
        position: absolute;
        transform: translate(50%, -50%);
    }

    .features03 .left .screen .top {
        width: 150px;
        height: 300px;
        object-fit: cover;
        position: absolute;
        left: 45%;
        transform: translate(0%, -50%);
    }

    .features03 .right .btn {
        width: 80%;
    }

    .features041 .mobile-modo {
        width: 100%;
        display: block;
    }

    .features041 .element01 img {
        width: 50%;
    }

    .features051 content .right {
        display: block;
    }

    .features05 .element02 img {
        width: 50%;
    }

    .features06 .left .element01 img {
        width: 50%;
    }

    .features06 .right .back {
        height: 500px;
        width: 300px;
    }

    .features06 .right .iphone {
        width: 166.6px;
        left: 20%;
        top: 25%;
    }

    .features07 .bottom {
        height: 200px;
    }

    .features07 .bottom .ipad {
        left: 20%;
        top: -50%;
    }

    .features07 .bottom .iphone {
        right: 10%;
        top: -33%;
    }

    .features071 .element02 {
        height: 330px;
    }

    .features071 .bottom .ipad {
        left: 20%;
        top: -33%;
    }

    .features071 .bottom .iphone {
        right: 10%;
        top: -25%;
    }

    .features071 .elements {
        display: block;
    }

    .features081 .elements {
        display: block;
    }

    .features071 .element02 img,
    .features081 .element02 img {
        width: 50%;
        height: 50%;
    }

    .features09 .bottom .text {
        padding: 20px 5% 20px 15px;
    }

    .features09 .bottom .photo {
        width: 90%;
    }

    .features09 .bottom .text {

        width: 90%;
    }

    /*----アートボード「features」------*/

    /*----アートボード「hero」------*/
    .hero h1 {
        margin-bottom: 10px;
    }

    .hero h2 {
        margin-bottom: 20px;
    }

    .hero09 .hide {
        display: block;
    }

    .hero09 .right-hide .iphone {
        position: absolute;
        width: 600%;
        left: 700%;
        top: 1000%;
    }

    .hero09 .right-hide .watch {
        position: absolute;
        width: 350%;
        top: 1300%;
        left: 500%;
    }

    .hero09 .hide {
        padding-top: 0;
    }

    /*----アートボード「hero」------*/

}



@media screen and (max-width: 400px) {

    /*----アートボード「how to ...」------*/

    .how02 .step .number,
    .how04 .step .number,
    .how05 .step .number {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 120%;
    }

    .how03 .step .number {
        width: 15px;
        height: 15px;
        z-index: 10000;
        top: 10%;
        left: 0;
        line-height: 150%;
        font-size: 6pt;
    }

    /*----アートボード「how to ...」------*/
    /*----アートボード「testmonials」------*/
    .testmonials05 .profile .box h3 {
        font-size: 40px;
        left: 22%;
        top: -4%;
    }

    /*----アートボード「testmonials」------*/
    /*-----アートボード「portfolio」------*/
    .portfolio .categorys a {
        width: 20%;
        font-size: 6px;
    }

    .portfolio .name_ctgr h2 {
        padding-top: 10px;
    }

    .portfolio .name_ctgr p {
        margin-top: 0;
    }

    /*-----アートボード「portfolio」------*/
    /*-----アートボード「team」------*/
    .team .sns {
        zoom: 1.1;
    }

    .team02 .list .box .sns {
        margin: 0 auto;
        padding: 2px 2px;
    }

    .team .list .profile .job {
        margin-bottom: 0px;
    }

    /*-----アートボード「team」------*/
    /*----アートボード「pricing」------*/
    .pricing .btn {
        margin-top: 8%;
    }

    .pricing content .buner-center {
        padding-bottom: 10%;
        margin: 0%;
    }

    /*----アートボード「pricing」------*/

    /*----アートボード「features」------*/
    .features06 .right .iphone {
        left: 5%;
    }

    .features07 .bottom {
        height: 150px;
    }

    /*----アートボード「features」------*/

    /*----アートボード「hero」------*/
    .hero h2 {
        margin-bottom: 15px;
    }

    .hero .btn_01,
    .hero .btn_02 {
        height: 35px !important;
        line-height: 35px;
    }

    /*----アートボード「hero」------*/


}