@charset "utf-8";
* {
    padding: 0;
    margin: 0;
}
@media screen and (min-width:1025px){
/*pｃ版*/
    
    /*共通部分*/
    #pc_nav {
        width: 80%;
        min-width:1020px;
        list-style: none;
        position: absolute;
        top: 100px;
        display: flex;
        justify-content: center;
        left: 0;
        right: 0;
        margin: auto;
    }
    #top #show,#service main,#schedule main,#sisetu main,#access main {
        position: relative;
        top: -105px;
    }
    #honwaka-logo img {
        width: 400px;
    }
    .menu-button {
        display: none;
    }
    #menu {
        display: none;
    }
    
    /*ロード画面*/
    .leaf{
        position            :   relative;
        margin              :   0 auto; 
        width               :   500px;
        height              :   100px;
        border-radius       :   50%;
        top                 :   505px;
        background-color    :   greenyellow;
    }
    #loading-bus{
        position            :   absolute;
        top                 :   500px;
        width               :   400px;
        left                :   50%;
        transform           :   translate(-50%, -50%);
        -webkit-transform   :   translate(-50%, -50%);
        -ms-transform       :   translate(-50%, -50%);
    }
    #loading-kemuri{
        position            :   absolute;
        left                :   25px;
        top                 :   500px;
        width               :   40px;
    }
    
    
    #show div {
        width: 100%;
    }
    
    /*サービス*/
    #service .back_1 {
    padding:250px 0 100px 0;
}
    .back {
        padding: 150px 0;
}
    /**/
    
    /*スケジュール*/
    .image-parent{
        width           :   100%;
        display         :   flex;
        margin          :   0 auto;
        align-items     :   stretch;         
        justify-content :   space-around;
        padding         :   20px 0;
    }
    .image-main{
        margin-bottom   :   30px;
    }
    .fixed-image{
        width           :   250px;
        height          :   250px;
        border          :   medium solid #C9E099;
        border-radius   :   10px;
    }
    .slide-image{
        width           :   250px;
        height          :   250px;
        border          :   medium solid #C9E099;
        border-radius   :   10px;
    }
    /**/
    /*お知らせ*/
    #sisetu #back2 {
        padding: 150px 0;
    }
    #sisetu #back1 h2 {
        padding-top: 8em;
        font-size: 250%;
    }
    /**/
    /*お問い合わせ*/
    #access #ribon-box {
        padding-top: 20em;
    }
    /**/
    .top{
        height: 85vh;
    }
#back_top{
    position    :   fixed;
    min-width   :   100px; 
    width       :   5%;
    height      :   auto;
    top         :   600px;
    left        :   90%;
    opacity     :   0;
    z-index     :   3;
    cursor: pointer;
}
    
}

@media screen and (min-width:481px) and (max-width:1024px){
/*タブレットｃｓｓ*/
    
/*共通部分*/
#pc_nav {
    display: none;
}
#top #show,#service main,#schedule main,#sisetu main,#access main {
    position: relative;
    top: -70px;
}
#honwaka-logo img {
    width: 220px;
    height: auto;
} 
    
    /*ロード画面*/
    .leaf{
        position            :   relative;
        margin              :   0 auto; 
        width               :   500px;
        height              :   100px;
        border-radius       :   50%;
        top                 :   505px;
        background-color    :   greenyellow;
    }
    #loading-bus{
        position            :   absolute;
        top                 :   500px;
        width               :   400px;
        left                :   50%;
        transform           :   translate(-50%, -50%);
        -webkit-transform   :   translate(-50%, -50%);
        -ms-transform       :   translate(-50%, -50%);
    }
    #loading-kemuri{
        position            :   absolute;
        left                :   25px;
        top                 :   500px;
        width               :   40px;
    }
    
/*ハンバーガー*/
.menu-button{
    position        :   fixed;
    top             :   10px;
    left            :   10px;
    width           :   50px;
    height          :   50px;
    z-index         :   3; 
}
#menu{
    position        :   fixed;
    left            :   -100%;
    top             :   0px;
    width           :   100%;
    height          :   100%;
    z-index         :   3; 
}
.menu-main{
    position        :   relative;
    width           :   100%;
    height          :   25%;
    background-color:   #ffffe0;
    display         :   flex;
    align-items     :   center;
    justify-content :   center;
    opacity         :   0;
}
    .menu-main a {
        text-align: center;
        font-weight: 700;
        text-decoration: none;
        color: #000000;
    }
.menu-image{
    width           :   200px;
}

/**/
/*トップページｃｓｓ*/
.image-top,.image-second,.image-third,.image-forth {
    display: none;
 }
#top{
    height: auto;
}
/**/
/*サービスｃｓｓ*/
#service .back_1 {
    padding:180px 10px 100px 10px;
}
#service .back {
    padding: 100px 10px;
}
    #service .service {
        width: 80%;
    }
    #service .riyou {
        width: 80%;
    }
/**/ 
/*スケジュールｃｓｓ*/
#schedule #schedule_box h1 img {
    width: 180px;
}
#schedule #schedule_box {
    padding-top: 35px;
}
#schedule #left {
    float: none;
    width: 100%;
}
#schedule #right {
    float: none;
    width: 100%;
    margin-top: 25px;
}
#schedule_2 {
    padding: 3em 0em;
    width: 100%;
}
#schedule_2 p {
    padding-left: 1em;
    width: 95%;
}
#schedule .image-parent{
    position        :   relative;
    width           :   100vw;
    padding         :   20px 0;
}
#schedule .image-main{
    width           :   40%;
    margin          :   15px 10px;
    float           :   left;
}
#schedule .fixed-image{
    width           :   100%;
    height          :   350px;
    border          :   medium solid #C9E099;
    border-radius   :   10px;
}
#schedule .slide-image{
    width           :   100%;
    height          :   350px;
    border          :   medium solid #C9E099;
    border-radius   :   10px;
}
#back_top{
    position    :   fixed;
    min-width   :   100px; 
    width       :   5%;
    height      :   auto;
    top         :   600px;
    left        :   85%;
    opacity     :   0;
    z-index     :   3;
    cursor: pointer;
}
    
