@charset "utf-8";

.container{
    width: 100%;
    text-align: center;
}
.content{
    width: 1200px;
    display: inline-block;
}


.newline{
    display: none;
}
.statics600{
    display: none;
}

.blank150{
    padding-top: 150px;
}
.blank100{
    padding-top: 100px;
}
.blank50{
    padding-top: 50px;
}
.blank40{
    padding-top: 40px;
}
.blank30{
    padding-top: 30px;
}
.blank20{
    padding-top: 20px;
}
.blank10{
    padding-top: 10px;
}

.main-color{
    color: #6FAC44;
}
.white{
    color: #fff;
}
.black{
    color: #060606;
}

.text01{
    font-size: 16px;
    line-height: 1.8;
    text-align: justify;
    color: #333;
}

@media screen and (max-width: 600px) {

.blank150{
    padding-top: 80px;
}
.blank100{
    padding-top: 50px;
}
.blank50{
    padding-top: 30px;
}
.blank40{
    padding-top: 20px;
}
.blank30{
    padding-top: 20px;
}
.blank20{
    padding-top: 10px;
}
.blank10{
    padding-top: 10px;
}
}


/* ----- low-section01 ----- */


.low-kv-wrap{
    max-width:100%;
    height: auto;
}
.low-kv-main{
     width:100%;
     height: 240px;
     display: inline-block;
     position: relative;
     background-image:url(../img/low-kv.jpg);
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     margin: 100px 0 0 0 ;
}

h1{
    font-size: 50px;
    line-height: 1;
    color: #060606;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
}
.title-sub{
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
}

.title-wrap{
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%)translatey(-50%);
     -webkit- transform: translateX(-50%)translatey(-50%);
}
.newslist-inner{
    padding-top: 100px;
    margin-top: -100px;
}



@media screen and (max-width: 600px) {

img.low-kv-ph{
      margin-top: 70px;
}
.low-kv-main{
       margin: 70px 0 0 0 ;
}
h1{
    font-size: 40px;
}
.title-sub{
    font-size: 14px;
}

}


/* ----- section02（NEWSLIST） ----- */

#newslist-section02{
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 0 0 0;
    padding: 100px 0 100px 0;

}
.newslist-wrap{
    width: 100%;
    margin-top: 40px;

}

.newslist-item{
    display: inline-flex;
    width: 100%;
}
.newslist-underline{
    border: 1px solid #F2F2F2;
    margin: 30px 0 30px 0;
}

p.newslist-date{
    color: #333;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    margin-top: 4px;

}
article.newslist-title{
    color: #6FAC44;
    text-align: left;
    font-size: 20px;
    line-height: 1.4;
    margin: 0 0 0 30px;

}

a.button02 {
    font-size: 14px;
    line-height: 50px;
    width: 260px;
    height: 50px;
    background-color: #6FAC44;
    color: #fff;
    display: inline-block;
    text-decoration: none;
}
a.button02:hover{
    background-color: #497728;
}

@media screen and (max-width: 1200px) {
.content{
    width: 90%;
    margin: 0 5% 0 5%;
}
.newslist-item{
    display: inline-block;
}
article.newslist-title{
    margin: 10px 0 0 0;
}
}
@media screen and (max-width: 600px) {
#newslist-section02{
    padding: 50px 0 50px 0;

}
.text01{
    font-size: 14px;
}
article.newslist-title{
    font-size: 17px;

}
.newslist-wrap{
    margin-top: -120px;
}
p.newslist-date{

    font-size: 14px;


}
}







/* ----- footer ----- */
footer{
    width: 100%;
    background: #222222;
    text-align: center;
    padding-top: 20px;
}
#footer ul{
    display: inline-flex;
}
.copyright{
    width: 100%;
    color: #fff;
    font-size: 15px;
    line-height: 60px;
    display: inline-block;
    border-top: 1px solid #999;
    margin-top: 60px;
}

li.f-menu{
    font-size: 16px;
    line-height: 2;
    padding: 0 20px 0 20px;
    margin: 0 0 60px 0;
    border-left: 1px solid #575757;
} 

li.f-menu:first-child{
    border-left: 0px solid #575757;
}
li{
    list-style: none;
}
a.f-menu_link{
    color: #fff;
}    
a.f-menu_link:last-child{
    border-left: 0;
}
.footer-logo{
    width: 166px;
}

@media screen and (max-width: 600px) {
#footer ul{
    display: none;
}
footer{
    padding-top: 32px;
}
.copyright{
    margin-top: 30px;
}
.footer-logo{
    width: 120px;
}
}