@charset "utf-8";

/* 서브상단 */
.page-top{position: relative;}
.page-top .visual{position: relative;padding-top:26%;}
.page-top .visual.sub01{background: url(/_public/images2/contents/sub_v01.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub02{background: url(/_public/images2/contents/sub_v02.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub03{background: url(/_public/images2/contents/sub_v03.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub04{background: url(/_public/images2/contents/sub_v04.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual.sub05{background: url(/_public/images2/contents/sub_v05.png) 50% 50% no-repeat;background-size: cover;}
.page-top .visual .group{position: absolute;width:100%;max-width:1440px;left:50%;top:50%;transform: translate(-50%, -50%);}
.page-top .visual .group h1{ font-size: 54px;font-weight: bold;color: #fff;}
.page-top .visual .group p{margin-top:20px; font-size: 18px;font-weight: 700;line-height: 1.41;color: #fff;position: relative; padding-left: 20px}
.page-top .visual .group p::before { content: ""; display:block; position: absolute; height: 50px;width: 8px; background: #e1051d; border-radius: 99px; left: 0}
.page-top .navi-menu{position: absolute;left:0;bottom:0;width:100%;}
.page-top .navi-menu ul{position:initial;display: flex;overflow: hidden;border-radius: 10px 10px 0 0;}
.page-top .navi-menu ul > li{flex: 1;}
.page-top .navi-menu ul > li > a{position:relative;display: flex;align-items:center;justify-content:center;height:70px;background:  rgba(0, 0, 0, 0.5);font-size: 20px;font-weight: 600;color: #fff;}
.page-top .navi-menu ul > li > a:after{content: "";position:absolute;bottom:2px;left:50%;transform:translateX(-50%);display: none;width:10px;height:8px;background: url(/_public/images2/icon/ico_navi_arrow.svg) no-repeat;background-size: cover;}
.page-top .navi-menu ul > li .level3{display:none;position: absolute;left:0;width:100%;  box-shadow: 0 5px 6px 0 rgba(132, 141, 154, 0.2);background-color: #fff;z-index: 10;}
.page-top .navi-menu ul > li .level3 .layout{display: flex;flex-wrap: wrap;gap:30px 0;padding:34px 0;}
.page-top .navi-menu ul > li .level3 .layout a{position:relative;width:33.3333%;display: flex;flex-direction: column;align-items: center;justify-content:center;font-size: 18px;font-weight: 600;color: #202020;}
.page-top .navi-menu ul > li .level3 .layout a span{font-size:15px;font-weight: normal;}
.page-top .navi-menu ul > li .level3 .layout a:before{content: "";position:absolute;left:0;display:block;width:1px;height:100%;background: #ccc; }
.page-top .navi-menu ul > li .level3 .layout a:hover,
.page-top .navi-menu ul > li .level3 .layout a.on{color:#e1051d;}
.page-top .navi-menu ul > li .level3 .layout a:nth-child(3n + 1):before{display: none;}
.page-top .navi-menu ul > li.on > a{background: #fff;color:#202020;}
.page-top .navi-menu ul > li.on > a:after{display: block;}

#pages{min-height: calc(100vh - 231px);}
#pages .contents{padding:100px 0 160px;}


.company {word-break:keep-all;}

.company .aboutus .about-box {display:flex;justify-content:space-between;margin-top:40px;padding-bottom:100px;}
.company .aboutus .about-box .about-p {font-size:60px;font-weight:600;color:#555;line-height:1.2;}
.company .aboutus .about-box > div {max-width:980px;}
.company .aboutus .about-box > div img {display:block;margin-bottom:80px;}
.company .aboutus .about-box > div p {font-size:19px;font-weight:500;line-height:1.6;}
.company .aboutus .about-box > div p + p {margin-top:30px;}

.company .ceo {padding-bottom:100px;}
.company .ceo .ceo-topbox {margin-top:40px;display:flex;align-items:center;justify-content:space-between;border-radius:10px;overflow:hidden;background:#f5f5f5;}
.company .ceo .ceo-topbox .txt {padding:80px;background:#f5f5f5;width:calc(100% - 620px);}
.company .ceo .ceo-topbox .txt h4 {font-size:46px;margin-bottom:30px;}
.company .ceo .ceo-topbox .txt p {font-size:34px;font-weight:600;}
.company .ceo .ceo-topbox .img {max-width:620px;}
.company .ceo .ceo-topbox .img img {display:block;}
.company .ceo .greeting {margin-top:50px;padding:0 20px 130px;position:relative;}
.company .ceo .greeting p {font-size:19px;font-weight:500;line-height:1.8;}
.company .ceo .greeting p + p {margin-top:35px;}
.company .ceo .greeting .sign-box {margin-top:60px;position:absolute;bottom:0;right:20px;}
.company .ceo .greeting .sign-box em {display:block;font-size:20px;font-weight:700;color:#0045aa;}
.company .ceo .greeting .sign-box > div {display:flex;gap:25px;margin-top:4px;align-items:flex-end;}
.company .ceo .greeting .sign-box > div p {font-size:24px;font-weight:600;}
.company .ceo .greeting .sign-box > div img {display:block;max-height:40px;}

.company .values {padding-bottom:120px;}
.company .values p.val-p {font-size:26px;font-weight:500;}
.company .values p.val-p strong {display:block;margin-bottom:40px;font-size:60px;font-weight:900;}
.company .values .section01 {display:flex;gap:70px;margin-top:40px;align-items:center;}
.company .values .section01 div {width:calc(33.33% - 46px);}
.company .values .section01 div:nth-child(3) {text-align:right}
.company .values .section01 div:nth-child(3) img {max-width:280px;}
.company .values .section02 {padding:50px 0;background:url(/_public/images2/contents/values_bg.png) 50% 50% no-repeat;background-size:cover;margin-top:60px;display:flex;gap:70px;}
.company .values .section02 .vision {display:flex;gap:70px;align-items:center;}
.company .values .section02 .vision div {width:calc(33.33% - 46px);}
.company .values .section02 .vision p {color:#fff;}
.company .values .section03 {margin-top:100px;}
.company .values .section03 .feature {display:flex;gap:45px;}
.company .values .section03 .feature div {width:calc(33.33% - 30px);padding:75px 0 90px;text-align:center;border-radius:10px;border:1px solid #aaa;}
.company .values .section03 .feature div p {margin-top:40px;font-size:30px;font-weight:600;}

.company .history{}
.company .history .title-group{display: flex;gap:140px;}
.company .history .title-group i{display: inline-block;}
.company .history .title-group i img{display:block;  mix-blend-mode: luminosity;filter: grayscale(100%);}
.company .history .title-group h2{font-size: 42px;font-weight: bold;line-height: 1.48;color: #000;}
/* .company .history .title-group h2 span{color:#0045aa;} */
.company .history .list-box{margin-top:120px;padding-left: 50px;}
.company .history .list-box .list{position:relative;display: flex;gap:70px;}
.company .history .list-box .list:before{content: "";position:absolute;top:15px;left:0;display: block;width:1px;    height: calc(100% + 100px);background: #ccc;}
.company .history .list-box .list:last-child:before{height:calc(100% - 15px);}
.company .history .list-box .list + .list{margin-top:100px;}
.company .history .list-box .list h3{position:relative;top:-15px;padding-left:38px;font-size: 52px;font-weight: 900;color: #202020;}
.company .history .list-box .list h3:before{content: "";position:absolute;top:30px;left:-9px;display: block;width:18px;height:18px;border-radius: 100%; border: solid 3px #0045aa;background-color: #fff;}
.company .history .list-box .list ul{width:calc(100% - 244px);}
.company .history .list-box .list ul li{position: relative;padding-left: 58px; font-size: 18px;font-weight: 500;color: #202020;}
.company .history .list-box .list ul li + li{margin-top:15px;}
.company .history .list-box .list ul li em{position: absolute;left:0;display: inline-block; font-size: 18px;font-weight: bold;color: #202020;}

.company .certificates{}
.company .certificates ul{margin-top:30px;display: flex;flex-wrap: wrap;gap:100px 60px;}
.company .certificates ul li{width:calc(20% - 48px);text-align: center;}
.company .certificates ul li figure{}
.company .certificates ul li figure img{display: block;width:100%;border:1px solid #ccc;}
.company .certificates ul li figure figcaption{display: block;margin-top:20px;font-size: 18px;font-weight: 600;line-height: 1.33;letter-spacing: -0.45px;text-align: center;color: #1b1b1b;}


.product{}
.product .section01{padding-bottom: 80px;}
.product .flex-box{display: flex;gap:50px;}
.product .flex-box > div{flex:1;width:100%;max-width:50%;}
.product .flex-box .img-slide{}
.product .flex-box .img-slide .slick-slide{}
.product .flex-box .img-slide .slick-slide img{display: block;width:100%; border-radius: 10px;}
.product .flex-box .img-slide .slick-dots{margin-top:10px;display: flex;justify-content: center;gap:10px;}
.product .flex-box .img-slide .slick-dots li{width:10px;height:10px;}
.product .flex-box .img-slide .slick-dots li button{display: block;width:100%;height:100%;border-radius: 100%;background: #ccc;font-size:0;}
.product .flex-box .img-slide .slick-dots li.slick-active button{background: #e1051d;}
.product .flex-box .txt-box{}
.product .flex-box .txt-box h2{position: relative;padding-left: 20px;font-size: 32px;font-weight: bold;color: #202020;}
.product .flex-box .txt-box h2:before{content: "";position:absolute;top:17px;left:0;display: inline-block;width:10px;height:10px;background: #e1051d;border-radius: 100%;}
.product .flex-box .txt-box h3{margin-top:40px;font-size: 24px;font-weight: 500;color: #202020;}
.product .flex-box .txt-box p{margin-top:20px;font-size: 18px;font-weight: normal;line-height: 1.67;color: #202020;}
.product .flex-box .txt-box a{margin-top:60px;display: flex;align-items:center;justify-content:center;gap:25px;height:55px;width:230px;border-radius: 5px;background-color: #e1051d; font-size: 16px;font-weight: 500;letter-spacing: -0.32px;color: #fff;}
.product .flex-box .txt-box a:after{content: "";display: inline-block;width:15px;height:15px;background: url(/_public/images2/icon/ico_down.svg) no-repeat;background-size: cover;}
.product .section02{background: #f8fafc;padding:60px 0 160px;}
.product .section02 h2{font-size: 30px;font-weight: bold;color: #202020; margin-bottom: 30px}
.product .section02 .box2{margin-top:90px;}
.product .section02 .box3{margin-top:90px;}
/* .product .section02 .img-box{margin-top:40px;} */
.product .section02 ul{}
.product .section02 ul li{position:relative;padding-left:15px;font-size: 18px;font-weight: 500;color: #202020;}
.product .section02 ul li + li{margin-top:5px;}
.product .section02 ul li:before{content: "";position:absolute;top:11px;left:0;display: inline-block;width:5px;height:5px;background: #e1051d;}
.product .prul_li2 { display: flex;}
.product .prul_li2 ul { flex: 1}
.product .primg_box { padding: 30px; text-align: center; margin: 0 auto; border-radius: 10px; background: #fff; border: 1px solid #CCCCCC;}

.solution_ul { }
.solution_ul li { font-size: 18px; font-weight: 500 !important; color: #202020; margin-bottom: 10px; padding-left: 15px; position: relative;}
.solution_ul li:before { content: ""; display: block; width: 5px; height: 5px; background: #e1051d;
 position: absolute; left: 0; border-radius: 99px; top: 10px; }
.solution_ul li:last-child { margin-bottom:0 }
.solution_ul li ul.ullist2 { margin-top: 10px;}
.solution_ul li ul.ullist2 li { font-size: 16px; font-weight: bold !important; color: #555; margin-bottom: 7px;}
.solution_ul li ul.ullist2 li::before { display: none;}

.solution_tab { font-size:16px }
.solution_tab thead th { padding:17px; color:#fff; font-weight:600; background:#0045AA;}
.solution_tab tbody td {padding:17px; text-align:center; border-bottom: 1px solid #ddd; background: #fff; border-left:1px solid #ddd}
.solution_tab tbody th { background:#F2F6FC; border-bottom: 1px solid #ddd;}
.solution_tab tr.f5bg td { background: #8c97a7; color: #fff;}
.solutionh3 { font-size: 21px; margin: 20px 0 0; color: #0045aa;}

.tab_box2 { display: flex; margin-bottom: 50px}
.tab_box2:last-child { margin-bottom: 0}
.tab_box2 div { flex: 1; }
.tab_box2 div:last-child { margin-left: 30px}


.network{}
.network .txt{margin-top:40px;font-size: 18px;font-weight: 600;line-height: 1.67;color: #202020;}
.network .pc-map{margin-top:50px;position: relative;}
.network .pc-map img{display: block;}
.network .pc-map .box{position:absolute;width:9.79%;height:4.07%;cursor: pointer;}
.network .pc-map .lo1{left:12.5%;top:46.17%;}
.network .pc-map .lo2{left:39.65%;top:21.11%;}
.network .pc-map .lo3{left:45.2%;top:13.82%;}
.network .pc-map .lo4{left:53.81%;top:15.8%;}
.network .pc-map .lo5{left:43.54%;top:27.77%;}
.network .pc-map .lo6{left:50.76%;top:22.59%;}
.network .pc-map .lo7{left:54.86%;top:28.76%;}
.network .pc-map .lo8{left:48.26%;top:33.45%;}
.network .pc-map .lo9{left:52.29%;top:37.9%;}
.network .pc-map .lo10{left:58.75%;top:42.96%;}
.network .pc-map .lo11{left:80.34%;top:26.54%;}
.network .pc-map .lo12{left:74.79%;top:31.6%;}
.network .pc-map .lo13{left:85.48%;top:30.37%;}
.network .pc-map .lo14{left:73.33%;top:39.5%;}
.network .pc-map .lo15{left:81.73%;top:38.64%;}
.network .pc-map .lo16{left:67.63%;top:47.9%;}
.network .pc-map .lo17{left:82.7%;top:45.55%;}
.network .pc-map .lo18{left:68.19%;top:51.85%;}
.network .pc-map .lo19{left:73.81%;top:58.88%;}
.network .pc-map .lo20{left:81.18%;top:62.22%;}
.network .pc-map .lo21{left:88.54%;top:71.72%;}
.network .pc-map .box .modal-layer{display:none;position: absolute;padding:30px;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.16);background-color: #001a4b;width:480px;border-radius: 10px;top:100%;left:50%;transform: translateX(-50%);}
.network .pc-map .box .modal-layer h3{position:relative;font-size: 26px;font-weight: 800;color: #fff;padding-bottom: 10px;}
.network .pc-map .box .modal-layer h3:after{content: "";position:absolute;left:0;bottom:0;display: block;width:50px;height:2px;background: #0045aa;}
.network .pc-map .box .modal-layer p{margin-top:20px;font-size: 18px;font-weight: 600;color: #fff;}
.network .pc-map .box .modal-layer dl{margin-top:20px;}
.network .pc-map .box .modal-layer dl dt{width:70px;font-size: 15px;font-weight: 500;color: #9badd5;}
.network .pc-map .box .modal-layer dl dd{padding:0 0 10px 70px;font-size: 15px;font-weight: normal;color: #c3d3f2;}
.network .pc-map .lo21 .modal-layer{transform:none;left:auto;right:0;}
.network .m-map{margin-top:30px;display: none;}
.network .m-map img{display: block;width:100%;}
.network .info-box{display:none;margin-top:40px;}
.network .info-box ul li{border:1px solid #ddd;border-top-color: #0045aa;}
.network .info-box ul li + li{margin-top:30px;}
.network .info-box ul li .heading{padding:10px;text-align: center;border-bottom: 1px solid #ddd;}
.network .info-box ul li .heading h3{font-size: 20px;font-weight: 800;color: #0045aa;}
.network .info-box ul li .heading p{margin-top:10px;font-size: 15px;font-weight: 500;color: #787878;}
.network .info-box ul li dl{padding:20px;background: #f8f9f9;}
.network .info-box ul li dl dt{font-size: 15px;font-weight: 800;color: #202020;}
.network .info-box ul li dl dd{margin-top:5px;font-size: 14px;font-weight: normal;line-height: 1.57;color: #333;}
.network .info-box ul li dl dd + dt{margin-top:30px;}
.network .info-box ul li.kor{border-top-color: #e1051d;}
.network .info-box ul li.kor .heading h3{color: #e1051d;}




.contact{}
.contact .contactus{}
.contact .contactus .flex-box{display: flex;gap:30px;margin-top:40px;}
.contact .contactus .flex-box .col{}
.contact .contactus .flex-box .col figure{}
.contact .contactus .flex-box .col figure img{display: block;}
.contact .contactus .flex-box .col .txt-box{margin-top:25px;}
.contact .contactus .flex-box .col .txt-box em{display: block;font-size: 18px;font-weight: 600;color: #00327a;}
.contact .contactus .flex-box .col .txt-box h4{margin-top:10px; font-size: 21px;font-weight: 600;color: #202020;}
.contact .contactus .flex-box .col .txt-box ul{margin-top:10px;display: flex;gap:42px;}
.contact .contactus .flex-box .col .txt-box ul li{display: flex;gap:14px;font-size: 16px;font-weight: 500;color: #202020;}
.contact .contactus .flex-box .col .txt-box ul li span{display: inline-block;color:#bbb;}
.contact .contactus .flex-box .col .txt-box a{position:relative;display: flex;margin-top:25px;height:55px;  border-radius: 27.5px;border: solid 1px #dedede;background-color: #f9f9f9;padding:0 50px 0 75px;font-size: 17px;font-weight: 600;color: #202020;align-items: center;}
.contact .contactus .flex-box .col .txt-box a:before{content: "";position:absolute;left:0;display: inline-block;width:55px;height:55px;background: url(/_public/images2/icon/ico_marker.svg) no-repeat;background-size: cover;}
.contact .contactus .flex-box .col .txt-box a:after{content: "";position:absolute;right:50px;display: inline-block;width:20px;height:20px;background: url(/_public/images2/icon/ico_view2.svg) no-repeat;background-size: cover;}
.contact .contactus .flex-box .col .txt-box a:hover{background: #e1051d;border-color:#e1051d;color:#fff;}
.contact .contactus .info-box{margin-top:50px;border-top:1px dashed #ccc;padding-top: 50px;display: flex;gap:20px;}
.contact .contactus .info-box > div{flex:1;padding:40px;border-radius: 10px;border: solid 1px #f1f1f1;background-color: #fafafa;}
.contact .contactus .info-box > div h3{font-size: 20px;font-weight: bold;letter-spacing: -0.4px;color: #202020;}
.contact .contactus .info-box > div p{margin-top:20px;font-size: 16px;font-weight: normal;letter-spacing: -0.32px;color: #202020;}
/* .contact .contactus .info-box > div:first-child{border-color:#0045aa;}
.contact .contactus .info-box > div:first-child h3{color:#0045aa;} */

.contact .meetus{}
.contact .meetus dl{margin-top:50px;}
.contact .meetus dl + dl{margin-top:150px;}
.contact .meetus dl dt{width:260px; font-size: 30px;font-weight: bold;letter-spacing: -0.6px;color: #202020;}
.contact .meetus dl dd{padding:0 0 0 260px;}
.contact .meetus dl dd .box{display: flex;flex-wrap: wrap;gap:80px;}
.contact .meetus dl dd .box .list{width:calc(50% - 40px);}
.contact .meetus dl dd .box .list h3{position: relative;padding-left: 16px;font-size: 20px;font-weight: 500;color: #e1051d;}
.contact .meetus dl dd .box .list h3:before{content: "";display: inline-block;width:6px;height:6px;border-radius: 100%;background: #e1051d;position: absolute;left:0;top:11px;}
.contact .meetus dl dd .box .list h4{margin-top:10px;padding: 0 0 20px 16px;border-bottom: 1px solid #ccc; font-size: 20px;font-weight: 500;color: #202020;}
.contact .meetus dl dd .box .list ul{padding:20px 16px;}
.contact .meetus dl dd .box .list ul li{display: flex;gap:30px;font-size: 16px;font-weight: 500;color:#787878;}
.contact .meetus dl dd .box .list ul li + li{margin-top:5px;}
.contact .meetus dl dd .box .list ul li span{position:relative;display:inline-block;width:76px;font-size: 16px;font-weight: bold;color:#202020;padding-left: 10px;}
.contact .meetus dl dd .box .list ul li span:before{content: "";position:absolute;top:10px;left:0;display: inline-block;width:5px;height:2px;background: #202020;}
.contact .meetus dl.last dd .box .list h3{color: #0045aa;}
.contact .meetus dl.last dd .box .list h3:before{background: #0045aa;}


.policy { margin-top: 40px;word-break: keep-all; margin-bottom: 160px}
.policy .private_box1 { background: #f9f9f9; border-radius: 10px; font-size: 18px; padding:40px; margin: 30px 0 60px}
.policy .private_box2 p { font-size: 16px; line-height: 1.6; margin: 30px 0}
.policy .private_box2 p strong { display: block; margin-bottom: 10px; font-size: 18px}


/* tablet */
@media all and (max-width:1440px) {
    .page-top .visual .group{padding:0 20px;}

    .company .history{padding:0 20px;}
    .company .certificates{padding:0 20px;}
    .contact .contactus{padding:0 20px;}
    .contact .meetus{padding:0 20px;}
    .network{padding:0 20px;}
}


/* tablet */
@media all and (max-width:1280px) {
    .page-top .visual{padding-top: 40%;}
    .page-top .navi-menu ul > li {border:1px solid #99adce;}
    .page-top .navi-menu ul > li.on {border:1px solid #fff;}
    .page-top .navi-menu ul > li > a{height:50px;background: #102036; font-size: 15px;font-weight: 500;}
    .page-top .visual .group h1{font-size:40px;}

    .aboutus {padding:0 40px;}
    .company .aboutus .about-box {flex-wrap:wrap;}
    .company .aboutus .about-box .about-p {width:100%;font-size:50px;}
    .company .aboutus .about-box > div {width:100%;max-width:none;margin-top:60px;}
    .company .aboutus .about-box > div img {margin-bottom:40px;}
    .company .aboutus .about-box > div p {font-size:17px;}
    .company .aboutus .about-box > div p + p {margin-top:20px;}

    .company .ceo .ceo-topbox .txt {width:50%;padding:60px;}
    .company .ceo .ceo-topbox .txt h4 {font-size:34px;margin-bottom:25px;}
    .company .ceo .ceo-topbox .txt p {font-size:25px;}
    .company .ceo .ceo-topbox .img {width:50%;}
    .company .ceo .greeting p {font-size:17px;}
    .company .ceo .greeting p + p {margin-top:30px;}
    .company .ceo .greeting p br {display:none;}
    .company .ceo .greeting .sign-box em {font-size:18px;}
    .company .ceo .greeting .sign-box > div p {font-size:22px;}

    .company .values p.val-p {font-size:20px}
    .company .values p.val-p strong {font-size:48px;}
    .company .values p.val-p br {display:none;}
    .company .values .section01 {gap:30px;padding:0 40px;}
    .company .values .section01 div {width:calc(33.33% - 20px);}
    .company .values .section01 div:nth-child(3) img {max-width:80%;}
    .company .values .section02 .vision {padding:0 40px;}
    .company .values .section03 {margin-top:80px;}
    .company .values .section03 .feature {padding:0 40px;gap:30px;}
    .company .values .section03 .feature div {width:calc(33.33% - 20px);}

    .company .history .title-group{gap:70px;}
    .company .history .title-group h2{font-size:38px;}
    .company .history .list-box .list{gap:35px;}
    .company .history .list-box .list h3{font-size:40px;padding-left: 25px;}
    .company .history .list-box .list h3:before{top:20px;}
    .company .history .list-box .list ul{width: calc(100% - 165px);}
    .company .history .list-box .list ul li{font-size:16px;padding-left: 50px;}
    .company .history .list-box .list ul li em{font-size:16px;}

    .product .flex-box{flex-direction: column;}
    .product .section01{padding:0 20px 40px;}
    .product .flex-box > div{max-width: 100%;}
    .product .flex-box .txt-box h2{font-size:28px;}
    .product .flex-box .txt-box h3{margin-top:30px;font-size:20px;}
    .product .flex-box .txt-box p{font-size:16px;}
    .product .section02{padding:30px 20px 80px;}
    .product .section02 h2{font-size:26px;}
    .product .section02 ul li{font-size:16px;}
    .product .section02 ul li:before{top:8px;}
    .product .section02 .img-box{margin-top:30px;}
    .product .prul_li2 { display: block;}
    .product .prul_li2 ul:nth-child(2) { margin-top: 10px}
    .product .prul_li2 ul:nth-child(3) { margin-top: 10px}

    .company .certificates ul{gap:100px 40px;}
    .company .certificates ul li{width: calc(25% - 30px);}
    .company .certificates ul li figure figcaption{font-size:16px;}


    .contact .contactus .flex-box{flex-direction: column-reverse;margin-top:20px;}
    .contact .contactus .flex-box .col > img{display:block;width:100%;}
    .contact .contactus .flex-box .col figure img{display: block;width:100%;}
    .contact .contactus .flex-box .col .txt-box em{font-size:16px;}
    .contact .contactus .flex-box .col .txt-box h4{font-size:18px;}
    .contact .contactus .flex-box .col .txt-box ul{}
    .contact .contactus .flex-box .col .txt-box ul li{font-size:14px;}
    .contact .contactus .flex-box .col .txt-box a{height:45px;font-size:15px;}
    .contact .contactus .flex-box .col .txt-box a:before{width:45px;height:45px;}
    .contact .contactus .info-box{margin-top:40px;padding-top:40px;}
    .contact .contactus .info-box > div h3{font-size:18px;}
    .contact .contactus .info-box > div p{margin-top:10px;font-size:14px;}

    .contact .meetus dl dt{float: none;width:100%;font-size:25px;}
    .contact .meetus dl dd{padding:0;margin-top:20px;}
    .contact .meetus dl dd .box{gap:40px;}
    .contact .meetus dl dd .box .list h3{font-size:18px;}
    .contact .meetus dl dd .box .list h3:before{top:10px;}
    .contact .meetus dl dd .box .list h4{font-size:18px;}
    .contact .meetus dl dd .box .list{width:calc(50% - 20px);}
    .contact .meetus dl + dl{margin-top:100px;}

    .network .txt{margin-top:20px;font-size: 16px;font-weight: 600;line-height: 1.25;}
}

/* mobile */
@media all and (max-width:768px) {
    .page-top .visual{padding-top:55%;}
    .page-top .visual.sub01{background: url(/_public/images2/contents/m_sub_v01.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub02{background: url(/_public/images2/contents/m_sub_v02.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub03{background: url(/_public/images2/contents/m_sub_v03.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub04{background: url(/_public/images2/contents/m_sub_v04.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual.sub05{background: url(/_public/images2/contents/m_sub_v05.png) 50% 50% no-repeat;background-size: cover;}
    .page-top .visual .group{top:65%;}
    .page-top .visual .group h1{font-size:26px;}
    .page-top .visual .group p{margin-top:5px;font-size: 13px;font-weight: 600;line-height: 1.3;color: #fff;}
    .page-top .visual .group p::before { content: ""; height: 32px;width: 7px; background: #e1051d; border-radius: 99px; left: 0}

    .page-top .navi-menu{position: relative;}
    .page-top .navi-menu ul{overflow: initial;flex-wrap: wrap}
    .page-top .navi-menu ul li{flex:initial;width:50%;}
    .page-top .navi-menu ul li:nth-child(5) { width: 100%}


    #pages .contents{padding:50px 0 80px;}

    .aboutus {padding:0 20px;}
    .company .aboutus .about-box .about-p {font-size:42px;}
    .company .aboutus .about-box > div {margin-top:40px;}
    .company .aboutus .about-box > div img {margin-bottom:25px;}
    .company .aboutus .about-box > div p {font-size:15px;}
    .company .aboutus .about-box > div p br {display:none;}

    .company .ceo {padding:0 20px 100px;}
    .company .ceo .ceo-topbox {flex-wrap:wrap;}
    .company .ceo .ceo-topbox .txt {width:100%;padding:45px;}
    .company .ceo .ceo-topbox .txt h4 {font-size:28px;margin-bottom:20px;}
    .company .ceo .ceo-topbox .txt p {font-size:20px;}
    .company .ceo .ceo-topbox .img {width:100%;max-width:none;}
    .company .ceo .greeting {margin-top:30px;padding:0 0 100px;}
    .company .ceo .greeting p {font-size:15px;}
    .company .ceo .greeting p + p {margin-top:25px;}
    .company .ceo .greeting .sign-box {right:0;}
    .company .ceo .greeting .sign-box em {font-size:16px;}
    .company .ceo .greeting .sign-box > div {gap:10px;}
    .company .ceo .greeting .sign-box > div p {font-size:18px;}
    .company .ceo .greeting .sign-box > div img {max-height:30px;}

    .company .values h3.page-title {padding:0 20px;}
    .company .values p.val-p {font-size:18px;}
    .company .values p.val-p strong {font-size:42px;}
    .company .values .section01 {flex-wrap:wrap;padding:0 20px;gap:40px;}
    .company .values .section01 div {width:100%}
    .company .values .section01 div:nth-child(2) {padding:0 20px;}
    .company .values .section02 .vision {flex-wrap:wrap;padding:0 20px;gap:40px;}
    .company .values .section02 .vision div {width:100%;}
    .company .values .section02 .vision div:nth-child(1) {padding:20px 0;}
    .company .values .section02 .vision div:nth-child(2) {padding:0 20px;}
    .company .values .section03 .feature {flex-wrap:wrap;gap:20px;padding:0 20px;}
    .company .values .section03 .feature div {width:100%;padding:50px 20px;}
    .company .values .section03 .feature div img {max-width:80px;}
    .company .values .section03 .feature div p {font-size:20px;}

    .company .history .title-group i{display: none;}
    .company .history .title-group h2{font-size:30px;word-break: keep-all;}
    .company .history .title-group h2 br{display: none;}
    .company .history .list-box{margin-top:60px;padding-left:0;}
    .company .history .list-box .list{flex-direction: column;gap:20px;}
    .company .history .list-box .list h3{padding-left: 20px;font-size:30px;top:0}
    .company .history .list-box .list h3:before{top: 17px;left: -4px;width:10px;height:10px;border-width:2px;}
    .company .history .list-box .list ul{width:100%;padding-left: 20px;}
    .company .history .list-box .list ul li{font-size:14px;padding-left: 40px;}
    .company .history .list-box .list ul li em{font-size:14px;}
    .company .history .list-box .list + .list{margin-top:50px;}

    .company .certificates ul{margin-top:20px;gap:50px 20px;}
    .company .certificates ul li{width: calc(50% - 10px);}
    .company .certificates ul li figure figcaption{margin-top:10px;font-size:14px;}

    .product .flex-box .txt-box h2{padding-left:10px;font-size:24px;}
    .product .flex-box .txt-box h2:before{top: 15px;left: 0;width: 5px;height: 5px;}
    .product .flex-box .txt-box h3{margin-top:20px;font-size:16px;}
    .product .flex-box .txt-box p{margin-top:10px;font-size:16px;}
    .product .flex-box .txt-box a{margin-top:40px;width:100%;font-size:14px;}
    .product .section02 h2{font-size:22px;}
    .product .section02 ul li{font-size:14px;}
    .product .section02 ul li:before{top:7px;}
    .product .section02 .img-box{margin-top:20px;}

    .solution_ul li { font-size: 15px !important; font-weight: 500 !important; margin-bottom: 10px; padding-left: 13px;}
    .solution_ul li:before { content: ""; display: block; width: 5px; height: 5px; background: #e1051d;
     position: absolute; left: 0; border-radius: 99px; top: 10px; }

    .contact .contactus .info-box{flex-direction: column;}
    .contact .contactus .info-box > div{padding:30px;}

    .contact .meetus dl{margin-top:25px;}
    .contact .meetus dl dd .box .list{width:100%;}
    .contact .meetus dl dt{font-size:20px;}
    .contact .meetus dl dd .box .list h3{font-size:16px;}
    .contact .meetus dl dd .box .list h4{font-size:16px;}
    .contact .meetus dl dd .box .list ul li{font-size:14px;gap:20px;}
    .contact .meetus dl dd .box .list ul li span{font-size:14px;width:64px;}
    .contact .meetus dl + dl{margin-top:50px;}

    .network .pc-map{display: none;}
    .network .m-map{display: block;}
    .network .info-box{display:block;}

    .policy { margin-top: 40px; margin-bottom: 100px}
    .policy .private_box1 { font-size: 16px; padding:20px; margin: 30px 0 40px}
    .policy .private_box1 br.no { display: none;}
    .policy .private_box2 p { font-size: 15px; line-height: 1.5; }
    .policy .private_box2 p strong { font-size: 17px}
}