@charset "utf-8";
/* CSS Document */
body {
    color: #000;
    font-size: 12px;
}
#Mainvisual{
    height: 450px;
    position: relative;
    background: url(../images/bg_main.png) no-repeat center;
}
#Mainvisual h2{
    padding:60px 0 18px 15px;
}
#Mainvisual .list_main_top {
    padding: 0 0 0 26px;
}
#Mainvisual .list_main_top li{
    float: left;
    margin-right: 32px;
}
/* #banner:after { background: url(../images/1.png) no-repeat; content:""; position: absolute; right:50px; top:0; width:962px; height:375px;}*/


/*==========================================================================*/
/*                            Contents                                  */
/*==========================================================================*/

/*==========================================================================*/
/*                            Top01                                      */
/*==========================================================================*/
.top01 {
    padding:60px 0;
    background: url(../images/bg_top02.png) no-repeat center top ;
}
.top01_left {
    float: left;
    padding-left: 10px;
}
.top01_right {
    float: right;
    width: 550px;
}
.btn_top01 {
    float: left;
}
.img_eco {
	float:right;
	margin-top:-20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.txt_top01 {
    font-size: 12px;
    line-height: 25px !important;
}
/*==========================================================================*/
/*                            Top02                                      */
/*==========================================================================*/
.top02 {
    padding:50px 0;
    background: #f1f1f1;
}
.list_top02 li{
    float: left;
    padding-right: 39px;
    margin-right: 39px;
    position: relative;
    border-right:1px dotted #717171;
}
.list_top02  .last{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}
.list_top02 .txt01 {
    float: left;
    width: 280px;
}
.list_top02  .btn01{
    float: right;
}
.img_list_top02 {
    margin-bottom: 20px;
    padding:69px 0 0 0;
    z-index: 1;
}
.list_top02 h3{
   position: absolute;
   top:0 ;
   letter-spacing: 0;
}
/*==========================================================================*/
/*                            Top03                                      */
/*==========================================================================*/
.top03 {
    padding:50px 0;
    background: url(../images/bg_top03.png) no-repeat center;
}
.top03 h3{
    margin-bottom: 45px;
}
.top_03_in{
    margin:0 25px;
}
.top_03_in01 .txt_top03 {
    float: left;
    font-size: 16px;
    color: #fff;
    width: 580px;
    line-height:30px;

}
.top_03_in01 .btn_top03{
    float: right;
}
.top_03_in01 .btn_top03 li{
    margin-bottom: 15px;
}
/*==========================================================================*/
/*                            Top04                                      */
/*==========================================================================*/
.top04{
    padding:65px 0;
}
.list_top04 .first:hover{
    opacity: 0.8;
}
.list_top04 .first{
    position: relative;
    width: 270px;
    float: left;
    border:1px solid #e0e0e0;
    margin-right: 28px;
    padding:18px 15px 30px 15px ;
    background: url(../images/bg_li_top04.png) no-repeat center bottom;
}
.list_top04 .tit_top04_01 a{
    background: url(../common_img/arrow01.png) no-repeat  left center;
    padding:2px 0 2px 30px;
    color: #00437e;
    font-size: 20px;
    text-decoration: none;

}
.list_top04 .tit_top04_01 a:after{
    position: absolute;content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.list_top04 .tit01{
    border-top: 3px solid #00437e;
    padding:20px 0 0 0;
}
.list_top04 .tit_top04_02 a{
    background: url(../common_img/arrow02.png) no-repeat  left center;
    padding:2px 0 2px 30px;
    color: #006695;
    font-size: 20px;
    text-decoration: none;

}
.list_top04 .tit_top04_02 a:after{
    position: absolute;content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.list_top04 .tit02{
    border-top: 3px solid #006695;
    padding:20px 0 0 0;
}
.list_top04 .qa{
    width: 338px;
    float: left;
    border:1px solid #e0e0e0;
    margin-right: 0;
    float: left;
}
.list_top04 .qa .tit_qa{
    background: url(../images/bg_tit_qa.png) no-repeat ;
    margin-right: 0;
    padding:13px 0 0 15px;
}
.list_top04 .qa .info_qa{
    background: url(../images/bg_qa_bot.png) bottom repeat-y;

}
.list_top04 .qa .info_qa01{
    padding:15px 18px;
    background: url(../images/bg_qa.png) no-repeat left top;
    margin-bottom: 5px;
}
.list_top04 .qa h3{
    padding:37px 0 0  0;
    color: #fff;
    line-height: 20px;
}
.list_top04  .list_qa li a{
    color: #fff;
    text-decoration: none;
    border-bottom:1px dotted #fff;
}
.list_top04  .list_qa li {
    padding:0 0 12px 0 ;
    margin:0 0 12px;
    border-bottom:1px dotted #fff;
}
.list_top04  .list_qa .last {
    padding: 0;
    margin:0 0 15px 0;
    border-bottom:none;
}
.list_top04  .list_qa li a:hover{
    color: #fff;
    border-bottom:1px dotted #fff;
    text-decoration: underline;
}
.list_top04  .list_qa li .icon_q {
    float: left;

}
.list_top04  .list_qa li .txt_qa {
    display: block;
    padding:0 0 0 15px;
}
.list_top04  .list_qa li a{
    font-size: 12px;
}

/*==========================================================================*/
/*                           Top_information                                   */
/*==========================================================================*/
.top_news .tit_news {
    position: relative;
}
.top_news .tit_news .icon_news{
    position: absolute;
    right: 50px;
    top: 15px;
}
.top_news .tit_news .icon_rss{
    position: absolute;
    right: 20px;
    top: 15px;
}
.top_news {
    margin-bottom: 50px;
    border:1px solid #e7e7e7;
}
#list_topics {
    max-height: 170px;
    margin:18px 20px 15px 20px;
    overflow: auto;
}
#list_topics .date_top {
    font-size: 12px;
    color: #65afda;
}
#list_topics dl dt {
    padding: 10px 0 0 10px;
    float: left;
}
#list_topics dl dd {
    padding: 10px 0 10px 110px;
    margin-right: 13px;
    display: block;
}
#list_topics dl dd a{
    font-size: 12px;
    text-decoration: none;
}