@charset "utf-8";

.company { position: relative;}
.company::before {content: "";background: url(/_public/images2/contents/company_bg.png) no-repeat 0 0;width: 1660px;height:415px;position: absolute;display: block;right: 0;top: -170px;}
.company .txt-box {}
.company .txt-box strong { display: block; color: #1b1b1b; font-size: 40px;font-weight: 900; margin-bottom: 30px; margin-top: 70px}
.company .txt-box strong em {  color: #1b4a9b;}
.company .txt-box p span { color: #1b1b1b;font-size: 22px;line-height: 1.73;font-weight: 600;}
.company .txt-box p span em {  color: #00a1ed}
.company .txt-box p { display: inline-block; vertical-align: top;width: 49%;}
.company .txt-box p:last-child { font-size: 18px; color: #1b1b1b;line-height: 1.67;}

.location { }
.location .map-txt {display: flex;align-items: center;justify-content: space-between; margin-top: 30px}
.location .map-txt span {  font-size: 22px; font-weight: bold;color: #1b1b1b;vertical-align: middle;}
.location .map-txt span i { background: url(/_public/images2/icon/map_icon.svg) no-repeat; width: 30px; height: 30px;display: inline-block;vertical-align: middle;margin-right: 8px}
.location .map-txt a {font-size: 18px; font-weight: 500;color: #1b1b1b; padding:15px 40px; border: 2px solid #cecece; border-radius: 5px}
.location .map-txt a i { background: url(/_public/images2/icon/google_icon.svg) no-repeat; width: 20px; height: 20px; display: inline-block;vertical-align: middle;margin-right: 8px}
.location .map-txt a:hover { background: #f8f8f8;border: 2px solid #aaa;}

.network { }
.network .txt-box { margin-top: 25px;padding: 40px; border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);  border: solid 1px #dedede;width: 50%;}
.network .txt-box span { font-weight: bold;color: #00a1ed;font-size: 18px;line-height: 1.28; display: block;}
.network .txt-box strong {font-size: 22px;color: #1b1b1b;font-weight: bold;line-height: 1.05;display: block; margin: 20px 0 30px}
.network .txt-box ul { }
.network .txt-box ul li { color: #858585;font-size: 16px; line-height: 1.5}
.network .txt-box ul li em {  color: #1b1b1b; font-weight: 500; display: inline-block; width: 50px}
.network .txt-box ul li a { color: #858585;font-size: 16px; font-weight: 300;letter-spacing: 0}

.certified { }
.certified .celist { }
.certified .celist div { text-align: center; display: inline-block; vertical-align: top;max-width:320px;}
.certified .celist div p{ position: relative; padding: 19px; border-radius: 10px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1); border: solid 1px #dedede;}
.certified .celist div p img{ width:100%;display:block; }
.certified .celist div span { display: block; font-size: 18px;color: #1b1b1b;font-weight: bold; margin-top: 30px; word-break: keep-all;}
.certified .celist div + div { margin-left: 35px}
.certified .cmtb50 { margin: 50px 0}

.development { margin-top: -50px}
.development .mv-bg { width: 100%; height: 420px; overflow: hidden;margin: 0px auto; position: relative;  }
.development .mv-bg video { width: 100%; }
.development .mv-text { position: absolute;top:31%;right: 20%;}
.development .mv-text p { font-size: 22px; color: #fff;line-height: 1.64; font-weight: bold;}
.development .mv-text p img { display: block; margin-bottom: 60px}
.development .txt-box { display: flex; margin-top: 60px; align-items: center;}
.development .txt-box div + div { margin-left: 80px}
.development .txt-box div p {font-size: 40px; color: #1b1b1b; font-weight: 900;}
.development .txt-box div p em { color: #1b4a9b;}
.development .txt-box div strong {  font-size: 22px; font-weight: 600;color: #1b1b1b;line-height: 1.73; display: block; margin: 30px 0 60px}
.development .txt-box div strong em {color: #00a1ed;}
.development .txt-box div span {  font-size: 18px;color: #1b1b1b;line-height: 1.67;}

.customer{}
.customer .form-wrap{display:flex;margin-top:60px;border-radius: 20px;background-color: #f1f9ff;padding:60px;}
.customer .form-wrap .left{width:100%;max-width:460px;padding-top:40px;}
.customer .form-wrap .left p{font-size: 18px;font-weight: 500;line-height: 1.56;color: #454545;}
.customer .form-wrap .left ul{margin-top:30px;}
.customer .form-wrap .left ul li{display: flex;border-radius: 10px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);border: solid 1px #dedede;background-color: #fff;max-width:300px;padding:14px 15px;font-size: 18px;font-weight: 800;color: #1b4a9b;}
.customer .form-wrap .left ul li + li{margin-top:10px;}
.customer .form-wrap .left ul li em{position:relative;display: inline-block;width:95px;color:#1b1b1b;}
.customer .form-wrap .left ul li em:after{content: "";display: inline-block;width:2px;height:15px;background: #c5daff;position: absolute;top:6px;right:20px;}
.customer .form-wrap .right{width:100%;max-width:820px;}
.customer .form-wrap .right .txt{text-align: right;font-size: 16px;font-weight: 500;color: #858585;}
.customer .form-wrap .right .txt span{display: inline-block;color:#1b4a9b;}
.customer .form-wrap .right .form-box{margin-top:20px;}
.customer .form-wrap .right .form-box .row-box{display: flex;}
.customer .form-wrap .right .form-box .row-box + .row-box{margin-top:10px;}
.customer .form-wrap .right .form-box .row-box .field{flex:1;}
.customer .form-wrap .right .form-box .row-box .field{flex:1;}
.customer .form-wrap .right .form-box .row-box .field input[type="text"],
.customer .form-wrap .right .form-box .row-box .field input[type="tel"]{width:100%;height:50px; border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);background-color: #fff;border:1px solid #1b4a9b; font-size: 16px;font-weight: normal;color: #1b1b1b;padding:0 20px;}
.customer .form-wrap .right .form-box .row-box .field select{width:100%;height:50px; border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);background: #fff url(/_public/images2/icon/select_icon.svg) no-repeat;    background-position: 95% 50%;border:1px solid #1b4a9b; font-size: 16px;font-weight: normal;color: #1b1b1b;padding:0 20px;}
.customer .form-wrap .right .form-box .row-box .field input[type="text"]::placeholder,
.customer .form-wrap .right .form-box .row-box .field input[type="tel"]::placeholder,
.customer .form-wrap .right .form-box .row-box .field textarea::placeholder{color: #1b4a9b;}
.customer .form-wrap .right .form-box .row-box .field textarea{width:100%;height:150px; border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);background-color: #fff;border:1px solid #1b4a9b; font-size: 16px;font-weight: normal;color: #1b1b1b;padding:20px;resize: none;}
.customer .form-wrap .right .form-box .row-box .field + .field{margin-left: 10px;}
.customer .terms-wrap{margin-top:40px;overflow: hidden; border-radius: 10px; border: solid 1px #cecece;}
.customer .terms-wrap h4{line-height: 60px;padding:0 30px;font-size: 20px;font-weight: 600;color: #fff;background: #1b4a9b;}
.customer .terms-wrap .txt-box{padding:30px;background-color: #f9f9f9; font-size: 16px;font-weight: normal;line-height: 1.5;color: #000;overflow-y: auto;height:200px;word-break: keep-all;}
.customer .chk-wrap{margin-top:20px;text-align: right;}
.customer .chk-wrap .checkbox-type1 label{ font-size: 16px;font-weight: 500;color: #1b1b1b;padding-left:30px;}
.customer .chk-wrap .checkbox-type1 label:before{border-color:#aaa;width:20px;height:20px;}
.customer .chk-wrap .checkbox-type1 label:after{border-color:#fff;top: 4px;left: 7px;width: 6px;height: 10px;}
.customer .chk-wrap .checkbox-type1 input[type="checkbox"]:checked +  label:before{border-color:#1b4a9b;background: #1b4a9b;}
.customer .chk-wrap .checkbox-type1 input[type="checkbox"]:checked +  label:after{border-color:#fff;}
.customer .google-chk{margin-top:20px;text-align: center;}
.customer .google-chk .inner{width:310px;display: inline-block;position: relative;}
.customer .button-box{margin-top:60px;text-align: center;}
.customer .button-box button{display: inline-block;width:240px;height:65px;text-align: center;  border-radius: 10px;background-color: #1b4a9b;font-size: 20px;color:#fff;font-weight: bold;}

.customer .manual{}
.customer .manual .search-box{display: flex;justify-content: center;border-radius: 20px;background: #f1f9ff;padding:20px;}
.customer .manual .search-box .input-wrap{position: relative;width:100%;max-width:880px;}
.customer .manual .search-box .input-wrap input[type="text"]{width:100%;height:50px;  border-radius: 25px;border: solid 1px #c5daff;background-color: #fff;font-size: 16px;font-weight: normal;letter-spacing: -0.4px;padding:0 60px 0 30px;}
.customer .manual .search-box .input-wrap input[type="text"]::placeholder{color: #858585;}
.customer .manual .search-box .input-wrap button{position: absolute;top:10px;right:30px;display:inline-block;}
.customer .manual .search-box .input-wrap button img{display: block;}
.customer .manual .table-box{margin-top:40px;}
.customer .manual .table-box p{display:none;position: relative; border-radius: 10px;border: solid 1px #cecece;background-color: #f9f9f9;padding:10px 10px 10px 34px; font-size: 14px;font-weight: normal;letter-spacing: -0.35px;color: #454545;margin-bottom: 15px;}
.customer .manual .table-box p:before{content: "※";position: absolute;left:15px;color:#1b4a9b;}
.customer .manual .table-box table{border-top:2px solid #1b4a9b;}
.customer .manual .table-box table thead tr th{font-size: 18px;font-weight: 600;letter-spacing: -0.45px;text-align: center;color: #1b1b1b;padding:15px 10px;background: #f6faff;border-bottom: 1px solid #ddd;}
.customer .manual .table-box table tbody tr td{padding:15px 10px;border-bottom: 1px solid #ddd;    font-size: 16px;font-weight: normal;letter-spacing: -0.4px;text-align: center;color: #1b1b1b;}
.customer .manual .table-box table tbody tr td strong{display: inline-block; font-size: 18px;font-weight: 800;letter-spacing: -0.45px;}
.customer .manual .table-box table tbody tr td .color-blue{color:#1b4a9b !important;}
.customer .manual .table-box table tbody tr td .color-black{color:#1b1b1b !important;}
.customer .manual .table-box table tbody tr td .date{color:#858585;}
.customer .manual .table-box table tbody tr td .btn-dwn{font-size:0;display: inline-block;width:35px;height:35px;background: url(/_public/images2/icon/ico_dwn.svg) no-repeat;background-size: cover;vertical-align: middle;}
.customer .manual .table-box table tbody tr td .btn-dwn:hover{background: url(/_public/images2/icon/ico_dwn_on.svg) no-repeat;background-size: cover;}




.product{}
.product .box1{position: relative;padding:30px 0 80px;}
.product .box1:after{content: "";display: inline-block;position: absolute;left:50%;transform: translateX(-50%);bottom:-49px;background: url(/_public/images2/contents/shape.svg) no-repeat;background-size: cover;width:96px;height:66px;z-index: 10;}
.product .box1.box1-f:after {display:none;}
.product .box1 .layout2{display: flex;align-items: center;}
.product .box1 .layout2 > div{flex:1;}
.product .box1 .layout2 .img{}
.product .box1 .layout2 .img img{ border-radius: 20px;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.product .box1 .layout2 .txt-box{margin-left:80px;max-width:620px;}
.product .box2 .layout2.ti23 .txt-box {padding-left:60px;}
.product .box1 .layout2 .txt-box h3{font-size: 62px;font-weight: 800;line-height: 1.1;letter-spacing: -1.55px;color: #1b4a9b;}
.product .box1 .layout2 .txt-box h3 + ul{margin-top:80px;}
.product .box1 .layout2 .txt-box p{margin-top:80px;font-size: 18px;font-weight: normal;line-height: 1.67;letter-spacing: -0.45px;color: #454545;word-break:keep-all;}
.product .box1 .layout2 .txt-box ul{margin-top:40px;}
.product .box1 .layout2 .txt-box ul li{padding:20px 30px;border-radius: 10px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);border: solid 1px #00a1ed;background-color: #fff;font-size: 22px;font-weight: 600;color: #1b4a9b;}
.product .box1 .layout2 .txt-box ul li + li{margin-top:10px;}
.product .box2{background: #f1f9ff;padding:80px 0;position: relative;}
.product .box2 .layout2{display:flex;border-radius: 20px;box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.16);background-color: #fff;justify-content: space-between;align-items: center;}
.product .box2 .layout2 + .layout2{margin-top:40px;}
.product .box2 .layout2.ti23 {padding:20px;}
.product .box2 .layout2 > div{}
.product .box2 .layout2 > .img{box-shadow: 4px 0px 10px 0 rgba(0, 0, 0, 0.08);border-radius:20px;}
.product .box2 .layout2.type2 > .img{box-shadow: -4px 0px 10px 0 rgba(0, 0, 0, 0.08);border-radius:20px;}
.product .box2 .layout2 .txt-box{padding-left:80px;}
.product .box2 .layout2 .txt-box h3{font-size: 28px;font-weight: 800;line-height: 1.29;letter-spacing: -0.7px;color: #1b4a9b;}
.product .box2 .layout2 .txt-box h3 strong{display: block; font-size: 48px;font-weight: 800;color: #1b4a9b;}
.product .box2 .layout2 .txt-box p{margin-top:30px; font-size: 18px;font-weight: normal;line-height: 1.78;letter-spacing: -0.45px;color: #1b1b1b;}
.product .box2 .layout2 .txt-box i{margin-top:60px;display: inline-block;}
.product .box2 .layout2 .txt-box em{display: block;margin-top:10px; font-size: 20px;font-weight: bold;letter-spacing: -0.5px;color: #1b4a9b;}
.product .box2 .layout2 .txt-box ul{}
.product .box2 .layout2 .txt-box ul li{position:relative;font-size: 20px;font-weight: 500;color: #1b1b1b;padding-left: 16px;word-break:keep-all;}
.product .box2 .layout2 .txt-box ul li:before{content: "";display: inline-block;background: #1b4a9b;width:6px;height:6px;border-radius: 100%;position: absolute;top:11px;left:0;}
.product .box2 .layout2 .txt-box ul li + li{margin-top:25px;}
.product .box2 .layout2 .img img{border-radius:20px;box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.08);display:block;}
.product .box2 .layout2 .img  + .txt-box{padding:0;width:50%;padding-left:60px;}
.product .box2 .layout2.type2 .txt-box {width:45%;}
.product .box3{padding:120px 0;}
.product .box3 .layout2{}
.product .box3 .layout2 h3{font-size: 32px;font-weight: bold;color: #454545;}
.product .box3 .layout2 ul{display: flex;margin-top:50px;}
.product .box3 .layout2 ul li{flex:1;}
.product .box3 .layout2 ul li img{display: block;width:100%;}
.product .box3 .layout2 ul li + li{margin-left: 10px;}
.product .box4 .layout2 h3{font-size: 32px;font-weight: bold;color: #454545;}
.product .box4 .layout2 ul{display: flex;flex-wrap: wrap;margin:50px -10px 0;}
.product .box4 .layout2 ul li{width:calc(25% - 20px);margin:10px;text-align: center; border-radius: 10px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);border: solid 1px #cfcfcf;background-color: #fff; font-size: 18px;font-weight: 600;color: #454545;padding:15px 0;display: flex;justify-content: center;align-items: center;}
.product .box5{text-align: center;padding:120px 0;}
.product .box2 + .box4{padding:120px 0 0;}

/* tablet */
@media all and (max-width:1640px) {
    .product .box1 .layout2{padding:0 20px;}
    .product .box2{padding:80px 20px;}
    .product .box4{padding:0 20px;}
}

/* tablet */
@media all and (max-width:1280px) {
    .company { word-break: keep-all;}
    .company::before {content: "";width: 100%;background: url(/_public/images2/contents/company_bg2.png) no-repeat 0 0;top: 0;height: 90px;background-size: cover;}
    .company .txt-box strong { font-size: 24px; margin-bottom: 15px}
    .company .txt-box p { display: block; width: 100%;}
    .company .txt-box p span{ font-size: 16px;}
    .company .txt-box p br { display: none;}
    .company .txt-box p:last-child { margin-top: 40px;font-size: 14px;}
    .company .txt-box p br.mo_br { display: block; }

    .location .map-txt { align-items: flex-start;flex-direction: column;}
    .location .map-txt span { font-size: 17px; }
    .location .map-txt a { font-size: 16px; width: 100%; display: block; margin-top: 20px; text-align: center;}

    .network .txt-box { width: 100%;}
    .certified .celist { display: flex; flex-wrap: wrap;}
    .certified .celist div { width: 47%; }
    .certified .celist div:nth-child(3) { margin-left: 0}
    .certified .celist div p { padding: 20px;width: fit-content;  margin: 0 auto;max-width:none;}
    .certified .celist div span { margin-top: 20px; margin-bottom: 30px}
    .certified .cmtb50 { margin: 0 0}

    .development .txt-box {flex-wrap: wrap; }
    .development .mv-text { position: absolute;top:50%;left:60%;transform: translate(-50%, -50%); width: 100%}
    .development .mv-text p { font-size: 20px; color: #fff;line-height: 1.64; font-weight: bold;}
    .development .mv-text p img { display: block; margin-bottom: 60px}
    .development .txt-box div + div { margin-left: 0; margin-top: 40px}
    .development .txt-box div p { font-size: 34px; }
    .development .txt-box div strong {  font-size: 20px; margin: 20px 0 40px}
    .development .txt-box div span {  font-size: 16px;}
    .development .txt-box div { width: 100%}
    .development .txt-box img { width: 100%}

    .customer .form-wrap{margin-top:30px;display: block;padding:30px;}
    .customer .form-wrap .left{max-width:100%;padding:0;}
    .customer .form-wrap .left p{font-size:16px;}
    .customer .form-wrap .left ul{margin-top:20px;}
    .customer .form-wrap .left ul li{padding:10px 15px;font-size:16px;}
    .customer .form-wrap .left ul li em:after{top:4px;}
    .customer .form-wrap .right{max-width:100%;margin-top:20px;}
    .customer .form-wrap .right .form-box .row-box .field input[type="text"],
    .customer .form-wrap .right .form-box .row-box .field input[type="tel"]{height:45px;font-size:14px;}
    .customer .form-wrap .right .txt{font-size:14px;}
    .customer .terms-wrap h4{font-size:18px;line-height: 50px;}
    .customer .terms-wrap .txt-box{padding:20px;font-size:14px;}
    .customer .chk-wrap .checkbox-type1 label:before{top:1px;}
    .customer .button-box button{font-size:18px;height:50px;}




    .product .box1{padding:15px 0 60px;}
    .product .box1:after{width:48px;height:33px;bottom:-25px;}
    .product .box1 .layout2{display: block;}
    .product .box1 .layout2 .img img{display: block;width:100%;}
    .product .box1 .layout2 .txt-box{margin:30px 0 0;max-width:100%;}
    .product .box1 .layout2 .txt-box h3{font-size:32px;line-height: 1.31;letter-spacing: -0.8px;}
    .product .box1 .layout2 .txt-box p{margin-top:40px;font-size: 14px;font-weight: normal;line-height: 1.71;letter-spacing: -0.35px;}
    .product .box1 .layout2 .txt-box ul{margin-top:30px;}
    .product .box1 .layout2 .txt-box ul li{padding:15px 20px;font-size: 16px;word-break: keep-all;}

    .product .box2{padding:60px 20px 40px;}
    .product .box2 .layout2{display: block;padding:0;}
    .product .box2 .layout2.type2{display: flex;flex-direction: column-reverse;}
    .product .box2 .layout2 .txt-box{padding:20px;width:100%;margin-top:10px;}
	.product .box2 .layout2.ti23 .txt-box {padding-left:0;margin:0 0 20px;}
    .product .box2 .layout2 .txt-box h3{font-size: 24px;line-height: 1.33;letter-spacing: -0.6px;word-break: keep-all;}
    .product .box2 .layout2 .txt-box h3 strong{font-size:32px;}
    .product .box2 .layout2 .txt-box p{margin-top:25px;font-size:14px;line-height: 1.71;letter-spacing: -0.35px;}
    .product .box2 .layout2 .txt-box i{margin-top:30px;}
    .product .box2 .layout2 .txt-box em{margin-top:5px;font-size:18px;line-height: 1.78;letter-spacing: -0.45px;}
    .product .box2 .layout2 .img{margin-top:0px;border-radius:10px;box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.08);}
    .product .box2 .layout2.type2 .img{margin-top:0;border-radius:10px;box-shadow: 0px 4px 10px 0 rgba(0, 0, 0, 0.08);}
	.product .box2 .layout2.type2 .txt-box {width:100%;}
    .product .box2 .layout2 .img{display: block;width:100%;}
    .product .box2 .layout2 .img img{display: block;width:100%;border-radius:10px;}
    .product .box2 .layout2 .img + .txt-box{width:100%;padding:20px;margin-top:10px;}
    .product .box2 .layout2 .txt-box ul li{font-size:14px;padding-left: 13px;}
    .product .box2 .layout2 .txt-box ul li + li{margin-top:15px;}
    .product .box2 .layout2 .txt-box ul li:before{content: "";width:5px;height:5px;top:6px;}
    .product .box2 .layout2 + .layout2{margin-top:20px;}


    .product .box3{padding:60px 20px;}
    .product .box3 .layout2{padding:0;}
    .product .box3 .layout2 h3{font-size:25px; line-height: 1.4;word-break: keep-all;}
    .product .box3 .layout2 ul{margin-top:30px;flex-wrap: wrap;}
    .product .box3 .layout2 ul li{width:31.3333%;margin:1%;flex:initial;}
    .product .box3 .layout2 ul li + li{margin:1%;}

    .product .box4{padding:0px 20px;}
    .product .box4 .layout2{padding:0;}
    .product .box4 .layout2 h3{font-size:25px; line-height: 1.4;word-break: keep-all;}
    .product .box4 .layout2 ul{margin:30px 0 0;width:100%;}
    .product .box4 .layout2 ul li{width: calc(50% - 20px);padding:10px 0;font-size:14px;}

    .product .box2 + .box4{padding:60px 20px;}
}

@media all and (max-width:1024px) {
    .customer .manual .search-box{padding:10px;border-radius: 10px;}
    .customer .manual .search-box .input-wrap input[type="text"]{height:45px;font-size: 14px;padding:0 50px 0 20px;}
    .customer .manual .search-box .input-wrap button{top:6px;right:20px;}
    .customer .manual .table-box p{display: block;}
    .customer .manual .table-box .scroll-box{overflow-x: auto; -ms-overflow-style: none;scrollbar-width: none;}
    .customer .manual .table-box .scroll-box::webkit-scrollbar{display: none;}
    .customer .manual .table-box table{width:1000px;}
    .customer .manual .table-box table thead tr th{font-size: 14px;padding:10px;}
    .customer .manual .table-box table tbody tr td{font-size: 14px;padding:10px;}
    .customer .manual .table-box table tbody tr td strong{font-size: 15px;}
}


/* mobile */
@media all and (max-width:768px) {
    #pages .contents{padding:25px 0 80px;}

    .company img{display: block;width:100%;}
    .company .txt-box strong{margin-top:30px;}

    .network .txt-box { width: 100%; padding: 30px}
    .network .txt-box span { font-size: 16px}
    .network .txt-box strong { font-size: 18px; margin: 10px 0 20px}
    .network .txt-box ul li { font-size: 15px}
    .certified .celist div { width: 100%; margin-left: 0}
    .certified .celist div + div { margin-left: 0;}
    .certified .celist div span { font-size: 16px}
    .development{margin-top:-25px;}
    .development .mv-bg { height: auto;}

    .development .txt-box div p { font-size: 26px;}
    .development .txt-box div strong { font-size: 18px;}
    .development .txt-box div strong br { display: none;}
    .development .txt-box div span { font-size: 14px}
    .development .txt-box div span br { display: none;}
    .development .mv-text p { font-size: 17px;}
    .development .mv-text p img { width: 50%; margin-bottom: 30px;}
    .development .mv-text {left: 60%; }

    .customer .form-wrap{padding:20px;border-radius: 10px;}
    .customer .form-wrap .right .form-box .row-box{display: block;}
    .customer .form-wrap .right .form-box .row-box .field + .field{margin:10px 0 0;}

    .product .box3 .layout2 ul li{width:48%;}
    .product .box4 .layout2 ul li{width:100%;margin:0;}
    .product .box4 .layout2 ul li + li{margin:5px 0 0;}


}