@charset "UTF-8";


/* ================================================== basic ================================================== */
* { word-break: keep-all; }


/* ================================================== header ================================================== */
.h_nav .depth01 { margin: 0; }
.h_nav .depth01::after { right: -.1rem; }
.h_nav .depth01 > li > a { margin: 0 4rem; font-weight: 600; }
.h_nav .depth02 { transform: translateX(4rem); }
.h_nav .depth02 * { font-weight: 400; }


/* ================================================== sub_nav ================================================== */
.sub_nav .depth02 > li > a { font-weight: 400; }


/* ================================================== con ================================================== */
/***** con_top *****/
.con_top .top_txt { font-weight: 400; }


/* ================================================== company ================================================== */
/***** vision *****/
.vision_txt dt { font-weight: 600; }
.vision_txt dd { width: 100%; max-width: 18rem; margin: 2rem auto 0; }


/* ================================================== service ================================================== */
/***** consulting *****/
.consulting dt { font-weight: 600; }
/***** mtnc *****/
.mtnc dt { font-weight: 600;}


/* ================================================== responsive ================================================== */
/***** 320 ~ 768 *****/
@media screen and ( min-width : 320px ) and ( max-width : 768px ) {
    /* ================================================== main ================================================== */
    .main .con .main_info { max-width: 35rem; width: 100%; }
    .main .con .main_info br { display: none; }

    /* ================================================== company ================================================== */
    /* vision */
    .vision_txt dd { max-width: unset; }
}