@media screen and (max-width: 767px) {
    nav{display: none;}
    nav{bottom:0;display:none;left:0;position:fixed;right:0;top:0}
    nav.open{animation:overlay-menu__fade-in-animation .1s ease-out;animation-fill-mode:forwards;background-color:#fff;display:flex;flex-direction:column;overflow:auto;padding:clamp(1rem,0,20rem) clamp(1rem,0,20rem) clamp(1rem,0,20rem) clamp(1rem,0,20em);z-index:100000}
    nav.open{justify-content:flex-start;padding-top:calc(2rem + 24px)}
    nav > i.closeMenu{position:absolute;right:0;top:5px;z-index:2;background:url("../images/close_btn.png") no-repeat;background-size:18px 18px;width:24px;height:24px;display:none;}
    nav.open > i.closeMenu{display: block;}
    nav.open > ul{flex-direction:column;flex-wrap:nowrap}
    nav.open > ul > li{display:unset;}
    nav.open > ul > li > a{line-height:30px;color: #000;}
    .top_box_1 > div > div:nth-child(1) > div:nth-child(5) > .pc_btn{display: none;}
    .slicing_box{display: none;}
    .top_box_2 > div > div:nth-child(2){padding-left:calc(1.5rem * .5);}
    .top_box_2 > div > div:nth-child(1) > div > div:nth-child(1) > ul li > div > img{width: 27px;}
    .top_box_4 > p img{top: 5px;}
    .about_box > div{flex-flow: wrap;}
    .about_box > div > div:nth-child(1){width: 100%;}
    .about_box > div > div:nth-child(1) > ul{}
    .about_box > div > div:nth-child(1) > ul li{}

    .about_box > div > div:nth-child(1) > div:nth-child(2){grid-template-columns: repeat(6, 1fr);width: 100%;}
    .about_box > div > div:nth-child(2){width: 100%;flex-flow: wrap;}
    .about_box > div > div:nth-child(2){}
    .about_box > div > div:nth-child(2) > div{width: 100%;}
    .about_box > div > div:nth-child(2) > div:nth-child(1){display: flex;flex-flow: nowrap;}
    .about_box > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(1){width: 33.333%;padding: 0 calc(1.5rem * .5);}
    .about_box > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){display: flex;flex-flow: nowrap;width: 66.6666%;}
    .about_box > div > div:nth-child(2) > div:nth-child(1) > div:nth-child(2) > div{width: 50%;padding: 0 calc(1.5rem * .5);}
    .about_box > div > div:nth-child(2) > div:nth-child(2){display: flex;flex-flow: nowrap;}
    .about_box > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1){display: flex;flex-flow: nowrap;width: 66.6666%;}
    .about_box > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(1) > div{width: 50%;padding: 0 calc(1.5rem * .5);}
    .about_box > div > div:nth-child(2) > div:nth-child(2) > div:nth-child(2){width: 33.333%;padding: 0 calc(1.5rem * .5);}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

}

@media screen  and (min-width: 768px) {
    header{height: 65px;}
    .top_box_1 > div > div:nth-child(1){flex: 0 0 auto;width: 50%;}
    .top_box_1 > div > div:nth-child(2){flex: 0 0 auto;width: 25%;}
    .top_box_1 > div > div:nth-child(1) > p:nth-child(1){}
    .slicing_box{display: block;}
    .top_box_2 > div > div:nth-child(1){flex: 0 0 auto;width: 41.66666667%;}
    .top_box_2 > div > div:nth-child(2){flex: 0 0 auto;width:58.33333333%;padding-left: 3rem;}
    .top_box_2 > div > div:nth-child(1) > div{flex: 0 0 auto;width: 83.33333333%;}

    .top_box_2 > div > div:nth-child(2) > img{flex: 0 0 auto;width: 83.33333333%;}
    .top_box_3 > div > div:nth-child(2){grid-template-columns: repeat(3, 1fr);}
    .top_box_5 > div:nth-child(2){margin-top: 3rem;}
    .top_box_5 > div:nth-child(2) > div{}
    .top_box_5 > div:nth-child(2) > div >p:nth-child(1){margin-top: 3rem}
    .about_box > div{flex-flow: nowrap;}
    .about_box > div > div:nth-child(1){width:100%;}
    .about_box > div > div:nth-child(1) > div:nth-child(2){grid-template-columns: repeat(4, 1fr);width: 66.66666667%;}
    .about_box > div > div:nth-child(2){width: 80%;}
    .about_box > div > div:nth-child(2){flex-flow: nowrap;}
    .about_box > div > div:nth-child(2) > div{flex-flow: nowrap;width: 50%;}
    .about_box > div > div:nth-child(2) > div:nth-child(1) > div,.about_box > div > div:nth-child(2) > div:nth-child(2) > div{width: 50%;}


}

@media (min-width: 576px) {
    .container{
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container{
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container{
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container{
        max-width:1140px
    }
}

@media (min-width: 1400px) {
    .container{
        max-width:1320px
    }
}