@charset "utf-8";

#site-header .logo a { background: url(../images/common/site-logo.svg) center no-repeat;background-size: 100% }
#site-header.main .logo a { background: url(../images/common/site-logo-w.svg) center no-repeat;background-size: 100%;}
#site-header.scrollDown .logo a { background: url(../images/common/site-logo.svg) center no-repeat;background-size: 100%; }
#site-header.menuOn .logo a { background: url(../images/common/site-logo.svg) center no-repeat;background-size: 100% }
#site-header .menu > li { margin: 0 10px; }
#site-header .menu > li > .depth2 > ul > li { padding: 0 15px; }
#site-header .menu > li > .depth2 > ul > li > a { font-size: 14px; }

#site-nav .menu > ul > li > a { font-size: 25px; }


#employ_sec_02 ul > li .tit {flex: none; width: 370px}

#shared1_sec .title p {display: flex;align-items: center;justify-content: space-between;white-space: normal;padding-right: 14px;}
#shared1_sec .title p:after {position: relative;right:0}
#sub-menu ul > li + li { margin-left: 40px; }
#site-nav .menu > ul > li > .depth2 > ul > li > a { font-size: 1em; }


.citizen_banner_img { display: none; }
#shared1_sec .objList .tit {line-height: 1.4;font-size: 1.26em;}
#shared1_sec .objList .tit > div {padding: 0 10%;}


#citizen2_sec .concept > article, #citizen2_sec .concept > div { font-size: 0.86em; }

#vision1_sec_05 .secObj > li {width: 300px;height: 300px}
#vision1_sec_05 .secObj > li .tit {font-size: 24px}

.sub-page-banner > .inner {height:370px}
.sub-page-banner .text {width:auto;font-size: 29px;}

.row.vision > .col_2 {width:20%;min-width: 210px;}
.row.vision > .col_10 {width:80%;}

#ethical1_sec_02 dl {gap:20px}
#ethical1_sec_02 dl dt {width: 250px;}

#fairTrade1_sec_01 .secText .sign .t2 {font-size: 20px;color: #000;font-weight: 800;}

#vision1_sec_03 .secText .txts_box {max-width: 880px;}
#vision1_sec_03 .secText .txts_box .txt_s {font-size: 15px;}