@charset "utf-8";
.sub_top { padding:50rem 0; display:flex; justify-content:space-between; align-items:center; }
.sub_top .loca { display:flex; flex-wrap:wrap; align-items:center; padding-left:10rem; }
.sub_top .loca li { display:flex; align-items:center; }
.sub_top .loca li::before { content:''; display:block; width:20rem; height:1px; background:#ccc; margin:0 15rem; }
.sub_top .loca li a {display:block; color:#777; }
.sub_top .loca li:last-of-type a {color:#222; font-weight:700; }
.sub_top .loca li.home a { position:absolute; left:-9999px; top:-9999px; }
.sub_top .loca li.home::before { background:var(--sprite) 0 -109px; width:13px; height:12px; margin:0; }
.sub_top h3 { font-size:50rem; font-family:var(--gia); font-weight:400; line-height:1.4; margin-right:60rem;}
@media all and (max-width:1240px){
    .sub_top {flex-wrap:wrap;}
    .sub_top .loca {width:100%;}
    .sub_top h3 {order:1; width:100%; margin-right:0; margin-top:20rem;}
}
@media all and (max-width:768px){
    .sub_top {padding:30rem 0;}
}
@media all and (max-width:480px){
    .sub_top .loca { padding-left:5rem; }
    .sub_top .loca li::before {width:10rem;}
    .sub_top h3 {font-size:35rem;}
}

#s_nav::after { content:''; display:table; clear:both; }
#s_nav li { position:relative; float:left; width:calc(65%/3); margin-left:1.5%; }
#s_nav li:first-of-type {margin-left:0; }
#s_nav li > a { position:relative; display:flex; align-items:center; height:50rem; padding:0 60rem 0 30rem; line-height:1.3; background:var(--b_blue); border-radius:10rem; box-shadow:3rem 3rem 8rem rgba(0,0,0,0.2); }
#s_nav li > a::before { content:''; position:absolute; right:30rem; top:46%; width:8rem; height:8rem; background:linear-gradient(-45deg, #a2a2a2 50%, transparent 50%); transform:rotate(45deg) var(--hcenter); }
#s_nav li:last-of-type > a {font-weight:800; color:#222;}
#s_nav li.on > a { font-weight:800; border-radius:20rem 20rem 0 0;background:#242c38; color:#fff; }
#s_nav li > a span {display:block; word-break:break-all;}
#s_nav div { display:none; position:absolute; left:0; top:50rem; width:100%; background:#242c38; border-radius:0 0 20rem 20rem; padding:10rem 30rem 20rem; z-index: 200;}
#s_nav div a { position:relative; display:flex; align-items:center; color:#fff; padding:3rem 15rem; font-size:17rem; }
#s_nav div a::before {content:''; position:absolute; left:0; top:15rem; width:4rem; height:4rem; border-radius:50%; background:#fff; }
#s_nav div a:hover { opacity:0.5; }
#s_nav div a span {display:block; word-break:break-all; line-height:1.5;}
#s_nav a[target="_blank"] span { display:inline-block; position:relative; padding:0 25rem 0 0; }
#s_nav a[target="_blank"] span::before { content:''; position:absolute; right:0; top:7rem; background:var(--sprite) -30px -1px; margin-left:10rem; width:13px; height:13px; }


@media all and (max-width:768px){
    #s_nav li { width:calc(98%/3); margin-left:1%; }
    #s_nav li > a {padding:0 25rem 0 15rem; }
    #s_nav li > a::before {right:20rem; }
    #s_nav div {padding:0 15rem 10rem; }
}

#contents {padding:30rem 0;}