@charset "utf-8";
.re_btn{
  text-align: center;
}
.btn-flat-logo {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #FFF;
  background: #148c5e;
  transition: .4s;
}
.btn-flat-logo:hover {
  background: #1ec7bb;
}
.needs ul {
  border: solid 2px #e1e1e1;/*線の設定*/
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}
.needs ul li a{
  display: block;
  color: #333;
  text-decoration: none;
}
.needs ul li a:hover{
color: #fe521e;
text-decoration: none;
}

.needs ul li {
  line-height: 1.5;
  padding: 0.5em 0 0.2em 0;
  list-style-type: none!important;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 0.5em;
}

.needs ul li:before {
  font-family: FontAwesome;
  content: "\f075";/*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #007a43; /*アイコン色*/
}
@media screen and (max-width: 768px){
.left_contents {
  float: none;
  width: 96%;
  margin: 0 auto;
}
.left_contents h2.first {
  margin: .5em 0 15px 0;
}
.l_fv_box {
  background-size: cover;
}
.l_fv_box img{
  width: 100%;
}
.l_fv_box p {
  width: 98%;
  padding: 0;
  text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
            -1px 1px 0 #FFF, 1px -1px 0 #FFF,
            0px 1px 0 #FFF,  0-1px 0 #FFF,
            -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.sp_fv h2 {
    margin: 0.5em 0.2em 0.7em 0.2em;
    border-left: 3px solid #006739;
    font-size: 120%;
    color: #000;
    text-align: left;
    border-bottom: 1px solid #959595;
    padding: 0.2em 0 0 0.3em;
}
.sp_clomun ul {
    border: solid 2px #e1e1e1;
    padding: 0.5em 1em 0.5em 2.3em;
    position: relative;
}
.sp_clomun ul li:before {
    font-family: FontAwesome;
    content: "\f075";
    position: absolute;
    left: 1em;
    color: #007a43;
}
.sp_clomun ul li {
    line-height: 1.5;
    padding: 0.5em 0 0.2em 0;
    list-style-type: none!important;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0.5em;
    text-align: left;
}
.sp_clomun ul li a {
    display: block;
    color: #333;
    text-decoration: none;
}
}
@media screen and (max-width: 480px){
.col_4 {
    width: 48%;
}
}