@media all and  (max-width: 1200px) {
    .wrapper {max-width:56rem;padding:2rem;min-height:0rem;}
    header.navigation {height:auto}
    header.navigation ul.logo {width:14rem;}
    header.navigation ul.logo li {font-size: 1.6rem;line-height: 1.8rem;}
    header.navigation ul.quick-link > li {margin-left:0.8rem;font-size: 1.2rem;line-height: 1.8rem;}
    header.navigation ul.quick-link .lang .name {font-size: 1.2rem;line-height: 1.8rem;height:1.8rem;}
    header.navigation ul.quick-link .lang .icon > img {width:1.4rem;height:1.4rem;}




    header.navigation ul.quick-link .lang-list {margin-left:0;padding:0.8rem;}
    header.navigation ul.quick-link .lang-list > div {font-size: 1.2rem;line-height: 1.8rem;}



    .text-box {top:10.4rem;padding:2rem;}
    .text-box ul li.title.main .logoimg {display:block;margin:0 0rem 0.7rem 0;width:28rem;}
    .text-box ul li.title {font-size: 2.4rem;line-height: 3rem;}
    .text-box ul li.text {font-size: 1.4rem;line-height: 2rem;}
    .text-box ul li.logo {width:24rem;}


    .text-box ul li.title.main .logoimg {margin:7rem 0 1.6rem 0;}
    .text-box ul li.title.main .logoimg img {height:4rem;}
    .text-box ul li.title.main {margin-bottom:2.4rem;font-size:3.6rem;}


    .text-box ul.button-link {display:block;margin-top:3.2rem;}
    .text-box ul.button-link li {margin:0 0 0.8rem 0;}
    .text-box ul.button-link li a {font-size: 1.4rem;line-height: 3.2rem;}

    .text-box ul li.badge {font-size: 1.4rem;line-height: 2rem;}

    section#page-1 {background-position:-149rem top;}
    section#page-10 {background-size:cover;}


    section#page-8 .text-box,
    section#page-9 .text-box {top:10.4rem;}
    section#page-9 .text-box ul li.title {font-size: 2.4rem;line-height: 3.4rem;}
    .text-box ul li.impact {font-size: 3.2rem;line-height: 4.5rem;}

    section#page-9 .banner-set {top:auto;bottom:15%;}
    section#page-9 .banner-set > div {height:3.2rem;margin-bottom:2.4rem;}
    section#page-9 .banner-set > div > div {width:192rem;height:3.2rem;}
    @keyframes obj-91-ani {from {left:0;} to {left:-96rem;}}
    @keyframes obj-92-ani {from {right:0;} to {right:-96rem;}}
    @keyframes obj-93-ani {from {left:0;} to {left:-96rem;}}



    section#page-10 .footer-title {font-size: 3.2rem;line-height: 4.6rem;}
    section#page-10 .footer-info {font-size: 1.6rem;line-height: 2.6rem;}
    section#page-10 .wrapper {background-size:cover;}



    .obj-01 {margin-left:-66%;width:121%;}
    .obj-02 {margin-left:-33%;width:42%;}
    @keyframes obj-01-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-02-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 15.3rem;}}

    .obj-11 {margin-left:-20%;width:58%;}
    .obj-12 {margin-left:-47%;width:40%;}
    @keyframes obj-11-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-12-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 4.5rem;}}


    .obj-21 {margin-left:-20%;width:58%;}
    .obj-22 {margin-left:-48%;width:96%;}
    @keyframes obj-21-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-22-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 8.5rem;}}


    .obj-31 {margin-left:-20%;width:58%;}
    .obj-32 {margin-left:-41%;width:50%;}
    @keyframes obj-31-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-32-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}


    .obj-41 {margin-left:-27%;width:58%;}
    .obj-42 {margin-left:-34%;width:24%;}
    @keyframes obj-41-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-42-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}

    .obj-51 {margin-left:-20%;width:58%;}
    .obj-52 {margin-left:-60%;width:80%;}
    @keyframes obj-51-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-52-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 5rem;}}


    .obj-61 {margin-left:-29%;width:58%;}
    .obj-62 {margin-left:-58%;width:40%;z-index:5;}
    .obj-63 {margin-left:18%;width:40%}
    @keyframes obj-61-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-62-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 9.5rem;}}
    @keyframes obj-63-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 9.5rem;}}


    .obj-71 {margin-left:-29%;width:58%;}
    .obj-72 {margin-left:14%;width:20%;z-index:15;}
    @keyframes obj-71-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 0;}}
    @keyframes obj-72-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 24rem;}}


    .obj-81 {margin-left:-30%;width:80%;}
    .obj-82 {margin-left:-30%;width:20%;z-index:15;}
    @keyframes obj-81-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 3rem;}}
    @keyframes obj-82-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 3rem;}}

    .obj-91 {margin-left:-30%;width:80%;}
    @keyframes obj-91-ani {from {opacity:0;bottom: -10rem;} to {opacity:1;bottom: 3rem;}}







    .obj-101 {margin-left:-47%;width:13%;}
    .obj-102 {margin-left:-42%;width:13%;}
    .obj-103 {margin-left:26%;width:13%;}
    .obj-104 {margin-left:31%;width:13%;}
    @keyframes obj-101-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 12rem;}}
    @keyframes obj-102-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 28rem;}}
    @keyframes obj-103-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 16rem;}}
    @keyframes obj-104-ani {from {opacity:0;bottom: 0;} to {opacity:1;bottom: 3rem;}}

    @keyframes obj-111-ani {from {left:0;} to {left:-96rem;}}
    @keyframes obj-112-ani {from {right:0;} to {right:-96rem;}}
    @keyframes obj-113-ani {from {left:0;} to {left:-96rem;}}




    .swiper {height:40%;}
    .bottom-arrow {left:2rem;bottom:2rem;width:3rem;height:1.8rem;}
    @keyframes b_arrow_move {0% {bottom:4rem; opacity:0;} 80% {bottom:2rem;opacity:1;} 100% {bottom:3rem;opacity:0;}}


    section#page-11 .text-box, section#page-12 .text-box {top: 15vh;}
    section#page-12 .banner-set {top: auto;bottom:10vh;margin-top: 0;}
    section#page-12 .banner-set > div {height:3.2rem;margin-bottom:2.5rem;}
    section#page-12 .banner-set > div >div {width:192rem;height:3.2rem;}

    section#page-13 .footer-title {font-size: 4.8rem;line-height: 6rem;}
    section#page-13 .footer-info {font-size: 1.4rem;line-height: 2rem;}
}
