@charset "utf-8";

@import url('common.css');
@import url('layout.css');

/* common form */
select{outline:none;width:100%;height:50px;padding-left:12px;border:1px solid #eaeaea;background:url(../images/ic_select_sr.png) no-repeat right 10px center #fff;transition:all 0.3s ease-in-out}
input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"]{outline:none;width:100%;height:50px;padding:0 20px;border:1px solid #eaeaea;transition:all 0.3s ease-in-out}
textarea{outline:none;padding:20px;border:1px solid #eaeaea;transition:all 0.3s ease-in-out}
select:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="number"]:focus,textarea:focus{position:relative;border:1px solid #1e681d;}
select:disabled,input:disabled,textarea:disabled{background-color:#f5f5f5;}
select:invalid{color:#999}

.chkbox{display:inline-block;position:relative;line-height:18px;}
.chkbox~.chkbox{margin-left:18px}
.chkbox input[type=checkbox]{opacity:0;-webkit-appearance:none}
.chkbox label{display:inline-block;padding-left:30px;}
.chkbox input[type="checkbox"]{position:absolute;top:1px;left:0;}
.chkbox label:before{content:"";position:absolute;top:1px;left:0;width:20px;height:20px;background:url(../images/ic_chk.png) no-repeat 50% 50%;}
.chkbox input[type="checkbox"]:checked + label:before{background:url(../images/ic_chk_on.png) no-repeat 50% 50%;}

.radiobox{display:inline-block;position:relative;line-height:16px;}
.radiobox~.radiobox{margin-left:10px}
.radiobox input[type=radio],.radiobox input[type=checkbox]{opacity:0;-webkit-appearance:none}
.radiobox label{display:inline-block;padding-left:30px;}
.radiobox input[type="radio"]{position:absolute;top:2px;left:0;}
.radiobox input[type="radio"] + label:before{content:"";position:absolute;top:2px;left:0;width:16px;height:16px;border:2px solid #454545;border-radius:100%;box-sizing:border-box;}
.radiobox input[type="radio"] + label:after{content:"";position:absolute;top:7px;left:5px;width:6px;height:6px;background:#fff;border-radius:100%}
.radiobox input[type="radio"]:checked + label:before{border-color:#454545;}
.radiobox input[type="radio"]:checked + label:after{background:#454545;}

.btnD{width:200px;height:80px;color:#fff;font-size:24px;font-weight:700;background:#1e681d;transition:all 0.3s ease-in-out;}
.btnD:hover{background:#003300}

/* board  */
.boardSearch_g{position:relative;padding:50px 20px;text-align:center;margin-bottom:100px;font-size:0;background:#fbfbfb}
.boardSearch_g label{font-size:0;position:absolute;left:-10000px;}
.boardSearch_g select{width:29.06vw;margin-right:0.52vw;font-size:20px;}
.boardSearch_g input{width:25.52vw;font-size:20px;}
.boardSearch_g .btn{width:50px;height:50px;vertical-align:top;font-size:0;background:url(../images/icon_search.svg) no-repeat 50% 50% #1e681d;background-size:22px auto}

.board_list{border-top:2px solid #cee8d3;border-bottom:2px solid #cee8d3;}
.board_list .item{position:relative;padding:23px 0 26px;}
.board_list .item~.item{border-top:1px solid #cee8d3;}
.board_list .title{line-height:36px;font-size:24px;font-weight:600;color:#000;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;transition:all 0.2s ease-in-out;}
.board_list a:hover .title {color:#1e681d}
.board_list .dec{font-size:20px}

.paging{position:relative;text-align:center;margin:50px auto 0;font-size:0;color:#999}
.paging *{vertical-align:middle;}
.paging ul{display:inline-block;margin:0 30px;font-size:0;}
.paging li{display:inline-block;}
.paging li a,.paging li strong{position:relative;display:inline-block;width:50px;height:50px;line-height:50px;font-size:16px;color:#999;text-align:center;box-sizing:border-box}
.paging li strong a,.paging li strong{font-weight:500;color:#fff;background:#1e681d}
.paging .prev,.paging .next,.paging .first,.paging .last{position:relative;display:inline-block;width:50px;height:50px;font-size:0;text-indent:-5000px;border:1px solid #eaeaea;;transition:all 0.3s ease-in-out}
.paging .first{background:url(../images/ic_first.png) no-repeat 50% 50% #fff;}
.paging .prev{margin-left:-1px;background:url(../images/ic_pre.png) no-repeat 50% 50% #fff;}
.paging .next{background:url(../images/ic_nxt.png) no-repeat 50% 50% #fff;}
.paging .last{margin-left:-1px;background:url(../images/ic_last.png) no-repeat 50% 50% #fff;}
.paging .first:hover{z-index:1;border-color:#1e681d;background:url(../images/ic_first_ov.png) no-repeat 50% 50% #fff;}
.paging .prev:hover{z-index:1;border-color:#1e681d;background:url(../images/ic_pre_ov.png) no-repeat 50% 50% #fff;}
.paging .next:hover{z-index:1;border-color:#1e681d;background:url(../images/ic_nxt_ov.png) no-repeat 50% 50% #fff;}
.paging .last:hover{z-index:1;border-color:#1e681d;background:url(../images/ic_last_ov.png) no-repeat 50% 50% #fff;}

.btn_block{margin-top:50px;text-align:center;}

/* contents */
.titH2{margin-bottom:25px;color:#0c6a1b;font-size:40px;font-weight:700}
.titH2 + .para2{margin-top:37px}
.titH3{margin:40px 0 30px 0;font-weight:600;}
.titH3 i{position:relative;top:-1px;display:inline-block;width:25px;height:25px;line-height:25px;vertical-align:middle;margin-right:12px;text-align:center;font-size:19px;color:#fff;font-weight:600;border-radius:100%;background:#68bd99}
.titH4{margin:26px 0 3px 0;font-weight:600;}
.para1{margin-bottom:30px;line-height:63px;font-size:48px;font-weight:700;color:#000}
.para2{line-height:34px;}
.para2 + .titH2{margin-top:135px}
.tblCol_ui + .titH2{margin-top:94px}
.diagram_pro + .titH2{margin-top:94px}

.tab_ui{margin-bottom:100px;}
.tab_ui ul{display:flex;margin:0 2px}
.tab_ui li{width:100%;height:60px;margin:0 -2px;color:#b1cbb1;font-weight:700;border:2px solid #b1cbb1;background:#fff;box-sizing:border-box;}
.tab_ui .current{position:relative;border:2px solid #1e681d;}
.tab_ui .current a{color:#1e681d;}
.tab_ui a{display:flex;align-items:center;justify-content:center;height:100%;}

.tblCol_ui{overflow:hidden;}
.tblCol_ui table{width:100%;mborder-top:2px solid #cee8d3}
.tblCol_ui th, .tblCol_ui td{padding:17px 16px 17px 30px;text-align:left;border:1px solid #cee8d3}
.tblCol_ui th:first-child, .tblCol_ui td:first-child{border-left:0}
.tblCol_ui th:last-child, .tblCol_ui td:last-child{border-right:0}
.tblCol_ui th{color:#0c6a1b;font-weight:600}
.tblCol_ui td{color:#666}
.tblCol_ui thead th{background:#ecf6ee}
.tblCol_ui tbody th{background:#fbfefb}
.tblCol_ui thead th.line{border-top:2px solid #1e681d;}
.tblCol_ui tr:last-child td.line{border-bottom:2px solid #1e681d;}
.tblCol_ui .line{border-left:2px solid #1e681d;border-right:2px solid #1e681d ! important}
.para2 + .tblCol_ui{margin-top:24px}

.tblCol_ui.type table{border-top:2px solid #1e681d}
.tblCol_ui.type thead th{border-bottom:2px solid #1e681d}

.overview_txtg{padding:141px 40px 150px;background:url(../images/bg_overview.jpg) no-repeat 50% 50%/cover;}
.overview_txtg .box{max-width:1420px;margin:0 auto;}
.overview_txtg h2{font-weight:700;font-size:40px;color:#fff}
.overview_txtg .tabs{display:flex;margin-top:50px;color:#fff}
.overview_txtg .tabs .item{overflow:hidden;width:24%;padding:30px;box-sizing:border-box;transition:all 0.4s ease}
.overview_txtg .tabs .item~.item{border-left:1px solid rgba(255, 255, 255, .4)}
.overview_txtg .tabs .item:nth-child(1){padding-left:0}
.overview_txtg .tabs h3{position:relative;font-size:48px;font-weight:700;transition:all 0.3s ease-in-out;cursor:pointer;}
.overview_txtg .tabs h3:after{content:"";display:inline-block;width:20px;height:18px;vertical-align:middle;margin-left:16px;background:url(../images/ic_arrow4.png) no-repeat 50% 50%/contain;transition:all 0.3s ease-in-out;}
.overview_txtg .tabs h3 i{display:block;line-height:16px;font-weight:400;font-size:16px;}
.overview_txtg .tabs p{opacity:0;margin-top:39px;line-height:32px;width:592px;transition:all 0.3s ease-in-out}
.overview_txtg .tabs .item.current{width:46%}
.overview_txtg .tabs .item.current h3{opacity:1;}
.overview_txtg .tabs .item.current h3:after{opacity:0;}
.overview_txtg .tabs .item.current p{opacity:1;}

.imgTxt_list{margin-top:80px}
.imgTxt_list li{display:flex;align-items:center;gap:50px;justify-content:space-between;}
.imgTxt_list li~li{margin-top:50px}
.imgTxt_list li:nth-child(even){flex-direction:row}
.imgTxt_list li:nth-child(even) .img{order:2;}
.imgTxt_list li:nth-child(even) div{order:1}
.imgTxt_list .img{flex: 0 0 50%;max-width:687px;height:20.83vw;max-height:400px;border-radius:3.125vw;}
.imgTxt_list .txtg{display:flex;align-items:center;width:670px;height:100%;}
.imgTxt_list h3{font-size:32px;color:#000;font-weight:600}
.imgTxt_list p{margin-top:12px;line-height:34px;}
.imgTxt_list .img.biz1{background:url(../images/img_biz1.jpg) no-repeat 50% 50%;background-size:cover}
.imgTxt_list .img.biz2{background:url(../images/img_biz2.jpg) no-repeat 50% 50%;background-size:cover}
.imgTxt_list .img.biz3{background:url(../images/img_biz3.jpg) no-repeat 50% 50%;background-size:cover}
.imgTxt_list .img.tec1{background:url(../images/img_tec1.jpg) no-repeat 50% 50%;background-size:cover}
.imgTxt_list .img.tec2{background:url(../images/img_tec2.jpg) no-repeat 50% 50%;background-size:cover}
.imgTxt_list .img.tec3{background:url(../images/img_tec3.jpg) no-repeat 50% 50%;background-size:cover}
.imgTxt_list .img.tec4{background:url(../images/img_tec4.jpg) no-repeat 50% 50%;background-size:cover}

.contact .txtg{display:flex;gap:80px;}
.contact .txtg h2{font-family:"exo2";font-size:34px;color:#00338c;}
.contact .txtg dl div{display:flex;}
.contact .txtg dl div~div{margin-top:12px}
.contact .txtg dl dt{flex: 0 0 180px;font-weight:600}
.contact .txtg + h2{margin:42px 0 25px;font-size:32px;color:#000;font-weight:600}

.btn_bigView{display:none}
.diagram_tec{position:relative;margin-top:90px;padding:80px 40px;background:#f9f9f9;text-align:center}
.diagram_tec img{max-width:100%}
.diagram_tec .pc{display:inline-block}
.diagram_tec .mo{display:none}

.inquiry input[type="text"], .inquiry input[type="password"], .inquiry input[type="tel"], .inquiry textarea, .inquiry input[type="email"]{border:1px solid #f7f7f7;background:#f7f7f7}
.inquiry textarea{width:100%;height:130px;}
.inquiry .txt1{line-height:63px;font-size:48px;color:#000;font-weight:700}
.inquiry .txt2{margin-top:33px;line-height:34px;font-size:24px;font-weight:500}
.inquiry .form{margin-top:43px;border-top:2px solid #cde9d3;border-bottom:2px solid #cde9d3}
.inquiry .form > div{display:flex;align-items:center;padding:15px 0 15px 30px}
.inquiry .form > div~div{border-top:1px solid #cde9d3;}
.inquiry .form dt{flex:0 0 190px;color:#000;font-weight:600}
.inquiry .form dd{width:100%}
.inquiry .form .em{margin-top:6px;font-size:20px;}
.inquiry .agree_box{margin-top:50px;}
.inquiry .agree_box dl{padding:20px 30px;border-top:2px solid #cde9d3;border-bottom:2px solid #cde9d3}
.inquiry .agree_box dt{margin-bottom:10px;;font-weight:600}
.inquiry .agree_box dd{font-size:20px;line-height:30px}
.inquiry .agree_box p{margin-top:30px;text-align:center}
.inquiry .agree_box p label{font-size:20px}

.docUpload{display:flex;}
.docUpload input[type="file"]{position:absolute;left:-10000px}
.docUpload label[for="docFile"]{flex: 0 0 120px;height:50px;display:inline-block;width:120px;line-height:50px;text-align:center;border:1px solid #769e7f;color:#769e7f;font-weight:600;cursor:pointer;box-sizing:border-box;transition:all 0.3s ease-in-out;}
.docUpload label[for="docFile"]:hover{background:#f3f4f6}
.files{display:block;margin-top:12px;}
.file-item{display:inline-block;margin-right:16px;margin-bottom:4px;padding:6px 16px;font-size:16px;border:1px solid #ccc;border-radius:20px;}
.file-item .del{position:relative;margin-left:12px;width:24px;height:24px;cursor:pointer;font-size:0;display:inline-block;}
.file-item .del:before,.file-item .del:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:2px;height:12px;background:#333;transform:rotate(45deg);}
.file-item .del:after{transform:rotate(-45deg);}
.file-item .del:hover{background:#fee2e2;border-color:#fecaca}

.con_box{position:relative;padding:150px 0;margin:-150px calc(-1 * (50vw - 713px)) 150px calc(-1 * (50vw - 713px));background:#f9f9f9}
.con_box .in{max-width:1420px;margin:0 auto}

.olCon_list{display:flex;flex-wrap:wrap;gap:50px;}
.olCon_list div{position:relative;width:calc(100% / 3 - 33.5px);padding:50px 50px 110px;color:#fff;border-radius:2.6vw;box-sizing:border-box;}
.olCon_list div:before{content:"";position:absolute;bottom:13px;right:30px;color:rgba(255, 255, 255, .2);font-size:80px;font-weight:700}
.olCon_list div:nth-of-type(1){background:#91cf3e}
.olCon_list div:nth-of-type(2){background:#1cb479}
.olCon_list div:nth-of-type(3){background:#147f6b}
.olCon_list div:nth-of-type(4){background:#3477b2}
.olCon_list div:nth-of-type(5){background:#2c5f8b}
.olCon_list div:nth-of-type(6){background:#2c495e}
.olCon_list div:nth-of-type(1):before{content:"01";}
.olCon_list div:nth-of-type(2):before{content:"02";}
.olCon_list div:nth-of-type(3):before{content:"03";}
.olCon_list div:nth-of-type(4):before{content:"04";}
.olCon_list div:nth-of-type(5):before{content:"05";}
.olCon_list div:nth-of-type(6):before{content:"06";}
.olCon_list dt{font-size:40px;font-weight:700}
.olCon_list dd{margin-top:24px;font-size:28px;line-height:38px}

.diagram_pro{position:relative;padding:80px 40px;margin-bottom:22px;text-align:center;background:#f9f9f9}
.diagram_pro img{max-width:100%}
.diagram_pro.type{background:#f9f9f9}
.para2 + .diagram_pro{margin-top:43px}
.diagram_pro .pc{display:inline-block}
.diagram_pro .mo{display:none}

.quotation{margin:26px 0 40px 0}
.quotation dt{width:160px;height:40px;line-height:36px;margin-bottom:12px;text-align:center;color:#68bd99;font-size:20px;font-weight:700;border:2px solid #68bd99;border-radius:30px;box-sizing:border-box;}
.quotation dd{position:relative;padding-left:10px;line-height:32px;font-size:20px;font-style:italic;color:#666}
.quotation dd:before{content:"";position:absolute;top:14px;left:0;width:3px;height:3px;border-radius:100%;background:#666;}
.quotation dd a{color:#1e681d;text-decoration:underline;text-underline-position:under;}
.quotation dd span{font-style:normal;}
.quotation dd strong{font-style:italic;}

.refer{margin-top:5px;text-align:right;color:#999;}

.titTxt_g + .titH2{margin-top:140px}
.titTxt_g .titH3{margin-top:17px;margin-bottom:5px;}
.titTxt_g p{margin-left:36px;line-height:34px}

@media (max-width: 1700px) {
	.imgTxt_list .img{flex: 0 0 46%;}
}

@media (max-width: 1600px) {
	.con_box{padding:80px 0;margin:-80px calc(-1 * (50vw - 696px)) 80px calc(-1 * (50vw - 696px));}
}

@media (max-width: 1500px) {
	.con_box{padding:80px 40px;margin:-80px -40px 80px -40px;}
}


@media (max-width: 1420px) {
	.titH2{font-size:32px;}
	.para1{line-height:42px;font-size:28px;}
	.para2{line-height:28px;font-size:18px;}
	.para2 + .titH2{margin-top:80px}
	
	.overview_txtg .tabs .item{width:40%;}
	.overview_txtg .tabs .item h3{font-size:34px}
	.overview_txtg .tabs p{width:300px;}
	
	.imgTxt_list{margin-top:60px}
	.imgTxt_list h3{line-height:32px;font-size:24px}
	.imgTxt_list p{line-height:28px;margin-top:12px;font-size:18px;}
	
	.contact .txtg{gap:20px}
	.contact .txtg h2{flex: 0 0 280px;font-size:24px}
	.contact .txtg + h2{font-size:24px}
	
	.diagram_tec{margin-top:60px;}
	
	.inquiry .txt1{line-height:52px;font-size:38px}
	.inquiry .txt2{line-height:32px;font-size:20px}
	
	.olCon_list{gap:30px;}
	.olCon_list div{padding:30px;width: calc(100% / 3 - 20px);}
	.olCon_list dt{line-height:32px;font-size:28px}
	.olCon_list dd{line-height:28px;font-size:18px;}
	.olCon_list div:before{font-size:20px;}
	
	.quotation dt{font-size:18px;}
	.quotation dd{line-height:22px;font-size:16px;}
	.quotation dd:before{top:9px}
}


/* pad & mobile */
@media (max-width: 1280px) {
	.overview_txtg .tabs p{width:240px;}
}

@media (max-width: 920px) {
	/* form */
	select{height:36px;font-size:12px;background-size:7px auto}
	select:invalid{font-size:12px;}
	input[type="text"],input[type="password"],input[type="tel"],input[type="number"],input[type="email"]{height:36px;padding:0 8px;font-size:13px;}
	textarea{padding:12px;font-size:12px}
	::-webkit-input-placeholder{font-size:12px}
	
	.btnD{width:120px;height:40px;font-size:16px;}

	/* board */
	.boardSearch_g{margin-bottom:20px;padding:12px 4px}
	.boardSearch_g .btn{position:absolute;top:0;right:0;width:36px;height:36px;background-size: auto 16px}
	.boardSearch_g select{width:38%;margin:0;font-size:12px}
	.boardSearch_g input[type=text]{width:62%;margin-left:-1px;font-size:12px}
	.boardSearch_g div{position:relative;max-width:480px;padding-right:40px;margin:0 auto;}

	.board_list .item{padding:20px 0 24px 0;}
	.board_list .title{line-height:22px;font-size:16px;font-weight:500}
	.board_list .dec{padding-right:30px;font-size:13px}
	
	.paging{margin-top:30px}
	.paging ul{margin:0 6px}
	.paging .prev, .paging .next, .paging .first, .paging .last{width:32px;height:32px;background-size: auto 12px}
	.paging li a, .paging li strong{width:32px;height:32px;line-height:32px;font-size:12px}
	
	.btn_block{margin-top:30px}

	/* contents */
	.titH2{margin-bottom:12px;font-size:22px}
	.titH3{margin:30px 0 12px 0;}
	.titH3 i{width:18px;height:18px;line-height:18px;margin-right:6px;font-size:10px;}
	.titH4{margin-top:12px}
	.tblCol_ui + .titH2{margin-top:30px}
	.para1{margin-bottom:12px;line-height:24px;font-size:18px}
	.para2{line-height:22px;font-size:14px;}
	.para2 + .titH2,.diagram_pro + .titH2{margin-top:40px}
	.titH2 + .para2{margin-top:12px}
	.para2 + .diagram_pro{margin-top:12px}
	
	.tab_ui{margin-bottom:30px}
	.tab_ui li{height:42px}
	
	.tblCol_ui table{border-top-width:1px}
	.tblCol_ui th, .tblCol_ui td{line-height:19px;padding:8px 12px}
	.tblCol_ui .wid{width:30% ! important}
	.para2 + .tblCol_ui{margin-top:12px}
	.tblCol_ui.scroll{overflow-x:auto}
	.tblCol_ui.scroll table{width:920px}
	
	.overview_txtg{padding:30px 16px}
	.overview_txtg h2{font-size:24px;font-weight:600}
	.overview_txtg .tabs{display:block;margin-top:30px}
	.overview_txtg .tabs .item{width:100% ! important;padding:0;}
	.overview_txtg .tabs .item h3{opacity:1 ! important;font-size:16px;font-weight:500}
	.overview_txtg .tabs h3 i{display:inline-block;margin-right:4px;}
	.overview_txtg .tabs h3:before,.tab_col .tabs h3:after{display:none}
	.overview_txtg .tabs p{opacity:.8 ! important;width:auto;line-height:22px;margin-top:12px}
	.overview_txtg .tabs .item~.item{border:0;padding:0;margin-top:30px;}
	.overview_txtg .tabs .item h3:after{opacity:0;}
	
	.imgTxt_list li{display:block;}
	.imgTxt_list li~li{margin-top:40px}
	.imgTxt_list{margin-top:40px}
	.imgTxt_list .img{max-width:100%;height:28dvh;min-height:180px}
	.imgTxt_list h3{margin-top:20px;line-height:28px;font-size:20px}
	.imgTxt_list p{line-height:22px;margin-top:4px;font-size:14px;}
	
	.contact .txtg{display:block;}
	.contact .txtg h2{margin-bottom:12px;font-size:20px;}
	.contact .txtg div{line-height:22px}
	.contact .txtg dl div~div{margin-top:6px}
	.contact .txtg dl dt{flex: 0 0 100px;}
	.contact .txtg + h2{margin-bottom:12px;font-size:20px}
	
	.btn_bigView{display:block;position:absolute;bottom:0;right:0;width:36px;height:36px;font-size:0 ! important;background:url(../images/icon_expansion.svg) no-repeat 50% 50% #d6d6d6;background-size:20px 20px}
	.diagram_tec{margin-top:30px;padding:20px;}
	.diagram_tec .pc{display:none}
	.diagram_tec .mo{display:inline-block}
	
	.inquiry .txt1{line-height:24px;font-size:16px;}
	.inquiry .txt2{margin-top:12px;line-height:22px;font-size:14px}
	.inquiry .form{margin-top:20px}
	.inquiry .form > div{padding:6px 0}
	.inquiry .form dt{flex:0 0 90px;}
	.inquiry .agree_box dd{line-height:24px;font-size:14px}
	.inquiry .form .em{font-size:11px}
	.inquiry .agree_box{margin-top:20px}
	.inquiry .agree_box dl{padding:16px}
	.inquiry .agree_box p{margin-top:12px}
	.inquiry .agree_box p label{font-size:13px}
	.docUpload label[for="docFile"]{width:90px;height:38px;line-height:38px;}
	.file-item{padding:4px 12px;font-size:12px;}
	.file-item .del{margin-left:4px;width:20px;height:20px;}
	
	.con_box{padding:40px 20px;margin:-40px -20px 40px -20px;}
		
	.olCon_list{gap:16px;}
	.olCon_list div{padding:20px;width: calc(100% / 2 - 8px);}
	.olCon_list dt{line-height:28px;font-size:20px}
	.olCon_list dt br{display:none}
	.olCon_list dd{line-height:22px;font-size:16px;margin-top:12px}
	.olCon_list div:before{font-size:14px;right:16px;bottom:10px;}
	
	.quotation{margin:8px 0 20px 0;}
	.quotation dt{height:28px;width:68px;line-height:26px;margin-bottom:6px;font-size:12px;border-width:1px;}
	.quotation dd{padding-left:8px;line-height:18px;font-size:11px;}
	.quotation dd:before{width:2px;height:2px;top:8px}
	
	.diagram_pro{padding:20px;margin-bottom:12px}
	.diagram_pro .pc{display:none}
	.diagram_pro .mo{display:inline-block}
	
	.titTxt_g + .titH2{margin-top:40px}
	.titTxt_g .titH3{margin-bottom:0}
	.titTxt_g p{margin-left:25px;line-height:22px}
	
}

@media (max-width: 540px) {
	.para1 br{display:none}
	
	.olCon_list{display:block;}
	.olCon_list div{width:100%;}
	.olCon_list div~div{margin-top:16px}
	
	
	.tblCol_ui.scroll2{overflow-x:auto}
	.tblCol_ui.scroll2 table{width:540px}
}