.contentWrap {
  width: 1260px;
  margin: 0 auto;
  display: block;
}
.main_wrap {
  position: relative;
}
.main_wrap .contentWrap {
  padding: 0 30px;
  margin-bottom: 60px;
}

.third_title_h2 {
  font-size: 28px;
  font-weight: bold;
  background: #0e3a58;
  color: #ffffff;
  position: relative;
  padding-left:15px;
  margin-top:20px;
}

.third_title_h3 {
  font-size: 30px;
  /*font-size: 3.0rem;*/
  font-weight: bold;
  background: #548235;
  color: #ffffff;
  position: relative;
  padding-left:10px;
}

.recurit_title{color:red;font-weight:bold;margin:0 0 15px 0;}

.TitleIcon{border-bottom:solid 5px #0e3a58;padding-bottom:10px;}
.forth_title{color:#0e3a58;font-size:28px;font-weight:bold;padding-left:10px;}
.forth_title_goal{margin-top:10px;padding-left:15px;}
.forth_title_text{color:#0e3a58;font-weight:bold;font-size:20px;}
.article_row1_col1{border:solid 1px #0e3a58;}
.article_row1_col2{border:solid 1px #0e3a58;}
.article_row1_col3{border:solid 1px #0e3a58;}
.article_col2{border:solid 1px #0e3a58;}
.article_bg{background:#f2f2f2;}
.article_tt{color:#0e3a58;font-weight:bold;font-size:16px;width:90px;padding-left:15px;}

.p-img{
width:60px;
}

/* lazyload
----------------------*/
.lazywrap {opacity: 0;}
  .lazywrap.lazyloaded {opacity: 1;-webkit-transition: opacity 2000ms;-moz-transition: opacity 2000ms;-o-transition: opacity 2000ms;transition: opacity 2000ms;}


  #article li {}
  #article a,#works #gallery a {width: 100%; overflow: hidden; padding-top: 66.6%;}
  #article img,#works #gallery img {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
  #article a:hover,#gallery a:hover {opacity: 0.8;}




#contactbtn {padding: .6em; width:300px;text-align: center; font-size: 1.4em; font-weight:bold;background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto; display:block; position: relative; z-index: 2; overflow: hidden; -webkit-border-radius: 0; border-radius: 0;}
#contactbtn:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;}
#contactbtn.active {pointer-events: none;}

#article_1{padding:0px 15px 15px 15px;overflow:hidden;}
.article_2{border:solid 1px #0e3a58;overflow:hidden;padding:15px 0;}
.article_type_green{color:#ffffff;font-size:30px;background:#548235;font-weight:bold;}
.article_type_red{color:#ffffff;font-size:30px;background:#ff0000;font-weight:bold;}
.article_name{color:#0e3a58;font-size:30px;font-weight:bold;padding-left:10px;}
.article_price_title{color:#ffffff;font-size:30px;background:#0e3a58;font-weight:bold;}
.article_price{color:#0e3a58;font-size:30px;font-weight:bold;}
.article_price_unit{color:#0e3a58;font-size:20px;font-weight:bold;}
.article_price_sub_title{color:#ffffff;font-size:14px;background:#0e3a58;font-weight:bold;text-align:center;}
.article_price_sub_title_width{width:80px;}
.article_memo{vertical-align:top;padding:5px 0 0 0;}
.article_sub_title{background:#d6dce4;width:80px;text-align:center;color:#0e3a58;font-weight:bold;}
.article_sub_title_width{width:80px;}

@media (max-width: 1254px){
 #article_3 {width: 100%;}
 .paddgtop0 {padding-top:10px;}
 .paddgleft0{padding-left:15px;}
}


@media (max-width:1199px){
.article_row1_col3{margin-top:30px;}
}
@media(max-width:1024px){
.article_name{
font-size:28px;
}
}
@media(max-width:768px){
.article_type_red,.article_type_green{
font-size: 20px;
}
.article_name{
font-size:20px;
padding-left:5px;
}

@media (max-width:767px){
.article_row1_col2{margin-top:30px;}
}
.article_price{font-size:20px;}
}
@media (max-width:767px) {
 .paddgtop0 {padding-top:10px;}
 .paddgleft0{padding-left:15px;} 
}

@media(max-width:505px){
  .recurit_title{
    font-size: 22px;
  }
}

@media(max-width:425px){
  .third_title_h2,.recurit_title,.article_type_red,.article_type_green,.article_price_title,.article_price,.forth_title{
    font-size: 20px;
  }
  .p-img{
    width:45px;
  }
  
  .forth_title_text{
    font-size:16px;}
}