@charset "UTF-8";

.policy-area {background: url('../../images/sub/plan_bg.jpg') top center no-repeat; padding: 180px 8% 0 8%;}

.policy-cont {position: relative; background: url('../../images/sub/plan_txt_bg.jpg') left top no-repeat #fff; padding: 40px; overflow: hidden;}

.policy-cont.corp::after {display: none;}
.policy-cont dl {position: relative;z-index: 1;}
.policy-cont dt {float: left; position: relative; color: #1f1f1f; font-size: 26px; font-family: 'Noto Regular'; width: 40%; padding-right: 20px;}
.policy-cont dt::after {content: ''; position: absolute; left: 3px; bottom: -30px; width: 40px; height: 5px; background-color: #1e1e1e;}
.policy-cont dd {float: right; width: 60%;}
.policy-cont p {margin-bottom: 20px;font-size: 16px; color: #666; line-height: 1.7;}
.policy-cont.corp p {margin-bottom: 0;}
.policy-cont ul {display:inline-block; width:100%;}
.policy-cont li {position: relative;color: #666;padding-left: 18px;margin: 6px 0; width:50%; float:left;}
.policy-cont li::before {content: ''; position: absolute; width: 10px; height: 10px; left: 0; top: 50%; margin-top: -5px; border-radius: 50%; border: 2px solid #018cff; background-color: #fff;}

@media all and (max-width: 860px) {
  .policy-area {padding: 0 !important;}
  .policy-cont {padding: 30px;}
  .policy-cont li {width:100%; float:none;}
}

@media all and (max-width: 620px) {
  .policy-cont {padding: 20px; background-size: cover;}
  .policy-cont dt, .policy-cont dd {float: none;width: 100%;}
  .policy-cont dt {font-size: 22px; margin-bottom: 30px;}
  .policy-cont dt::after {width: 30px; height: 3px; bottom: -10px;}
}

.HsSlogan {position: relative; background: url('../../images/sub/purpose_bg.jpg') center center no-repeat; overflow: hidden; padding: 45px 0; background-size: cover;}
.HsSlogan > p {text-align: center; font-size: 26px; line-height: 36px; color: #1f1f1f;}
.HsSlogan > p span {color: #183d93;}

.HsSlogan::before {content: '';position: absolute;left: -20px;top: -105px;width: 266px;height: 236px;background: url('../../images/sub/word-left.png') center center no-repeat;}
.HsSlogan::after {content: '';position: absolute;right: 0;bottom: -50px;width: 267px;height: 187px;background: url('../../images/sub/word-right.png') center center no-repeat;}

.HsSlogan .inner {width: 100%; max-width: 860px; margin: 0 auto; overflow: hidden;}
.HsSlogan ul {position: relative; overflow: hidden; padding: 40px 0;}
.HsSlogan ul::before {content: '';position: absolute;left: 8%;top: 50%;width:84%;height:1px;background: url('../../images/sub/line-bg.png');}
.HsSlogan li {position: relative;z-index: 1;float: left; width: calc(100% / 3 - 1px);}
.HsSlogan .wrap {display: table; width: 224px; height: 224px;text-align: center;background-repeat: no-repeat; background-position: center center;padding: 30px;margin: 0 auto;}
.HsSlogan li:nth-child(1) .wrap {background-image: url('../../images/sub/word-back-01.png');}
.HsSlogan li:nth-child(2) .wrap {background-image: url('../../images/sub/word-back-02.png');}
.HsSlogan li:nth-child(3) .wrap {background-image: url('../../images/sub/word-back-03.png');}
.HsSlogan li p {display: table-cell; vertical-align: middle; color: #fff; font-size: 16px; line-height: 22px; background: url('../../images/sub/vision2022-dt-bg.png'); border-radius: 50%;}
.HsSlogan li:nth-child(1) p {background-color: #183d93;}
.HsSlogan li:nth-child(2) p {background-color: #018cff;}
.HsSlogan li:nth-child(3) p {background-color: #43505d;}


@media all and (max-width: 600px) {
  .HsSlogan ul::before {width:2px; height: 70%; left: 50%; top: 15%;}
  .HsSlogan li {float: none;width: 100%;margin-right: 0;margin: 20px 0;}
}


.organ {text-align: center;}

.organ .or-head .pres {position: relative; width: 100%; padding-bottom: 60px;}
.organ .or-head .pres::after {content: ''; position: absolute; width: 1px; height: 35px; left: 50%; bottom: 0; background: url('../../images/sub/hori-line.jpg'); }
.organ .or-head .pres p {position: relative; display: table; width: 200px; height:200px; text-align: center; background: url('../../images/sub/pres-bg.png') center center no-repeat; margin: 0 auto;}
.organ .or-head .pres p::before {content: '';position: absolute; width: 87px; height: 104px; bottom:-5px; left: -5px; margin-left: 0;background: url('../../images/sub/pres-before.png') center center no-repeat; z-index: -1;}
.organ .or-head .pres p::after {content: '';position: absolute; width: 84px; height: 162px; bottom:0; right: -30px; margin-right: 0; background: url('../../images/sub/pres-after.png') center center no-repeat; z-index: -1;}
.organ .or-head .pres span {display: table-cell; vertical-align: middle; color: #fff; font-size: 24px; font-family: 'Noto Medium';}
/**/
.organ .or-head .branch {position: relative; width: 100%; max-width: 740px; margin: 0 auto; overflow: hidden;}
.organ .or-head .branch .outer-list {overflow: hidden; position: relative;}
.organ .or-head .branch .outer-list::before {content: ""; position: absolute; width: 560px; height: 1px; background: url('../../images/sub/ver-line.jpg'); top: 0; left: 90px;}
.organ .or-head .branch .outer-list > li {position: relative; float: left; width: 180px; margin-right: 100px; padding-top: 45px;}
.organ .or-head .branch .outer-list > li::before {content: ""; position: absolute; width: 1px; height: 35px; background: url('../../images/sub/hori-line.jpg'); left: 50%; top: 0;}
.organ .or-head .branch .outer-list li:last-child {margin-right: 0;}
.organ .or-head .branch li dl {position: relative;}
.organ .or-head .branch li dl::after {content: ''; display: block; clear: both;}
.organ .or-head .branch .right {float: right; padding-top: 74px; padding-left: 10%;}
.organ .or-head .branch li.etc {position: absolute; right: 0; top: 0; width: 50%; padding-left: 10%;}
.organ .or-head .branch li.etc dd {color: #43505d; font-size: 18px; font-family: 'Noto Bold'; border: 1px solid #43505d; padding: 10px; box-sizing: border-box; width: 42%; max-width: 180px;}
.organ .or-head .branch .left .inner-list {margin-top: 10px;}

.organ .or-head .branch dt, .organ .or-head .branch dd {position: relative; max-width: 180px;}
.organ .or-head .branch dt p, .organ .or-head .branch dd p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.organ .or-head .branch dt {color: #fff; font-size: 18px; border: 1px solid #43505d; background-color: #43505d; padding: 10px}
.organ .or-head .branch dd li {color: #43505d; font-size: 18px;  font-family: 'Noto Bold'; border: 1px solid #43505d; background-color: #fff; padding: 10px; margin-bottom: 10px !important; box-sizing: border-box;}
.organ .or-head .branch dd li p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 'Noto Regular';}


#daumRoughmapContainer1580863780244 {width: 100% !important;}


@media all and (max-width: 860px) {
  .organ .or-head .branch .outer-list > li {width: 24%; margin-right: 14%;}
  .organ .or-head .branch .outer-list::before {width: 76%; left: 12%;}

  .organ .or-head .branch dt, .organ .or-head .branch dd li {font-size: 16px;}
}

@media all and (max-width: 420px) {
  .organ .or-head .branch .outer-list > li {width: 30%; margin-right: 5%;}
  .organ .or-head .branch .outer-list::before {width: 70%; left: 15%;}

}

.greeting-bx {background: url("../../images/sub/greeting_bg.png") no-repeat right top;}
.greeting-bx .greeting-tit {padding-top: 55px; background: url("../../images/sub/greeting_icon.png") no-repeat left top; margin-bottom: 25px;}
.greeting-bx .greeting-tit h3 {position: relative; font-size: 42px; line-height: 52px; color: #222222; font-family: 'Noto Regular'; padding-bottom: 30px;}
.greeting-bx .greeting-tit h3::after {content: ""; position: absolute; width: 40px; height: 2px; background: #2B3E5C; left: 0; bottom: 0;}
.greeting-bx .greeting-tit h3 span {color: #183d93; font-family: 'Noto Bold';}
.greeting-bx > p {font-size: 16px; line-height: 30px; color: #666666; font-weight: 300; word-break: keep-all;}
.greeting-bx .greeting-sign {margin-top: 40px;}
.greeting-bx .greeting-sign p {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 28px; color: #222222; font-weight: 300; margin-right: 10px;}

@media all and (max-width: 420px){

}