@media screen and (max-width:450px){
/* /////////////////////////////
トップ画像
///////////////////////////// */

#top-image img.kumo{
    width: 50%;
}

#top-image img.nizi{
    width: 40%;
}

#top-image img.text{
    top:55%;
    right: 5%;
    width: 55%;
}

    .wel{
        padding: 0 0 5%;
    }

    .wel .title{
        width: 100%;
        padding: 5% 0 0;
    }
    
    .wel .title img{
        width: 30%;
    }

    .wel .title .f-l{
        top: 110%;
    }
    
    .wel .title .f-r{
        top: 110%;
    }
    
    .wel .title span{
        font-size: 2rem;
    }
    
    .wel .title span::after{
        width: 20px;
    }
    
    .wel .title span::before{
        width: 20px;
    }
    
    .wel .title h2{
        font-size: 2rem;
        margin: 0 0 10%;
    }
    
    .wel .title h2 .sp{
        display: block;
    }
    
    .wel .content{
        width: 80%;
        text-align: center;
    }
    
    .wel .content li{
        width: 100%;
        display: block;
        position: relative;
        margin: 0 auto;
        max-width: 200px;
        height: 200px;
    }
    
    .wel .content li span{
        left: 0;
        top: -35px;
    }

    .wel .content li h3{
        margin: 20% 0 0;
    }
    
    .wel .content li p{
        width: 70%;
        color: #000;
        margin: 5% auto;
        font-size: 1.4rem;
    }
    
    .wel .content li.cross{
        width: 10%;
        height: 70px;
        padding: 15px 0 0;
    }
    
    .wel .link a{
        margin: 10% 0 0;
        padding: 2% 10%;
    }
    /* /////////////////////////////
    放課後等デイサービスとは
    ///////////////////////////// */
    
    .what{
        width: 90%;
        padding: 0 0 10%;
    }
    
    .what .top-icon{
        width: 20%;
        max-width: 200px;
    }
    
    .what h2{
        font-size: 2rem;
    }
    
    .what span{
        font-family: 'Pacifico', cursive;
        font-size: 1.8rem;
        color: #E75900;
    }
    
    .what p{
        line-height: 2;
        font-size: 1.5rem;
        text-align: left;
    }

    .what p br.sp{
        display: none;
    }

    .what .link a{
        margin: 10% 0 0;
        padding: 2% 10%;
    }
    
    /* /////////////////////////////
    ご利用までの流れ
    ///////////////////////////// */
    
    .flow{
        text-align: center;
        background: #FFF0C1;
        padding: 1% 0 3%;
    }
    
    .flow h2{
        font-size: 2rem;
        letter-spacing: 1px;
    }
    
    .flow h2 img{
        width: 4rem;
        vertical-align: -1rem;
    }
    
    .flow .content{
        width: 90%;
    }
    
    
    .flow  .balloon{
        right:-5%;
        bottom:-5%;
        width: 15%;
        max-width: 250px;
    }
    
    .flow .step{
        width: 90%;
    }
    
    .flow .num{
        width: 25%;
        font-size: 1.8rem;
    }
    
    .flow .wrap span{
        font-size: 1.8rem;
    }
    
    .flow .wrap p{
        margin: 1% 0 2%;
        font-size: 1.5rem;
    }

    .flow .link a{
        padding: 1% 10%;
    }

    .flow .cepa{
        display: inline-block;
        width: 40%;
        margin: 3% 3%;
        vertical-align: middle;
    }
    
    .flow .cepa img{
        width: 90%;
    }
    
    .flow .cepa .tel{
        width: 100%;
        margin: 1% 0;
        padding: 1% 0;
    }
    
    .flow .cepa .border{
        border-bottom: dashed 1px #aaa;
        margin: 0 0 4%;
    }
    
    /* /////////////////////////////
    一日の流れ
    ///////////////////////////// */
    
    .day{
        padding: 5% 0;
    }
    
    .day .f-l{
        width: 30%;
        left: 0;
    }
    
    .day .f-r{
        width: 30%;
        right: 0;
    }
    
    .day .top-icon{
        width: 12%;
    }
    
    .day h2{
        font-size: 2.3rem;
    }
    
    .day span{
        font-family: 'Pacifico', cursive;
        font-size: 1.7rem;
        color: #E75900;
    }
    
    .day ul{
        width: 95%;
    }
    
    .day ul li{
        width: 100%;
    }
    
    .day ul li h3{
        font-family: 'UD Digi Kyokasho NK-B';
    }
    
    .day ul li h3 span{
        font-size: 1.7rem;
    }

    .day ul li.left {
        padding: 0 0 30%;
        position: relative;
    }
    
    .day ul li.right{
        border-left: 0px;
    }

    .day ul li .step{
        display: table;
        margin: 0 auto;
        width: 90%;
    }
    
    .day ul li.left .step{
        margin: 0 0 0 auto;
    }

    .day ul li .num{
        width: 25%;
        font-size: 1.7rem;
    }
    
    
    .day ul li .wrap span{
        font-size: 1.7rem;
    }
    
    .day ul li .wrap p{
        margin: 1% 0 5%;
        font-size: 1.4rem;
    }
    
    .day ul li.left .left-h{
        position: absolute;
        width: 30%;
        bottom: 0%;
        left: 15%;
    }
    
    .day ul li.left .left-t{
        position: absolute;
        width: 20%;
        bottom: 0%;
        left: 65%;
    }
}