/**/ 
/*お知らせｃｓｓ*/
#sisetu #back1 h2 {
    width: 35%;
    font-size: 150%;
    padding-top: 5em;
}
#sisetu .gosick2 {
    width: 35%;
    font-size: 150%;
} 
#sisetu .cloud {
        width: 90px;
        height: auto;
        top: -55px;
    }
    #sisetu #back2 {
        padding: 120px 0;
    }
/**/
/*お問い合わせｃｓｓ*/
    #access #ribon-box {
        padding-top: 15em;
    }
    
    .top{
        height: 48vh;
    }
/**/
}


@media screen and (max-width:480px) {
/*スマホｃｓｓ*/
    
/*共通部分*/
* {
    font-size: 15px;
}
h1 {
    font-size: 15px;
}
#pc_nav {
    display: none;
}
.menu-main a {
        text-align: center;
        font-weight: 700;
        text-decoration: none;
        color: #000000;
    }
#top #show,#service main,#schedule main,#sisetu main,#access main {
    position: relative;
    top: -40px;
}

#honwaka-logo img {
    width: 110px;
    height: auto;
}
    
    /*ロード画面*/
    .leaf{
        position            :   relative;
        margin              :   0 auto; 
        width               :   250px;
        height              :   100px;
        border-radius       :   50%;
        top                 :   505px;
        background-color    :   greenyellow;
    }
    #loading-bus{
        position            :   absolute;
        top                 :   520px;
        width               :   200px;
        left                :   50%;
        transform           :   translate(-50%, -50%);
        -webkit-transform   :   translate(-50%, -50%);
        -ms-transform       :   translate(-50%, -50%);
    }
    #loading-kemuri{
        position            :   absolute;
        left                :   25px;
        top                 :   520px;
        width               :   25px;
    }
    
/*ハンバーガー*/
.menu-button{
    position        :   fixed;
    top             :   10px;
    left            :   10px;
    width           :   30px;
    height          :   30px;
    z-index         :   3; 
}
#menu{
    position        :   fixed;
    left            :   -100%;
    top             :   0px;
    width           :   100%;
    height          :   100%;
    z-index         :   3; 
}
.menu-main{
    position        :   relative;
    width           :   100%;
    height          :   25%;
    background-color:   #ffffe0;
    display         :   flex;
    align-items     :   center;
    justify-content :   center;
    opacity         :   0;
}
.menu-image{
    width           :   150px;
}

/**/
/*トップページｃｓｓ*/
.image-top,.image-second,.image-third,.image-forth {
    display: none;
 }
#top{
    height: auto;
}
#top #catchcopy {
    margin-bottom: 60px;
}
/**/
    
/*サービスｃｓｓ*/
#service .zigyou {
    width: 90%;
}
#service .riyou {
    font-size: 15px;
    padding: 20px 10px 0 10px;
    width: 80%;
}
#service .back_1 {
    padding:110px 0 100px 0;
}
.back {
    padding: 80px 0;
}
    #service .service {
        width: 80%;
    }
/**/
    
/*スケジュールｃｓｓ*/
#schedule #schedule_box h1 img {
    width: 140px;
}
#schedule_box h1 {
    padding: 50px 0 30px 20px;
}
#schedule #left {
    float: none;
    width: 100%;
}
#schedule #right {
    float: none;
    width: 100%;
    margin-top: 25px;
}
#schedule_2 {
    padding: 3em 0em;
    width: 100%;
}
#schedule_2 p {
    padding-left: 1em;
    width: 95%;
}
#schedule .image-parent{
    position        :   relative;
    width           :   100vw;
    padding         :   20px 0;
}
#schedule .image-main{
    width           :   40%;
    margin          :   15px 10px;
    float           :   left;
}
#schedule .fixed-image{
    width           :   100%;
    height          :   165px;
    border          :   medium solid lightgreen;
    border-radius   :   10px;
}
#schedule .slide-image{
    width           :   100%;
    height          :   165px;
    border          :   medium solid lightgreen;
    border-radius   :   10px;
}
/**/
/*お知らせｃｓｓ*/
    #sisetu #back1 h2 {
        width: 40%;
        font-size: 180%;
        padding-top: 5em;
    }
    #sisetu .gosick2 {
        width: 40%;
        font-size: 180%;
    } 
    .news-kumo {
        width: 250px;
        height: auto;
    }
    #sisetu .cloud {
        width: 80px;
        height: auto;
        top: -45px;
    }
    #sisetu #back2 {
        padding: 90px 0;
    }
/**/
/*お問い合わせｃｓｓ*/
    #access #ribon img {
        width: 200px;
    }
    #access .bird,#access .onpu {
    width: 35px;
    height: auto;
}
    #access #googlemap {
        background-size: 15px;
        max-width: 250px;
    }
    #access #ribon-box {
        padding-top: 8em;
    }
/**/
    .top{
        height: 38vh;
    }
#back_top{
    position    :   fixed;
    min-width   :   60px; 
    width       :   5%;
    height      :   auto;
    top         :   500px;
    left        :   80%;
    opacity     :   0;
    z-index     :   3;
    cursor: pointer;
}
}