@charset "utf-8";

/*----------------

NEWS&TOPICS 一覧

 ----------------- */


/* パーツ */
.info .contents__wrap {
  width: 1024px;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
}

.info .contents__wrap img {
  width: 100%;
  height: auto;
}

/* メインタイトル */
.info .main__ttlbox {
  text-align: center;
  background-image: linear-gradient(-45deg,
      #33A4DA 25%,
      #2599DA 25%,
      #2599DA 50%,
      #33A4DA 50%,
      #33A4DA 75%,
      #2599DA 75%,
      #2599DA);
  background-size: 8px 8px;
}

.info .main__ttlboxtxt {
  padding: 39px 0;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

/*ニュース一覧*/
.info .news_list {
  margin-top: 100px;
  margin-bottom: 125px;
}

.info .news_list .news_list_item {
  display: flex;
  align-items: first baseline;
  padding: 20px 15px;
  border-bottom: 1px solid #CACACA;
}

.info .news_list .cat_name {
  display: inline-block;
  width: 160px;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  /*vertical-align: middle;*/
}

.info .news_list .post_day {
  display: inline-block;
  padding-left: 1em;
  color: #666666;
  /*vertical-align: middle;*/
}

.info .news_list .news_meta {
  width: 30%;
}

.info .news_list .news_ttl {
  width: 70%;
}

.info .news_list .news_ttl a {
  text-decoration: none;
  color: #333;
}


/*pager-----------------------*/
.pagination {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 125px;
}

.pagination,
.pagination li a {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.pagination a {
  padding-top: 1px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
  min-width: 36px;
  min-height: 36px;
  color: #62B6E1;
}

.pagination li:not([class*="current"]) a:hover {
  background-color: #eee;
}

.pagination li:first-of-type a {
  border-left-width: 1px;
}

.pagination li.first span,
.pagination li.last span,
.pagination li.previous span,
.pagination li.next span {
  /* screen readers only */
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.pagination li.first a::before,
.pagination li.last a::after,
.pagination li.previous a::before,
.pagination li.next a::after {
  display: inline-block;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.pagination li.first a::before {
  content: "first_page";
}

.pagination li.last a::after {
  content: "last_page";
}

.pagination li.previous a::before {
  content: "keyboard_arrow_left";
}

.pagination li.next a::after {
  content: "keyboard_arrow_right";
}

.pagination li.current a {
  /*background-color: #ddd;*/
  cursor: default;
  pointer-events: none;
  color: #FFF;
}

.pagination>li:first-child>a {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.pagination>li:last-child>a {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.pagination .current {
  padding: 0px;
  background: #2599DA none repeat scroll 0% 0%;
}

.pagination .current a {
  border: solid 1px #2599DA;
}

/* https://www.benesse-kaigai.com/shingaku/gca/report/の記事読み込み部分 */
.auReport{
  padding: 20px 15px;
  border-bottom: 1px solid #CACACA;
}

.auReport a {
  text-decoration: none;
  color: #333;
}
.auReport .category{
  display: inline-block;
  width: 160px;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  background-color: #288971;
  vertical-align: middle;
  float: left;
}
.auReport .category strong{
  font-weight: normal;
}
.auReport .day{
  display: inline-block;
  padding-left: 1em;
  color: #666666;
  float: left;
  padding-top: 15px;
}

.auReport .link{
  margin-left: 300px;
  padding-top: 15px;
}

.auReport p {
  clear: both;
  padding-top: 6px;
}

.auReport p a {
  display: block;
  padding-left: 20px;
  background: url(/images/shingaku/common/ico-side_001.png) left center no-repeat;
}

/* ----------------------------------------------------------
スマートフォン
---------------------------------------------------------- */
@media screen and (max-width: 767px) {

  /* パーツ */
  .info .contents__wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    text-align: left;
  }

  /* タイトル */
  .info .main__ttlboxtxt {
    padding: 20px 0;
    font-size: 5.4vw;
  }

  .info .main__ttlboxtxt span {
    display: block;
    font-size: 4.5vw;
  }

  /*ニュース一覧*/
  .info .news_list {
    margin-top: 20px;
    margin-bottom: 80px;
  }

  .info .news_list .news_list_item {
    display: block;
    padding: 20px 0;
  }

  .info .news_list .news_meta {
    margin-bottom: 10px;
    width: 100%;
  }

  .info .news_list .news_ttl {
    width: 100%;
  }

  .info .news_list .cat_name {
    width: 35%;
    font-size: 3vw;
    padding: 5px 0;
  }

  .info .news_list .post_day {
    font-size: 4vw;
  }

  .info .news_list .news_ttl a {
    font-size: 4.2vw;
  }
  
  /* https://www.benesse-kaigai.com/shingaku/gca/report/の記事読み込み部分 */
  .auReport{
    display: block;
    padding: 20px 0;
  }
  
  .auReport .category {
    width: 35%;
    font-size: 3vw;
    padding: 5px 0;
  }
  .auReport .day {
    font-size: 4vw;
  }
  .auReport .link{
    float: none;
    clear: both;
    margin-left: 0;
    width: 100%;
  }
  .auReport .link a,
  .auReport p a{
    font-size: 4.2vw;
  }
  

  /*pager-----------------------*/

  .pagination{
    margin-bottom: 80px;
  }
  .pagination li.first,
  .pagination li.last {
    /* screen readers only */
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .pagination li.previous a {
    border-left-width: 1px;
  }
}

/* ----------------------------------------------------------

NEWS&TOPICS　詳細

---------------------------------------------------------- */

/* パーツ */
.info__single .contents__wrap {
  width: 1024px;
  margin: 0 auto;
  text-align: left;
  box-sizing: border-box;
}

.info__single .contents__wrap img {
  width: 100%;
  height: auto;
}

/* メインタイトル */
.info__single .main__ttlbox {
  text-align: center;
  background-image: linear-gradient(-45deg,
      #33A4DA 25%,
      #2599DA 25%,
      #2599DA 50%,
      #33A4DA 50%,
      #33A4DA 75%,
      #2599DA 75%,
      #2599DA);
  background-size: 8px 8px;
}

.info__single .main__ttlboxtxt {
  padding: 39px 0;
  font-size: 36px;
  font-weight: 700;
  color: #fff;
}

/* 投稿記事 */
.info__single .info__article {
  margin-top: 100px;
  margin-bottom: 70px;
}

.info__single .entry__meta {
  margin-bottom: 26px;
}

.info__single .entry__meta .cat__name {
  display: block;
  margin-bottom: 32px;
  width: 160px;
  padding: 5px;
  font-size: 16px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;

}

.info__single .entry__meta .post__day {
  display: block;
  color: #666666;
  font-size: 18px;
}

.info__single .entry__header .entry__title {
  display: block;
  font-size: 28px;
  font-weight: bold;
}

.info__single .entry__header .entry__title:after {
  content: "";
  display: block;
  margin-top: 35px;
  width: 100%;
  height: 6px;
  background-image: linear-gradient(-45deg, #47B9E1 20%, #FFFFFF 30%, #FFFFFF 55%, #47B9E1 45%, #47B9E1 70%, #FFFFFF 80%, #FFFFFF);
  background-size: 5px 5px;
}

.info__single .entry__content {
  padding: 80px 0;
  border-bottom: 1px solid #CBCBCB;
}

/*-------------

記事部分基本style
2020/09/08 entry.cssに移動

----------------*/


/**/

/*NEWS & TOPICS一覧へ戻る*/
.info__single .info__backbtn__wrap {
  margin-bottom: 124px;
}

.info__single .info__backbtn {
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 24px 0;
  width: 386px;
  border-radius: 8px;
  text-decoration: none;
  background: #E4F3F7;
  color: #29ABE2;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
}

.info__single .info__backbtn:before {
  position: absolute;
  top: 50%;
  left: 6%;
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(-135deg);
  border-top: solid 2px #29ABE2;
  border-right: solid 2px #29ABE2;
}

/* ----------------------------------------------------------
スマートフォン
---------------------------------------------------------- */
@media screen and (max-width: 767px) {

  /* パーツ */
  .info__single .contents__wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 5%;
    text-align: left;
  }

  /* メインタイトル */
  .info__single .main__ttlboxtxt {
    padding: 20px 0;
    font-size: 5.4vw;
  }

  .info__single .main__ttlboxtxt span {
    display: block;
    font-size: 4.5vw;
  }

  /* 投稿記事 */
  .info__single .info__article {
    margin-top: 30px;
    margin-bottom: 25px;
  }

  .info__single .entry__meta {
    margin-bottom: 15px;
    border-bottom: 1px solid #CCCCCC;

  }

  .info__single .entry__meta .cat__name {
    margin-bottom: 15px;
    width: 48%;
    font-size: 4vw;
    padding: 5px 2%;
  }

  .info__single .entry__meta .post__day {
    margin-bottom: 15px;
    font-size: 4vw;
  }

  .info__single .entry__header .entry__title {
    font-size: 5.4vw;
  }

  .info__single .entry__header .entry__title:after {
    margin-top: 25px;
  }

  .info__single .entry__content {
    padding: 40px 0;
  }

  /*NEWS & TOPICS一覧へ戻る*/
  .info__single .info__backbtn__wrap {
    margin-bottom: 60px;
  }

  .info__single .info__backbtn {
    width: 80%;
    font-size: 4.2vw;
    padding: 24px 0 24px 2%;
  }


}