@charset "utf-8";


/*
-----------------------------------------------
お知らせ
----------------------------------------------- */
.mx-img{
max-width:100%;
height:auto;
}



.news-in{
  padding:0;
  margin:0;
  background: #fff;
  padding:30px 40px;
  margin-bottom:80px;
}

.news-ttl{
width:100% !important;
margin:0;
padding:0;
border-bottom:solid 1px #341a01;
margin-bottom:20px;
}

.news-kiji p{
font-size:15px;
margin-bottom:12px;
}

.h-news{
font-size:22px;
font-weight:700;
padding-bottom:30px;
border-bottom:solid 1px #ccc;
}

.article-h{
font-size:20px;
font-weight:700;
padding-left:10px;
text-align:left;
margin-bottom:15px;
border-left:solid 12px #341a01; 
}

.add-p p{
font-size:15px;
}

.btn02{
display:inline-block;
}

.btn02 a{
background:#24582a;
display:block;
color:#fff;
padding:0.9em 2.4em;
border-radius:8px;
}

.btn02 a:hover{
background:#407747;
}

.link-doc-box{
background:#eae4e5;
padding:30px;
text-align:left !important;
}

.mb40{margin-bottom:40px;}
.mb20{margin-bottom:20px;}

.news-kiji a{
text-decoration:underline !important;
}

/*
-----------------------------------------------
お知らせ
----------------------------------------------- */
@media screen and (max-width: 767px) {
.h-news{
font-size:18px;
padding-bottom:20px;
}

#news-ttl:before{
  content: '';/*何も入れない*/
  display: block;/*忘れずに！*/
  width:45px;/*画像の幅*/
  height:45px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  position:absolute;
  left:-50px;
  top:3px !important;
}

.news-in{
  padding:0;
  margin:0;
  background: #fff;
  padding:20px 15px;
  margin-bottom:40px;
}

.news-kiji p{
font-size:14px;
margin-bottom:12px;
}


.news-ttl{
font-size:18px !important;
}

}



/* css_end */