@charset "utf-8";

#mainvd{background: url(../../img/mainvd_sub.png);background-repeat: no-repeat; background-position:center; background-size: cover;}
#mainvd article{background: rgba(240,138,38,0.01); padding:85px 0px 85px;}
#mainvd .article_r{float:right; padding:10px 0px; width:44%;}

h2{margin-bottom:35px;}
h3{font-weight:400;color:#B8B8B8; font-style:italic;font-size:18px;}
.icon{font-style: normal; display: inline-block; border: 1px solid #ccc; padding: 2px 5px; margin-left: 15px; margin-bottom: 5px; font-size: 16px;}
.icon-op{color: #FF0004;}
.icon-c{color:#0098F9; padding-left: 10px; padding-right: 10px;}
section .inlineBlock>li,section .inlineBlock01>li{padding:0 10px; box-sizing: border-box; vertical-align: top;}
section .inlineBlock>li>div,section .inlineBlock01>li>div{border:1px solid  #E5E5E5; padding:10px 10px 17px;; position:relative;}
section .inlineBlock>li>div:before,section .inlineBlock01>li>div:before{content: "";position: absolute;top: 43%; right: -31px;content: "";
width: 20px;height: 20px;border-top: 3px solid #7a0;border-right: 3px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
section .inlineBlock>li>div:after,section .inlineBlock01>li>div:after{content: "";position: absolute;top: 43%; right: -21px;content: "";
width: 20px;height: 20px;border-top: 3px solid #7a0;border-right: 3px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
section .inlineBlock li,section .inlineBlock01 li{width:30%;margin-right:2%;}
section .inlineBlock li img,section .inlineBlock01 li img{width:100%;}
section .inlineBlock li:last-child,section .inlineBlock01 li:last-child{margin-right:0%;}
section ul.inlineBlock01{text-align:right;margin-top:25px;}
section ul.inlineBlock01 h3{text-align: left;}
section .inlineBlock01>li>div:before{top: 43%; left: -44px}
section .inlineBlock01>li>div:after{top: 43%; left: -34px;}
#one p,#two p,#three p{text-align: left; border-top:1px solid #f58026; height:45px; padding:10px 14px 10px 25px;; margin-top:10px;}
#one .triangle:before,#two .triangle:before{top:33%; left:5px;border-top: 6px solid transparent;  border-bottom: 6px solid transparent;  border-left: 10px solid #F58026;}
.unvi{visibility: hidden;}

#one{margin:50px 0 0 0;}
#one .inlineBlock>li:last-child>div:before{content:none;}
#one .inlineBlock>li:last-child>div:after{content:none;}


#two{margin:50px 0 0px 0;}

#three{margin:50px 0 70px 0;}
#three .height{height:75px;}