@media screen and (max-width:1466px){

    header>ul>li.logo-wrap {width: 20%;}
    header>ul>li.menu-wrap {width: 80%;}

    section#section-00 .boundary-1200 .logo-svg {transform: translate(-65%,-50%);}


}



@media screen and (max-width:1200px){
    html,body {font-size:50% !important;}
    section#section-00 .boundary-1200 .logo-svg {position: absolute; top:50%; left:100%; transform: translate(-110%,-50%);  animation: ease 5.5s forwards; width: 50%;}

    header {border-bottom:0;}
    header>ul {height: 7rem; border-bottom:1px solid #ddd;}
    header>ul>li.logo-wrap {width: 80%;}

    header>ul>li.menu-wrap {width: 80%; display: none;}
    header>ul>li.hamberger-wrap {display: block;}
    section#section-00 {padding-top:7rem;}

    .boundary-1200 {padding-left:2rem; padding-right:2rem;}

}

@media screen and (max-width:968px){




    .box-container {justify-content: space-between;}
    .box-container .item {flex-basis: 100%; max-width: 100%; padding:5rem 3rem; box-shadow: 0; margin:0%; margin-bottom:2%; box-shadow: none; border:1px solid #ddd;}
    .box-container .item>ul>li:nth-child(2)>h4 {font-size:3rem;}
    .box-container .item>ul>li:nth-child(3) {font-size:2rem;}

    header>ul>li.logo-wrap {width: auto;}
    section#section-00 {height: 50rem;}
    section#section-00 .boundary-1200 .text-wrap>h1 {font-size:4.5rem; width:99%; margin-left:0.5%; margin-right:0.5%;}


    .title-wrap>p,.need-p{font-size:2rem;}


    .gray-box {margin-top:2rem;}
    .contents-wrap>li:first-child {flex-basis: 100%; max-width: 100%; border-bottom:1px solid #ddd;}
    .contents-wrap>li:last-child {flex-basis: 100%; max-width: 100%; padding-top:0;}
    .contents-wrap>li:last-child .text-wrap {border-bottom:0;}
    .contents-wrap>li:last-child .text-wrap>p {font-size:2rem; margin-top:1rem; margin-bottom:3rem;}
    .contents-wrap>li:last-child .text-wrap>h2>br {display: none;}

    .contents-wrap>li:last-child .text-wrap>h2 {font-size:2.4rem; padding-top:1rem;}
    .contents-wrap>li:last-child .content .menu {flex-basis: 49%; max-width: 49%;}

    #section-01 #tip-wrap .item {flex-basis: 100%; max-width: 100%; padding:4rem 3rem;}
    #section-01 #tip-wrap .item p {font-size:2rem;}

    #section-02 .flex-2ea .item {flex-basis: 100%; max-width: 100%;}
    #section-02 .flex-2ea .item .text-wraps>h3 {font-size:2.4rem;}
    #section-02 .flex-2ea .item .text-wraps>p {font-size:2rem;}
    #section-02 .flex-2ea .item .text-wraps>p>br {display: none;}
    

    #section-03 .flex-2ea .item {flex-basis: 100%; max-width: 100%;}
    #section-03 .flex-2ea .item .text-wraps>h2,#section-04 .flex-2ea .item .text-wraps>h2 {font-size:3rem;}
    #section-04 .flex-2ea .item {flex-basis: 100%; max-width: 100%; margin-bottom:2%;}
    #section-05 .content.ssl-wrap-min.flex-2ea .item {flex-basis: 100%; max-width: 100%;}
    .title-wrap {text-align: left;}
    .mobile-br {display: block;}
    .boundary-1200 {padding-left:3rem; padding-right:3rem;}
    .vertical-line {background-color:#fff;}

    #section-05 .content.ssl-wrap-min.flex-2ea {align-items: stretch;}
    .black-background .boundary-1200 .contact-us>.flex-2ea>.item{flex-basis: 100%; max-width: 100%; margin-bottom:2%;}
    
}


@media screen and (max-width:500px){

    .black-background .contents-wrap>li:last-child table thead tr th {padding:0.5rem;}
    .black-background .contents-wrap>li:last-child table tbody tr td {padding:0.5rem;}



}