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

    .pc_none{
        display: block;
    }

    .pc_none_table{
        display: table-row;
    }

    .sp{
        display: block;
    }


    /* .top_contents{
        background-image: url("../img/top_background_sp.png");
        background-position: 0px 1710px;
        background-size: contain;
    } */

    .header_wrap{
        padding: 7px 0;
    }
    
    .header_wrap_pc{
        display: none;
    }

    .header_wrap_sp{
        display: block;
    }

    .header_box{
        width: 90%;
    }

    .header_box .header_logo {
        width: 51px;
        height: 51px;
        padding-left: 10px;
    }


    /* ハンバーガーアイコン　First Menu  */
    /* Common Css must add */
    svg {
        height: 50px;
        position: absolute;
        width: 50px;
        cursor: pointer;
        /*   border: 1px solid black; */
        background-color: #fff;
    }
    
    .plate {
        height: 51px;
        width: 51px;
    }
    .burger {
        filter: url(#gooeyness);
    }
    .x {
        transform: scale(0);
        transition: transform 400ms;
    }
    .line {
        fill: none;
        stroke: #009bae;
        stroke-width: 6px;
        stroke-linecap: round;
        stroke-linejoin: round;
        transform-origin: 50%;
        transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms,
        transform 500ms 200ms;
    }
    .x .line {
        stroke-width: 5.5px;
    }
    /* Common Css must add end */

   /* First Menu CSS Only */
    .plate1 .line2 {
        stroke-dasharray: 40 200;
        stroke-dashoffset: 0px;
    }
    .plate1 .line3 {
        stroke-dasharray: 40 179;
        stroke-dashoffset: 0px;
    }
    .active .line {
        transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
    }
    .active.plate1 .line1 {
        transform: scale(0, 1);
        transition: transform 500ms 100ms;
    }
    .active.plate1 .line2 {
        stroke-dasharray: 5px 200;
        stroke-dashoffset: -164px;
    }
    .active.plate1 .line3 {
        stroke-dasharray: 5px 179;
        stroke-dashoffset: -142px;
    }
    .active .x {
        transform: scale(1);
        transition: transform 400ms 350ms;
    }
     /* First Menu CSS Only end */

    /* ソース　https://photopizza.design/css_hamburger_menu/ */

    /* ハンバーガーアイコン　First Menu  */

    .header_menu{
        position: fixed;
        left: 0;
        top: 70px;
        width: 640px;
        height: 100vh;
        display: flex;
        flex-flow: column wrap;
        justify-content: center;
        align-items: center;
        z-index: 50;
        background: rgba(255, 255, 255, 0.769);
        transition: all 250ms ease-out;
        display: none;
    }

    .sp_menu{
        opacity:0;
        display: none;
        text-align: right;
    }

    .open-nav{
        opacity:1;
    }

    .header_menu_item{
        padding: 10px 30px;
        color: #111111;
        font-size: 18px;
        font-weight: bold;
    }

    .header_menu_item:first-child{
        padding-top: 70px;
    }

    .header_menu_item:last-child{
        padding: 10px 30px;
    }



        /* あとで消す */

        /* .sp_menu{
            display: none;
        }
     */
            /* あとで消す */
            


    /* TOP KV */

    .top_kv_wrap{
        margin: 20px 0 0;
    }

    .top_kv_box{
        height: 220px;
        width: 90%;
        border-radius: 13px;
    }

    .common_kv{
        height: 120px;
        background-position: -40px;
        background-size: cover;
        background: none;
        width: 100%;
    }


    .common_kv_box{
        height: 230px;
        display:none;
    }

    .common_kv_form .common_kv_box{
        display: block;
    }

    .about_kv{
        display:block
    }

    .common_kv_wrap{
        background-image: url(../img/kv_02.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 229px;
        background-position: center;
    }

    .common_kv_wrap::after{
        content: "";
        position: absolute;
        z-index: 2;
        width: 100%;
        top: 64px;
        left: 0;
        background-color: white;
        opacity: 0.5;
        height: 230px;
    }

    .top_kv_01_logo{
        margin: 0;
        padding: 42px 0 39px 0;
        height: 200px;
        position: relative;
        z-index: 3;
        width: 100%;
    }

    .top_kv_01_text{
        font-size: 13px;
        color: #3d3d3d;
        padding: 10px;
    }

    .top_kv_01_text_pc{
        display: none;
    }

    .top_kv_01_text_sp{
        display: none;
    }


    .top_wrap{
        width: 100%;
        margin-top: 0;
    }

    /* 導入 */

    /* .top_introduction_title{
        font-size: 15px;
        font-weight: normal;
        padding: 37px;
        text-align: center;
        line-height: 25px;
    } */

    .top_introduction{
        background-image: url(../img/top_introduction.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
        height: 160px;
        background-position: center;
        margin-bottom: 34px;
    }

    /* 導入 */


    /* TOP リード */

    .top_read-box_wrap{
        margin: 20px 0 0;
    }


    .top_read-box_text-box{
        margin:0 auto;
        width: 100%;
    }

    .top_read-box_text-box_title{
        padding: 0;
        font-size: 20px;
        width: 100%;
        text-align: left;
        line-height: 38px;
        position: static;
        padding-left: 20px;
    }

    .top_read-box_text-box_title_decolation{
        display: none;
    }

    .back_text-white{
        background: #fff;
        /* border-radius: 8px; */
        box-shadow: 1px 13px 10px 3px #ffffff21;
        padding: 11px 4px 8px 9px;
        font-size: 18px;
        border-radius: 8px 8px 8px 0;
    }

    .top_read-box_text-box_text{
        line-height: 2.1;
        font-size: 14px;
        text-align: left;
    }

    .top_read-box_text-box_text　.back_text-white:nth-child(1){
        border-radius: 8px 0 0 8px;
    }

    .top_read-box_text-box_text .back_text-white:nth-child(4){
        border-radius: 0 8px 0 0;
    }

    .top_read-box_text-box_text .back_text-white:last-child{
        border-radius: 0 0 8px 8px;
    }

    .top_read-box_text-box_text_01{
        padding: 278px 18px 30px 18px;
    }

    .top_read-box_text-box_text_02{
        text-align: left;
        font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        font-size: 15px;
        line-height: 1.85;
        width: 83%;
        padding: 292px 0 45px;
        margin: 0 auto;
    }

    .sp_none{
        display: none;
    }

    .back_text-top-white{
    
        padding:13px 4px 12px 9px;
        font-size: 18px;
    }


    .top_read-box_wrap_pc{
        display: none;
    }

    .top_read-box_img-box{
        display: none;
    }

    .top_sub-copy{
        font-size: 15px;
        color: #fff;
        font-weight: bold;
        padding: 23px;
        line-height: 28px;
    }

    .top_sub-copy_pc{
        display: none;
    }


    .top_sub-copy_sp{
        /* display: block; */
        background: #009bae;
    }


    /* TOP レンタルおもちゃ */

    .top_rental-box_wrap{
        margin: 0 auto;
        padding: 0;
    }

    .top_rental-box_toy-text{
        padding: 11px 11px 12px;
    }

    .left_title{
        padding: 12px 0 33px 20px;
        font-size: 16px;
        margin: 0 0 30px 20px;
        line-height: 17px;
    }

    .agree_box_wrap{
        margin-bottom: 40px;
    }

    .left_title_decoration{
        padding: 0;
        top: 35px;
        left: 64px;
        color: #afbcc1;
        letter-spacing: 1px;
        font-family: "Montserrat","Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
        font-size: calc((100vh - 8rem)*0.00145*12);
        line-height: 1.1;
    }

    .left_title_decoration_price{
        top: 97px;
    }

    .agree_box_wrap ol{
        padding: 0;
        width: 83%;
        margin: 0 auto;
        padding-left: 18px;
        display: block;
    }    

    .agree_box_wrap ol li{
        font-size: 14px;
        padding: 0px 0 11px;
        line-height: 18px;
    }

    .agree_box_wrap ol li img{
        height: auto;
        width: 100%;
        margin-bottom: 16px;
    }

    .agree_box_wrap ol li{
        width: 90%;
        margin: 20px auto;
    }

    .agree_box_wrap_text{
        font-size: 16px;
        line-height: 1.7;
    }

    .top_rental-box h4{
        font-size: 17px;
        margin: 40px 10px 0px;
        text-align: left;
        letter-spacing: 2px;
        padding: 7px 0 10px 22px;
    }

    .top_rental-box h4 span{
        font-size: 17px;
    }

    .top_rental-box h4::before{
        width: 21px;
        height: 21px;
        top: 5px;
        left: 0;
    }

    .top_rental-box{
        padding: 0px 12px;
        margin-bottom: 40px;
    }

    .top_rental-box_items_pc{
        flex-wrap: wrap;
    }

    .top_rental-box_item_pc{
        width: 49%;
        margin-bottom: 10px;
    }

    .top_rental-box_items_pc, .top_rental-box_item_pc{
        display: none;
    }

    /* .slider{
        display:block;
    } */


    /*==================================================
    スライダーのためのcss
    ===================================*/
    .slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
        width:90%;
        margin:0 auto;
    }
    
    .slider img {
        width:50%;/*スライダー内の画像を横幅100%に*/
        height:auto;
    }

    .slick-track{
        height: 210px;
    }
    
    /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
    
    .slider .slick-slide {
        margin: 0 5px;
        width: 180px !important;
        height: 180px;
    }
    
    /*矢印の設定*/
    
    /*戻る、次へ矢印の位置*/
    .slick-prev, 
    .slick-next {
        position: absolute;/*絶対配置にする*/
        top: 42%;
        cursor: pointer;/*マウスカーソルを指マークに*/
        outline: none;/*クリックをしたら出てくる枠線を消す*/
        border-top: 2px solid #666;/*矢印の色*/
        border-right: 2px solid #666;/*矢印の色*/
        height: 15px;
        width: 15px;
    }
    
    .slick-prev {/*戻る矢印の位置と形状*/
        left: -1.5%;
        transform: rotate(-135deg);
    }
    
    .slick-next {/*次へ矢印の位置と形状*/
        right: -1.5%;
        transform: rotate(45deg);
    }
    
    /*ドットナビゲーションの設定*/
    
    .slick-dots {
        text-align:center;
    margin:20px 0 0 0;
    }
    
    .slick-dots li {
        display:inline-block;
    margin:0 5px;
    }
    
    .slick-dots button {
        color: transparent;
        outline: none;
        width:8px;/*ドットボタンのサイズ*/
        height:8px;/*ドットボタンのサイズ*/
        display:block;
        border-radius:50%;
        background:#ccc;/*ドットボタンの色*/
    }
    
    .slick-dots .slick-active button{
        background:#333;/*ドットボタンの現在地表示の色*/
    }
    
    
    /*========= レイアウトのためのCSS ===============*/
    
    h2,p {
        text-align:center;
        padding:0;
    }
    
    ul{
    margin:0;
    padding: 0;
    list-style: none;
    }
    
    a{
    color: #333;
    }
    
    a:hover,
    a:active{
    text-decoration: none;
    }
    


    .bn_box_wrap{
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    /* TOP 料金 */

    .plan_box_wrap{
        width: 100%;
        margin: 0 auto;
        position: relative;
        background: #fff;
        padding: 20px 0 40px;
        border-bottom: 1px dashed #111111;
    }

    .plan_box{
        display: block;
        margin: 0px auto;
        width: 83%;
    }

    .plan_box_price-table{
        width: 90%;
    }

    .plan_box_price-table_about-btns{
        display: block;
        width: 93%;
        margin: 30px auto 10px;
    }

    .instagram_bn{
        width: 83%;
        margin: 0 auto;
    }

    .plan_common_button{
        width: 100%;
    }

    .plan_contents_wrap{
        width: 100%;
        margin: 0 auto;
        margin-bottom: 40px;
    }

    .plan_contents_wrap h5{
        background: #ffffff;
        border-bottom: 1px solid #eeee;border-bottom: 1px solid #eeee;
        color: #484646;
        width: 100%;
        text-align: center;
        font-size: 3.73333vw;
        letter-spacing: 0.05em;
        line-height: 1.3;
        font-feature-settings: "palt";
        padding-top: 4vw;
        margin-bottom: 1.4vw;
        border-radius: 10px 10px 0 0;
        padding-bottom: 9px;
    }

    .plan_contents-title_02 h5{
        background: #ffffff;
    }

    .plan_contents_wrap:last-child{
        margin: 0 auto;
    }

    .plan_contents{
        box-shadow: 0.3rem 0.3rem 0.5rem rgb(0 0 0 / 8%), -0.5rem -0.5rem 1rem #f3f4f4;
        border-radius: 10px;
    }
    
    .plan_yen-img{
        width: 100%;
        padding: 8px;
    }    

    .plan_yen-img img{
        width: 100%;
    }    

    .annotation{
        font-size: 9px;
        text-align: left;
        padding: 14px 30px 0;
        line-height: 14px;
        color: #6a6a6a;
        letter-spacing: 1px;
    }

    .plan_contents-topik{
        padding: 6px 0 18px 0;
        background: #ffffff;
        border-radius: 0 0 10px 10px;
    }

    .plan_contents-title_01{
        font-size: 13px;
        padding: 10px 12px;
        line-height: 19px;
    }

    .plan_contents-title_02{
        font-size: 13px;
        width: 100%;
    }

    .plan_contents-title{
        display: none;
    }

    .plan_yen-near-letter{
        padding: 0;
        letter-spacing: 0px;
        font-weight: normal;
        width: 90%;
        margin: 0 auto 10px;
        line-height: 20px;
        text-align: center;
        font-size: 13px;
        font-family: A\+EqpB-游ゴシック体 Pr6N M,sans-serif;
        font-family: acumin-pro,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,sans-serif;
        letter-spacing: .02em;
        font-feature-settings: "palt";
        will-change: auto;
        overflow-wrap: break-word;
        text-indent: 0;
        line-height: 1.7;
        opacity: 1;
        transition: transform 1.2s,opacity 1.2s;
        transform: translate(0);
        font-family: acumin-pro,ヒラギノ角ゴ ProN,Hiragino Kaku Gothic ProN,sans-serif;
        letter-spacing: .02em;
        font-feature-settings: "palt";
        font-size: 11px;
        will-change: auto;
        overflow-wrap: break-word;
        text-indent: 0;
        line-height: 1.7;
        opacity: 1;
        transition: transform 1.2s,opacity 1.2s;
        transform: translate(0);
        margin: 0 auto 8px;
    }

    .plan_contents-topik .annotation{
        padding: 0;
        width: 90%;
        margin: 8px auto 0;
        line-height: 1.7;
    }

    .plan_cv_button{
        width: 93%;
        margin: 3px auto;
        font-size: 19px;
        letter-spacing: 2px;

    }

    .plan_maternity_button{
        width: 93%;
        border-bottom: #df7346 solid 7px;
        background: #ffa37f;
    }

    /* TOP years */

    .year_box_wrap{
        margin-bottom: 20px;
    }

    .year_box{
        flex-wrap: wrap;
        width: 84%;
        margin: 0 auto;
    }

    .year_box_item{
        width: 100%;
        margin-bottom: 18px;
    }

    .year_box_item a{
        padding: 20px 20px 20px 8px;
       font-size: 14px;
       position: relative;
       letter-spacing: 3px;
       width: 100%;
       letter-spacing: 3px;
    }

    .year_box_item a::after{
        content: '';
        display: block;
        position: absolute;
        border: 0.1px solid #fff;
        background-image: url(../img/arrow_black_sp.svg);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        top: 20%;
        right: 4%;
        background-size: 15px;
    }

    .button{
        line-height: 16px;
        padding: 18px 0px;
        margin: 10px auto;
        box-shadow: 4px 4px 85px #67676736;
        position: relative;
    }

    .button ::after{
        width: 50px;
        width: clamp(40px, 3.26vw, 50px);
        height: 50px;
        height: clamp(40px, 3.26vw, 50px);
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: min(3.46vw, 62px);
        border: 0.1px solid #fff;
        background-image: url(../img/arrow_black_sp.svg);
        background-repeat: no-repeat;
        background-size: 36%;
        background-position: 50% 50%;
        border-radius: 50%;
        z-index: 2;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        width: 30px;
        height: 30px;
        top: 50%;
        right: 4%;
        background-size: 15px;
    }

    .button_in{
        font-size: 14px;
        padding: 0;
    }

    .button_how{
        margin: 0 auto 10px;
    }

    .button:hover{
        opacity:1;
    }

    .plan_cv_button{
        background-color: #f0a535;
        margin-top: 10px;
    }

    .top_chiiku-plan_button{
        padding: 0;
    }

    .popup_nextpage-text{
        padding: 0;
        line-height: 23px;
        margin-top: 20px;
        font-size: 16px;
    }

    .top_chiiku-plan_button a{
        width: 100%;
        font-size: 15px;
        padding: 14px 22px;
        line-height: 21px;
        margin-top: 10px;
    }

    .top_chiiku-plan_button a span{
        display: none;
    }

    /* topコンテンツ */


    .left_title{
        font-size: 19px;
        letter-spacing: 2px;
        line-height: 12px;
        margin: 40px 0 22px 40px;
        border-left: 1px solid #94b7bd;
    }

    .left_title span{
        display: block;
    }

    .plan_box_title{
        margin-bottom: 28px;
    }


    .top_curriculum_box{
        display: block;
        background-repeat: no-repeat;
        background-position: 0px 100px;
        background-size: 407px;
        position: relative;
        z-index: 0;
        margin: 0;
        padding: 30px 0 0;
        font-size: 15px;
    }

    .top_curriculum_box .top_read-box_text-box_text{
        line-height: 2.2;
        padding: 233px 0 35px 18px;
        width: 97%;
        font-size: 14px;
    }

    .top_curriculum_box_01{
        background-image: url(../img/top_curriculum_img01.png);
        display: block;
        background-repeat: no-repeat;
        background-position: 0px 72px;
        background-size: 407px;
        position: relative;
        z-index: 0;
        margin: 0;
        padding: 10px 0 0;
        font-size: 15px;
    }

    .top_curriculum_box_02{
        background-image: url(../img/top_curriculum_img02.png);
        background-repeat: no-repeat;
        background-position: 0px 117px;
        background-size: 100%;
        position: relative;
        z-index: 0;
        margin: 0;
        font-size: 15px;
        padding-bottom: 0;
    }

    .merit_box{
        margin: 0 auto;
    }

    .merit_box_wrap{
        margin-bottom: 30px;
    }

    .merit_box_wrap .left_title{
        line-height: 15px;
    }

    .merit_box_wrap .left_title_decoration{
        top: 71px;
    }
    
    .merit_box_item{
        display: block;
        margin: 0 auto 30px;
        width: 83%;
    }

    .merit_box_item img{
        display: none;
    }

    .merit_box_item_img{
        background-position: 0px -70px;
        background-size: 407px;
        height: 160px;
        width: 100%;
    }

    .merit_box_item_img_text{
        box-shadow: 4px 0px 16px #43434363;
        font-size: 14px;
        top: 9px;
        left: 9px;
        padding: 12px 20px;
    }

    .merit_box_item_img_01{
        background-image: url(../img/merit01_sp.jpg);
    }

    .merit_box_item_img_02{
        background-image: url(../img/merit02_sp.jpg);
    }

    .merit_box_item_img_03{
        background-image: url(../img/merit03_sp.jpg);
        height: 160px;
        background-position: 0px -10px;
    }

    .merit_box_item_img_04{
        background-image: url(../img/merit04_sp.jpg);
    }

    .merit_box_item_text{
        margin: 10px 0 40px;
        width: 100%;
        text-align: left;
    }

    .merit_box_item_text h3{
        line-height: 24px;
        font-size: 15px;
        padding: 0 0 5px;
    }

    .merit_box_item_text_about{
        text-align: left;
        padding: 0;
        color: #7d7d7d;
        font-size: 3.2vw;
        font-weight: 700;
        letter-spacing: 0.1em;
        line-height: 1.7;
    }

    .support_box_wrap{
        margin-bottom: 40px;
    }

    .support_box{
        display: block;
    }

    .support_box_item{
        padding: 0;
        width: 83%;
        margin: 0 auto 20px;
    }

    .support_img01{
        height: 140px;
        background-position: 0px -80px;
    }

    .support_img02{
        height: 140px;
    }

    .support_box_item_text{
        padding: 18px;
    }

    .support_box_item_text h3{
        font-size: 15px;
        margin: 5px 0px;
        line-height: 1.7;
    }

    .support_box_item_text_about{
        padding: 0;
        text-align: left;
        font-size: 13px;
        line-height: 22px;
    }

    /* footer */

    .common_footer{
        width: 100%;
        display: block;
        padding: 21px 0;
    }

    .common_footer_logo{
        width: 130px;
        margin: 0 auto;
        padding: 0 0 20px 0;
    }

    .common_footer_menu{
        display: block;
        right: 0;
        padding: 0 70px;
    }

    .common_footer_menu_item{
        width: 100%;
    }

    .common_footer_menu_items{
        font-size: 13px;
    }


    /* ポップアップ */

    .window{
        width: 90%;
    }

    .text{
        padding: 30px 26px;
        width: 100%;
    }

    .text h6{
        width: 100%;
        font-size: 15px;
    }

    .popup_about{
        display: block;
        margin: 8px 0 20px 0;
    }

    .popup_about_text{
        width: 100%;
        padding: 0;
        font-size: 13px;
        line-height: 22px;
    }

    .bold{
        font-size: 15px;
    }

    .popup_about_image{
        width:100%;
        padding: 0;
        margin-top: 20px;
    }

    .popup_about_image img{
        width: 84%;
    }

    body{
        background-color: #fff;
    }


    .about_sp{
        display: block;
        margin-top: 28px;
    }

}