.box-slider{
    width: 100%;
    height: calc(100% - 72px);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.tp-home .mainin .slide_main, 
.tp-home .mainin .slide_main ul{
    position: relative;
    width: 100%;
    height: 100%;
}
.subtitle{
    color: #fff;
    font-size: 30px;
    color: #fff;
    font-size: 30px;
    max-width: 890px;
    margin: 0 auto;
    padding-top: 10px;
}
.subtitle p:nth-child(1){
    padding-left: 35px;
}

/* fixed */
.ootsu_logo{
    cursor: pointer;
}
.ootsu_noxomi,
.ootsu_noxomicar{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(204,204,204,0.5);
    z-index: 999999;
    visibility: hidden;
}
.ootsu_noxomi_desktop{
    max-width: 500px;
    height: auto;
    z-index: 92;
    position: relative;
}
.bg_desktop_noxomi{
    width: 100%;
    height: auto;
    position: relative;
}
.title_desktop{
    position: absolute;
    top: -30px;
    left: 22%;
    width: 50%;
}
.ootsu_slide_desktop{
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
}
.ootsu_slide_desktop a{
    width: 35%;
    padding: 20px;
}
.ootsu_slide_desktop a img{
    width: 100%;
}
/*mobile*/
.ootsu_noxomi_mobile{
    width: 60%;
    height: auto;
    z-index: 92;
    position: relative;  
}
.bg_mobile_noxomi{
    width: 100%;
    height: auto;
    position: relative;
}
.title_mobile{
    position: absolute;
    top: -10px;
    left: 5%;
    width: 90%;
}
.ootsu_slide_mobile{
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    height: calc(100% - 15%);
    align-items: center;
    justify-content: center;
}
.ootsu_slide_mobile_img{
    width: 70%;
    display: inline-block;
    height: auto;
}
.ootsu_slide_mobile a{
    width: 100%;
}
.ootsu_slide_mobile a:first-child img{
    margin-bottom: 40px;
}
.ootsu_slide_mobile a img{
    width: 100%;
}
h1.b_title, h2.b_title {
    color: #0070c0;
    font-weight: bold;
}
h2.g_title {
    color: #548235;
    font-weight: bold;
}
.policy_txt p {
    margin: 0;
}
.sp_site_policy_txt {
    margin: 0;
}
@media screen and (min-width: 769px){
    .box-slider{
        height: calc(100% - 100px) !important;
    }
}
@media screen and (min-width: 768px){
    .ootsu_noxomi_mobile{
        display: none;
    }
}
@media screen and (min-width: 640px){
    .mainin{
        background:none !important;
    }
}
@media screen and (min-width: 1800px){
    /*.mainin{
        height: 565px;
    }*/
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 10%;
        right: 23%;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 10%;
        right: 11.5%;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 10%;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 1799px) and (min-width: 1620px){
    /*.mainin{
        height: 570px;
    }*/
}
@media screen and (max-width: 1799px) and (min-width: 1440px){
    .tp-home .mainin{
        /*height: 886px;*/
    }
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 10%;
        right: 350px;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 10%;
        right: 175px;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 10%;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 1619px) and (min-width: 1441px){
    /*.mainin{
        height: 520px;
    }*/
}
@media screen and (max-width: 1280px){
    /*.mainin{
        height: 570px;
    }*/
    .animation{
        --p1: 17;
        --p2:-0.4;
        --p3:-0.5;
        --p4:-0.6;
        margin: 0 auto;
        transition:
        left 8s ,
        --p1 .6s linear,
        --p2 .4s cubic-bezier(.5,1000,.5,1000) .6s,
        --p3 .3s cubic-bezier(.5,700,.5,700)  1s,
        --p4 .2s cubic-bezier(.5,200,.5,200)  0s;
    }
}
@media screen and (max-width: 1440px) and (min-width: 1200px){
    /*.mainin{
        height: 886px;
    }*/
}
@media screen and (max-width: 1439px) and (min-width: 1200px){
    .tp-home .mainin{
        /*height: 720px;*/
        /*height: 600px;*/
    }
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 10%;
        right: 350px;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 10%;
        right: 175px;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 10%;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 1199px) and (min-width: 1071px){
    /*.tp-home .mainin{
        height: 670px;
    }*/
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 10%;
        right: 32%;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 10%;
        right: 16%;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 10%;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 1199px) and (min-width: 986px){
    /*.mainin{
        height: 635px;
    }*/
    .mainin img.btn{
        width: 100%;
    }
    .ootsu_logo_wel_kids img{
        width: 140px;
    }
    .ootsu_logo_wel_kids{
        padding-top: 20px;
    }
}
@media screen and (max-width: 1070px) and (min-width: 1008px){
    /*.tp-home .mainin{
        height: 640px;
    }*/
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 10%;
        right: 32%;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 10%;
        right: 16%;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 10%;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 1007px) and (min-width: 901px){
    /*.tp-home .mainin{
        height: 549px;
    }*/
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 10%;
        right: 32%;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 10%;
        right: 16%;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 10%;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 900px) and (min-width: 810px){
    /*.tp-home .mainin{
        height: 517px;
    }*/
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 10%;
        right: 32%;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 10%;
        right: 16%;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 10%;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 809px) and (min-width: 768px){
    /*.tp-home .mainin{
        height: 479px;
    }*/
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 40px;
        right: 250px;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 40px;
        right: 125px;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 40px;
        right: 0;
        z-index: 0;
    }
}
@media screen and (max-width: 767px){
    .tp-home .box-slider{
        height:calc(100% - 64px );
    }
    /*.tp-home .mainin,*/
    .tp-home .slide_main,
    .tp-home .slide_main ul{
        height: 100%;
        width: 100%;
    }
    .tp-home .mainin .slide_main{
        bottom: 0;
        right: 0;
    }
    li.navbtn01 a img{
        transform: rotate(-20deg);
    }
    li.navbtn03 a img{
        transform: rotate(20deg);
    }
}
@media screen and (max-width: 767px) and (min-width: 730px){
    .tp-home .mainin{
        height: 479px;
    }
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 63px;
        right: 210px;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 63px;
        right: 115px;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 63px;
        right: 20px;
        z-index: 0;
    }
}
@media screen and (max-width: 729px) and (min-width: 640px){
    .tp-home .mainin{
        height: 416px;
    }
    li.navbtn01 a img{
        transform: rotate(0);
    }
    li.navbtn03 a img{
        transform: rotate(0);
    }
    li.navbtn01{
        bottom: 63px;
        right: 210px;
        z-index: 2;
    }
    li.navbtn02{
        bottom: 63px;
        right: 115px;
        z-index: 1;
    }
    li.navbtn03{
        bottom: 63px;
        right: 20px;
        z-index: 0;
    }
}
@media screen and (max-width: 639px){
    .main{
        background:none !important;
        z-index: 1 !important;
        min-width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .bg_point{
        display: none;
    }
    .point{
        /*background: url(../images/bg_point.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top;*/
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 3% 0;
    }
    .img-text{
        position: relative;
        width: 100%;
        height: auto;
    }
    #page{
        overflow: hidden;
    }
    body{
        font-size: 95%;
    }
    .wrapper{
        padding-bottom: 0;
        position: relative;
    }
    .mainin{
        width: 600px;
        height: 295px;
        overflow: hidden;
        position: relative;
    }
    .loading-bg{
        width: 100%;
        height: 100%;
    }
    .top_main{
        position: absolute;
        width: 100%;
        top: 0;
        max-height: 90px;
    }
    .top_main img{
        height: 45px;
    }
    .top_text{
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
        font-weight: 900;
    }
    .top_text img{
        width: 25px;
        height: 25px;
    }
    .top_fas{
        font-size: 16px;
        animation: none;
        position: unset;
        display: inline-block;
        width: auto;
        height: auto;
        vertical-align: middle;
        margin: 0 10px;
    }
    .main{
        display: block;
        position: relative;
        box-sizing: border-box;
    }
    #slideshow{
        width: 100%;
        margin: 0 auto;
    }
    #slideshow .main_bg{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    img{
        width: 100%;
    }
    .loading{
        width: auto;
        margin: 0 auto;
        display: block;
        text-align: center;
        position: absolute;
        z-index: 99;
        top: 25%;
        left: 19%;
    }
    .load,
    .sun-rotate,
    .rope,
    .rope2,
    .gallery_title img,
    .news_block .title img,
    .insta_block .title img{
        width: auto;
    }
    .thumb{
        width:240px;
        margin:0 auto;
    }
    .box_sp{
        content:"";
        width:150px;
        height:70px;
        position: absolute;
        top: 30%;
        left: 20%;
        background-image: url(../images/block_img.png); 
        background-size: 150px 70px;
        margin-top: 10px;
        text-align: center;
        animation: fadein 2s;
        -moz-animation: fadein 2s; /* Firefox */
        -webkit-animation: fadein 2s; /* Safari and Chrome */
        -o-animation: fadein 2s; /* Opera */
    }
    @keyframes fadein {
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-moz-keyframes fadein { /* Firefox */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-webkit-keyframes fadein { /* Safari and Chrome */
        from {
            opacity:0;
        }
        to {
            opacity:1;
        }
    }
    @-o-keyframes fadein { /* Opera */
        from {
            opacity:0;
        }
        to {
            opacity: 1;
        }
    }
    .ani_container_1{
        display: block;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        z-index: 999;
        margin-top: -65px;
    }
    .ani_container_bg_sp{
        height: 410px;
        position: relative;
    }
    .ani_container_bg{
        display: none;
    }
    .ani_container_1 .container{
        position: absolute;
        width: 100%;
        top: 20%;
        margin: 0 auto;
        text-align: center;
    }
    .ani_container_1 ul{
        list-style-type: none;
        display: block;
        width: 90%;
        margin: 0 auto;
        text-align: center;
    }
    .text_anni{
        position: absolute;
        top: 7%;
        right: 0%;
        font-weight: bold;
        font-size: 14px;
        z-index: 99;
    }
    .text_anni .white_bg_img {
        width: 48%;
        float: right;
    }
    .white_bg_txt{
        width: 150px;
        background: #ffffff;
        border-radius: 10px;
        display: inline-block;
        position: relative;
    }
    .ver_top,
    .txt_sign{
        font-size: 9px !important;
        z-index: 999;
        position: relative;
    }
    .ver_top{
        vertical-align: top;
        margin-top: 5px;
        display: inline-block;
    }
    .blue_txt,
    .green_txt,
    .yellow_txt,
    .black_txt{
        font-size: 11px;
        position: relative;
        z-index: 999;
    }
    .black_txt{
        font-size: 9px;
    }
    .blue_txt{
        color: #2e75b6;
    }
    .green_txt{
        color: #92d050;
    }
    .yellow_txt{
        color: #ffc000;
    }
    .txt_anni2{
        text-align: right;
        margin-left: 10px;
        position: relative;
        z-index: 999;
    }
    .blue_line,
    .yellow_line{
        position: absolute;
        z-index: 9;
    }
    .blue_line1,
    .blue_line2{
        width: 160px;
        min-width: 160px;
    }
    .yellow_line{
        width: 115px;
    }
    .blue_line1{
        top: 15px;
        left: -15px;
    }
    .blue_line2{
        top: 20px;
        left: -10px;
    }
    .yellow_line1{
        top: 35px;
        left: 40px;
    }
    .yellow_line2{
        top: 40px;
        left: 45px;
    }
    .sun-rotate{
        position: absolute;
        width: 50px;
        top: 7%;
        right: 10px;
    }
    .rope{
        position: absolute;
        width: 125px;
        top: 72%;
        left: 0;
    }
    .rope2{
        position: absolute;
        width: 125px;
        top: 72%;
        right: 9%;
        transform: translate(30px, 20px) rotate(20deg);
    }
    .ani_container_1 ul li{
        box-sizing: border-box;
        width: 30%;
        margin: 0 15px 10px 0;
        float: left;
    }
    .ani_container_1 .list-group-mb2 li{
        width: 46%;
    }
    .ani_container_1 ul li:last-child{
        margin: 0 0 10px 0;
    }
    .ani_container_1 ul li:nth-child(3){
        margin: 0 0 10px 0;
    }
    .homepage_list ul li{
        animation: fade 5s linear infinite;
        animation-iteration-count: 1; 
    }
    .homepage_list ul li:nth-of-type(2){
        animation-delay: 1s;
    }
    .homepage_list ul li:nth-of-type(3){
        animation-delay: 2s;
    }
    .homepage_list ul li:nth-of-type(4){
        animation-delay: 3s;
    }
    .homepage_list ul li:nth-of-type(5){
        animation-delay: 4s;
    }
    .ani_container_1 .list-group{
        display: none;
    }
    .ani_container_1 .list-group-mb{
        display: block;
    }
    .ani_container_1 .list-group-mb2{
        width: 60%;
    }
    .list-group-item a{
        text-align: center;
        background: #ffcf37;
        width: 100%;
        display: block;
        color: #ffffff;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
    }
    .list-group-item a span{
        padding: 5px;
        display: inline-block;
    }
    .list-group-item .color_access{
        background: #9dc3e6;
    }
    .list-group-item .color_lifestyle{
        background: #fa8afa;
    }
    .list-group-item .color_staff{
        background: #a9d18e;
    }
    .list-group-item .color_info{
        background: #f4b183;
    }
    @keyframes fade{
        from{
            color: black;
        }
        12.5%{
            opacity: 0.4;
        }
        25%{
            opacity: 1;
        }
    }
    .point_title,
    .gallery_title,
    .news_block .title,
    .insta_block .title,
    .insta_block_move .title{
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .point_title{
        width: 100%;
        margin-top: 55px;
    }
    .gallery_title{
        margin: 35px auto;
    }
    .news_block .title{
        margin-bottom: 15px;
    }
    .point_title .title_img,
    .gallery_title .title_img,
    .insta_block .title .title_img,
    .insta_block_move .title .title_img{
        width: 135px;
        margin: 0 10px;
    }
    .point_title .title_left,
    .point_title .title_right,
    .gallery_title .title_left,
    .gallery_title .title_right{
        width: 50px;
    }
    .insta_block .title .title_img,
    .insta_block_move .title .title_img{
        width: 175px;
        margin: 0 15px;
    }
    .insta_block .title .title_left,
    .insta_block .title .title_right,
    .insta_block_move .title .title_left,
    .insta_block_move .title .title_right{
        width: 50px;
    }
    .news_block .title .title_img{
        width: 135px;
        margin: 0 15px;
    }
    .news_block .title .title_left,
    .news_block .title .title_right{
        width: 65px;
    }
    .point_group,
    .point_group_add,
    .point_group_move{
        width: 100%;
        padding: 10px;
        display: block;
        background: none;
        position: relative;
        overflow: hidden;
        z-index: 999;
        box-sizing: border-box;
        height: auto;
    }
    .point_group2{
        position: absolute;
        top: 1325px;
        z-index: 999;
    }
    .point_group3{
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative;
        overflow: hidden;
    }
    .point_group3 p{
        width: 90%;
        margin: 0 auto;
        display: block;
        line-height: 2;
        font-size: 13px;
    }
    .point_group3 p.text_point_pc{
        display: none;
    }
    .point{
        width: 100%;
        margin: 0px auto;
        display: block;
        z-index: 999;
        padding: 10px;
        box-sizing: border-box;
    }
    .entry_point{
        width: 90%;
        display: block;
        line-height: 2;
        z-index: 999;
        margin: 0 auto 15px auto;
    }
    .entry_point span{
        font-size: 13px;
    }
    .entry_point .point_img{
        width: 16%;
        display: inline-block;
        vertical-align: middle;
        float: left;
    }
    .entry_point .point_txt {
        max-width: 82%;
        width: auto;
        vertical-align: middle; 
    }
    .entry_point .point_txt_sm {
        width: 230px;
        margin-top: -8px;
    }
    .entry_point .point_txt_nm {
        width: 250px;
        margin-top: -8px;
    }
    .entry_point .point_txt_long {
        width: 280px;
        margin-top: -8px;
    }
    .cloud{
        position: absolute;
        background-repeat: no-repeat;
        width: 100px;
        height: 80px;
        display: block;
        z-index: -1;
        background-size: 100px;
    }
    .insta_cloud{
        width: 100px;
        height: 150px;
        z-index: 1;
        background-size: 100px;
    }
    .cloud_home{
        position: absolute;
        background-image: url(../images/cloud_home.png);
        background-repeat: no-repeat;
        width: 100px;
        height: 80px;
        display: block;
        z-index: -1;
        background-size: 70px;
    }
    #cloudhome{
        position: absolute;
        background-image: url(../images/cloud_home.png);
        top: 100px;
        left: 80px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7; 
        -webkit-animation: movingcloudhome 33s linear infinite;
        -moz-animation: movingcloudhome 33s linear infinite;
        -o-animation: movingcloudhome 33s linear infinite;
    }
    #cloudhome2{
        position: absolute;
        background-image: url(../images/cloud_home.png);
        top: 100px;
        left: 80px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7; 
        -webkit-animation: movingcloudhome2 33s linear infinite;
        -moz-animation: movingcloudhome2 33s linear infinite;
        -o-animation: movingcloudhome2 33s linear infinite;
    }
    #cloud1,
    #insta_cloud1{
        background-image: url(../images/cloud1.png);
        top: 10px;
        left: 100px;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8;
        -webkit-animation: movingcloudone 25s linear infinite;
        -moz-animation: movingcloudone 25s linear infinite;
        -o-animation: movingcloudone 25s linear infinite;
    }
    #cloud2,
    #insta_cloud2{
        background-image: url(../images/cloud2.png);
        top: 10px;
        left: 30px;
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0.9; 
        -webkit-animation: movingcloudtwo 27s linear infinite;
        -moz-animation: movingcloudtwo 27s linear infinite;
        -o-animation: movingcloudtwo 27s linear infinite;
    }
    #cloud3,
    #insta_cloud3{
        background-image: url(../images/cloud3.png);
        top: 10px;
        left: 10px;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8; 
        -webkit-animation: movingcloudthree 29s linear infinite;
        -moz-animation: movingcloudthree 29s linear infinite;
        -o-animation: movingcloudthree 29s linear infinite;
    }
    #cloud4{
        background-image: url(../images/cloud_home.png);
        top: 10px;
        left: 100px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7; 
        -webkit-animation: movingcloudhome 33s linear infinite;
        -moz-animation: movingcloudhome 33s linear infinite;
        -o-animation: movingcloudhome 33s linear infinite;
    }
    .cloud_pc{
        display: none;
    }
    #insta_cloud1{        
        background-image: url(../images/insta_cloud1.png);
    }
    #insta_cloud2{        
        background-image: url(../images/insta_cloud2.png);
    }
    #insta_cloud3{
        background-image: url(../images/insta_cloud3.png);
        top: 10px;
        left: 100px;
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0.8; 
        -webkit-animation: movingcloudthree 29s linear infinite;
        -moz-animation: movingcloudthree 29s linear infinite;
        -o-animation: movingcloudthree 29s linear infinite;
    }
    #insta_cloud4{
        background-image: url(../images/insta_cloud4.png);
        top: 10px;
        left: 100px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7; 
        -webkit-animation: movingcloudfour 33s linear infinite;
        -moz-animation: movingcloudfour 33s linear infinite;
        -o-animation: movingcloudfour 33s linear infinite;
    }
    #insta_cloud5{
        background-image: url(../images/insta_cloud5.png);
        top: 10px;
        left: 100px;
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        opacity: 0.7; 
        -webkit-animation: movingcloudfive 33s linear infinite;
        -moz-animation: movingcloudfive 33s linear infinite;
        -o-animation: movingcloudfive 33s linear infinite;
    }
    @keyframes movingcloudone{
        0%{
        margin-left: 100%;
        top:100px;
        }
        19%{
        top: 50px;
        }
        21%{
        top: 30px;
        }
        40%{
        top: 50px;
        }
        59%{
        top: 30px;
        }
        78%{
        top: 50px;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
        }
        97%{
        / margin-left: -40%; /
        top: 100px;
        }
        100%{
        margin-left: -150%;
        top: 100px;
        }
    }
    @keyframes movingcloudtwo{
        0%{
        margin-left: 100%;
        top:130px;
        }
        19%{
        top: 100px;
        }
        21%{
        top: 80px;
        }
        40%{
        top: 100px;
        }
        59%{
        top: 80px;
        }
        78%{
        top: 110px;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
        }
        97%{
        / margin-left: -40%; /
        top: 170px;
        }
        100%{
        margin-left: -150%;
        top: 150px;
        }
    }
    @keyframes movingcloudthree{
        0%{
        margin-left: 100%;
        top:150px;
        }
        19%{
        top: 200px;
        }
        21%{
        top: 200px;
        }
        40%{
        top: 250px;
        }
        59%{
        top: 180px;
        }
        78%{
        top: 200px;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
        }
        97%{
        / margin-left: -40%; /
        top: 200px;
        }
        100%{
        margin-left: -150%;
        top: 200px;
        }
    }
    @keyframes movingcloudfour{
        0%{
        margin-left: 100%;
        top:320px;
        }
        15%{
        top: 250px;
        -webkit-transform: rotate(15);
        -moz-transform: rotate(15);
        -ms-transform: rotate(15);
        transform: rotate(15);
        }
        18%{
        top: 170px;
        -webkit-transform: rotate(-15);
        -moz-transform: rotate(-15);
        -ms-transform: rotate(-15);
        transform: rotate(-15);
        }
        33%{
        -webkit-transform: rotate(15);
        -moz-transform: rotate(15);
        -ms-transform: rotate(15);
        transform: rotate(15);
        top: 320px;
        }
        48%{
        top: 250px;
        }
        63%{
        top: 300px;
        -webkit-transform: rotate(10);
        -moz-transform: rotate(10);
        -ms-transform: rotate(10);
        transform: rotate(10);
        }
        78%{
        margin-left: -40%;
        top: 300px;
        -webkit-transform: rotate(-10);
        -moz-transform: rotate(-10);
        -ms-transform: rotate(-10);
        transform: rotate(-10);
        }
        78%{
        margin-left: -50%;
        top: 390px;
        }
        100%{
        margin-left: -150%;
        top: 300px;
        }
    }
    @keyframes movingcloudfive{
        0%{
        margin-left: 100%;
        top:200px;
        }
        19%{
        top: 300px;
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
        }
        21%{
        top: 250px;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg);
        }
        40%{
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
        top: 250px;
        }
        59%{
        top: 180px;
        }
        78%{
        top: 200px;
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
        }
        97%{
        margin-left: -40%;
        top: 220px;
        }
        100%{
        margin-left: -150%;
        top: 250px;
        }
    }
    @keyframes movingcloudhome{
        0%{ 
            margin-left: 100%;
            top:100px;
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
        /* 19%{
            top: 500px; 
            -webkit-transform: rotate(8deg);
            -moz-transform: rotate(8deg);
            -ms-transform: rotate(8deg);
            transform: rotate(8deg);
        } */
        21%{
            top: 200px; 
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);
        }
        40%{ 
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
            top: 90px; 
        }
        59%{
            top: 200px; 
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);
        }
        78%{
            top: 100px; 
            /* -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg); */
        }
        97%{
            / margin-left: -40%;  /
            top: 120px;    
        }
        100%{
            margin-left: -150%;
            top: 200px;
        }
    }
    @keyframes movingcloudhome2{
        0%{ 
            margin-left: 100%;
            top:100px;
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
        }
        19%{
            /* top: 600px; 
            -webkit-transform: rotate(8deg);
            -moz-transform: rotate(8deg);
            -ms-transform: rotate(8deg);
            transform: rotate(8deg); */
        }
        21%{
            top: 80px; 
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);

            
        }
        40%{ 
            -webkit-transform: rotate(-5deg);
            -moz-transform: rotate(-5deg);
            -ms-transform: rotate(-5deg);
            transform: rotate(-5deg);
            top: 110px; 
        }
        59%{
            top: 140px; 
            -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg);
        }
        78%{
            top: 150px; 
            /* -webkit-transform: rotate(5deg);
            -moz-transform: rotate(5deg);
            -ms-transform: rotate(5deg);
            transform: rotate(5deg); */
        }
        97%{
            / margin-left: -40%;  /
            top: 180px;    
        }
        100%{
            margin-left: -150%;
            top: 200px;
        }
    }
    i{
        position:absolute;
        width:50px;
        height:50px;
        left:0px;
    }
    i img{
        width:50px;
    }
    i.start{
        animation:
        x 15s linear infinite alternate,
        y 15s infinite cubic-bezier(0.5,-600,0.5,890) alternate;
    }
    @keyframes x{
       to{
        left:100%;
       }
    }
    @keyframes y{
       to{
        top:669.5px;
       }
    }
    .gallery_block{
        width: 90%;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    .frame_pink_pc{
        display: none;
    }
    .frame_pink_sp{
        display: block;
        width: 100%;
        margin: 0 auto;
        position: relative;
    }
    .gallery_box{
        position: absolute;
        top: 106px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .gallery_box .gallery_video{
        width: 80%;
        display: block;
        margin: 0 auto;
        text-align: center;
        box-sizing: border-box;
    }
    .gallery_box p{
        display: block;
        margin: 15px auto 0 auto;
        width: 85%;
        border: 1.5px solid #00afef;
        background: #eaf2fa;
        border-radius: 5px;
        padding: 0;
        text-align: left;
        font-weight: bold;
        font-size: 12px;
    }
    .gallery_box p img{
        width: auto;
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
    }
    .gallery_box p span{
        font-weight: bold;
        color: #00afef;
    }
    .gallery_box p.gallery_txtbox_pc{
        display: none;
    }
    .gallery_box p.gallery_txtbox_sp{
        display: block;
    }
    .garden_block,
    .welfare_block,
    .news_block{
        width: 90%;
        display: block;
        margin: 0 auto;
        position: relative;
        /*z-index: 9;*/
    }
    .welfare_block{
        width: 100%;
        z-index: -1;
    }
    .garden_block img{
        display: inline-block;
        width: auto;
    }
    .garden_block .tree{
        position: absolute;
        right: 0px;
        top: -50px
    }
    .garden_block .tree img{
        width: 60px;
    }
    .garden_block .title,
    .welfare_block .title{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .welfare_block .title{
        width: 93%;
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        margin: 25px auto 20px auto;
    }
    .garden_block .top_block{
        width: 82%;
    }
    .garden_block .bottom_block img{
        width: 100%;
    }
    .garden_block ul li,
    .welfare_block ul li{
        width: 18.9%;
        display: inline-block;
        position: relative;
    }
    .welfare_block ul{
        width: 90%;
        display: block;
        margin: 0 auto;
    }
    .welfare_block ul li{
        width: 22.7%;
        margin-right: 10px;
        height: 115px;
        float: left;
        position: relative;
    }
    .welfare_block .li_green{
        background-color: #c5e0b4;
    }
    .welfare_block .li_pink{
        background-color: #ffccff;
        z-index: 999;
    }
    .welfare_block .li_yellow{
        background-color: #ffe699;
    }
    .welfare_block .li_blue{
        background-color: #b4c7e7;
    }
    .welfare_block ul li:last-child{
        margin-right: 0;
    }
    .welfare_block ul li span{
        padding: 10px 0;
        display: block;
        vertical-align: middle;
        font-size: 9px;
        text-align: center;
        line-height: 1.8;
    }
    .welfare_block .wel_text_container {
        width: 88%;
        border: 2px dashed #fff;
        margin: 0 auto;
        height: 84%;
        position: absolute;
        top: 5px;
        margin-left: 3%;
    }
    .welfare_block .wel_text_container .triangle {
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
    }
    .welfare_block .wel_text_container .triangle_bl {
        border-width: 0 20px 20px 0px;
        border-color: transparent transparent #fff transparent;
        left: -2px;
        bottom: -2px;
    }
    .welfare_block .wel_text_container .wel_text {
        position: absolute;
        bottom: 9px;
        width: 100%;
    }
    .welfare_block .wel_text_container .wel_text .wel_lg_text,
    .welfare_block .wel_text_container .wel_text .wel_sm_text {
        text-align: center;
        color: #fff;
        font-size: 6px;
    }
    /* .welfare_block .wel_text_container .wel_text .wel_sm_text {
        font-size: 9px;
    } */
    .welfare_block ul li span.span_welfare_pc{
        display: none;
    }
    .garden_block img.yellow_frame{
        width: 100%;
        position: relative;
        max-height: 80px;
        min-height: 80px;
    }
    .garden_block img.garden_img{
        width: 90%;
        position: absolute;
        top: 5px;
        left: 4px;
        max-height: 70px;
        min-height: 70px;
    }
    .welfare_block img.welfare_img{
        width: 90%;
        display: block;
        min-height: 60px;
        max-height: 60px;
    }
    .garden_cloud{
        position: relative;
        margin-top: -60px;
        z-index: -1;
        text-align: center;
    }
    .garden_cloud img{
        width: auto;
        margin: 0;
    }
    .garden_block .garden_title{
        width: 75px;
    }
    .insta_comment{
        text-align: right;
        width: 80%;
        display: block;
    }
    .insta_block{
        position: relative;
        background-image: url(../images/insta_bg.jpg);
        width: 100%;
        height: 835px;
        display: block;
        margin: 0 auto;
        background-repeat: no-repeat;
        position: relative;
        overflow: hidden;
        z-index: 9;
        background-size: 100%;
    }
    .insta_block_move{
        background: none;
        width: 100%;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    .blink_cont{
        width: 160px;
        margin: 0 auto;
        position: relative;
        bottom: 13px;
        animation: blinker 2s linear infinite;
    }
    @keyframes blinker{  
        50%{ opacity: 0.3; }
    }
    /*.html_bg{
        display: block;
        z-index: -1;
    }*/
    .insta_block_content{
        position: absolute;
        top: 5%;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        z-index: 999;
    }
    .insta_entry{
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    #canvas, 
    #animation_container,
    #dom_overlay_container{
        max-width: 100% !important;
    }
    .svg_car{
        width: 100%;
        position: absolute;
        top: -10%;
        z-index: 999;
        display: none;
    }
    .svg_car #car_mpath{
        opacity: 0;
    }
    .svg_car #car{
        z-index: 999;
        fill:#5EB08D;
    }
    .insta_block .title img,
    .insta_block_move .title img{
        width: 45%;
    }
    .insta_block .title p,
    .insta_block_move .title p{
        width: 100%;
        font-size: 18px;
        color: #868b8e;
        font-weight: bold;
        margin-top: 10px;
    }
    .insta_content,
    .insta_block_move .insta_content{
        margin: 30px auto 0 auto;
        text-align: center;
        z-index: 999;
    }
    .insta_content .left_content,
    .insta_block_move .insta_content .left_content,
    .insta_content .right_content,
    .insta_block_move .insta_content .right_content{
        cursor: pointer;
        width: 80%;
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .insta_block_move .insta_content .left_content img{
        z-index: 99999;
        cursor: pointer;
    }
    .insta_content .right_content,
    .insta_block_move .insta_content .right_content{
        margin: 10px auto 30px auto;
    }
    .insta_content .right_content p{
        line-height: 1;
        margin: 0 0 30px 30px;
    }
    .insta_content .right_content ul li{
        list-style: none;
        font-size: 15px;
    }
    .insta_content .right_content ul li .right_title::before,
    .insta_content .right_content ul li .right_title2::before{
        content: "";
        background: #2e75b6;
        display: inline-block; 
        width: 13px;
        height: 13px;
        border: 1px solid #2e75b6;
        border-radius: 50%;
        margin-left: -5px;
        margin-right: 7px;
    }
    .insta_content .right_content ul li .right_title2::before{
        background: #ec88e7;
        border: 1px solid #ec88e7;
    }
    .insta_content .right_content ul li .right_title{
        color: #2e75b6;
        font-weight: bold;
    }
    .insta_content .right_content ul li .right_title2{
        color: #ec88e7;
        font-weight: bold;
    }
    .insta_content .right_content ul li .right_entry{
        font-size: 13px;
        font-weight: bold;
        color: #82868b;
    }
    .blink_cont{
        width: 125px;
    }
    .news_block{
        width: 100%;
        position: relative;
    }
    .tablinks{
        cursor: pointer;
    }
    .tabcontent{
        display: none;
    }
    .active_content{
        display: block;
    }
    .leaf1{
        width: 85px;
        position: absolute;
        top: -15%;
        left: -10px;
        z-index: 99;
    }
    .leaf2{
        width: 70px;
        position: absolute;
        top: 28%;
        left: 7%;
        transform: translate(30px, 20px) rotate(20deg);
        display: none;
    }
    .leaf3{
        width: 95px;
        position: absolute;
        top: -18%;
        right: 0;
        transform: translate(30px, 20px) rotate(20deg);
        z-index: 99;
    }
    .leaf4{
        width: 100px;
        position: absolute;
        top: 95%;
        right: 18%;
        transform: translate(30px, 20px) rotate(20deg);
        display: none;
    }
    .svg_ant,
    .svg_bird{
        position: absolute;
    }
    .svg_bird{
        width: 100%;
        height: 200px;
    }
    .svg_ant{
        top: 70%;
        height: 100%;
    }
    .news_content{
        width: 90%;
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .news_content ul{
        width: 100%;
        margin: 0 auto;
        display: block;
    }
    .news_content ul li{
        width: 12%;
        display: inline-block;
        border: 2px dashed #bfbfbf;
        border-radius: 5px;
        font-weight: bold;
        color: #bfbfbf;
        position: relative;
        font-size: 13px;
        min-height: 40px;
        max-height: 40px;
        vertical-align: top;
    }
    .news_content ul li.active{
        color: #fff;
        background: #ffd966;
        border: 2px solid #ffd966;
        z-index: -1;
    }
    .news_conatiner{
        overflow-y: auto;
        height: auto;
        max-height: 270px;
        overflow-x: hidden;
        margin: 15px auto;
    }
    .news_entry{
        width: 100%;
        display: inline-block;
        border-bottom: 1.5px solid #bfbfbf;
        padding: 10px;
        box-sizing: border-box;
    }
    .date{
        width: 100px;
        display: block;
        border-radius: 5px;
        background: #7ae6c2;
        color: #fff;
        font-weight: bold;
        padding: 0 10px;
        margin-bottom: 10px;
        font-size: 13px;
    }
    .about_news{
        width: 100%;
        display: block;
        margin: 0;
    }
    .footer{
        width: 100%;
        display: block;
        background-image: url(../images/bg_footer.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        position: relative;
        overflow: hidden;
        margin-top: 20px;
    }
    .footer .pagetop {
        z-index: 9999;
    }
    .d-none{
        display: none;
    }
    .bird_img{
        text-align: center;
        width: 60%;
        margin-top: 120px;
    }
    .bird_img img{
        width: auto;
    }
    .footerin{
        width: 100%;
        display: block;
        position: absolute;
        top: 35px;
        max-width: 100%;
    }
    .custom-html-widget{
        width: 100%;
        display: block;
    }
    .widget_text{
        width: 100%;
        display: block;
        text-align: left;
    }
    address{
        left: 20px;
        line-height: 1.8;
        font-weight: 500;
        font-size: 8px;
        position: absolute;
        bottom: 25px;
        text-align: left;
        color: #843c0c;
    }
    address span{
        background: #843c0c;
        color: #fff;
        border-radius: 3px;
        text-align: center;
        padding: 0px 10px;
        margin-right: 5px;
    }
    p.copyright{
        width: 100%;
        text-align: left;
        font-weight: bold;
        font-size: 8px;
        margin-left: 20px;
        color: #843c0c;
    }
    .about_content .logo_small,
    .staff_content .logo_small{
        width: 30%;
        text-align: center;
        margin: 0 auto 15px auto;
        display: block;
    }
    .edit-link{
        display: none;
    }
    /* Start access, life and info  */
    .access_bg img,
    .life_bg img,
    .info_bg img{
        display: block;
        margin: auto;
    }
    .access_bg .img2 img,
    .life_bg .img2 img,
    .info_bg .img2 img{
        width: fit-content;
    }
    .access_bg .tit_img1,
    .life_bg .tit_img1,
    .info_bg .tit_img1{
        margin: 15px 0 15px 0;
        max-width: 100%;
    }
    .access .title_box,
    .life .title_box{
        display: flex;
        justify-content: space-between;    
        font-size: 16px;
    }
    .life .life_img {
        background-color: #fae2f8;
        text-align:center;
        padding: 20px;
    }
    .life .life_img img {
        width: 100%;
    }
    .life .life_img img:last-child {
        margin-top: 10px;
    }
    .access .alignright{
        width: 20%;
        margin-left: auto;
    }
    .access .alignleft,
    .life .alignleft{
        border-bottom:none !important;
        margin: 0 auto 0 auto;
    }
    .access .ico{
        margin-left: 50px;
        margin-top: -19px;
        position: absolute;
        font-weight: 500;
        color: #0070c0;
        font-size: 12px;
        background: #bdd7ee;
        padding: 4px 10px;
        border-radius: 20px;
        height: auto;
        text-decoration: none;
    }
    .access .ico:hover{
        color: #0070c0;
    }
    .access .row{
        padding-top: 10px;
        margin-left: -5px;
        margin-right: -5px;
    }
    .access .row::after{
        content: "";
        clear: both;
        display: table;
    }
    .access .inquiry_btn{
        margin: 10px auto 20px auto !important;
    }
    .access .inquiry_cbtn{
        margin: 10px auto 20px auto !important;      
        display: inline;
    }
    .access .inquiry_cbtn input{
        cursor: pointer;
        display: inline;
        width: 90px;
        font-size: 13px;
    }
    .access .inquiry_cbtn input:first-child{
        margin-left: 40px;
    }
    .inpuiry_label{
        font-weight: bold;
        position: relative;
        text-indent: 2.5em;
    }
    .inpuiry_label:before{
        top: 14%;
        left: 5px;
        content: "";
        position: absolute;
        height: 20px;
        width: 20px;
        background-color: #444444;
        border-radius: 50%;
    }
    .btn_cancel{
        margin-right: 20px;
        border-radius: 12px !important;
        border: solid 1px #a6a6a6;
        background: #a6a6a6 !important;
    }
    .c_btn_confirm{
        border-radius: 12px !important;
        border: solid 1px #ffc000;
        background: #ffc000 !important;
    }
    .inpuiry_label{
        color: #444444 !important;
    }
    .inquiry_sp {
        margin-top: 45px;
    }
    .complete_wrapper {
        padding: 70px 10px;
    }
    .c_full_name,
    .c_mail,
    .c_inspect_content{
        height: 35px;
        width: 100%;
        border: solid 3px #00b0f0 !important;
        border-radius: 20px;
        background: #deebf7;
        
    }
    .c_full_name,
    .c_mail {
        text-indent: 1em;
        width: 97%;
    }
    .c_inspect_content{
        width: 93%;
        height: 250px;
        padding: 8px;
    }
    .access p{
        font-size: 13px;
        font-weight: bold;
        color: #5f5f5f;
        margin: 15px auto 15px auto;
    }
    .access .siteploicy_txt {
        margin: 0 auto;
    }
    .access .mb-sp-0 {
        margin-bottom: 0;
    }
    .access .table_garden td input,
    .access .table_garden td textarea,
    .access .table_inquiry td input,
    .access .table_inquiry td textarea{
        width: 91%;
        padding: 10px;
    }
    .access .table_garden td textarea,
    .access .table_inquiry td textarea{
        height: 150px;
    }
    .access .table_inquiry th{
        text-align: center;
        padding: 16px;
    }
    .text_link p a{
        font-size: 13px;
        text-decoration: none;
        position: relative;
        text-indent: 0.7em;
        color: #5c883f;
        margin: 0 auto 5px auto;
        display: inline-block;
    }
    .text_link p a:before{
        content: "";
        position: absolute;
        background: #5c883f;
        top: 50%;
        left: 0;
        margin-top: -5px;
        height: 5px;
        width: 5px;
        border-radius: 17px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
    }
    .life .box,
    .life .box_annual{
        flex: 0 0 calc(50% - 10px);
        text-align: center;
    }
    .life .caption{
        border-radius: 10px;
        font-size: 10px;
        padding: 0 5px;
        margin-right: 5px;
    }
    .life .capt1{    
        border: 3px solid #ffc000;
    }
    .life .capt2{    
        border: 3px solid #ff99cc;
    }
    .life .capt3{    
        border: 3px solid #ffff47;
    }
    .life .capt4{    
        border: 3px solid #d1b2e8;
    }
    .life .capt5{    
        border: 3px solid #cfd5ea;
    }
    .life .capt6{    
        border: 3px solid #4472c4;
    }
    .life .box_annual{
        border: 1px solid;
    }
    .box_annual img{
        width: 100% !important;
    }
    .life .inner_box{
        position: relative;
        text-align: center;
    }
    .top_left{
        font-weight: bold;
        background: #fff;
        position: absolute;
        top: 0px;
    }
    .life .p_event{
        margin: 5px;
    }
    .life .p_life{
        text-align: justify;
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 13px;
    }
    .info .download_btn{ 
        background-color: #ffd966;
        color: white;
        text-decoration: none;
        cursor: pointer;
        margin: 15px;
        font-size: 16px;
        border: solid 1px #ffd966 !important;
    }
    .info .download_btn a img {
        width: 130px;
    }
    .info .pamphlets{
        list-style-position: inside;
        list-style-type: disc;
        padding-left: 20px;
    }
    .info p{
        font-size: 13px;
    }
    .info .column{
        width: 70%;
        margin: 0 auto;
        /* padding: 10px; */
        /* left: 20px; */
    }
    .info .right {
        width: 100%;
        text-align: left;
    }
    .info a:link{
        color: #333 !important;
        background-color: transparent;
        line-height: 2;
    }
    .access_bg,
    .life_bg,
    .info_bg{
        max-width: 95%;
        margin: 0 auto;
        padding: 10px;
        border-radius: 40px;
    }
    .access_bg{        
        background: #deebf7;
        border: 2px solid #cee6fa;
    }
    .life_bg{
        background: #fae2f8;
        border: 2px solid #fcd4f8;
    }
    .info_bg{
        background: #f8cbad;
        border: 2px solid #ebb898;
    }
    .access,
    .life,
    .info{
        background: white;
        border: 2px solid white;
        padding: 15px;
        border-radius: 25px;
        margin-bottom: 3%;
    }
    .access .title_box{    
        border-bottom: 5px solid #0070c0;
    }
    .life .title_box{
        border-bottom: 5px solid #f1a9ee;
    }
    .access h3{
        border-bottom: 5px solid #0070c0;
    }
    .life h3{
        border-bottom: 5px solid #f1a9ee;
        margin-bottom: 10px;
    }
    .info h3{
        border-bottom: 5px solid #ff6600;
    }
    .access_bg .img2{
        background-position: right;
        background-repeat: no-repeat;
    }
    .img_block{
        width: 100%;
    }
    .img_block img{
        display: inline-block;
        text-align: center;
        border-radius: 20px;
    }
    .access_bg .img1 .tit_img,
    .life_bg .img1 .tit_img,
    .info_bg .img1 .tit_img{
        max-width: 30%;
        margin-top: 6px;
        margin-bottom: 15px;
    }
    .access h3:before,
    .life h3:before,
    .info h3:before{
        height: 18px;
        width: 18px;
        text-indent: 1.7em;
        top: 30%;
    }
    .access h3:before{        
        background: #0070c0;        
        box-shadow: 1px 1px 1px #0070c0 inset;
        -moz-box-shadow: 1px 1px 1px #0070c0 inset;
        -webkit-box-shadow: 1px 1px 1px #0070c0 inset;
        -o-box-shadow: 1px 1px 1px #0070c0 inset;
        -ms-box-shadow: 1px 1px 1px #0070c0 inset;
    }
    .life h3:before{
        background: #f1a9ee;        
        box-shadow: 1px 1px 1px #f1a9ee inset;
        -moz-box-shadow: 1px 1px 1px #f1a9ee inset;
        -webkit-box-shadow: 1px 1px 1px #f1a9ee inset;
        -o-box-shadow: 1px 1px 1px #f1a9ee inset;
        -ms-box-shadow: 1px 1px 1px #f1a9ee inset;
    }
    .info h3:before{
        background: #ff6600;        
        box-shadow: 1px 1px 1px #ff6600 inset;
        -moz-box-shadow: 1px 1px 1px #ff6600 inset;
        -webkit-box-shadow: 1px 1px 1px #ff6600 inset;
        -o-box-shadow: 1px 1px 1px #ff6600 inset;
        -ms-box-shadow: 1px 1px 1px #ff6600 inset;
    }
    .access h3,
    .life h3,
    .info h3,
    .access .station{    
        font-weight: bold;
        text-indent: 1.5em;
        font-size: 13px;
    }
    .access .station {
        text-indent: 0;
    }
    .access .table_garden,
    .access .table_inquiry{
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #fdc58a;
        font-size: 13px;
    }
    .access .table_garden th,
    .access .table_inquiry th{
        width: 30%;
        background: #cfd5ea !important;
        border: 2px solid #fff;
    }
    .access .table_garden td,
    .access .table_inquiry td{
        padding: 10px;
        background: #e9ebf5;
        border: 1px solid #fff;
    }
    .access .table_garden th, td,
    .access .table_inquiry th, td{    
        color: #404040;
        padding: 5px;
    }
    .access .inquiry {
        position: relative;
        margin-top: 25px;
    }
    .life img{
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }
    .life .image_container,
    .info .image_container{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .life .box{
        margin-top: 25px;
        flex: 0 0 calc(100% / 2)
    }
    .life .box_annual{
        font-size: 6px;
        margin: 0 5px 5px;
        flex: 0 0 calc((100% / 3) - 12px);
    }
    .box .inner_box{
        display: inline-block;
        margin: 0 auto;
    } 
    .info .download_btn{
        padding: 5px 20px;
        text-align: center;

    }
    .info .download_btn a {
        display: inline-block;
    }
    .info .download_btn a:last-child {
        margin-top: 5px;
    }
    /* End access, life and info  */
    .txt_underline{
        text-decoration: underline;
    }
    .confirm-popup{
        display: none;
        position: absolute;
        width: 100%;
        z-index: 99999;
        padding: 25px;
        background: white;
        border: solid 1px black;
        border-radius: 40px;
        bottom: -5%;
        left: -25px;
    }
    .tree-group{
        position: absolute;
        z-index: 99;
        bottom: 5px;
        width: 100%;
        display: block;
    }
    .tree-group .ft_tree1,
    .tree-group .ft_tree2,
    .tree-group .ft_tree3{
        display: block;
        width: 50px;
        float: left;
    }
    .tree-group .ft_tree1{
        position: absolute;
        left: 0;
        margin-top: 10px;
    }
    .tree-group .ft_tree2{
        position: absolute;
        left: 32%;
        /*left: 465px;*/
    }
    .tree-group .ft_tree3{
        position: absolute;
        right: 0;
        margin-top: 15px;
    }
}
@media screen and (max-width: 639px) and (min-width: 600px){
    .tp-home .main{
        height: calc(600px + 160px);
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 600px !important;
    }
    li.navbtn01{
        bottom: 180px;
        right: 17%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 65px;
        right: 29%;
        z-index: 2;
    }
    li.navbtn03{
        bottom:63px;
        right: 6%;
        z-index: 1;
    }
}
@media screen and (max-width: 985px) and (min-width: 576px){
    /*.mainin{
        height: 479px;
    }*/
    .mainin img.btn{
        width: 100%;
    }
    .ootsu_logo_wel_kids img{
        width: 90px;
    }
    .ootsu_logo_wel_kids{
        padding-top: 0px;
    }
}
@media screen and (max-width:639px) and (min-width: 576px){
    /*.mainin{
        height: 300px;
    }*/
}
@media screen and (max-width:639px) and (min-width: 577px){
    .ootsu_logo_wel_kids{
        width: 25% !important;
    }
    .ootsu_logo_wel_kids img{
        width: 92% !important;
    }
    .ootsu_logo, .wel_kids{
        text-align: right !important;
    }
    .img-text{
        width: 65% !important;
        position: relative;
    }
}
@media screen and (max-width:768px) and (min-width: 576px){
    .point{
        height: auto !important;
        padding: 10px 0;
    }
    .img-text{
        width: 50% !important;
        position: relative;
        
    }
    .img-text img{
        width: 100% !important;
        height: auto;
    }
    .subtitle{
        font-size: 20px !important;
    }
}
@media screen and (max-width: 767px){
    .ootsu_noxomi_desktop{
        display: none;
    }
}
@media screen and (max-width:599px) and (min-width: 540px){
    .tp-home .main{
        height: calc( 571px + 150px );
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 571px !important;
    }
    li.navbtn01{
        bottom: 27%;
        right: 17%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 5%;
        right: 29%;
        z-index: 2;
    }
    li.navbtn03{
        bottom: 3%;
        right: 6%;
        z-index: 1;
    }
}
@media screen and (max-width: 575px){
    .point{
        height: auto !important;
        padding: 10px 0 0 0; 
    }
    .ootsu_logo_wel_kids{
        width:25% ;
        position: relative;
    }
    .img-text{
        width:75% ;
        position: relative;
    }
    .img-text img{
        width: 100%;
        height: auto;
    }
    .box-slider{
        height: 80%;
    }
    .subtitle{
        font-size: 15px !important;
        text-align: center
    }
}
@media screen and (max-width:539px) and (min-width: 490px){
    .tp-home .main{
        height: calc( 510px + 150px);
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 510px !important;
    }
    li.navbtn01{
        bottom: 23%;
        right: 17%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 5%;
        right: 29%;
        z-index: 2;
    }
    li.navbtn03{
        bottom: 3%;
        right: 6%;
        z-index: 1;
    }
}
@media screen and (max-width:489px) and (min-width: 450px){
    .tp-home .main{
        height: calc( 480px + 140px);
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 480px !important;
    }
    li.navbtn01{
        bottom: 23%;
        right: 17%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 5%;
        right: 29%;
        z-index: 2;
    }
    li.navbtn03{
        bottom: 3%;
        right: 6%;
        z-index: 1;
    }
}
@media screen and (max-width:449px) and (min-width: 438px){
    .tp-home .main{
        height: calc( 425px + 130px) ;
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 425px !important;
    }
    li.navbtn01{
        bottom: 23%;
        right: 17%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 5%;
        right: 29%;
        z-index: 2;
    }
    li.navbtn03{
        bottom: 3%;
        right: 6%;
        z-index: 1;
    }
}
@media screen and (max-width:437px) and (min-width: 390px){
    .mainin{
        height: 280px;
    }
    .tp-home .main{
        height: calc( 400px + 130px );
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 400px !important;
    }
    li.navbtn01{
        bottom: 23%;
        right: 16%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 5%;
        right: 29%;
        z-index: 2;
    }
    li.navbtn03{
        bottom: 3%;
        right: 6%;
        z-index: 1;
    }
    .welfare_block ul li{
        width: 22.8%;
    }
}
@media screen and (max-width: 575px) and (min-width: 420px){
    /*.mainin{
        height: 230px;
    }*/
    .bg_recruit{
        height: 235px;
    }
    .entry_point:last-child{
        margin-bottom: 25px;
    }
}
@media screen and (max-width:767px) and (min-width: 425px){
    .subtitle p:nth-child(1){
        text-align: left;
        padding-left: 57px !important;
    }
}
@media screen and (max-width:424px){
    .subtitle p:nth-child(1){
        text-align: left;
        padding-left: 35px !important;
    }
}
@media screen and (max-width:389px) and (min-width: 360px){
    .tp-home .main{
        height: calc( 361px + 121px );
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 361px !important;
    }
    .tp-home .box-slider{
        height:calc(100% - 54px );
    }
    li.navbtn01{
        bottom: 25%;
        right: 17%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 7%;
        right: 29%;
        z-index: 2;
    }
    li.navbtn03{
        bottom: 6%;
        right: 6%;
        z-index: 1;
    }
    .text_anni .white_bg_img {
        width: 45%;
    }
}
@media screen and (max-width:359px){
    .tp-home .main{
        height: calc( 320px + 115px );
    }
    /*.tp-home .mainin, */
    .tp-home .slide_main, 
    .tp-home .slide_main ul{
        height: 320px !important;
    }
    li.navbtn01{
        bottom: 34%;
        right: 15%;
        z-index: 0;
    }
    li.navbtn02{
        bottom: 12%;
        right: 27%;
        z-index: 2;
    }
    li.navbtn03{
        bottom: 13%;
        right: 2%;
        z-index: 1;
    }
}
@media screen and (max-width:575px) and (min-width: 390px){
    .bg_recruit{
        height: 210px;
    }
}
@media screen and (max-width:389px) and (min-width: 374px){
    .bg_recruit{
        height: 210px;
    }
}
@media screen and (max-width:389px){
    .img_block img{
        max-width: 105px !important;
    }
}
@media screen and (max-width:373px){
    .img_block img{
        max-width: 100px !important;
    }
}