@charset "UTF-8";
/* CSS Document */
.banner{ background:#ceecfc;}
.banner_img{ text-align:right; padding-right:200px;}
.first_page{ margin-top:0; margin-bottom:70px;}
.first_page .view_info{ float:none !important; width:100% !important;}
.first_page .block_view{ padding:15px 30px;}
.first_page .view_tit{ text-align: left; color:#21a879; font-size:20px; margin-bottom:10px;}
.first_page .tit1 .view_tit{ margin-bottom:0;}
.first_page a{ text-decoration:underline;}
.first_page a:hover{ text-decoration:none;}
.first_page .fl{ margin-bottom:2%;}
.first_page .block_view{ background:none; border:3px dashed #34ad82; border-radius:20px;}
.first_page .view_txt .sub{ color:#21a879; opacity:0.8; margin-left:10px;}
.first_page .view_txt .sub p{ background:url(../../sitemap/images/ic.png) no-repeat left center; padding-left:20px;}
.first_page .an{ opacity:0.4;}

/*===============================
             MEDIA
================================*/
@media only screen and (max-width:1600px){
.banner_img{ padding-right:5%;}
}
@media only screen and (max-width:1400px){
.banner_img{ padding-right:1%; width:27.5%;}
}
@media only screen and (max-width:1200px){
}
@media only screen and (max-width:960px){

}
@media only screen and (max-width:736px){
.first_page .view_txt,.first_page .view_txt.he1,.first_page .view_txt.he2{ height:auto !important;}
.first_page .fl{ margin-bottom:4%;}
.first_page .tit_top{ margin-bottom:0; padding:0;}
}

@media only screen and (max-width:480px){
.first_page .view_tit{ font-size:16px; margin-bottom:2%;}
.first_page .block_view{ padding:10px 20px 18px;}
.first_page .tit1 .view_tit,.first_page .tit_top{ margin-bottom:0;}

}

@media only screen and (max-width:375px){
}