@charset "UTF-8";
/* CSS PC/SP共通レイアウト */
#main_contents .ttl_info {
  height: 360px;
  line-height: 360px;
  background: url(../img/info/title_back_info.jpg) no-repeat center center;
  background-size: cover;
  font-size: 6.8rem;
  color: #FFF;
  text-shadow: 1px 2px 3px #333;
  font-weight: 900;
  text-align: center;
}
#main_contents .info {
  width: 1000px;
  margin: 100px auto 150px;
}
/*--------------------------------------------------*
 *   お知らせ一覧
 *--------------------------------------------------*/
#main_contents .info li {
  margin-bottom: 30px;
}
#main_contents .info .block {
  border-bottom: 1px dashed #c9caca;
  padding-bottom: 30px;
  padding-left: 25px;
}
#main_contents .info .block .box {
  color: #000;
  font-size: 16px;
}
#main_contents .info .block .box .date {
  float: left;
}
#main_contents .info .block .box .title_info a {
  float: left;
  padding-left: 4em;
  text-decoration: none;
  color: #000;
}
/*-------   ページネーション  ---------*/
#main_contents .info .nav-links {
  text-align: center;
  margin: 70px auto 0;
  width: 1000px;
}
#main_contents .info .nav-links a, #main_contents .info .nav-links a span, #main_contents .info .nav-links .point {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 5px 2px;
  text-align: center;
  font-size: 18px;
  text-decoration: none;
  color: #000;
  background: #e9eaea;
  transition: .3s;
}
#main_contents .info .nav-links .next {
  width: 100px;
  margin: 0 1.75em;
  padding-left: 1em;
}
#main_contents .info .nav-links .prev {
  width: 100px;
  margin: 0 1.75em;
  padding-right: 1em;
}
#main_contents .info .nav-links .next:after {
  content: "\f105";
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  padding-left: 1em;
}
#main_contents .info .nav-links .prev:before {
  content: "\f104";
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  padding-right: 1em;
}
#main_contents .info .nav-links a:hover {
  background: #01b5d5;
  color: #fff;
}
#main_contents .info .nav-links .point {
  background: #01b5d5;
  color: #fff;
}
/*--------------------------------------------------*
 *   お知らせ詳細
 *--------------------------------------------------*/
#main_contents .info .info_syousai {
  width: 1000px;
}
#main_contents .info .info_syousai .block {
  margin: 30px 0 30px;
  padding-bottom: 40px;
  border-bottom: none;
}
#main_contents .info .info_syousai .block .date {
  text-align: right;
  font-size: 14px;
}
#main_contents .info .info_syousai .block .title_info {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.25em;
  margin: 20px 0 15px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #c9caca;
}
#main_contents .info .info_syousai .block .info_detail {
  margin: 20px auto;
}
#main_contents .info .info_syousai .block .info_detail p{
	padding-bottom:10px;
}

/*-------   ページネーション  ---------*/
#main_contents .info .nav-links .list {
  width: 145px;
}
/*==============================================*/
/* スマホレイアウト */
@media (max-width: 639px) {
  #main_contents .ttl_info {
    height: 30vw;
    line-height: 30vw;
    font-size: 6vw;
  }
  #main_contents .info {
    width: auto;
    margin: 6vw 6vw 0;
  }
  /*--------------------------------------------------*
 *   お知らせ一覧
 *--------------------------------------------------*/
  #main_contents .info li {
    margin-bottom: 5%;
  }
  #main_contents .info .block {
    /*   border-bottom: 1px dashed #c9caca;*/
    padding-bottom: 5%;
    padding-left: 0%;
    width: 98%;
    margin: 0 auto;
  }
  #main_contents .info .block .box {
    /*  color: #000;*/
    font-size: 16px;
  }
  #main_contents .info .block .box .date {
    float: none;
    font-size: 10px;
  }
  #main_contents .info .block .box .title_info a {
    float: none;
    padding-left: 0;
    /*   text-decoration: none;
    color: #000;*/
    font-size: 13px;
  }
  #main_contents .blog_main {
    float: none;
    width: 98%;
    margin: 0 auto;
  }
  /*-------   ページネーション  ---------*/
  #main_contents .info .nav-links {
    margin: 20% auto 10%;
    width: 100%;
  }
  #main_contents .info .nav-links a, #main_contents .info .nav-links a span, #main_contents .info .nav-links .point {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
  }
  #main_contents .info .nav-links .next {
    width: 60px;
    margin: 0 0.75em;
    padding-left: 0.25em;
  }
  #main_contents .info .nav-links .prev {
    width: 60px;
    margin: 0 0.75em;
    padding-right: 0.25em;
  }
  #main_contents .info .nav-links .next:after {
    padding-left: 1em;
  }
  #main_contents .info .nav-links .prev:before {
    padding-right: 1em;
  }
  /*--------------------------------------------------*
 *   お知らせ詳細
 *--------------------------------------------------*/
  #main_contents .info .info_syousai {
    width: 98%;
    margin: 0 auto;
  }
  #main_contents .info .info_syousai .block {
    margin: 3% 0 3%;
    padding-bottom: 5%;
    /*  border-bottom: none;*/
  }
  #main_contents .info .info_syousai .block .date {
    /*  text-align: right;*/
    font-size: 12px;
  }
  #main_contents .info .info_syousai .block .title_info {
    font-size: 16px;
    /*   font-weight: bold;
    line-height: 1.25em;*/
    margin: 3% auto;
    padding-bottom: 3%;
    /*    border-bottom: 1px dashed #c9caca;*/
  }
  #main_contents .info .info_syousai .block .info_detail {
    margin: 2% auto;
  }
  /*-------   ページネーション  ---------*/
  #main_contents .info .nav-links .list {
    width: 70px;
  }
}