@media screen and (max-width: 767px) {
    header > div > a{width: 50%;}
    header > div > div:nth-child(2){margin-left: auto;}
    header > div > div:nth-child(2) > nav{display:none;}
    header > div > div:nth-child(2) > div{}
    header > div > div:nth-child(2) > div > a{padding: .375rem .5rem;
        border: 1px solid #dee2e6;display: inline-block;margin-right: 1rem;}
    header > div > div:nth-child(2) > div > a::after{content: unset;}
    header > div > div:nth-child(2) > div > a{display: none;}

    header > div > div:nth-child(2) > div > i{display:inline-block;width:18px;height:12px;background:url(../images/menu_btn.png) no-repeat;background-size:18px 12px;margin-right:10px}

    header > div > div:nth-child(2) > nav{bottom:0;display:none;left:0;position:fixed;right:0;top:0}
    header > div > div:nth-child(2) > 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}
    header > div > div:nth-child(2) > nav.open{justify-content:flex-start;padding-top:calc(2rem + 24px)}
    header > div > div:nth-child(2) > 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;}
    header > div > div:nth-child(2) > nav.open > i.closeMenu{display: block;}
    header > div > div:nth-child(2) > nav.open > ul{flex-direction:column;flex-wrap:nowrap}
    header > div > div:nth-child(2) > nav.open > ul > li{display:unset;}
    header > div > div:nth-child(2) > nav.open > ul > li > a{line-height:30px;color: #000;padding: 0;text-align: center;display: block;}
    .idx_box_1 > div{flex-flow: wrap;}
    .idx_box_1 > div > div{width: 100%;}
    .idx_box_2 > div{flex-flow: wrap;}
    .idx_box_2 > div > div{width: 100%;}
    .idx_box_3 > div{flex-flow: wrap;}
    .idx_box_3 > div > div{width: 100%;}
    .idx_box_4 > div > div{flex-flow: wrap;}
    .idx_box_4 > div > div > div,.idx_box_4 > div > div > a{width: 100%;}
    footer > div:nth-child(1) > div{flex-flow: wrap;}
    footer > div:nth-child(1) > div > div:nth-child(1){width: 100%;margin-right: 0;}
    footer > div:nth-child(1) > div > div:nth-child(2){width: 100%}
}

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

}

@media screen  and (min-width: 768px) {
    header > div > a{width: 25%;}
    header > div > div:nth-child(2){width: 71%;}
    .idx_box_1 > div > div{width: 50%;}
    .idx_box_2 > div > div{width: 25%;}
    .idx_box_3 > div > div{width: 50%;}
    .idx_box_4 > div > div > div{width: 33.333%;}
    footer > div:nth-child(2) > div > p:nth-child(1){width: 28.158%;}
    footer > div:nth-child(2) > div > p:nth-child(2){width: 71.842%;}
    footer > div:nth-child(1) > div > div:nth-child(1){width: 40%}
    footer > div:nth-child(1) > div > div:nth-child(2){width: 60%}
    .idx_box_4 > div > div > div,.idx_box_4 > div > div > a{width: 33.3333%;}


}