@charset "UTF-8";
/* placeholder color */
/**********************************************************************************************

　news

**********************************************************************************************/
/*---------------------------------------------
news
---------------------------------------------*/
.kv.-news {
  background-image: url("../img/news/kv_news.jpg"); }

.news_wrap .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media (max-width: 750px) {
    .news_wrap .inner {
      display: block; } }

.news_content {
  width: 63.8%; }
  @media (max-width: 750px) {
    .news_content {
      width: 100%; } }

.newsList li {
  border-bottom: 2px solid #d2d2d2; }
  .newsList li:first-child a {
    padding: 0 0 30px; }
    @media (max-width: 750px) {
      .newsList li:first-child a {
        padding: 0 0 5vw; } }
.newsList a {
  padding: 30px 0;
  display: flex; }
  @media (max-width: 750px) {
    .newsList a {
      padding: 5vw 0; } }

.newsList_img {
  width: 32%;
  flex-shrink: 0;
  margin: 0 15px 0 0;
  overflow: hidden;
  max-height: 200px; }
  @media (max-width: 750px) {
    .newsList_img {
      margin: 0 4vw 0 0;
      max-height: 30vw; } }

.newsList_head {
  display: flex;
  align-items: center;
  font-weight: 700;
  margin: 0 0 15px; }
  @media (max-width: 750px) {
    .newsList_head {
      margin: 0 0 2vw; } }

.newsList_category {
  color: #fff;
  background: #f2ab04;
  padding: 2px 20px;
  border-radius: 100px;
  font-weight: 700;
  min-width: 180px;
  text-align: center; }
  @media (max-width: 750px) {
    .newsList_category {
      font-size: 3vw;
      padding: 0.3vw 2.6vw;
      min-width: 30vw; } }

.newsList_time {
  font-weight: 700;
  color: #f2ab04;
  margin: 0 20px 0 0; }
  @media (max-width: 750px) {
    .newsList_time {
      font-size: 3vw;
      margin: 0 2.6vw 0 0; } }

.newsList_tit {
  font-size: 1.8rem;
  font-weight: 700; }
  @media (max-width: 750px) {
    .newsList_tit {
      font-size: 3.43vw; } }

/* side */
.news_side {
  width: 33.1%;
  background: #dee4f0;
  padding: 30px 20px 40px; }
  @media (max-width: 750px) {
    .news_side {
      width: 100%;
      margin: 12vw 0 0;
      padding: 8vw 4vw; } }

.news_side_box:not(:last-child) {
  margin: 0 0 60px; }
  @media (max-width: 750px) {
    .news_side_box:not(:last-child) {
      margin: 0 0 8vw; } }

.news_side_tit {
  font-weight: 700;
  margin: 0 0 10px;
  color: #26499d; }
  @media (max-width: 750px) {
    .news_side_tit {
      font-size: 4vw;
      margin: 0 0 2.6vw; } }

.news_newList {
  font-size: 1.4rem; }
  @media (max-width: 750px) {
    .news_newList {
      font-size: 3.2vw; } }
  .news_newList li:not(:last-child) {
    margin: 0 0 1em; }

.news_categoryList li:not(:last-child) {
  margin: 0 0 0.5em; }

/*---------------------------------------------
single
---------------------------------------------*/
.news_article {
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: 1px solid #d2d2d2; }
  @media (max-width: 750px) {
    .news_article {
      padding: 0 0 8vw;
      margin: 0 0 8vw; } }

.news_article_head {
  margin: 0 0 40px; }
  @media (max-width: 750px) {
    .news_article_head {
      margin: 0 0 5vw; } }
  .news_article_head h1 {
    font-size: 2.5rem;
    font-weight: 700;
    color: #f2ab04;
    margin: 10px 0; }
    @media (max-width: 750px) {
      .news_article_head h1 {
        font-size: 4.6vw;
        margin: 1.3vw 0; } }

.news_article_time, .news_article_category {
  font-size: 1.4rem; }
  @media (max-width: 750px) {
    .news_article_time, .news_article_category {
      font-size: 3vw; } }

.news_article_main {
  line-height: 1.9; }
  .news_article_main h2 {
    border-bottom: 1px solid #f2ab04;
    border-top: 1px solid #f2ab04;
    margin: 0 0 30px 20px;
    position: relative;
    font-size: 2.5rem;
    font-weight: 700;
    padding: 10px 20px 10px 0;
    display: inline-block;
    color: #f2ab04; }
    @media (max-width: 750px) {
      .news_article_main h2 {
        font-size: 4.2vw;
        margin: 0 0 5vw 3vw;
        padding: 2vw 4vw 2vw 0; } }
    .news_article_main h2:not(:last-child) {
      margin: 50px 0 30px 20px; }
      @media (max-width: 750px) {
        .news_article_main h2:not(:last-child) {
          margin: 8vw 0 5vw 3vw; } }
    .news_article_main h2::after {
      content: "";
      display: block;
      width: 6px;
      height: 100%;
      background: #f2ab04;
      top: 0;
      left: -20px;
      position: absolute; }
      @media (max-width: 750px) {
        .news_article_main h2::after {
          left: -3vw; } }
  .news_article_main p {
    margin: 0 0 1.5em; }
  .news_article_main a {
    color: #f2ab04;
    text-decoration: underline; }
  .news_article_main blockquote {
    position: relative;
    display: block;
    padding: 20px 30px 20px 80px;
    background: #fadd9b; }
    @media (max-width: 750px) {
      .news_article_main blockquote {
        padding: 3vw 4vw 3vw 13vw; } }
    .news_article_main blockquote::after {
      content: "";
      display: block;
      background: url("../img/news/icon_quote.svg") no-repeat;
      background-size: contain;
      width: 45px;
      height: 45px;
      position: absolute;
      top: 50%;
      left: 20px;
      transform: translateY(-50%); }
      @media (max-width: 750px) {
        .news_article_main blockquote::after {
          width: 8vw;
          height: 8vw;
          left: 3vw; } }
  .news_article_main ul {
    margin: 0 0 2em; }
    .news_article_main ul li {
      position: relative;
      padding: 0 0 0 30px; }
      @media (max-width: 750px) {
        .news_article_main ul li {
          padding: 0 0 0 6vw; } }
      .news_article_main ul li::after {
        content: "";
        display: block;
        width: 19px;
        height: 19px;
        border: 2px solid #f2ab04;
        border-radius: 50%;
        position: absolute;
        top: 8px;
        left: 2px; }
        @media (max-width: 750px) {
          .news_article_main ul li::after {
            width: 3.8vw;
            height: 3.8vw;
            top: 0.9vw;
            left: 0.3vw; } }
  .news_article_main ol {
    counter-reset: item; }
    .news_article_main ol li {
      position: relative;
      padding: 0 0 0 30px; }
      @media (max-width: 750px) {
        .news_article_main ol li {
          padding: 0 0 0 6vw; } }
      .news_article_main ol li::before {
        counter-increment: item;
        content: counter(item);
        width: 26px;
        height: 26px;
        background: #f2ab04;
        color: #fff;
        border-radius: 50%;
        position: absolute;
        top: 5px;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 0 1px 1px; }
        @media (max-width: 750px) {
          .news_article_main ol li::before {
            width: 4.6vw;
            height: 4.6vw;
            top: 1vw; } }

.singleNav_list {
  display: flex;
  justify-content: center;
  align-items: center; }
  .singleNav_list a {
    position: relative;
    color: #26499d; }
  .singleNav_list .prev a {
    display: flex;
    align-items: center; }
    .singleNav_list .prev a::before {
      content: "";
      display: block;
      width: 25px;
      height: 25px;
      margin: 0 5px 0 0;
      background: url("../img/news/arrow_prev.svg") no-repeat;
      background-size: contain; }
      @media (max-width: 750px) {
        .singleNav_list .prev a::before {
          width: 4vw;
          height: 4vw;
          margin: 0 1.3vw 0 0; } }
  .singleNav_list .next a {
    display: flex;
    align-items: center; }
    .singleNav_list .next a::after {
      content: "";
      display: block;
      width: 25px;
      height: 25px;
      margin: 0 0 0 5px;
      background: url("../img/news/arrow_next.svg") no-repeat;
      background-size: contain; }
      @media (max-width: 750px) {
        .singleNav_list .next a::after {
          width: 4vw;
          height: 4vw;
          margin: 0 0 0 1.3vw; } }
  .singleNav_list .index {
    margin: 0 40px;
    border-bottom: 1px solid #26499d;
    font-size: 1.8rem;
    font-weight: 700; }
    @media (max-width: 750px) {
      .singleNav_list .index {
        margin: 0 8vw;
        font-size: 3.73vw; } }