#Mainvisual { margin-bottom: 6.25%; }

.sg_main { margin-bottom: 150px; padding: 0 2.08333%; }

.md_t1 { background-color: #3e850e; color: #fff; font-size: 18px; font-weight: 400; line-height: 25px; padding: 2.3913% 2.17391%; }

.side { background-color: #f6f4eb; margin: 0 -2.17391%; padding: 7.06522% 0; }

.side .group { padding: 6.77083% 2.08333% 0; }

.side .products { padding: 20px 20px 10px; background: url(../images/bg01.png) no-repeat right top #fff; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; margin-bottom: 4.34783%; }

.side .btn_list, .side .blog { margin: 0 20px; }

.side .btn_list li { padding: 25px; min-height: 158px; margin: 0 0 10px; position: relative; }

.side .btn_list li a:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.side .btn_list h4 { margin: 0 0 10px; }

.side .btn_list p { margin: 0; line-height: 1.8; }

.side .bnr01 { background: url(../images/ban01.jpg) no-repeat right top #fff; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; }

.side .bnr02 { background: url(../images/ban02.jpg) no-repeat right top #fff; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; }

.side .bnr03 { background: url(../images/ban03.jpg) no-repeat right top #fff; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; }

.side .bnr04 { background: url(../images/ban04.jpg) no-repeat right top #fff; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; }

@media all and (max-width: 479px) { .side .btn_list, .side .blog { margin: 0 10px; }
  .side .btn_list p { text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF; }
  .side .bnr01 { background: url(../images/ban01.jpg) no-repeat center center #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } }

@media all and (max-width: 359px) { .side ul { margin: 0; }
  .side .btn_list p { width: 70%; }
  .side .btn_list p br { display: none; }
  .side .bnr01 { background: url(../images/ban01.jpg) no-repeat center center #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
  .side .bnr02 { background: url(../images/ban02.jpg) no-repeat center center #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
  .side .bnr03 { background: url(../images/ban03.jpg) no-repeat center center #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; }
  .side .bnr04 { background: url(../images/ban04.jpg) no-repeat center center #fff; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; } }

#p_contact .sec1 { margin-bottom: 10.86957%; }

#p_contact .sec1 h2 { margin-bottom: 3.80435%; }

#p_contact .sec1 .banner { position: relative; margin: 0 -2.17391% 2.17391%; }

#p_contact .sec1 a { color: inherit; }

#p_contact .sec2 { margin-bottom: 10.86957%; }

#p_contact .sec2 h2 { margin-bottom: 2.17391%; }

#p_contact .sec2 table { width: 100%; margin-bottom: 6.52174%; }

#p_contact .sec2 table tr { display: block; }

#p_contact .sec2 table tr th, #p_contact .sec2 table tr td { width: 100%; display: block; }

#p_contact .sec2 table tr th { background-color: #3e850e; color: #fff; padding: 2.17391% 2.17391%; font-size: 18px; text-align: left; font-weight: 250; }

#p_contact .sec2 table tr td { border-bottom: 0.5px solid #e6e6e6; border-left: 0.5px solid #e6e6e6; border-right: 0.5px solid #e6e6e6; padding: 2.17391% 3.26087%; font-size: 15px; }

#p_contact .sec2 table tr td:first-child { background-color: #f6f4eb; font-weight: bold; font-size: 15px; }

#p_contact .sec2 table tr td:first-child span { background-color: #ff0000; color: #fff; padding: 0 5px; border-radius: 5px; font-weight: normal; font-size-adjust: 14px; }

#p_contact .sec2 table tr td:first-child span.green { background-color: #3e850e; }

#p_contact .sec2 table tr td label { width: 100%; display: block; margin-bottom: 1.08696%; }

#p_contact .sec2 table tr td input[type="text"], #p_contact .sec2 table tr td input[type="tel"], #p_contact .sec2 table tr td input[type="email"] { width: 100%; padding: 7px 10px; margin-bottom: 1.08696%; }

#p_contact .sec2 table tr td textarea { width: 100%; height: 100px; }

#p_contact .sec2 table tr td.cust1 .wper35 { width: 50%; }

#p_contact .sec2 table tr td select { padding: 7px 10px; }

#p_contact .sec2 .b_sub { text-align: center; }

#p_contact .sec2 .b_sub input { width: 58.15217%; height: 0; padding-bottom: 9.78261%; background-image: url("../contact/images/b1.png"); background-size: cover; border: none; }

#p_contact .sec3 h2 { margin-bottom: 2.17391%; }

#p_contact .sec3 p { margin-bottom: 2.17391%; }

#p_contact .sec3 p .color { color: #3e850e; font-weight: bold; }

#p_contact .sec3 .bg_page { background-color: #f6f4eb; padding: 2.71739% 2.17391%; padding-left: 5.43478%; }

#p_contact .sec3 .bg_page li { text-indent: -3.26087%; }

#p_news .lightbox:after { display: none !important; }

#p_news .sec1 { margin-bottom: 11.95652%; }

#p_news .sec1 .list .item { margin-bottom: 5.43478%; }

#p_news .sec1 .list .item .date span { height: 30px; background-image: url("../news/images/date.png"); background-size: 100% 100%; font-weight: bold; margin-bottom: 2.17391%; display: inline-block; line-height: 30px; padding: 0 2.17391%; }

#p_news .sec1 .list .item h2 { font-size: 16px; margin-bottom: 1.63043%; }

#p_news .sec1 .list .item h2:after { content: ""; padding-bottom: 6.95652%; display: block; background-image: url("../news/images/bfa2.png"); background-size: cover; margin-top: 3.26087%; }

#p_news .sec1 .list .item p.clearfix a[data-lightbox="news"] { float: left; width: 50%; margin-right: 3.26087%; position: relative; }

#p_news .sec1 .list .item p.clearfix a[data-lightbox="news"]:after { content: ""; display: block; position: absolute; width: 16px; height: 16px; background-image: url("../news/images/bfa1.png"); background-size: cover; bottom: 4%; right: 4%; }

#p_news .sec1 .list .item p.clearfix > img { float: left; width: 50%; margin-right: 3.26087%; position: relative; }

#p_news .sec1 .nav_link ul li { width: 40.21739%; height: 40px; border-radius: 8px; overflow: hidden; float: left; }

#p_news .sec1 .nav_link ul li a { display: block; line-height: 40px; color: #fff; text-decoration: none; background-color: #3e850e; text-align: center; position: relative; }

#p_news .sec1 .nav_link ul li a:after { content: url(../news/images/bfa99.png); font-family: FontAwesome; position: absolute; left: 5%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#p_news .sec1 .nav_link ul li.b_next { float: right; }

#p_news .sec1 .nav_link ul li.b_next a:after { content: url("../news/images/bfa99.png"); right: 5%; display: inline-block; position: absolute; left: unset; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.color { color: #3e850e; }

.txt_b { font-weight: bold; }

#p_company .sec1 { margin-bottom: 8.69565%; }

#p_company .sec1 .container { background-color: #fff; background-image: url("../company/images/bg1.png"); background-size: 100% auto; background-position: center bottom; background-repeat: no-repeat; padding: 4.34783% 4.34783% 21.73913% 3.80435%; }

#p_company .sec1 .container h2 { margin-bottom: 2.36686%; }

#p_company .sec1 .container h2 img { width: 66px; }

#p_company .sec2 { margin-bottom: 9.23913%; }

#p_company .sec2 .container h2 { margin-bottom: 1.08696%; }

#p_company .sec2 .container table { width: 100%; margin-bottom: 8.69565%; }

#p_company .sec2 .container table tr { display: block; }

#p_company .sec2 .container table tr th, #p_company .sec2 .container table tr td { display: block; width: 100%; text-align: left; border: 1px solid #e6e6e6; border-bottom: 0; font-size: 15px; padding: 2.71739% 3.26087% 1.63043%; }

#p_company .sec2 .container table tr th { background-color: #f6f4eb; }

#p_company .sec2 .container table tr:last-child td { border-bottom: 1px solid #e6e6e6; }

#p_company .sec2 .container h3 { font-size: 16px; color: #fff; background-color: #3e850e; font-weight: 250; padding: 2.55435% 1.63043%; letter-spacing: 2px; margin-bottom: 2.71739%; }

#p_company .sec2 .container .cont1 { margin-bottom: 8.69565%; }

#p_company .sec2 .container .cont1 .flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

#p_company .sec2 .container .cont1 .flex .left { width: 61.95652%; padding-right: 7.6087%; }

#p_company .sec2 .container .cont1 .flex .right { width: 38.04348%; }

#p_company .lnk-tel { color: inherit; text-decoration: none; }

#p_company .branchoffice__ttl { display: block; margin-top: 1.5em; font-size: 108%; font-weight: bold; color: #3e850e; }

#p_company .branchoffice__adr { margin-top: 5px; }

#p_company .branchoffice__tel { margin-top: 5px; font-size: 120%; }

#p_company .branchoffice__map{ text-align: right; margin-top: -1.5em; }

#p_point .sec1 { margin-bottom: 8.69565%; }

#p_point .sec1 .container { background-image: url("../point/images/bg1.png"); background-size: cover; }

@media only screen and (max-width: 376px) { #p_point .sec1 .container { background-position-x: right; } }

#p_point .sec1 .container h2 { margin-bottom: 3.26087%; }

#p_point .sec1 .container p { width: 62.5%; padding-left: 3.26087%; text-align: justify; letter-spacing: -0.5px; padding-bottom: 1.08696%; }

@media only screen and (max-width: 376px) { #p_point .sec1 .container p br { display: none; } }

#p_point .sec2 { margin-bottom: 10.86957%; }

#p_point .sec2 .container h2 { margin-bottom: 6.52174%; }

#p_point .sec2 .container [class*="c_box"] { margin-bottom: 4.34783%; padding: 4.34783% 0 3.26087%; background-image: url("../point/images/bg2.png"); background-size: cover; margin-bottom: 10.86957%; }

#p_point .sec2 .container [class*="c_box"] h3 { margin-bottom: 3.26087%; }

#p_point .sec2 .container [class*="c_box"] p { width: 51.08696%; padding-left: 3.26087%; line-height: 19px; }

@media only screen and (max-width: 376px) { #p_point .sec2 .container [class*="c_box"] p { width: 70%; } }

#p_point .sec2 .container .c_box2 { background-image: url("../point/images/bg3.png"); }

#p_point .sec2 .container .c_box3 { background-image: url("../point/images/bg4.png"); }

#p_point .sec2 .container .b_box { background-color: #fff; position: relative; padding: 6.52174% 3.26087% 4.34783%; border: 1px solid #ccc; }

#p_point .sec2 .container .b_box h3 { text-align: center; position: absolute; top: 0; margin-top: -6.08696%; }

#p_point .sec2 .container .b_box h3 img { width: 54.8913%; }

#p_point .sec2 .container .b_box p { margin-bottom: 0; font-size: 12px; }

#p_point .sec3 { margin-bottom: 8.69565%; }

#p_point .sec3 .container { background-color: #f6f4eb; border: 0.5px solid #d6daa4; padding: 4.34783% 0 0; }

#p_point .sec3 .container h2 { margin-bottom: 2.17391%; }

#p_point .sec3 .container table { width: 92.3913%; margin: auto; }

#p_point .sec3 .container table tr { border-bottom: 1px solid #d6daa4; }

#p_point .sec3 .container table tr th, #p_point .sec3 .container table tr td { padding: 2.82353% 0; }

#p_point .sec3 .container table tr th.boder_n, #p_point .sec3 .container table tr td.boder_n { border: none; }

#p_point .sec3 .container table tr th { width: 20%; }

#p_point .sec3 .container table tr th p { font-size: 14px; margin-bottom: 0; }

#p_point .sec3 .container table tr td { width: 40%; padding-left: 4.11765%; font-size: 13px; }

#p_point .sec4 { margin-bottom: 10.86957%; }

#p_point .sec4 h2 { margin-bottom: 6.52174%; }

#p_point .sec4 .container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 6.52174%; }

#p_point .sec4 .container .list .item { width: 48.91304%; margin-bottom: 2.17391%; }

#p_point .sec4 .container .list .item:nth-child(2n+2) { margin-left: 2.17391%; }

#p_point .sec4 .container .t3g_b1 { text-align: center; }

#p_point .sec4 .container .t3g_b1 a img { width: 73.36957%; }

#p_point .sec5 { margin-bottom: 9.23913%; }

#p_point .sec5 .container h2 { margin-bottom: 3.26087%; }

#p_point .sec5 .container .box { width: 90.21739%; margin: auto; margin-bottom: 4.34783%; }

#p_point .sec5 .container .box:last-child { margin-bottom: 0; }

#p_point .sec5 .container .box .content { background-color: #fff; padding: 3.26087% 4.34783%; }

#p_point .sec5 .container .box .content h4 { margin-bottom: 1.33333%; font-size: 18px; }

#p_point .sec5 .container .box .content p { line-height: 19px; }

#p_point .sec6 { margin-bottom: 9.78261%; }

#p_point .sec6 h2 { margin-bottom: 3.26087%; }

#p_point .sec6 dl { border-bottom: 1px solid #d4d4d4; }

#p_point .sec6 dl dd, #p_point .sec6 dl dt { position: relative; }

#p_point .sec6 dl dd img, #p_point .sec6 dl dt img { position: absolute; left: 0; }

#p_point .sec6 dl dt { font-size: 16px; padding: 4.34783% 10.86957%; background-image: url("../point/images/icon2.png"); background-size: 6.08696%; background-repeat: no-repeat; background-position: right center; }

#p_point .sec6 dl dt img { width: 6.52174%; margin-right: 3.80435%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#p_point .sec6 dl dt.open { background-image: url("../point/images/icon1.png"); }

#p_point .sec6 dl dd { display: none; padding: 1.63043% 4.34783% 1.63043% 10.86957%; }

#p_point .sec6 dl dd img { width: 6.52174%; }

#p_product { line-height: 19px; }

#p_product p { line-height: 19px; }

#p_product .sec1 { margin-bottom: 8.69565%; }

#p_product .sec1 .container { width: 91.30435%; margin: auto; }

#p_product .sec1 .container h2 { margin-bottom: 4.7619%; }

#p_product .sec1 .container > p { margin-bottom: 4.7619%; text-align: center; }

#p_product .sec1 .container .box_but li { margin-bottom: 3.57143%; }

#p_product .sec2 { margin-bottom: 7.06522%; }

#p_product .sec2 .container h2 { margin-bottom: 3.26087%; }

#p_product .sec2 .container > h3 { margin-bottom: 3.26087%; }

#p_product .sec2 .container > h3:nth-of-type(4) { margin-bottom: 4.34783%; }

#p_product .sec2 .container > p { margin-bottom: 4.34783%; }

#p_product .sec2 .container > p:last-of-type { margin-bottom: 2.17391%; }

#p_product .sec2 .container > .img { margin-bottom: 8.69565%; }

#p_product .sec2 .container .box_ct { padding: 3.26087%; border: 0.5px solid #e8e8e8; margin-bottom: 4.34783%; background-color: #fff; }

#p_product .sec2 .container .box_ct h4 { color: #3e850e; margin-bottom: 2.17391%; font-weight: 1000; letter-spacing: 1px; }

#p_product .sec2 .container .champ { margin-bottom: 4.34783%; }

#p_product .sec2 .container .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#p_product .sec2 .container .list .item { width: 48.36957%; margin-bottom: 5.43478%; }

#p_product .sec2 .container .list .item p { padding: 0 6.74157%; margin-bottom: 0; }

#p_product .sec2 .container table { width: 100%; }

#p_product .sec2 .container table tr th { width: 23.36957%; background-color: #7c7c7c; color: #fff; font-weight: 250; vertical-align: middle; }

#p_product .sec2 .container table tr td { border: 0.5px solid #7c7c7c; width: 76.63043%; padding: 0.65217% 2.17391%; }

@media only screen and (max-width: 376px) { #p_product .sec2 .container table tr td br { display: none; } }

#p_product .sec3 { margin-bottom: 10.86957%; }

#p_product .sec3 .container .top { border: 0.5px solid #d6daa4; background-color: #f2f0e8; background-image: url("../product/images/bg1.jpg"); padding: 4.34783% 3.26087%; background-size: 76.08696%; background-position: left top; background-repeat: no-repeat; }

#p_product .sec3 .container .top h2 { margin-bottom: 4.65116%; }

#p_product .sec3 .container .top h2 img { width: 99.4186%; }

#p_product .sec3 .container > .img { margin-bottom: 8.69565%; }

#p_product .sec3 .container > h3 { font-weight: 1000; }

#p_product .sec3 .container .box_ct { padding: 4.34783% 3.26087% 2.71739%; background-color: #fff; }

#p_product .sec3 .container .box_ct h4 { color: #3e850e; font-size: 18px; margin-bottom: 2.17391%; }

#p_product .sec3 .container .box_ct p { border-bottom: 0.5px solid #eee; padding-bottom: 4.34783%; margin-bottom: 3.26087%; }

#p_product .sec3 .container .box_i { padding: 0 3.26087% 3.26087%; background-color: #fff; border-bottom: 2px solid #3e850e; }

#p_product .sec3 .container .box_i .outside { padding: 5.43478% 0; text-align: center; background-color: #f9f7eb; }

#p_product .sec3 .container .box_i .outside .text img { width: 80.23256%; }

#p_product .sec3 .container .box_i .outside > a { margin-bottom: 1.16279%; }

#p_product .sec3 .container .box_i .outside > a img { width: 50.46512%; }

#p_product .sec3 .container .box_i .outside > p { margin-bottom: 1.16279%; }

#p_product .sec3 .container .box_i .outside .t3g_b1 img { width: 71.74419%; }

#p_product .sec4 { margin-bottom: 10.86957%; }

#p_product .sec4 .container > h2 { margin-bottom: 3.26087%; }

#p_product .sec4 .container > h3 { margin-bottom: 3.26087%; }

#p_product .sec4 .container > p { margin-bottom: 3.26087%; }

#p_product .sec4 .container > p:nth-of-type(2) { margin-bottom: 8.69565%; }

#p_product .sec4 .container .img { margin-bottom: 7.6087%; }

#p_product .sec4 .container .content h3.md_t1 { margin-bottom: 5.43478%; }

#p_product .sec4 .container .content > .img { margin-bottom: 5.43478%; }

#p_product .sec4 .container .content .list { padding: 0 6.52174%; }

#p_product .sec4 .container .content .list .item { margin-bottom: 8.15217%; }

#p_product .sec4 .container .content .list .item .img { margin-bottom: 3.75%; }

#p_product .sec4 .container .content .list .item h4 { margin-bottom: 3.75%; }

#p_product .sec4 .container .content .list .item .fbox { display: -webkit-box; display: -ms-flexbox; display: flex; }

#p_product .sec4 .container .content .list .item .fbox p { width: 61.25%; padding-right: 6.25%; text-align: justify; }

#p_product .sec4 .container .content .list .item .fbox figure { width: 36.25%; }

#p_product .sec4 .container .content .list .item .img2 { margin-top: 3.75%; }

#p_product .sec4 .container .content .table1 { width: 100%; margin: auto; margin-bottom: 2%; }

#p_product .sec4 .container .content .table1 tr { border-bottom: 1px solid #d6daa4; }

#p_product .sec4 .container .content .table1 tr th { background-color: #7c7c7c; vertical-align: middle; font-weight: 250; color: #fff; }

#p_product .sec4 .container .content .table1 tr th p { font-size: 14px; margin-bottom: 0; }

#p_product .sec4 .container .content .table1 tr td { padding: 1.08696% 0; padding-left: 2.17391%; font-size: 13px; width: 77.17391%; border: 0.5px solid #7c7c7c; }

p.tt_01 {
  font-size: 18px;
  font-weight: bold;
  border-left: solid #2e8b57 8px;
  padding: 4px 10px 4px 10px;
  margin-bottom: 10px;
}


@media only screen and (max-width: 376px) { #p_product .sec4 .container .content .table1 tr td br { display: none; } }

#p_product .sec4 .container .content .md_t1.cust1 { font-weight: 1000; font-size: 18px; margin-bottom: 4.34783%; }

#p_product .sec4 .container .content .md_t1.cust1 span { font-weight: 250; display: block; font-size: 14px; padding-left: 25px; }

#p_product .sec4 .container .content .table2 { margin-bottom: 2.17391%; width: 100%; }

#p_product .sec4 .container .content .table2 thead tr .item, #p_product .sec4 .container .content .table2 tbody tr .item { width: 49.34783%; }

#p_product .sec4 .container .content .table2 thead tr .price, #p_product .sec4 .container .content .table2 tbody tr .price { width: 24.45652%; }

#p_product .sec4 .container .content .table2 thead tr th, #p_product .sec4 .container .content .table2 thead tr td, #p_product .sec4 .container .content .table2 tbody tr th, #p_product .sec4 .container .content .table2 tbody tr td { border: 2px solid #000; }

#p_product .sec4 .container .content .table2 thead th { background-color: #666666; color: #fff; vertical-align: middle; padding: 1.08696% 1.08696%; line-height: 19px; }

#p_product .sec4 .container .content .table2 tbody tr td { vertical-align: middle; padding: 2.17391% 1.08696%; line-height: 19px; }

#p_product .sec4 .container .content .table2 tbody tr .price { text-align: right; }

#p_product .sec4 .container .content .table2 tbody tr .item { background-color: #f6f4eb; font-weight: bold; }

#p_product .sec4 .container .content .table2 tbody tr .item span { font-weight: normal; }

#p_product .sec4 .container .content .aftb { margin-bottom: 7.6087%; }

#p_product .sec4 .container .content .content { padding: 0 3.26087% 3.26087%; border-bottom: 0.5px solid #eee; margin-bottom: 3.26087%; }

#p_product .sec4 .container .content .content h4 { color: #3e850e; font-size: 18px; }

#p_product .sec4 .container .content h3:last-of-type { text-align: center; margin-bottom: 3.26087%; }

#p_product .sec4 .container .content h3:last-of-type img { width: 86.30435%; }

#p_product .sec4 .container .content .box_i { padding: 0 3.26087% 3.26087%; background-color: #fff; border-bottom: 2px solid #3e850e; }

#p_product .sec4 .container .content .box_i .outside { padding: 5.43478% 0; text-align: center; background-color: #f9f7eb; }

#p_product .sec4 .container .content .box_i .outside .text img { width: 80.23256%; }

#p_product .sec4 .container .content .box_i .outside > a { margin-bottom: 1.16279%; }

#p_product .sec4 .container .content .box_i .outside > a img { width: 50.46512%; }

#p_product .sec4 .container .content .box_i .outside > p { margin-bottom: 1.16279%; }

#p_product .sec4 .container .content .box_i .outside .t3g_b1 img { width: 71.74419%; }

#p_work p { line-height: 19px; }

#p_work [class*='sec'] { margin-bottom: 9.23913%; }

#p_work [class*='sec'] .container { border: 0.5px solid #d6daa4; background-color: #f6f4eb; padding: 4.34783% 0 2.17391%; }

#p_work [class*='sec'] .container h2 { margin-bottom: 3.26087%; }

#p_work [class*='sec'] .container > h3 { text-align: center; font-size: 17px; font-weight: 1000; line-height: 25px; margin-bottom: 6.52174%; }

@media only screen and (max-width: 376px) { #p_work [class*='sec'] .container > h3 { padding: 0 6.52174%; }
  #p_work [class*='sec'] .container > h3 br { display: none; } }

#p_work [class*='sec'] .container .list { padding: 0 3.26087%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#p_work [class*='sec'] .container .list .item { width: 48.3683%; margin-bottom: 5.24476%; }

#p_work [class*='sec'] .container .list .item .img { border: 2px solid #fff; position: relative; margin-bottom: 4.81928%; }

#p_work [class*='sec'] .container .list .item .img .icon { position: absolute; right: 2px; width: 29px; bottom: 5px; }

#p_work [class*='sec'] .container .list .item h4 { color: #3e850e; margin-bottom: 2.40964%; font-weight: 1000; }

#p_work [class*='sec'] .container .list .item p { margin-bottom: 0; }

#p_work .sec2 .container .list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

#p_work .sec2 .container .list .item:nth-child(2n+2) { margin-left: 3.14685%; }

#p_work .sec3 .container { padding-bottom: 4.8913%; }

#p_work .sec3 .container .fbox { padding: 0 3.26087%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; margin-bottom: 1.08696%; }

#p_work .sec3 .container .fbox:after { content: ''; width: 10.83916%; display: block; height: 0; padding-bottom: 9.79021%; background-image: url("../works/images/icon2.png"); background-size: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-55%, -50%); -ms-transform: translate(-55%, -50%); transform: translate(-55%, -50%); }

#p_work .sec3 .container .fbox > div { width: 47.78555%; }

#p_work .sec3 .container .fbox > div a { border: 2px solid #fff; position: relative; display: block; }

#p_work .sec3 .container .fbox > div a .icon { position: absolute; right: 2px; width: 29px; bottom: 5px; }

#p_work .sec3 .container .fbox > div.right a { border: 2px solid #e61038; }

#p_work .sec3 .container h4 { color: #3e850e; margin-bottom: 2.40964%; font-weight: 1000; padding: 0 3.26087%; }

#p_work .sec3 .container p { margin-bottom: 0; padding: 0 3.26087%; }

#p_work .sec4 { margin-bottom: 10.86957%; }

#p_work .sec4 .container { padding-bottom: 4.8913%; }

#p_work .sec4 .container .inside { padding: 0 3.26087%; }

#p_work .sec4 .container .inside > h3 { text-align: center; font-size: 17px; font-weight: 1000; line-height: 25px; margin-bottom: 6.52174%; }

@media only screen and (max-width: 376px) { #p_work .sec4 .container .inside > h3 { padding: 0 6.52174%; }
  #p_work .sec4 .container .inside > h3 br { display: none; } }

#p_work .sec4 .container .inside .box .img { border: 2px solid #fff; position: relative; margin-bottom: 2.91375%; display: block; }

#p_work .sec4 .container .inside .box .img .icon { position: absolute; left: 50%; width: 29px; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

#p_work .sec4 .container .inside .box h4 { color: #3e850e; margin-bottom: 1.1655%; font-weight: 1000; }

#p_work .sec4 .container .inside .box p { margin-bottom: 0; }