@charset "utf-8";

/* container */
#container {position:relative; width:100%; padding-top:165px;}
#container:after {display:block; content:""; clear:both;}

.MC_wrap1{ position:relative; }
.MC_wrap2{ position:relative; padding:70px 0; }
.MC_wrap2 .container{ display: flex; flex-wrap: wrap; gap: 70px 60px; }
.MC_wrap3{ position:relative; padding:125px 0 80px; background:#F2F9FF url(/images/web/international/main/bg_wrap3.png) no-repeat right calc(50% - 35rem) bottom 3rem;}

.MC_box1 { position: relative; width:100%; height: 815px; z-index: 0;}
.MC_box2 { position:absolute; width:calc(100% - 40px); max-width:1000px; right:calc(50% - 700px); bottom:80px; z-index: 1;}
.MC_box3 { position:relative; width:100%;}
.MC_box4 { position:relative; flex: 1; min-width: 0px;}
.MC_box5 { position:relative; flex: 1; min-width: 0px;}
.MC_box6 { position:relative; width:100%;}

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

    .MC_box2 { right:20px;}
}

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

    #container {padding-top:70px;}

    .MC_wrap3{ padding:80px 0;}

    .MC_box1 { height: 700px;}
    .MC_box2 { bottom:30px; }

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

    .MC_wrap2{ padding: 30px 0;}
    .MC_wrap2 .container{ gap: 35px 35px;}
    .MC_wrap3{ padding:40px 0;}

    .MC_box1 { height: 500px;}
    .MC_box2 { position:relative; right:auto; bottom:auto; margin:35px 20px 0;}
}

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

    .MC_wrap2 .container{ flex-direction: column;}

    .MC_box4 { flex: none; width: 100%;}
    .MC_box5 { flex: none; width: 100%;}
}

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

    .MC_wrap2{ padding:35px 0;}
}

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

    .MC_box1 { height: 350px;}
}

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

}

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

}