/*====================================================================================================

  TOPPAGE

====================================================================================================*/

#toppage { margin: 0; padding: 0;}

#catch{ margin: 85px auto; max-width: 1000px; text-align: center;}
#catch .title{ margin-bottom: 20px; color: #1EA821; font-size: 180%; font-weight: bold;}
#catch .text{}

#facility{ margin: auto; max-width: 1220px; min-height: 550px; text-align: center;}
#facility .facil { position: relative; display: block; width: 49%; max-width: 100%; height: 377px;}
#facility .fac01{ float: left;  background: url("../../image/fac01.jpg") no-repeat; margin-right: 2%;}
#facility .fac02{ float: right; background: url("../../image/fac02.jpg") no-repeat; }

#facility .facil .set{
    position: absolute;
    margin: 0 10%;
    padding: 5% 2%;
    width: 80%;
	min-height: 200px;
    background: rgba(255,255,255,0.90);
    bottom:-150px;
    box-sizing: border-box;
}
#facility .facil .set:before{
    position: absolute;
    content: '';
    margin: auto;
    width: 300px;
    height: 5px;
    background:#1EA821;
    top:0;
    left: 0;
    right: 0;
}
#facility .facil .set .title{ margin-bottom: 10px; font-weight: bold; color: #1EA821; font-size: 150%;}
#facility .facil .set .text{margin-bottom: 10px;}
#facility .facil .set .link a{
    display: block;
    margin: auto;
    padding: 5px 0;
    width: 155px;
    color: #222;
    font-size: 90%;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #1EA821;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background: url("../image/f_arrow.png") no-repeat 15px center;
}
#facility .facil .set .link a:hover{
    color: #FFF;
    border: 2px solid #1EA821;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    background:#1EA821 url("../image/f_arrow_off.png") no-repeat 15px center;
}

#news{ background: #F8F5EE;}
#news .news_info{ margin: auto; padding: 65px 0; max-width: 1000px; overflow-y: hidden;}
#news .news_info .news_all{  float: left; width: 48%;}
#news .news_info .news_all .title{ margin-bottom: 30px; font-size: 150%; font-weight: bold; color: #000;}
#news .news_info .news_all .news_list{}
#news .news_info .news_all .news_list dl{ padding: 10px 10px; overflow-y: hidden;}
#news .news_info .news_all .news_list dl:nth-child(odd){ background: #FFF;}
#news .news_info .news_all .news_list dt{ float: left; width: 20%;}
#news .news_info .news_all .news_list dd{
    float: right;
    width: 80%;
    padding-left: 30px;
    background: url("../image/f_arrow.png") no-repeat left center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#news .news_info .news_all .news_list dl:nth-child(n+6){ display: none!important;}

#news .news_info .info_banner{ float: right; width: 48%;}
#news .news_info .info_banner .re{ margin-bottom: 20px;}
#news .news_info .info_banner img{ filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.3));}



#banner {
	overflow-y: hidden;
	margin: 0 auto;
	padding: 70px 0;
	max-width: 1000px;
}
#banner .ba{ margin-right: 20px; float: left;}
#banner .last{ margin-right: 0;}