html{
    scroll-behavior: smooth;
}

/*header*/
#header{
    z-index: 7;
}
/*FV*/
#main .main_box{
    left: 0;
    max-width: 950px;
    z-index: 5;
}
#main .main_box.animStart h1.mg_b-40px{
    margin-bottom: 0;
}
#main .main_box .logo{
    margin-left: 5vw;
}
#main .main_box .entrybt{
    max-width: 500px;
    margin-left: 20%;
    bottom: -100px;
    z-index: 6;
}
#main .main_box .entrybt a img{
    transition-duration: 0.5s;
}
#main .main_box .entrybt a img:hover{
    transform: scale(1.05);
    transition-duration: 0.5s;
}
#wacha{
    width: 70%;
    height: 50vh;
    max-width: 1080px;
    bottom: 0;
    right: 0;
    z-index: 5;
}
#wacha .w1{
    bottom: -500px;
    right: -40px;
    opacity: 0;
}
#wacha .w2{
    bottom: -195px;
    right: -40px;
    opacity: 0;
}
#wacha .w3{
    top: 85px;
    right: 280px;
    opacity: 0;
}
#wacha .w4{
    top: -45px;
    left: 100px;
    opacity: 0;
}
#wacha .w5{
    top: -10px;
    left: -170px;
    max-width: 420px;
    opacity:0;
}
#wacha .w6{
    top: 200px;
    left: 0px;
    max-width: 130px;
    opacity: 0;
}

#wacha .w1.isshow{
    bottom: -542px;
    right: 0;
    opacity: 1;
    transition-duration: 0.5s;
}
#wacha .w2.isshow{
    bottom: -235px;
    right: 0;
    opacity: 1;
    transition-duration: 0.5s;
}
#wacha .w3.isshow{
    top: 125px;
    right: 320px;
    opacity: 1;
    transition-duration: 0.5s;
}
#wacha .w4.isshow{
    top: -85px;
    left: 140px;
    opacity: 1;
    transition-duration: 0.5s;
}
#wacha .w5.isshow{
    top: -50px;
    left: -130px;
    max-width: 420px;
    opacity:1;
    transition-duration: 0.5s;
}
#wacha .w6.isshow{
    top: 250px;
    left: 0px;
    max-width: 130px;
    opacity: 1;
    transition-duration: 0.5s;
}
#wacha .w6.isshow.poyooon {
  animation: poyooon 1.5s linear 0.8s infinite;
}
@keyframes poyooon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
  60%  { transform: scale(0.9, 1.2) translate(0%, -50%); }
  75%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
  85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@media (max-width: 1800px){
    #wacha{
        right: -300px;
    }
}
@media (max-width: 768px){
    #main .main_box .logo{
        background-color: rgba(0,0,0,0.4);
        padding: 10px;
        margin-left: 0 auto;
    }
    #main .main_box .catchCopy img{
        width: 120%;
        margin-bottom: 40px;
    }
    #main .main_box .entrybt{
        margin-left: 0;
    }
    #wacha{
        display: none;
    }
    .cms_img1 img{
        content: url('./Dup/img/TOPtb.jpg');
    }
    .entrybt a img{
        content: url('./Dup/img/entrybt_tb.png');
    }
}
@media (max-width: 667px){
    #main .main_box{
        width: 100%;
    }
    .shop_info .contact h2.font_18up_sp{
        font-size: calc(1rem + 12px);
    }
}
@media (max-width: 375px){
        .shop_info .info h2.font_18up_sp{
        font-size: calc(1rem + 6px);
    }
    .shop_info .contact h2.font_18up_sp{
        font-size: calc(1rem + 6px);
    }
}
/*募集要項*/
#apply{
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
#apply a{
    padding: 20px 40px;
    border: solid 1px #000;
    color: #000;
}
#apply a:hover{
    transform: scale(1.05);
}
/*KH工業の１日*/
#cms_6-d .cate_box:after, .cms_6-d .cate_box:after{
    color: #424242;
}
/*プライバシーポリシー*/
@media (max-width: 768px){
    .page9 .page_title_box p.font_18up_sp{
        font-size: calc(1rem + 8px);
    }
}