@charset "utf-8";

/* container */
#container{position:relative; width:100%;}

.container{position:relative; width:100%; max-width:80rem; margin:0 auto;}
.container:after{display:none;}
.MC_wrap1 > .container{max-width:92rem;}
.MC_wrap4 > .container{display:flex; gap:4rem;}

@media screen and (max-width:1900px) {
    .MC_wrap1 > .container{max-width:80rem;}
}

@media screen and (max-width:1640px) {
    #container{padding:0 1rem;}
    .MC_wrap1 > .container{max-width:100%;}
}

/* MC_wrap */
div[class^="MC_wrap"] {position:relative; width:100%;}
.MC_wrap1{padding-top:1.75rem;}
.MC_wrap2{}
.MC_wrap3{}
.MC_wrap4{padding-top:6.2rem;}
.MC_wrap4:before{}
.MC_wrap5{padding-top:5.75rem; padding-bottom:3rem;}
.MC_wrap5:before{display:block; position:absolute; bottom:0; left:0; width:calc(1920px + (100vw - 1920px) * 0.5); height:13rem; background:#003268; border-top-right-radius:8rem; content:'';}

/* MC_box */
div[class^="MC_box"] {position:relative;}
.MC_box1{}
.MC_box2{z-index:3;}
.MC_box3{padding-top:4rem;}
.MC_box4{padding-top:4.5rem;}
.MC_box4:before{display:block; position:absolute; top:calc(100% - 6rem); right:-11rem; width:24.35rem; height:24.5rem; background:url(/images/template/T1001/main/simbol.png) no-repeat left top / cover; content:'';}
.MC_box5{width:37rem;}
.MC_box6{flex:1 1 auto;}
.MC_box7{}

@media screen and (min-width:769px) {
    .MC_box2{position:absolute !important; bottom:0; right:0;}
}

@media screen and (max-width:1640px) {
    .MC_wrap4,
    .MC_wrap5{padding-top:4.5rem;}
    .MC_wrap4 > .container{gap:2rem;}
    .MC_wrap5:before{left:-1rem; width:100vw; height:15vw;}
    
    .MC_box3{padding-top:2.5rem;}
    .MC_box4{padding-top:3rem;}
    .MC_box4:before{right:-3rem; transform:scale(0.8); transform-origin:right center;}
    .MC_box5{width:45vw;}
}

@media screen and (max-width:1440px) {
    .MC_wrap4 > .container{gap:1.5rem;}
}

@media screen and (max-width:1240px) {
    .MC_wrap1{padding-top:5rem;}

    .MC_box2{bottom:-3.5rem; width:100%;}
    .MC_box3{padding-top:4.5rem;}
    .MC_box4{padding-top:4vw;}
    
}

@media screen and (max-width:1200px) {
    .MC_wrap4,
    .MC_wrap5{padding-top:5vw;}
    .MC_wrap4 > .container{flex-direction:column; gap:2rem;}
    .MC_box5,
    .MC_box6{width:100%;}
    .MC_box4:before{transform:scale(0.7);}
}

@media screen and (max-width:1024px) {
    .MC_box2{bottom:-3rem;}
    .MC_box3{padding-top:4rem;}
    .MC_wrap5:before{height:17vw;}
}

@media screen and (max-width:860px) {
    .MC_box4:before{top:calc(100% - 8rem); transform:scale(0.6);}
    .MC_wrap5:before{height:7rem;}
}

@media screen and (max-width:768px) {
    #container{padding:0 0.8rem;}
    .MC_box2{bottom:0;}
    .MC_box3{padding-top:0.5rem;}
}

@media screen and (max-width:700px) {
    .MC_box4{padding-top:2rem;}
}

@media screen and (max-width:640px) {
    .MC_wrap4,
    .MC_wrap5{padding-top:2rem;}
    .MC_box4:before{display:none;}
}

@media screen and (max-width:360px) {
    .MC_wrap5:before{height:5rem; border-radius:0;}
}