@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Sans+SC:wght@100..900&family=Outfit:wght@100..900&display=swap');

body{font-family:'Noto Sans JP','Pretendard', dotum, sans-serif;}
input, button {margin:0;padding:0;font-family:'Noto Sans JP','Pretendard', dotum, sans-serif;}
textarea, select {font-family:'Noto Sans JP','Pretendard', dotum, sans-serif;}

.about_map .map_img::before {position: absolute;width: 10vw;aspect-ratio: 270 / 480;background: url(../img/map2_jp.png) no-repeat center / cover;content: '';top: -5%;left: 31%;}
.about_map .map_img::after { background: url(../img/map3_jp.png) no-repeat center / cover; }

.stem .stem_4 .g_box p + p { width: 100%; padding-left: 0; }
.stem .stem_5 .a_link { padding-left: 30px; }
.sub .a_link { width: 220px; }
.stem .stem_4 .g_box { gap: 25px; }

#header #hd_nav .submenu{width: 180px;}

.float_menu ul li.li_1 a .txt { position: absolute; top: 40%; left: 50%; width: 160%; display: block; transform: translate(-50%, 50%) rotate(90deg); }
.float_menu ul li.li_2 a .txt { position: absolute; top: 39%; left: 50%; width: 200%; display: block; transform: translate(-50%, 50%) rotate(90deg); }
.float_menu ul li.li_2 a .ico { position: absolute; bottom: 20px; left: 53%; transform: translateX(-50%); }
.foot_nav div + div { margin-left: 10px; }
.foot_nav div { width: 100px; }

@media screen and (max-width: 1550px) {
    p, a, div, input, body {
        word-break: break-all;
    }
}

@media screen and (max-width: 1024px) {
.foot_nav div { width: 20%; text-align: center; margin-top: 30px; }
.foot_nav div { width: 70px; }
.foot_nav div + div { margin-left: 0px; }

}

@media screen and (max-width: 500px) {
    .about .list li .desc {
        font-size: 14px;
        word-break: break-all;
    }
}