@charset "utf-8";

#multipleDiv_chosun_01_9{z-index:1003;}

body .wrap-header .head-navi .div_2.on:after{top: 135px;}

@media all and (max-width:1920px) {
  body .wrap-header .head-navi .div_2.on:after{top: 133px;}
}

@media all and (min-width:1023px) {
  .wrap-header .head-navi .ul_2{display:flex;white-space:nowrap;}
  .wrap-header .head-navi .div_2{right:0;left:auto;}
}

/**main**/
@media all and (min-width:1920px) {
  .main .wrap-issue{background-size:cover;}
  .wrap-visual .slider li img{width:100%;}
  .wrap-visual .prevnext{bottom:200px;}
  .wrap-visual .slick-counter-wrap{bottom:175px;}
  .wrap-visual .control{bottom:176px;}
}

/**common**/
._objHeading:nth-child(1) h2{margin-top: 5px;}
.sub .wrap-contents .objHeading_h3{font-size:20px;color:#333;padding-top:1px;padding-left:27px;font-family:'Noto Regular';}
.sub .sub-visual{background-size:cover;}
.sub .wrap-contents .subject h2{padding-bottom:20px;}
.sub .tab{padding-bottom:0;}
.sub .tab .menuUItab .tab_div{padding-bottom:25px;}
.sub .wrap-page-top{z-index:9;}

/**tab-none**/
.tab_div .li_3_12452,
.tab_div .li_3_12453,
.tab_div .li_3_12454,
.tab_div .li_3_12455{display:none;}

/**sub**/
.puble-this-q {background:#1c274f;border-radius:10px;padding:12px;}
.puble-this-q > strong{display:block;color:#fff;font-size:22px;padding: 0 0 10px 15px;font-family:'Noto Medium';}
.puble-this-q > div{background:#fff;border-radius:10px;}
.puble-this-q > div > span{display:block;padding:3px 0 4px 15px;font-size:22px;background:#32b6a0;border-radius:10px;color:#fff;font-family:'Noto Medium';}
.puble-this-q > div > ol{padding:10px 0 10px 5px;}
.puble-this-q > div > ol > li{font-size:18px;font-family:'Noto Medium';color:#121212;padding: 5px;position:relative;padding-left:200px;}
.puble-this-q > div > ol > li + li{margin-top:5px;}
.puble-this-q > div > ol > li:nth-child(4){border:1px dashed #f8c0cf;background:#ffdae7;border-radius:50px;}
.puble-this-q > div > ol > li span{color: #32b6a0;position:absolute;left:5px;}

.graph-wrap{background:#f8f8f8;padding:100px 25px;}
.graph-wrap > ul{display:grid;grid-template-columns:1fr 1fr;text-align:center;gap:60px 0;}
.graph-wrap > ul li:nth-child(4){padding-left:40px;}

@media all and (max-width:1400px) {
  .graph-wrap > ul li:nth-child(4){padding-left: 20%;padding-right: 10%;}
}

@media all and (max-width:767px) {
  .graph-wrap > ul{grid-template-columns:1fr}
  .graph-wrap > ul li:nth-child(4){padding-left: 17%;padding-right: 13%;}  
}

.prc-sk {display:flex;gap:5px;}
.prc-sk > div{width:100%;}
.prc-sk > div > strong{display:block;text-align:center;padding: 17px 0 12px;border:1px solid #0060a9;font-size:22px;color:#0060a9;font-family:'Noto Medium';line-height:1;vertical-align: middle;}
.prc-sk > div > strong:before{content:'';width: 41px;height: 41px;background:url('../../images/sub/prac-icon01.png') no-repeat center;display:inline-block;margin-right: 15px;vertical-align: middle;position: relative;top: -5px;}
.prc-sk > div > ul{display:flex;justify-content:space-between;gap:5px;margin-top:22px;}
.prc-sk > div > ul > li{width:100%;}
.prc-sk > div > ul > li > span{display:block;text-align:center;padding:20px 0;color:#fff;font-size:20px;font-family:'Noto Medium';background:#3da6de;margin-bottom:5px;}
.prc-sk > div > ul > li > ul{padding: 25px 20px;border:1px solid #3da6de;margin-bottom:5px;min-height: 200px;}
.prc-sk > div > ul > li > ul > li{position:relative;font-size: 17px;font-family:'Noto Light';line-height:1.4;letter-spacing:-0.05em;padding-left: 12px;}
.prc-sk > div > ul > li > ul > li:before{content:'';width:6px;height:6px;position:absolute;left:0;top: 9px;background:#3da6de;border-radius:50%;}
.prc-sk > div > ul > li > ul > li + li{margin-top:15px;}

.prc-sk > div.left > ul > li:nth-child(2) > span{background:#3482c5;}
.prc-sk > div.left > ul > li:nth-child(2) > ul{border-color:#3482c5;}
.prc-sk > div.left > ul > li:nth-child(2) > ul > li:before{background:#3482c5;}

.prc-sk > div.left > ul > li:nth-child(3) > span{background:#2b5eac;}
.prc-sk > div.left > ul > li:nth-child(3) > ul{border-color:#2b5eac;}
.prc-sk > div.left > ul > li:nth-child(3) > ul > li:before{background:#2b5eac;}

.prc-sk > div.right > strong{color:#00a39f;border-color:#00a39f;}
.prc-sk > div.right > strong:before{content:'';width: 41px;height: 41px;background:url('../../images/sub/prac-icon02.png') no-repeat center;display:inline-block;margin-right: 15px;vertical-align: middle;position: relative;top: -5px;}


.prc-sk > div.right > ul > li:nth-child(1) > span{background:#243f96;}
.prc-sk > div.right > ul > li:nth-child(1) > ul{border-color:#243f96;}
.prc-sk > div.right > ul > li:nth-child(1) > ul > li:before{background:#243f96;}

.prc-sk > div.right > ul > li:nth-child(2) > span{background:#23318a;}
.prc-sk > div.right > ul > li:nth-child(2) > ul{border-color:#23318a;}
.prc-sk > div.right > ul > li:nth-child(2) > ul > li:before{background:#23318a;}

.prc-sk > div.right > ul > li:nth-child(3) > span{background:#22217c;}
.prc-sk > div.right > ul > li:nth-child(3) > ul{border-color:#22217c;}
.prc-sk > div.right > ul > li:nth-child(3) > ul > li:before{background:#22217c;}

@media all and (max-width:1500px) {
  .prc-sk > div > ul > li > ul{min-height:250px;}
}

@media all and (max-width:1400px) {
  .prc-sk > div > ul > li > span{font-size:18px;padding:15px 0;}
  .prc-sk > div > ul > li > ul{padding:20px 15px;}  
  .prc-sk > div > ul > li > ul > li{font-size:16px;}
}

@media all and (max-width:1200px) {
  .prc-sk{display:block;}
  .prc-sk > div{margin-bottom:40px;}
  .prc-sk > div > ul > li > ul{min-height:200px;}  
  .prc-sk > div > ul > li > div > img{width:100%;}  
}

@media all and (max-width:1023px) {
  .prc-sk > div > ul > li > ul{min-height:160px;}
}

@media all and (max-width:767px) {
  .prc-sk > div > ul{display:block;}
  .prc-sk > div > ul > li > ul{min-height:initial;}
  .prc-sk > div > ul > li > div{text-align:center;display:none;}
  .prc-sk > div > ul > li > div > img{width:auto;}  
}

.parti-title{background:#005bab;padding:10px;text-align: center;}
.parti-title .inner{border:1px solid #fff;padding:50px 25px 45px;}
.parti-title .inner > span{font-family:'Noto Light';font-size:16px;color:#fff;display:block;margin-bottom:5px;}
.parti-title .inner > strong{font-family:'Noto Medium';font-size:34px;color:#fff;letter-spacing:-.025em;padding-bottom:20px;margin-bottom:25px;position:relative;display:block;}
.parti-title .inner > strong:after{content:'';width:40px;height:1px;background:#9ec1df;position:absolute;left:50%;bottom:0;margin-left:-20px;}
.parti-title .inner > ul{display:flex;justify-content:center;}
.parti-title .inner > ul > li{padding: 0 25px;position:relative;}
.parti-title .inner > ul > li + li:before{content:'';width:1px;height:10px;background:#fff;position:absolute;left:0;top:50%;margin-top:-5px;}
.parti-title .inner > ul > li a{font-family:'Noto DemiLight';font-size:18px;color:#fff;position:relative;z-index:1;}
.parti-title .inner > ul > li a:before{content:'';width:16px;height:16px;background:#008eb5;border-radius:50%;position:absolute;left:-5px;top:0;z-index:-1;opacity:0;transition:all ease .5s;}
.parti-title .inner > ul > li a:hover:before,
.parti-title .inner > ul > li.on a:before{font-family:'Noto Bold';opacity:1;}

@media all and (max-width:1400px) {
  .parti-title .inner > strong{font-size:28px;}
}

@media all and (max-width:1200px) {
  .parti-title .inner > strong{font-size:22px;word-break: keep-all;}
  .parti-title .inner > ul > li a{font-size:16px;}
  .parti-title .inner > ul{flex-wrap:wrap;}  
  .parti-title .inner > ul > li{width:50%;}  
  .parti-title .inner > ul > li:before{display:none;}  
}

@media all and (max-width:767px) {
  .parti-title .inner{padding:35px 15px 25px;}
  .parti-title .inner > ul > li{padding:0;margin-bottom:5px;}
  .parti-title .inner > ul > li a{font-size:14px;}
}

.biz-intro{padding: 60px 35px;}
.biz-intro > ul{display:flex;}
.biz-intro > ul > li + li{margin-left:95px;}
.biz-intro > ul > li > div{width:295px;height:295px;padding:10px;border-radius:50%;text-align:center;border:1px dashed #008bdc;margin-bottom:100px;position: relative;}
.biz-intro > ul > li > div > strong{display:block;width: 272.5px;height: 272.5px;justify-content: center;align-items: center;display:flex;border-radius: 50%;background: #008bdc;color: #fff;font-size: 42px;font-family: 'Noto Bold';}
.biz-intro > ul > li:nth-child(2) > div{border-color:#273ca5;}
.biz-intro > ul > li:nth-child(2) > div > strong{background: #273ca5;}
.biz-intro > ul > li:nth-child(3) > div{border-color:#203062;}
.biz-intro > ul > li:nth-child(3) > div > strong{background: #203062;}
.biz-intro > ul > li > div:before{content:'';width:1px;height:50px;border:1px dashed #008bdc;position:absolute;left:50%;top: calc(100% + 15px);}
.biz-intro > ul > li > div:after{content:'';width:11px;height:11px;background:#008bdc;border-radius:50%;position:absolute;top: calc(100% + 75px);margin-left:-4.5px;}

.biz-intro > ul > li > p{text-align:center;font-size:18px;font-family:'Noto Regular';color:#555;word-break:keep-all;padding: 0 10px;}
.biz-intro > ul > li > p span{font-family:'Noto Medium';color:#008bdc;letter-spacing:-0.05em;}
.biz-intro > ul > li:nth-child(2) > p span{color:#273ca5;}
.biz-intro > ul > li:nth-child(3) > p span{color:#203062;}

.biz-intro > ul > li:nth-child(2) > div:before{border-color:#273ca5;}
.biz-intro > ul > li:nth-child(2) > div:after{background:#273ca5;}

.biz-intro > ul > li:nth-child(3) > div:before{border-color:#203062;}
.biz-intro > ul > li:nth-child(3) > div:after{background:#203062;}

.biz-goal{margin-bottom:100px;}
.biz-goal > p{font-size:26px !important;text-align:center;font-family:'Noto Bold';color:#282828 !important;background:#f9f8f6;padding:40px 25px;}
.biz-goal > ul.biz-goal-org{display:flex;margin-top:115px;position: relative;}
.biz-goal > ul.biz-goal-org:before{content:'';width:1px;height:65px;border:1px dashed #cacaca;position:absolute;left:50%;top:-115px;}
.biz-goal > ul.biz-goal-org > li{width:100%;text-align:center;border:1px solid #cfcfcf;display: flex;align-items: center;justify-content: center;padding: 30px 15px;position: relative;}
.biz-goal > ul.biz-goal-org > li + li{margin-left:30px;}
.biz-goal > ul.biz-goal-org > li:before{content:'';width:1px;height:50px;border:1px dashed #cacaca;position: absolute;left: 50%;top: -50px;}
.biz-goal > ul.biz-goal-org > li:after{content:'';width:calc(100% + 30px);height:1px;border:1px dashed #cacaca;position:absolute;left:50%;top:-50px;}
.biz-goal > ul.biz-goal-org > li:nth-last-child(1):after{display:none;}
.biz-goal > ul.biz-goal-org > li p{font-family:'Noto Regular';color:#666;font-size:18px;letter-spacing:-0.025em;position:relative;}
.biz-goal > ul.biz-goal-org > li p span{color:#0060a9;}
.biz-goal > ul.biz-goal-org > li p i{display:block;}
.biz-goal > ul.biz-goal-org > li p:after{content:'';width:11px;height:11px;background:#0060a9;position:absolute;left:50%;top: -35px;border-radius:50%;margin-left: -4px;}

.biz-goal.seven > p strong{color:#00c0bd;font-family:'Noto Bold';}
.biz-goal.seven > ul.biz-goal-org > li{padding-left:28px;padding-right:28px;word-break:keep-all;}
.biz-goal.seven > ul.biz-goal-org > li p{min-height: 120px;}
.biz-goal.seven > ul.biz-goal-org > li p span{display:block;margin-bottom:10px;color:#00c0bd;font-family: 'Noto Medium';}

.biz-goal-step{margin: 65px 0;display: flex;justify-content: center;}
.biz-goal-step > li{width:155px;height:155px;border:1px solid #121212;border-radius:50%;display:flex;align-items: center;justify-content: center;font-size: 20px;position:relative;font-family: 'Noto Medium';}
.biz-goal-step > li > span{display:block;position:relative;}
.biz-goal-step > li + li{margin-left:45px;}
.biz-goal-step > li:after{content:'';width:15px;height:15px;border-radius:50%;border:4px solid #fff;border-radius:50%;background:#aaa;position:absolute;right:-7.5px;top:50%;margin-top:-7.5px;}
.biz-goal-step > li:before{content:'';width:15px;height:15px;border-radius:50%;border:4px solid #fff;border-radius:50%;background:#aaa;position:absolute;left:-7.5px;top:50%;margin-top:-7.5px;}
.biz-goal-step > li > span:before{content:'';width:45px;height:1px;background:#ebebeb;position:absolute;left: 95px;top:50%;}

.biz-goal-step > li:nth-last-child(1):after,
.biz-goal-step > li:nth-child(1):before{display:none;}

.topper-step{display:flex;gap:10px;}
.topper-step > li{width:100%;}
.topper-step > li > span{display:block;text-align:center;padding:20px;background:#0060a9;color:#fff;font-family:'Noto Medium';font-size:24px;}
.topper-step > li:nth-child(2) > span{background:#203062;}

.topper-step > li .inner-ul{border:1px solid #0060a9;padding: 40px 45px;}
.topper-step > li .inner-ul > li{font-size:18px;font-family:'Noto Light';color:#333333;padding-left:22px;position:relative;}
.topper-step > li .inner-ul > li:before{content:'';width:8px;height:8px;background:#0060a9;border-radius:50%;position:absolute;left:0;top:50%;margin-top:-4px;}
.topper-step > li .inner-ul > li + li{margin-top:12px;}

.topper-step > li:nth-child(2) .inner-ul > li:before{background:#203062;}
.topper-step > li:nth-child(2) .inner-ul{border-color:#203062;}

.botton-step{margin-top:10px;display:flex;gap: 10px;}
.botton-step > li{width:100%;background: #189ff4;color: #fff;text-align: center;padding: 25px 25px 25px 75px;font-size: 18px;font-family:'Noto Medium';position:relative;letter-spacing: -0.05em;line-height: 1.4;}
.botton-step > li i{display:block;}
.botton-step > li > span{width:40px;height:40px;background:#fff;font-size:18px;font-family:'Noto Medium';border-radius:50%;color:#189ff4;position:absolute;left:25px;top:50%;margin-top:-20px;display:flex;justify-content: center;align-items: center;}
.botton-step > li:nth-child(even){background:#027bc1;}
.botton-step > li:nth-child(even) > span{color:#027bc1;}

.biz-st{}
.biz-st:before{content:'';width:340px;height:643px;position:absolute;z-index: -1;left:50%;margin-left: -174px;top: 170px;background:url('../../images/sub/big-arrow.png') no-repeat center center;}
.biz-st > .box-txt{text-align:center;margin-bottom: 35px;}
.biz-st > .box-txt > strong{color: #282828;padding: 30px;background: #f9f8f6;display:block;font-size: 26px;font-family: 'Noto Bold';font-weight: normal;letter-spacing: -0.025em;line-height: 1.25;}

.biz-st .non-txt{font-family:'Noto Regular';font-size:30px;text-align: center;padding: 35px 0 75px;line-height: 1.35;letter-spacing:-0.025em;}
.biz-st .non-txt > span{font-family:'Noto Bold';color:#189ff4;}
.biz-st .non-txt > strong{font-family:'Noto Bold';}
.biz-st .non-txt i{display:block;}

.biz-st .botton-box .top{background:#189ff4;color:#fff;text-align:center;padding:30px;font-size:24px;font-family:'Noto Medium';line-height: 1;margin-bottom: 25px;}
.list-wrap{display:flex;justify-content: space-between;position:relative;}
.list-wrap:after{content:'';width: 87px;height: 38px;position:absolute;left:50%;top:50%;background:url('../../images/sub/constra-arrow.png') no-repeat;transform: translate(-50%, -50%);}
.list-wrap > div{width:100%;}
.list-wrap > div + div{margin-left:200px;}
.list-wrap > div > strong{border:1px solid #0060a9;display:block;text-align:center;padding: 90px 25px 30px;font-family: 'Noto Medium';font-size: 22px;line-height:1.4;color: #0060a9;letter-spacing: -0.025em;position: relative;background: #fff;}
.list-wrap > div > strong:before{content:'';width: 27px;height: 42px;background:url('../../images/sub/biz-st-icon01.png') no-repeat center;position:absolute;left: 50%;top: 33px;margin-left: -13.5px;}
.list-wrap > div.green > strong:before{width: 36px;height: 37px;background:url('../../images/sub/biz-st-icon02.png') no-repeat center;margin-left: -18px;}
.list-wrap > div > span{display:block;text-align:center;margin-top: 25px;background: #0060a9;color: #fff;padding: 20px;font-size: 22px;font-family: 'Noto Medium';margin-bottom: 5px;}
.list-wrap > div > p{border:1px solid #0060a9;display:flex;text-align:center;padding: 15px;font-family: 'Noto Light';font-size: 18px;line-height:1.4;color: #333;letter-spacing: -0.025em;height:100px;align-items: center;justify-content: center;}
.biz-st .botton-box .bottom{background: #203062;color:#fff;text-align:center;padding:30px;font-size:24px;font-family:'Noto Medium';line-height: 1;margin-top: 25px;}

.list-wrap > div.green > strong{border-color:#00a39f;color:#00a39f;}
.list-wrap > div.green > span{background:#00a39f;}
.list-wrap > div.green > p{border-color:#00a39f;}

@media all and (max-width:1500px) {
  .biz-intro > ul > li + li{margin-left:50px;}
  .biz-intro > ul > li > div{width:220px;height:220px;margin: 0 auto 100px;}
  .biz-intro > ul > li > div > strong{width:200px;height:200px;font-size:32px;}

  .biz-goal > ul.biz-goal-org > li p{font-size:16px;height: 75px;}
  .biz-goal > ul.biz-goal-org > li p i{display:inline-block;}
  .biz-goal-step > li{width:100px;height:100px;}
  .biz-goal-step > li > span:before{width:25px;left: 77px;}
  .biz-goal-step > li:nth-last-child(1) > span:before{display:none;}

  .botton-step > li{font-size:16px;padding-left: 55px;}
  .botton-step > li > span{width:30px;height:30px;font-size:14px;margin-top: -15px;left: 15px;}

  .biz-goal.seven > ul.biz-goal-org > li p{min-height: initial;height: 100%;}
}

@media all and (max-width:1350px) {
  .botton-step{flex-wrap:wrap;gap: 0;}
  .botton-step > li{width: calc(100% / 3 - 10px);margin: 5px;}  
}

@media all and (max-width:1200px) {
  .biz-intro{padding:50px 25px;}
  .biz-intro > ul > li + li{margin-left:25px;}
  .biz-intro > ul > li > div{width:180px;height:180px;}
  .biz-intro > ul > li > div > strong{width:160px;height:160px;font-size:24px;}
}

@media all and (max-width:860px) {
  .biz-goal-step{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 40px 20px;}
  .biz-goal-step > li,
  .biz-goal-step > li + li{margin-left: auto;margin-right: auto;background: #fff;}
  .biz-goal-step > li > span:before{width: 150px;}
  .biz-goal-step > li:nth-child(3):after,
  .biz-goal-step > li:nth-child(4):before,
  .biz-goal-step > li:nth-child(3) > span:before{display:none;}

  .list-wrap > div + div{margin-left:100px;}
  .list-wrap > div > p{font-size:15px;}
}

@media all and (max-width:767px) {
  .biz-intro > ul{display:block;}
  .biz-intro > ul > li + li{margin-left:0;margin-top: 50px;}
  .biz-intro > ul > li > div:before{height: 30px;}
  .biz-intro > ul > li > div:after{width:7px;height:7px;margin-left: -2.5px;top: calc(100% + 50px);}
  .biz-intro > ul > li > div{margin-bottom: 65px;}

  .biz-goal > p{font-size:20px !important;padding: 25px;}
  .biz-goal > ul.biz-goal-org:before{display:none;}
  .biz-goal > ul.biz-goal-org{display:block;margin-top: 50px;}
  .biz-goal > ul.biz-goal-org > li:after{display:none;}
  .biz-goal > ul.biz-goal-org > li + li{margin-left:0; margin-top:50px;}
  .biz-goal > ul.biz-goal-org > li p{height:auto;}

  .topper-step{display:block;}
  .topper-step > li + li{margin-top:10px;}
  .topper-step > li > span{padding:10px;font-size:18px;}
  .topper-step > li .inner-ul{padding:25px;}
  .topper-step > li .inner-ul > li{font-size:16px;padding-left:15px;}
  .topper-step > li .inner-ul > li:before{width:6px;height:6px;margin-top:-3px;}

  .botton-step{flex-wrap:wrap;}
  .botton-step > li{width: calc(100% / 2 - 10px);}  

  .biz-st > .box-txt > strong{font-size:20px;padding:25px;}
  .biz-st .non-txt{font-size: 20px;padding: 25px 0 50px;}
  .biz-st .botton-box .top{font-size:20px;}
  .list-wrap{display:block;}
  .list-wrap > div > strong{font-size:18px;}
  .list-wrap > div > strong > i{display:inline-block;}
  .list-wrap > div + div{margin-left:0;margin-top:120px;}
  .list-wrap > div > span{font-size:18px;padding:15px;}
  .biz-st .botton-box .bottom{font-size:20px;}
  .list-wrap:after{transform: rotate(90deg) translate(-16px, 45.5px);}
  .biz-st:before{width: 50%;height: 50%;background-size:contain !important;top: 3%;left: 25%;margin-left: 0;}
}

.participate-list > ul > li{display: table;width: 100%;}
.participate-list > ul > li > span{line-height:1.4;padding:25px;width:150px;text-align:center;color:#fff;font-size:20px;background:#189ff4;height: 100%;font-family: 'Noto Medium';display: table-cell;vertical-align: middle;}
.participate-list > ul > li > div{width:calc(100% - 160px);display: table-cell;padding-left: 10px;vertical-align: middle;}
.participate-list > ul > li > div > p{padding:25px 30px;line-height:1.4;font-size:18px;font-family:'Noto Regular';color:#189ff4;border:1px solid #189ff4;}
.participate-list > ul > li + li{margin-top:10px;}

.participate-list > ul > li:nth-child(1) > span{color:#000;font-family:'Noto Medium';background:#eaeaea;padding: 15px;text-align: center;}

.participate-list > ul > li:nth-child(1) p{color:#000;font-family:'Noto Medium';background:#eaeaea;padding: 15px;text-align: center;height: 100%;border-color: #eaeaea;}

.participate-list > ul > li:nth-child(3) > span{background:#448aca;}
.participate-list > ul > li:nth-child(3) p{border-color:#448aca;color:#448aca;}

.participate-list > ul > li:nth-child(4) > span{background:#0068b7;}
.participate-list > ul > li:nth-child(4) p{border-color:#0068b7;color:#0068b7;}

.participate-list > ul > li:nth-child(5) > span{background:#0060a9;}
.participate-list > ul > li:nth-child(5) p{border-color:#0060a9;color:#0060a9;}

.participate-list > ul > li:nth-child(6) > span{background:#00479d;}
.participate-list > ul > li:nth-child(6) p{border-color:#00479d;color:#00479d;}

.participate-list > ul > li:nth-child(7) > span{background:#00259d;}
.participate-list > ul > li:nth-child(7) p{border-color:#00259d;color:#00259d;}

.participate-list > ul > li:nth-child(8) > span{background:#022189;}
.participate-list > ul > li:nth-child(8) p{border-color:#022189;color:#022189;}

.participate-list > ul > li:nth-child(9) > span{background:#000e77;}
.participate-list > ul > li:nth-child(9) p{border-color:#000e77;color:#000e77;}

.participate-list > ul > li:nth-child(10) > span{background:#110963;}
.participate-list > ul > li:nth-child(10) p{border-color:#110963;color:#110963;}

@media all and (max-width:767px) {
  .participate-list > ul > li > span{font-size: 16px;padding: 20px;width: 100px;}
  .participate-list > ul > li > div{width:calc(100% - 110px);}  
  .participate-list > ul > li > div > p{font-size: 16px;padding: 20px;}  
}

.great-top{display:flex;margin-bottom:115px;}
.great-top > ul{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;width: 100%;}
.great-top > ul > li{display:flex;gap: 10px;}
.great-top > ul > li .thum{min-width: 255px;}
.great-top > ul > li .thum img{height:100%;}
.great-top > ul > li .conts{width: calc(100% - 265px);background: #eaeaea;padding: 15px 25px 10px;}
.great-top > ul > li .conts > span{display:block;font-size: 16px;color:#189ff4;font-family:'Noto Medium';line-height: 1.25;}
.great-top > ul > li .conts > p{font-size: 16px;font-family:'Noto Medium';color:#000;line-height:1.25;margin-top: 4px;}
.great-top > ul > li .conts > p > i{display:block;}

.great-bottom{text-align:center;}
.great-bottom > ul{display:flex;justify-content: center;gap:60px;margin-bottom:60px;}
.great-bottom > ul > li{text-align:center;}
.great-bottom > ul > li > strong{font-size:24px;font-family:'Noto Medium';display:block;margin-bottom:45px;}

.great-bottom > strong{display:inline-block;text-align:center;font-family:'Noto Bold';font-size:36px;color:#00259d;padding:0 180px;position:relative;line-height:1.25;word-break: keep-all;}
.great-bottom > strong:before{content:'';width:160px;height:44px;background:url('../../images/sub/wing01.png') no-repeat center;position:absolute;left:0;top:0;}
.great-bottom > strong:after{content:'';width:160px;height:44px;background:url('../../images/sub/wing02.png') no-repeat center;position:absolute;right:0;top:0;}

@media all and (max-width:1500px) {
  .great-top > ul > li .thum{min-width:200px;width:200px;}
  .great-top > ul > li .conts{width:calc(100% - 210px);}  
}

@media all and (max-width:1250px) and (min-width:1023px) {
  .great-top > ul {display:block;}
  .great-top > ul > li{margin-bottom:10px;}  
}

@media all and (max-width:860px) {
  .great-top > ul {display:block;}
  .great-top > ul > li{margin-bottom:10px;}  
}

@media all and (max-width:767px) {
  .great-top > ul > li{display:block;margin-bottom:25px;}  
  .great-top > ul > li .thum{min-width:100%;width:100%;}
  .great-top > ul > li .thum img{width:100%;}
  .great-top > ul > li .conts{width:100%;padding:25px;}  

  .great-bottom > ul{display:block;}
  .great-bottom > ul > li + li{margin-top:80px;}
  .great-bottom > ul > li > strong{font-size: 24px;margin-bottom:25px;}

  .great-bottom > strong{font-size: 24px;padding: 0 95px;}
  .great-bottom > strong:before,
  .great-bottom > strong:after{width: 90px;background-size:contain;height: 25px;top: 18px;}
}

.microdot {display:flex;width:100%;height: 100%;gap:10px;}
.microdot > div > strong{font-size:20px;font-family:'Noto Medium';color:#fff;background:#273ca5;display:block;padding:25px 15px;line-height:1;text-align:center;margin-bottom: 10px;}
.microdot > div .inner{height: calc(100% - 80px);gap:10px;}
.microdot > div .inner > ul{width:calc(100% - 80px);height: 100%;display: flex;flex-direction: column;}
.microdot > div .inner > ul > li{font-size:18px;font-family:'Noto Medium';text-align:center;padding: 15px 10px;background: #3cabe0;color: #fff;}
.microdot > div .inner > ul > li + li{margin-top:10px;}

.micro01{width:26%;}
.micro01 .inner{display:flex;}
.micro01 .inner > p{font-size:20px;color:#000;font-family:'Noto Medium';background:#e5e5e5;display:flex;flex-direction: column;width: 70px;justify-content: center;align-items: center;}
.micro01 .inner > p > i{display:block;}

.micro02{width:calc(52% - 20px);}
.micro02 .inner > strong{font-size:30px;font-family:'Noto Bold';background:#cce8f8;color:#273ca5;display: flex;text-align:center;height: calc(100% / 2 - 5px);justify-content: center;align-items: center;flex-direction: column;line-height: 1.4;margin-bottom: 10px;}
.micro02 .inner > strong > i{display:block;}
.micro02 .inner > p{border:1px solid #aaa;height:calc(100% / 2 - 5px);display:flex;flex-direction: column;justify-content: center;align-items: center;font-size:24px;color:#273ca5;font-family:'Noto Regular';line-height:1.4;}
.micro02 .inner > p > span{font-family:'Noto Bold';font-size:30px;color:#273ca5;}

.micro03{width:22%;}
.micro03 .inner > p{background: #e5e5e5;text-align:center;height:100%;display:flex;flex-direction: column;justify-content: center;font-size: 26px;font-family: 'Noto Medium';color: #000000;line-height: 1.5;}

.microdot.type2 > div .inner{height:calc(50% - 45px);}
.microdot.type2 .micro01 .inner.type2 > ul > li{padding: 170px 0;background: #f8b551;}
.microdot.type2 .micro01 .inner.type2 > ul > li > i{display:block;}
.microdot.type2 > div .inner.type2{margin-top:10px;}
.microdot.type2 .micro02 .inner{background:#c4e4f5;padding:0 50px 60px;}
.microdot.type2 .micro02 .inner.type2{background:#bfcee6;}
.microdot.type2 .micro02 .inner > strong{background:none;height: auto;padding-top: 60px;padding-bottom: 40px;}
.microdot.type2 .micro02 .inner > p{background:#fff;border:0;height: auto;padding: 30px 0;}

.microdot.type-add .micro01 .inner > p{}
.microdot.type-add > div .inner > ul{height: 420px;}
.microdot.type-add > div .inner > ul > li{height: calc(100% - 80px);display: flex;align-items: center;justify-content: center;background: #1a80c3;flex-direction: column;}
.microdot.type-add .micro02 .inner > strong{background:#1a80c3;color:#fff;}

@media all and (max-width:1200px) {
  .micro01{width:35%;}
  .micro02{calc(35% - 25px);}
  .micro03{width:25%;}  
  .microdot > div .inner > ul > li{font-size:16px;}
  .micro02 .inner > strong{font-size:24px;}
  .micro02 .inner > p > span{font-size:24px;}
  .micro02 .inner > p{font-size:20px;}
  .micro03 .inner > p{font-size:20px;}
  .microdot.type2 .micro02 .inner > p{text-align:center;}
}

@media all and (max-width:767px) {
  .microdot{display:block;margin-bottom: 60px !important;}
  .microdot > div{margin-bottom:10px;width:100%;}
  .micro02 .inner > strong,
  .micro02 .inner > p,
  .micro03 .inner > p{padding:25px 0;}  
  .microdot.type2 .micro01 .inner.type2 > ul > li{padding:20px 0;}
  .microdot.type2 .micro02 .inner > strong{padding-top: 25px;padding-bottom: 15px;}
  .microdot.type2 .micro02 .inner{padding:0 25px 30px;}
  .microdot.type-add > div .inner > ul{height:100%;}
  .microdot.type-add > div .inner > ul > li{height:100%;}
}

.example > ul{font-size:0;display: flex;}
.example > ul > li{display:inline-block;}
.example > ul > li:nth-child(1){width:27%;}
.example > ul > li:nth-child(2){width:27%;}
.example > ul > li:nth-child(3){width:46%;}

.example > ul > li strong{background:#c4e4f5;display:block;color:#23318a;font-family:'Noto Medium';font-size: 19px;padding:20px 0;text-align:center;line-height:1.2;position:relative;padding-left:25px;}
.example > ul > li strong > i{display:block;}
.example > ul > li strong:before{content:'';width: 0;height: 0;border-bottom: 55px solid transparent;border-top: 55px solid transparent;border-left: 48px solid #fff;border-right: 51px solid transparent;position:absolute;right: -100px;top: -10px;z-index: 1;}
.example > ul > li strong:after{content:'';width: 0;height: 0;border-bottom: 45px solid transparent;border-top: 45px solid transparent;border-left: 40px solid #c4e4f5;border-right: 50px solid transparent;position:absolute;right: -90px;top:0;z-index: 2;}
.example > ul > li:nth-child(2) strong{background:#8bcaeb;padding-left:50px;}
.example > ul > li:nth-child(2) strong:after{border-left-color:#8bcaeb;}
.example > ul > li:nth-child(3) strong{background:#3da6de;color:#fff;}

.example > ul > li .in-ul{padding:25px 0;background:#fff;position:relative;z-index:3;padding-left:65px;}
.example > ul > li .in-ul > li{font-size:18px;color:#666;font-family:'Noto Regular';position:relative;padding-left:20px;line-height: 1.4;}
.example > ul > li .in-ul > li:before{content:'';width:4px;height:4px;background:#cecece;position:absolute;left:0;top: 11px;border-radius:50%;}

.example > ul:nth-child(2) > li:nth-child(1) strong{background: #bfcee6;}
.example > ul:nth-child(2) > li:nth-child(1) strong:after{border-left-color:#bfcee6;}
.example > ul:nth-child(2) > li:nth-child(2) strong{background:#809ecd;}
.example > ul:nth-child(2) > li:nth-child(2) strong:after{border-left-color:#809ecd;}
.example > ul:nth-child(2) > li:nth-child(3) strong{background: #2b5eac;}

.example > ul:nth-child(3) > li:nth-child(1) strong{background: #bdc1dc;}
.example > ul:nth-child(3) > li:nth-child(1) strong:after{border-left-color:#bdc1dc;}
.example > ul:nth-child(3) > li:nth-child(2) strong{background:#7b83b9;}
.example > ul:nth-child(3) > li:nth-child(2) strong:after{border-left-color:#7b83b9;}
.example > ul:nth-child(3) > li:nth-child(3) strong{background: #23318a;}

@media all and (max-width:1400px) {
  .example > ul > li .in-ul{padding-left:25px;}
  .example > ul > li .in-ul > li{font-size:16px;padding-left:15px;}
  .example > ul > li .in-ul > li:before{top:9px;}    
}

@media all and (max-width:1200px) {
  .example > ul > li .in-ul > li{font-size:14px;}
  .example > ul > li .in-ul > li:before{top:7px;}   

  .example > ul > li:nth-child(1){width:33.33%;}
  .example > ul > li:nth-child(2){width:33.33%;}
  .example > ul > li:nth-child(3){width:33.33%;}  
}

@media all and (max-width:767px) {
  .example > ul > li strong:after,
  .example > ul > li strong:before{display:none;}  
  .example > ul > li strong{padding-left:0 !important;}  
  .example > ul > li .in-ul{padding-left:15px;padding-right:15px;}  
}

@media all and (max-width:600px) {
  .example > ul{display:block;}
  .example > ul > li{display:block;width:100% !important;}  
  .example > ul > li strong{font-size:16px;padding:12px 15px;border-radius:3px;}
  .example > ul > li .in-ul{padding-top:15px;}  
}

.suyo-edu{margin-top:35px;text-align:center;margin-bottom:60px;}
.suyo-edu > strong{font-size:32px;font-family:'Noto Bold';display:block;margin-bottom:40px;padding-top:100px;background: url('../../images/sub/gg-arow.png') no-repeat center;}
.suyo-edu .b-box{background: #f0f0f0;padding:40px;}
.suyo-edu .b-box > strong{display:inline-block;font-size:28px;font-family:'Noto Bold';color:#333;position:relative;}
.suyo-edu .b-box > strong:after{content:'';width:9px;height:9px;background:#189ff4;position:absolute;right:-18px;bottom:7px;border-radius:50%;}
.suyo-edu .b-box > ul{display:flex;justify-content:center;gap:50px;margin-top:35px;align-items: center;}

@media all and (max-width:1400px) {
  .suyo-edu .b-box{padding:40px 25px;}  
  .suyo-edu .b-box > ul{gap:20px;}
}

@media all and (max-width:767px) {
  .suyo-edu .b-box > ul{flex-wrap:wrap;}
  .suyo-edu .b-box > ul > li{padding:5px;}
}

.example2 > div{display:flex;margin-bottom: 25px;}
.example2 > div .circle{width:210px;background:url('../../images/sub/exa-dots.png') no-repeat 75% 35px;}
.example2 > div .circle > p{width:80px;height:80px;border-radius:50%;border: 1px solid #38b7a3;display: flex;justify-content: center;align-items: center;line-height: 1.25;background: #ebf5f5;color: #38b7a3;font-family: 'Noto Medium';}
.example2 > div .circle > strong{color:#38b7a3;line-height:1.25;font-family:'Noto Regular';text-align:center;display:inline-block;padding:25px 10px;position: relative;background:url('../../images/sub/ex-arow01.png') no-repeat center top;}
.example2 > div > ul{font-size:0;display: flex;width:calc(100% - 210px);}
.example2 > div > ul > li{display:inline-block;}
.example2 > div > ul > li:nth-child(1){width:27%;}
.example2 > div > ul > li:nth-child(2){width:27%;}
.example2 > div > ul > li:nth-child(3){width:46%;}

.example2 > div > ul > li strong{background:#d5efeb;display:block;color:#19665a;font-family:'Noto Medium';font-size: 18px;padding:20px 0;text-align:center;line-height:1.2;position:relative;padding-left:25px;}
.example2 > div > ul > li strong > i{display:block;}
.example2 > div > ul > li strong:before{content:'';width: 0;height: 0;border-bottom: 55px solid transparent;border-top: 55px solid transparent;border-left: 42px solid #fff;border-right: 42px solid transparent;position:absolute;left: 0;top: -10px;z-index: 1;}
.example2 > div > ul > li strong:after{content:'';width: 0;height: 0;border-bottom: 45px solid transparent;border-top: 45px solid transparent;border-left: 35px solid #d5efeb;border-right: 35px solid transparent;position:absolute;right: -70px;top:0;z-index: 2;}
.example2 > div > ul > li:nth-child(2) strong{background:#96d9ce;padding-left:50px;}
.example2 > div > ul > li:nth-child(2) strong:after{border-left-color:#96d9ce;}
.example2 > div > ul > li:nth-child(3) strong{background:#2eb39e;color:#fff;}
.example2 > div > ul > li:nth-child(3) strong:after{display:none;}

.example2 > div > ul > li .in-ul{padding: 15px 0;background:#fff;position:relative;z-index:3;padding-left: 45px;}
.example2 > div > ul > li .in-ul > li{font-size: 17px;color:#666;font-family:'Noto Regular';position:relative;padding-left:20px;line-height: 1.4;}
.example2 > div > ul > li .in-ul > li:before{content:'';width:4px;height:4px;background:#cecece;position:absolute;left:0;top: 11px;border-radius:50%;}
.example2 > div > ul > li .img-box{background:#fff;text-align:center;padding:10px;position:relative;z-index:2;}

.example2 > div.line02 .circle > p{border-color:#3cabe0;color: #3cabe0;background:#e6f4f8;}
.example2 > div.line02 .circle > strong{color: #3cabe0;background:url('../../images/sub/ex-arow02.png') no-repeat center top;}
.example2 > div.line02 > ul > li:nth-child(1) strong{background:#d8eef8;color:#186082;}
.example2 > div.line02 > ul > li:nth-child(1) strong:after{border-left-color:#d8eef8;}
.example2 > div.line02 > ul > li:nth-child(2) strong{background:#a0d7f0;color:#186082;}
.example2 > div.line02 > ul > li:nth-child(2) strong:after{border-left-color:#a0d7f0;}
.example2 > div.line02 > ul > li:nth-child(3) strong{background:#3cabe0;}
.example2 > div.line02 > ul > li:nth-child(3) strong:after{border-left-color:#3cabe0;}

.example2 > div.line03 .circle > p{border-color:#007fc8;color: #007fc8;background:#e6f4f8;}
.example2 > div.line03 .circle > strong{color: #007fc8;background:url('../../images/sub/ex-arow03.png') no-repeat center top;}
.example2 > div.line03 > ul > li:nth-child(1) strong{background:#d8eef8;color:#186082;}
.example2 > div.line03 > ul > li:nth-child(1) strong:after{border-left-color:#d8eef8;}
.example2 > div.line03 > ul > li:nth-child(2) strong{background:#a0d7f0;color:#186082;}
.example2 > div.line03 > ul > li:nth-child(2) strong:after{border-left-color:#a0d7f0;}
.example2 > div.line03 > ul > li:nth-child(3) strong{background:#007fc8;}
.example2 > div.line03 > ul > li:nth-child(3) strong:after{border-left-color:#007fc8;}

.example2 > div.line04 .circle > p{border-color:#0566ab;color: #0566ab;background:#e6f4f8;}
.example2 > div.line04 .circle > strong{color: #0566ab;background:url('../../images/sub/ex-arow04.png') no-repeat center top;}
.example2 > div.line04 > ul > li:nth-child(1) strong{background:#cde0ee;color:#012d4c;}
.example2 > div.line04 > ul > li:nth-child(1) strong:after{border-left-color:#cde0ee;}
.example2 > div.line04 > ul > li:nth-child(2) strong{background:#84b4d6;color:#012d4c;}
.example2 > div.line04 > ul > li:nth-child(2) strong:after{border-left-color:#84b4d6;}
.example2 > div.line04 > ul > li:nth-child(3) strong{background:#0566ab;}
.example2 > div.line04 > ul > li:nth-child(3) strong:after{border-left-color:#0566ab;}

.example2 > div.line05 .circle > p{border-color:#214691;color: #214691;background:#eff2f7;}
.example2 > div.line05 .circle > strong{color: #214691;background:url('../../images/sub/ex-arow05.png') no-repeat center top;}
.example2 > div.line05 > ul > li:nth-child(1) strong{background:#d5dbea;color:#002267;}
.example2 > div.line05 > ul > li:nth-child(1) strong:after{border-left-color:#d5dbea;}
.example2 > div.line05 > ul > li:nth-child(2) strong{background:#93a5ca;color:#002267;}
.example2 > div.line05 > ul > li:nth-child(2) strong:after{border-left-color:#93a5ca;}
.example2 > div.line05 > ul > li:nth-child(3) strong{background:#214691;}
.example2 > div.line05 > ul > li:nth-child(3) strong:after{border-left-color:#214691;}

.example2 > div.line06 .circle > p{border-color:#202b5d;color: #202b5d;background:#eff2f7;}
.example2 > div.line06 .circle > strong{color: #202b5d;background:url('../../images/sub/ex-arow06.png') no-repeat center top;}
.example2 > div.line06 > ul > li:nth-child(1) strong{background:#d4dae9;color:#001f35;}
.example2 > div.line06 > ul > li:nth-child(1) strong:after{border-left-color:#d4dae9;}
.example2 > div.line06 > ul > li:nth-child(2) strong{background:#91a3c8;color:#001f35;}
.example2 > div.line06 > ul > li:nth-child(2) strong:after{border-left-color:#91a3c8;}
.example2 > div.line06 > ul > li:nth-child(3) strong{background:#202b5d;}
.example2 > div.line06 > ul > li:nth-child(3) strong:after{border-left-color:#202b5d;}

@media all and (max-width:1400px) {
  .example2 > div{display:block;}
  .example2 > div > ul{width:100%;} 
  .example2 > div .circle{background:none;margin:0 auto;text-align: center;}
  .example2 > div .circle > p{margin:0 auto;}  
  .example2 > div > ul > li .in-ul{padding-left:25px;}
  .example2 > div > ul > li .in-ul > li{font-size:16px;padding-left:15px;}
  .example2 > div > ul > li .in-ul > li:before{top:9px;}    
}

@media all and (max-width:1200px) {
  .example2 > div > ul > li .in-ul > li{font-size:14px;}
  .example2 > div > ul > li .in-ul > li:before{top:7px;}   
  .example2 > div > ul > li:nth-child(1){width:33.33%;}
  .example2 > div > ul > li:nth-child(2){width:33.33%;}
  .example2 > div > ul > li:nth-child(3){width:33.33%;}  
}

@media all and (max-width:767px) {
  .example2 > div > ul > li strong:after,
  .example2 > div > ul > li strong:before{display:none;}  
  .example2 > div > ul > li strong{padding-left:0 !important;}  
  .example2 > div > ul > li .in-ul{padding-left:15px;padding-right:15px;}  
}

@media all and (max-width:600px) {
  .example2 > div > ul{display:block;}
  .example2 > div > ul > li{display:block;width:100% !important;}  
  .example2 > div > ul > li strong{font-size:16px;padding:12px 15px;border-radius:3px;}
  .example2 > div > ul > li .in-ul{padding-top:15px;}  
}

.step-conts > div{display:flex;gap:90px;margin-bottom:80px;}
.step-conts > div > span{width:150px;height:135px;background:url('../../images/sub/mutil-border01.png') no-repeat center;color:#fff;display:flex;align-items: center;justify-content: center;font-size: 24px;font-family: 'Noto Medium';letter-spacing: -0.025em;position: relative;}
.step-conts > div > span:after{content:'';width:50px;height:10px;position:absolute;right:-70px;background:url('../../images/sub/exa-dots.png') no-repeat center;}
.step-conts > div .conts{width:calc(100% - 240px);}

.step-conts > div.step01 .conts > ul{display:flex;}
.step-conts > div.step01 .conts > ul > li{width:100%;border:1px solid #3da6de;background:#ebf6fc;text-align:center;padding:30px;}
.step-conts > div.step01 .conts > ul > li + li{margin-left:20px;}
.step-conts > div.step01 .conts > ul > li > span{font-size:17px;font-family:'Noto Medium';color:#fff;background:#3da6de;border-radius:50%;width:40px;height:40px;display:flex;justify-content: center;align-items: center;margin: 0 auto 15px;line-height: 1;}
.step-conts > div.step01 .conts > ul > li > p{font-size:20px;font-family:'Noto Regular';color:#333;line-height: 1;}
.step-conts > div.step01 .conts > p{text-align:right;margin-top:20px;font-family:'Noto Medium';color:#333;}

.step-conts > div.step02 {align-items:center;}
.step-conts > div.step02 > span{background:url('../../images/sub/mutil-border02.png') no-repeat center;}
.step-conts > div.step02 .conts{display:flex;}
.step-conts > div.step02 .conts .left{width:100%;max-width: 620px;}
.step-conts > div.step02 .conts .left > ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap: 5px;}
.step-conts > div.step02 .conts .left > ul > li > span{font-size:20px;font-family:'Noto Medium';color:#fff;background:#2b5eac;padding:25px 15px;line-height:1;display:block;text-align:center;margin-bottom:5px;}
.step-conts > div.step02 .conts .left > ul > li > ul{border:1px solid #2b5eac;text-align:center;padding:30px 5px;display:flex;flex-direction: column;justify-content: center;}
.step-conts > div.step02 .conts .left > ul > li +li + li + li > ul{min-height: 270px;}
.step-conts > div.step02 .conts .left > ul > li > ul > li{line-height:1.25;font-size:17px;color:#333;}
.step-conts > div.step02 .conts .left > ul > li > ul > li + li{margin-top:10px;}
.step-conts > div.step02 .conts .right{width: 100%;max-width: 220px;margin-left: 60px;position: relative;}
.step-conts > div.step02 .conts .right:before{content:'';width:30px;height:4px;background:#ccc;position:absolute;left: -45px;top:50%;margin-top:-2px;}
.step-conts > div.step02 .conts .right:after{content:'';width:4px;height:30px;background:#ccc;position:absolute;left: -32.5px;top:50%;margin-top:-15px;}
.step-conts > div.step02 .conts .right > ul{display:flex;gap:5px;height: 100%;}
.step-conts > div.step02 .conts .right > ul > li{width:100%;max-width:150px;text-align:center;}
.step-conts > div.step02 .conts .right > ul > li.df{max-width:220px;}

.step-conts > div.step02 .conts .right > ul > li > span{font-size:20px;font-family:'Noto Medium';color:#fff;background:#2b5eac;padding:25px 15px;line-height:1;display:block;text-align:center;margin-bottom:5px;}
.step-conts > div.step02 .conts .right > ul > li > p{border:1px solid #2b5eac;text-align:center;padding:30px 5px;display:flex;flex-direction: column;justify-content: center;height: calc(100% + 18px);color:#333;font-family:'Noto Light';position:relative;}
.step-conts > div.step02 .conts .right > ul > li > p > span{margin-top:25px;}
.step-conts > div.step02 .conts .right > ul > li.df > p{height: calc(100% - 74px);}
.step-conts > div.step02 .conts .right > ul > li.df > span{color:#2b5eac;background:#d5dfee;}
.step-conts > div.step02 .conts .right > ul > li.df > span:nth-child(3){background:none;color:#2b5eac;}

.step-conts > div.step03 {align-items:center;}
.step-conts > div.step03 > span{background:url('../../images/sub/mutil-border03.png') no-repeat center;}
.step-conts > div.step03 .conts{/* display:flex; */}
.step-conts > div.step03 .conts .left{width:100%;/* max-width:620px; */}
.step-conts > div.step03 .conts .left > ul{display:grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 5px;}
.step-conts > div.step03 .conts .left > ul > li > span{font-size:20px;font-family:'Noto Medium';color:#fff;background:#043d88;padding:25px 15px;line-height:1;display:block;text-align:center;margin-bottom:5px;}
.step-conts > div.step03 .conts .left > ul > li > ul{border:1px solid #2b5eac;text-align:center;padding:30px 5px;display:flex;flex-direction: column;justify-content: center;min-height: 160px;}
.step-conts > div.step03 .conts .left > ul > li > ul > li{line-height:1.25;font-size: 17px;color:#333;letter-spacing:-0.05em;}
.step-conts > div.step03 .conts .left > ul > li > ul > li + li{margin-top: 5px;}
.step-conts > div.step03 .conts .left > div{margin-top:5px;}
.step-conts > div.step03 .conts .left > div > span{font-size:20px;font-family:'Noto Medium';color:#fff;background:#043d88;padding:25px 15px;line-height:1;display:block;text-align:center;margin-bottom:5px;}
.step-conts > div.step03 .conts .left > div > ul{border:1px solid #2b5eac;text-align:center;padding:30px 5px;display:flex;flex-direction: column;justify-content: center;min-height:200px;}
.step-conts > div.step03 .conts .left > div > ul > li{line-height:1.25;font-size:16px;color:#333;letter-spacing:-0.05em;}
.step-conts > div.step03 .conts .left > div > ul > li + li{margin-top: 10px;}
.step-conts > div.step03 .conts .left > div > ul > li:nth-last-child(1){font-family:'Noto Regular';}

.step-conts > div.step03 .conts .right{width:100%;margin-top: 5px;}
.step-conts > div.step03 .conts .right .df{}
.step-conts > div.step03 .conts .right .df > p{height: calc(100% / 2 - 50px);border:1px solid #043d88;text-align:center;padding: 15px 5px;display:flex;flex-direction: column;justify-content: center;}
.step-conts > div.step03 .conts .right .df > span{color: #043d88;background:#d5dfee;font-size:20px;font-family:'Noto Medium';padding:25px 15px;line-height:1;display:block;text-align:center;margin-bottom:5px;}
.step-conts > div.step03 .conts .right .df > span:nth-child(3){background:none;color:#043d88;padding: 42.5px 0;}
.step-conts > div.step03 .conts .right .df > ul{border:1px solid #2b5eac;text-align:center;padding:30px 5px;display:flex;flex-direction: column;justify-content: center;min-height:200px;}

@media all and (max-width:1500px) {
  .step-conts > div.step02 .conts .left > ul > li > ul{padding:22px 5px;}    
  .step-conts > div.step02 .conts .left > ul > li > ul > li,
  .step-conts > div.step02 .conts .right > ul > li > p{font-size:14px;}  
  .step-conts > div.step02 .conts .right > ul > li.df > p{height:calc(100% / 2 - 27.5px);}  
  .step-conts > div.step02 .conts .left > ul > li > span{font-size:18px;}  
  .step-conts > div.step02 .conts .right > ul > li > span{font-size:18px;} 

  .step-conts > div.step03 .conts .left > ul > li > span,
  .step-conts > div.step03 .conts .right .df > span{font-size:17px;}
  .step-conts > div.step03 .conts .left > ul > li > ul > li,  
  .step-conts > div.step03 .conts .right .df > p{font-size:14px;}  
}

@media all and (max-width:1400px) {
  .step-conts > div.step02 .conts{flex-wrap:wrap;}
  .step-conts > div.step02 .conts .left{max-width:100%;}  
  .step-conts > div.step02 .conts .right{max-width:100%;margin-top:65px;margin-left:0;}
  .step-conts > div.step02 .conts .right > ul{height:100%;}  
  .step-conts > div.step02 .conts .right > ul > li{max-width:33.33%;}  
  .step-conts > div.step02 .conts .right > ul > li.df{
	max-width: 100%;
  }  
  .step-conts > div.step02 .conts .right > ul > li > p{height: calc(100% - 52.5px);}  
  .step-conts > div.step02 .conts .left > ul > li > ul{min-height:120px;}  
  .step-conts > div.step02 .conts .left > ul > li +li + li + li > ul{min-height: 200px;}  
  .step-conts > div.step02 .conts .right:before{top: -33px;left:50%;margin-left:-15px;margin-top: 0;}
  .step-conts > div.step02 .conts .right:after{top:-33px;left:50%;margin-left: -2px;margin-top: -13px;}  
  .step-conts > div.step02 .conts .right > ul > li.df > p{height: calc(100% - 74px);}  
  .step-conts > div.step02 .conts .left > ul > li > span{padding:15px 5px;}  
  .step-conts > div.step02 .conts .left > ul > li > ul > li + li{margin-top:5px;}  
  .step-conts > div.step02 .conts .right > ul > li > span{padding:15px 5px;}

  .step-conts > div.step03 .conts{flex-wrap:wrap;}
  .step-conts > div.step03 .conts .left{max-width:100%;}
  .step-conts > div.step03 .conts .right{max-width:100%;margin-left:0;}  
  .step-conts > div.step03 .conts .left > ul > li > span,
  .step-conts > div.step03 .conts .right .df > span,
  .step-conts > div.step03 .conts .left > div > span{padding:15px 5px;}  
  .step-conts > div.step03 .conts .right .df > span:nth-child(3){padding: 20px 5px;}  
  .step-conts > div.step03 .conts .right .df > p{height:calc(100% / 2);}  
  .step-conts > div.step03 .conts .right .df > ul{padding: 10px;min-height: 160px;}
  .step-conts > div.step03 .conts .right .df > ul > li{font-size:14px;}
}

@media all and (max-width:1200px) {
  .step-conts > div{display:block;}
  .step-conts > div .conts{width:100%;}
  .step-conts > div > span{margin:0 auto 85px;}  
  .step-conts > div > span:after{bottom:-45px;transform:rotate(90deg);left:50%;margin-left:-22.5px;}  
}

@media all and (max-width:767px) {
  .step-conts > div > span{width:120px;height:120px;background-size:contain !important;font-size:20px;}  
  .step-conts > div.step01 .conts > ul{display:block;}
  .step-conts > div.step01 .conts > ul > li > span{width:30px;height:30px;font-size:14px;}
  .step-conts > div.step01 .conts > ul > li > p{font-size:18px;}
  .step-conts > div.step01 .conts > ul > li + li{margin-left:0;margin-top:10px;}  
  .step-conts > div.step01 .conts > ul > li{padding:20px;}  

  .step-conts > div.step03 .conts .left > ul{grid-template-columns:1fr 1fr;}  
}

.support01 > ul{display:flex;gap:15px;}
.support01 > ul > li{width:100%;}
.support01 > ul > li + li{}
.support01 > ul > li > strong{font-family:'Noto Medium';color:#fff;background:#008bdc;display:flex;font-size:20px;align-items: center;flex-direction: column;justify-content: center;line-height: 1.4;padding: 20px;margin-bottom: 5px;}
.support01 > ul > li > strong > i{display:block;}
.support01 > ul > li > ul{border:1px solid #008bdc;padding: 25px 30px;}
.support01 > ul > li > ul > li{line-height:1.5;word-break:keep-all;font-size:18px;position: relative;padding-left: 15px;}
.support01 > ul > li > ul > li + li{margin-top:20px;}
.support01 > ul > li > ul > li:before{content:'';width:5px;height:5px;background:#008bdc;position:absolute;left:0;top:11px;border-radius:50%;}

.support01 > ul > li:nth-child(2) > strong{background:#273ca5;}
.support01 > ul > li:nth-child(2) > ul{border-color:#273ca5;}
.support01 > ul > li:nth-child(2) > ul > li:before{background:#273ca5;}

.support01 > ul > li:nth-child(3) > strong{background:#203062;}
.support01 > ul > li:nth-child(3) > ul{border-color:#203062;}
.support01 > ul > li:nth-child(3) > ul > li:before{background:#203062;}

.support01 .btns{margin-top:65px;}
.support01 .btns > ul{display:flex;}
.support01 .btns > ul > li{width:100%;text-align: center;position:relative;}
.support01 .btns > ul > li + li:before{content:'';width:1px;height:80px;background:#c1c1c1;position:absolute;left:0;top: 50%;margin-top: -40px;}
.support01 .btns > ul > li > a{display: inline-block;padding-left:100px;padding-top: 25px;padding-bottom: 15px;}
.support01 .btns > ul > li strong{font-size:22px;display:block;color:#273ca5;line-height:1.25;font-family:'Noto Bold';margin-bottom: 10px;}
.support01 .btns > ul > li span{display: block;text-align:left;font-family: 'Noto Medium';color: #002d56;font-size: 16px;position: relative;}
.support01 .btns > ul > li span:after{content:'';width:12px;height:7px;background:url('../../images/sub/sp-arrow.png') no-repeat center;display:inline-block;vertical-align:middle;margin-left:15px;margin-top: -2px;transition:all ease .5s;}
.support01 .btns > ul > li > a:hover span:after{margin-left:22px;}
.support01 .btns > ul > li:nth-child(1) > a{background:url('../../images/sub/sp-icon01.png') no-repeat left 23px;}
.support01 .btns > ul > li:nth-child(2) > a{background:url('../../images/sub/sp-icon02.png') no-repeat left 21px;}

.g-num-box{padding:50px 50px 40px;background:#f9f8f6;margin-top:20px;margin-bottom:25px;}
.g-num-box > strong{display:block;font-size:22px;padding-left:17px;margin-bottom:17px;position:relative;line-height:1.25;}
.g-num-box > strong:before{content:'';width:6px;height:6px;position:absolute;left:0;top:12px;background:#0c64d1;border-radius:50%;}
.g-num-box > ul > li{padding-left: 35px;position:relative;}
.g-num-box > ul > li + li{margin-top:15px;}
.g-num-box > ul > li > span{width: 25px;height: 25px;background:#aeaeae;border-radius:50%;color:#fff;display: inline-block;font-size: 16px;text-align: center;line-height: 1.5;position: absolute;left: 0;top: 1px;}

.support03 > ul{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.support03 > ul > li{border:1px solid #e8e8e8;padding:30px;}
.support03 > ul > li > span{font-family:'Noto Medium';display:inline-block;padding:7px 17px;background:#273ca5;color:#fff;font-size:20px;margin-bottom:15px;}
.support03 > ul > li > ul{border-top:1px solid #ccc;padding-top:25px;}
.support03 > ul > li > ul > li{position:relative;padding-left:15px;font-size:18px;font-family: 'Noto Light';color:#666;letter-spacing: -0.05em;line-height: 1.4;}
.support03 > ul > li > ul > li + li{margin-top:5px;}
.support03 > ul > li > ul > li:before{content:'';width:4px;height:4px;background:#aeaeae;position:absolute;left:0;top:11px;}
.support03 > ul > li .img-wrap{margin-top:60px;text-align:center;}
.support03 > ul > li:nth-child(1) .img-wrap{margin-top:15px;}
.support03 > ul > li:nth-child(2) .img-wrap{margin-top:90px;}

@media all and (max-width:1200px) {
  .support01 > ul > li > strong{font-size:17px;}
  .support01 > ul > li > ul > li{font-size:16px;}
  .support01 > ul > li > ul > li:before{top:10px;}
  .support01 .btns > ul > li strong{font-size:18px;}  

  .g-num-box{padding:25px;}  
  .g-num-box > strong{font-size:20px;}  
  .g-num-box > strong:before{top:10px;}  
  .g-num-box > ul > li{padding-left:27px;}  
  .g-num-box > ul > li > span{width:20px;height:20px;font-size:12px;top: 3px;padding-top:1px;}

  .support03 > ul > li > ul > li{font-size:16px;} 
  .support03 > ul > li > ul > li:before{top:9px;}  
  .support03 > ul > li > span{font-size:18px;} 
}

@media all and (max-width:767px) {
  .support01{margin-top:35px !important;}
  .support01 > ul{display:block;}
  .support01 > ul > li{margin-top:10px;}

  .support01 .btns > ul{display:block;}  
  .support01 .btns > ul > li{text-align:left;}  
  .support01 .btns > ul > li + li{margin-top: 25px;padding-top: 15px;}
  .support01 .btns > ul > li + li:before{height:1px;width:100%;top: 0;margin-top: 0;}  
  .support01 .btns > ul > li > a{}
  .g-num-box > ul > li + li{margin-top:10px;} 
  .support03 > ul{grid-template-columns:1fr;}
  .support03 > ul > li .img-wrap{margin-top:25px !important;}  
}

.system01{margin-top:50px;text-align:center;}
.system01 > strong{font-size:26px;font-family:'Noto Medium';text-align:center;display:inline-block;background:#0e2b61;padding:35px 85px;color:#fff;line-height:1.4;margin-bottom:65px;position:relative;}
.system01 > strong:before{content:'';width:10px;height:10px;border-radius:50%;background:#2eb39e;position:absolute;left:50%;top:100%;margin-left: -4px;margin-top:-5px;}
.system01 > strong:after{content:'';width:1px;height:64px;border:1px dashed #ccc;position:absolute;left:50%;top:100%;z-index:-1;}
.system01 > ul{display:flex;padding-top:55px;gap:30px;margin-bottom:60px;position:relative;}
.system01 > ul > li{border:1px solid #ccc;width:100%;padding:0 30px;position:relative;}
.system01 > ul > li:before{content:'';width:1px;height:55px;border:1px dashed #ccc;position:absolute;left:50%;top:-55px;}
.system01 > ul > li:after{content:'';width:calc(100% + 30px);height:1px;border:1px dashed #ccc;position:absolute;left:50%;top:-55px;}
.system01 > ul > li:nth-child(3):after{display:none;}
.system01 > ul > li > span{font-size:22px;font-family:'Noto Regular';color:#2eb39e;display:block;padding:25px 0 20px;border-bottom:1px solid #e5e5e5;position:relative;}
.system01 > ul > li > span:before{content:'';width:10px;height:10px;border-radius:50%;background:#2eb39e;position:absolute;left:50%;top:-5px;;margin-left:-5px;}
.system01 > ul > li:nth-child(2) > span:before{background:#3cabe0;}
.system01 > ul > li:nth-child(3) > span:before{background:#0566ab;}
.system01 > ul > li:nth-child(2) > span{color:#3cabe0;}
.system01 > ul > li:nth-child(3) > span{color:#0566ab;}

.system01 > ul > li > ul{padding:30px 0;display:inline-block;}
.system01 > ul > li > ul > li{text-align:left;font-size:18px;font-family:'Noto Regular';color:#666666;position:relative;padding-left:14px;}
.system01 > ul > li > ul > li:before{content:'';width:5px;height:5px;background:#cccccc;position:absolute;left:0;top: 11px;border-radius:50%;}
.system01 > ul > li > ul > li + li{margin-top:5px;}

.system01 .memo{background:#f9f8f6;padding:40px;text-align:left;}
.system01 .memo > strong{font-family:'Noto Bold';color:#151515;font-size:28px;padding-left: 33px;position:relative;line-height: 1;margin-bottom: 30px;display: block;}
.system01 .memo > strong:before{content:'';width:21px;height:23px;background:url('../../images/sub/memo-icon01.png') no-repeat center;position:absolute;left:0;top: 3px;}
.system01 .memo > ul{display:flex;gap:10px;}
.system01 .memo > ul > li{width:100%;}
.system01 .memo > ul > li > span{display:inline-block;font-family:'Noto Medium';padding:10px 20px;font-size:18px;background:#2eb39e;color:#fff;line-height:1;margin-bottom: 12px;position:relative;}
.system01 .memo > ul > li > span:after{content:'1';font-size:15px;color:#2eb39e;font-family:'Noto Medium';border:1px solid #2eb39e;border-radius:50%;position:absolute;right:-32px;top:8px;width:23px;height:23px;text-align:center;padding-top:3px;}
.system01 .memo > ul > li .box{border:1px solid #ccc;background:#fff;padding:25px 20px 20px;}
.system01 .memo > ul > li .box > p{color:#333;font-family:'Noto Regular';font-size:17px;margin-bottom:10px;}
.system01 .memo > ul > li .box > strong{padding: 4px 20px 4px 35px;background:#dddddd;color:#666666;font-family:'Noto Regular';border-radius:50px;position:relative;letter-spacing:-0.05em;display: block;max-width: 100px;}
.system01 .memo > ul > li .box > strong:before{content:'';width:10px;height:10px;background:#666;position:absolute;left:15px;top: 12px;border-radius:50%;}
.system01 .memo > ul > li .box > span{display:inline-block;margin-top:15px;background:#2eb39e;color:#fff;line-height:1;padding:10px 15px;font-family:'Noto Regular';font-size:16px;}

.system01 .memo > ul > li:nth-child(2) > span{background:#3cabe0;}
.system01 .memo > ul > li:nth-child(2) > span:after{content:'2';color:#3cabe0;border-color:#3cabe0;}
.system01 .memo > ul > li:nth-child(2) .box > span{background:#3cabe0;}

.system01 .memo > ul > li:nth-child(3) > span{background:#0566ab;}
.system01 .memo > ul > li:nth-child(3) > span:after{content:'3';color:#0566ab;border-color:#0566ab;}
.system01 .memo > ul > li:nth-child(3) .box > span{background:#0566ab;}

.system01 .memo > ul > li:nth-child(4){padding-left: 40px;max-width: 230px;}
.system01 .memo > ul > li:nth-child(4) > strong{font-size:17px;font-family:'Noto Regular';color:#333;padding-left:40px;padding-bottom:10px;background:url('../../images/sub/memo-icon02.png') no-repeat top left;display: block;margin-bottom: 12px;}
.system01 .memo > ul > li:nth-child(4) > p{font-size:17px;font-family:'Noto Regular';color:#666;padding-left:40px;padding-bottom:10px;background:url('../../images/sub/memo-icon03.png') no-repeat left 3px;margin-left:35px;}

@media all and (max-width:1280px) {
  .system01 > ul{gap:10px;}
  .system01 > ul > li{padding:0 15px;}  
  .system01 > ul > li > ul > li{font-size:16px;}    
  .system01 > ul > li > ul > li:before{top:10px;}  
  .system01 > ul > li:after{width:calc(100% + 10px);}
  .system01 .memo > ul{flex-wrap:wrap;}
  .system01 .memo > ul > li{width:calc(100% / 2 - 10px);}
  .system01 .memo > ul > li:nth-child(4){padding-top:25px;}
}

@media all and (max-width:767px) {
  .system01 > ul{display:block;padding-top: 25px;}
  .system01 > ul > li + li{margin-top:25px;}  
  .system01 > ul > li:after{display:none;}  
  .system01 > strong{font-size:20px;padding:20px 35px;margin-bottom:0;}  
  .system01 > strong:after{display:none;}
  .system01 > strong:before{display:none;}  
  .system01 > ul > li:before{height:25px;top:-25px;}  
  .system01 > ul > li > span{font-size:18px;padding: 20px 0 12px;}  
  .system01 > ul > li > ul{padding:20px 0;} 
  .system01 .memo{padding:25px 25px;}
  .system01 .memo > strong{font-size: 22px;padding-left: 25px;}
  .system01 .memo > strong:before{width: 16px;height: 18px;background-size: contain !important;top: 4px;}
  .system01 .memo > ul{gap:25px;}
  .system01 .memo > ul > li{width:100%;}
  .system01 .memo > ul > li:nth-child(4){padding-top:0;padding-left:0;}
}

.system02 .inner > strong{display:block;text-align:center;background:#0060a9;color:#fff;padding:25px;font-family:'Noto Medium';font-size:22px;position:relative;margin-bottom:80px;}
.system02 .inner > strong:before{content:'';width:0;height:0;border-style: solid;border-width: 30px 18px 0px 18px;border-color: #0060a9 transparent transparent transparent;position:absolute;left:50%;top:100%;margin-top:-5px;margin-left:-15px;}
.system02 .inner .graph{position:relative;}
.system02 .inner .graph > span{display:block;text-align:center;padding:20px;color:#0e2b61;font-family:'Noto Regular';font-size:24px;width:250px;background:#e6e9ef;border:2px solid #0e2b61;line-height: 1;margin: 0 auto 5px;}
.system02 .inner .graph > ul{display: grid;padding: 100px 0;grid-template-columns: 1fr 1fr;gap:30px 0;position: relative;}
.system02 .inner .graph > ul:before{content:'';width: 310px;height: 119px;background:url('../../images/sub/sys-arrow.png') no-repeat center;position:absolute;left:50%;transform:translate(-50%, 0);top:50px;}
.system02 .inner .graph > ul:after{content:'';width: 310px;height: 119px;background:url('../../images/sub/sys-arrow.png') no-repeat center;position:absolute;left:50%;transform:translate(-50%, 0) rotate(180deg);bottom:50px;}
.system02 .inner .graph > ul > li{}
.system02 .inner .graph > ul > li .wrap{width:320px;display: block;overflow:hidden;}
.system02 .inner .graph > ul > li .icon{width:160px;height:160px;border:1px solid #3cabe0;border-radius:50%;padding:5px;float:right;}
.system02 .inner .graph > ul > li .icon .inner{border:5px solid #3cabe0;border-radius:50%;width:148px;height:148px;display:flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
.system02 .inner .graph > ul > li .icon .inner span{font-size:18px;color:#3cabe0;display:block;text-align:center;line-height:1.25;font-family:'Noto Medium';}
.system02 .inner .graph > ul > li .wrap > ul{width:calc(100% - 160px);padding-top: 55px;padding-right:30px;}
.system02 .inner .graph > ul > li .wrap > ul > li{font-size: 17px;font-family:'Noto Medium';color:#3cabe0;position:relative;padding-right:12px;text-align:right;letter-spacing:-0.05em;line-height: 1.4;}
.system02 .inner .graph > ul > li .wrap > ul > li:before{content:'';width:5px;height:5px;border-radius:50%;background:#3cabe0;position:absolute;right:0;top:11px;}
.system02 .inner .graph > ul > li .wrap > ul > li + li{margin-top:5px;}

.system02 .inner .graph > ul > li:nth-child(3) .icon,
.system02 .inner .graph > ul > li:nth-child(4) .icon,
.system02 .inner .graph > ul > li:nth-child(3) .icon .inner,
.system02 .inner .graph > ul > li:nth-child(4) .icon .inner{border-color:#0566ab;}
.system02 .inner .graph > ul > li:nth-child(3) .icon .inner span,
.system02 .inner .graph > ul > li:nth-child(4) .icon .inner span{color:#0566ab;}
.system02 .inner .graph > ul > li:nth-child(3) .wrap > ul > li,
.system02 .inner .graph > ul > li:nth-child(4) .wrap > ul > li{color:#0566ab;}
.system02 .inner .graph > ul > li:nth-child(3) .wrap > ul > li:before,
.system02 .inner .graph > ul > li:nth-child(4) .wrap > ul > li:before{background:#0566ab;}

.system02 .inner .graph > ul > li:nth-child(even) .icon{float: left;}
.system02 .inner .graph > ul > li:nth-child(even) .wrap{margin-left:auto;margin-right:0;}
.system02 .inner .graph > ul > li:nth-child(even) .wrap > ul{float:right;padding-right:0;padding-left:30px;}
.system02 .inner .graph > ul > li:nth-child(even) .wrap > ul > li{padding-right:0;padding-left:12px;text-align: left;}
.system02 .inner .graph > ul > li:nth-child(even) .wrap > ul > li:before{right:unset;left:0;}

.system02 .inner .graph .center{position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);text-align:center;font-size:36px;color:#0e2b61;font-family:'Noto Bold';line-height:1.45;letter-spacing:-0.025em;margin-top: -75px;}
.system02 .inner .graph .center > i{display:block;}

.system02 .inner .bottom{background:#e6e9ef;border:2px solid #0e2b61;text-align:center;padding:40px 25px 30px;}
.system02 .inner .bottom strong{color:#0e2b61;font-size:30px;font-family:'Noto Medium';display:block;margin-bottom:35px;}
.system02 .inner .bottom > ul{display:flex;gap:25px;}
.system02 .inner .bottom > ul > li{width:100%;background:#fff;font-size:18px;color:#0e2b61;font-family:'Noto Regular';padding: 15px 10px 10px;letter-spacing:-0.05em;vertical-align:middle;}
.system02 .inner .bottom > ul > li:before{content:'';width:55px;height: 40px;display:inline-block;vertical-align:middle;background:url('../../images/sub/sys-mini-icon01.png') no-repeat center;}
.system02 .inner .bottom > ul > li:nth-child(2):before{background:url('../../images/sub/sys-mini-icon02.png') no-repeat center;}
.system02 .inner .bottom > ul > li:nth-child(3):before{background:url('../../images/sub/sys-mini-icon03.png') no-repeat center;}

@media all and (max-width:1480px) {
  .system02 .inner .bottom > ul > li{font-size:16px;}
}

@media all and (max-width:1400px) {
  .system02 .inner .graph .center{font-size:24px;}
  .system02 .inner .bottom > ul > li{line-height:1.25;padding:20px;}
  .system02 .inner .bottom > ul > li:before{display:none;}  
}

@media all and (max-width:1280px) {
  .system02 .inner .graph > ul > li .wrap > ul{padding-top:0;width: 160px;margin-top: 15px;margin-left: 15px;}
  .system02 .inner .graph > ul > li .wrap{width:auto;text-align: right;}  
  .system02 .inner .graph > ul > li .icon{float:none;}  
  .system02 .inner .graph > ul > li:nth-child(even) .icon{float:none;margin-left: auto;}  
  .system02 .inner .graph > ul > li:nth-child(even) .wrap > ul{float:none;margin-left: auto;margin-right: 15px;}  
  .system02 .inner .graph > ul > li .wrap > ul > li{text-align:left;}  
}

@media all and (max-width:767px) {
  .system02 .inner .graph > ul:before{width:200px;height:100px;background-size:contain;z-index:-1;}
  .system02 .inner .graph > ul:after{width:200px;height:100px;background-size:contain;z-index:-1;}
  .system02 .inner .graph > ul{gap: 120px 0;}  
  .system02 .inner .graph .center{margin-top: -125px;width: 100%;}  
  .system02 .inner .bottom strong{font-size:24px;margin-bottom:20px;}
  .system02 .inner .bottom > ul {flex-wrap:wrap;}  
  .system02 .inner .bottom > ul > li{padding:15px;}  
}

.g-tit{font-size:18px;font-family:'Noto Regular';color:#666;margin-bottom:25px;}
.system03{text-align:center;padding:40px 0 10px;}
.system03 > div{display:inline-block;vertical-align:middle;}
.system03 > div .icon{width:160px;height:160px;border:1px solid #3cabe0;border-radius:50%;padding:5px;}
.system03 > div .icon .inner{border:5px solid #3cabe0;border-radius:50%;width:148px;height:148px;display:flex;flex-direction: column;justify-content: space-evenly;align-items: center;}
.system03 > div .icon .inner span{font-size:18px;color:#3cabe0;display:block;text-align:center;line-height:1.2;font-family:'Noto Medium';}

.system03 > div.right .icon{border-color:#0566ab;}
.system03 > div.right .icon .inner{border-color:#0566ab;}
.system03 > div.right .icon .inner span{color:#0566ab;}

.system03 > div.center{background:url('../../images/sub/system-bg.png') no-repeat center;width: 220px;height: 220px;display: inline-flex;justify-content: center;align-items: center;flex-direction: column;font-family:'Noto Bold';font-size:24px;color:#fff;line-height:1.25;}
.system03 > div.center i{display:block;}

.system03 > div.txt{margin:0 20px;width: 100%;max-width: 160px;position:relative;}
.system03 > div.txt:before{content:'';width:100%;height:100%;background:url('../../images/sub/double-d.png') no-repeat center;position:absolute;left:0;top:0;}
.system03 > div.txt li{font-size:18px;color:#666;font-family:'Noto Medium';line-height:1.25;}
.system03 > div.txt li + li{padding-top:60px;}

.img-flex{display:flex;gap:15px;}

@media all and (max-width:1400px) {
  .system03 > div.txt{max-width:110px;margin: 0 15px;}
  .system03 > div.txt:before{background-size: contain;}  
}

@media all and (max-width:1280px) {
  .system03 > div{display:block;margin:0 auto;text-align: center;}
  .system03 > div .icon{margin:0 auto;}  
  .system03 > div.txt{margin:85px auto;max-width:100%;}
  .system03 > div.txt > ul{display:flex;gap:0 50px;} 
  .system03 > div.txt li{width:100%;}
  .system03 > div.txt li + li{padding-top:0;}  
  .system03 > div.txt:before{transform:rotate(90deg);}  

  .img-flex{flex-wrap:wrap;}
}

.pyramid{padding:90px 0 100px;display:flex;justify-content: space-between;}
.pyramid .left > span{display:block;font-size:18px;font-family:'Noto Medium';color:#333;margin-top:15px;}
.pyramid .right ul li {position:relative;text-align:right;padding-bottom: 20px;margin-bottom: 45px;}
.pyramid .right ul li:before{content:'';width:860px;height:2px;background:#004495;position:absolute;bottom:0;right:0;z-index:-1;}
.pyramid .right ul li strong{font-size:22px;font-family:'Noto Bold';color: #004495;}
.pyramid .right ul li p{font-size:18px;color:#666;font-family:'Noto Regular';}
.pyramid .right ul li:nth-last-child(1){margin-bottom:0;}

.pyramid .right ul li:nth-child(2):before{background:#0078c6;}
.pyramid .right ul li:nth-child(2) strong{color:#0078c6;}
.pyramid .right ul li:nth-child(3):before{background:#0078c6;}
.pyramid .right ul li:nth-child(3) strong{color:#00ade2;}
.pyramid .right ul li:nth-child(4):before{background:#00ae9d;}
.pyramid .right ul li:nth-child(4) strong{color:#00ae9d;}



.bottom-gr > ul{display:flex;padding-top:55px;gap:30px;margin-bottom:60px;position:relative;}
.bottom-gr > ul > li{border:1px solid #ccc;width:100%;padding: 0 25px;position:relative;}
.bottom-gr > ul > li:before{content:'';width:1px;height:55px;border:1px dashed #cacaca;position:absolute;left:50%;top:-55px;}
.bottom-gr > ul > li:after{content:'';width:calc(100% + 30px);height:1px;border:1px dashed #cacaca;position:absolute;left:50%;top:-55px;}
.bottom-gr > ul > li:nth-child(4):after{display:none;}
.bottom-gr > ul > li > span{font-size:22px;font-family:'Noto Regular';color: #00ae9d;display:block;padding: 20px 0 15px;border-bottom: 1px dashed #656565;position:relative;text-align: center;}
.bottom-gr > ul > li > span:before{content:'';width:10px;height:10px;border-radius:50%;background: #273ca5;position:absolute;left:50%;top:-5px;margin-left: -4px;}
.bottom-gr > ul > li > ul{padding:25px 0;}
.bottom-gr > ul > li > ul > li{padding-left: 15px;position:relative;font-size: 17px;color: #333;letter-spacing: -0.05em;line-height: 1.25;}
.bottom-gr > ul > li > ul > li + li{margin-top:10px;}
.bottom-gr > ul > li > ul > li:before{content:'';width:5px;height:5px;background:#00ae9d;border-radius:50%;position:absolute;left:0;top: 8px;}

@media all and (max-width:1480px) {
  .pyramid .right ul li:before{width:185%;max-width:860px;}
}

@media all and (max-width:1400px) {
  .pyramid{display:block;padding: 60px 0;}
  .pyramid .right{margin-top:60px;}
  .pyramid .right ul li{text-align:left;}  
  .pyramid .right ul li:before{width:100%;max-width:100%;}  

  .bottom-gr > ul{gap:10px;}
  .bottom-gr > ul > li:after{width:calc(100% + 10px);}
  .bottom-gr > ul > li > span{font-size:19px;}  
  .bottom-gr > ul > li{padding:0 15px;}  
}

@media all and (max-width:860px) {
  .bottom-gr > ul{flex-wrap:wrap;gap:25px 0;}
  .bottom-gr > ul > li:after{display:none;}  
  .bottom-gr > ul > li:nth-child(1):before{display:none;}  
  .bottom-gr > ul > li:nth-child(1) > span:before{display:none;}
  .bottom-gr > ul > li:before{height:25px;top:-25px;}  
}

.wrap-header-box .wrap-top .btn-go:nth-child(1){display:none;}
.wrap-header-box .wrap-top .btn-go:nth-child(2){background:#12558c;}

@media all and (max-width:1024px) {
  .wrap-header-box .wrap-header .head-navi .m-util .m-link{}
  .wrap-header-box .wrap-header .head-navi .m-util .m-link .m-lang,
  .wrap-header-box .wrap-header .head-navi .m-util ul li + li:after{display:none;}
}