/* padding bottom 0.5  */
.pb-0.5 {
  padding-bottom: 0.5vw;
}

.news-main {
  padding: 7.5vw 0;
}

.news-section {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15vw;
}

.news-container_menu-box_sin {
  display: none;
}

.news-container_menu_sin {
  flex: 1;
}

.article-container {
  flex: 2;
  padding-top: 1vw;
}

.article-container_spacer {
  flex: 1;
}

.article-box_ttl-box {
  border-bottom: 1px solid #000;
}

.article-box_datebox {
  display: flex;
  gap: 1vw;
  align-items: center;
  padding-bottom: 0.5vw;
}

.article-box_cat a {
  color: #000;
}

.article-box_dot {
  width: 1px;
  height: 1.5vw;
  background-image: linear-gradient(
    to top,
    #888,
    #888 2px,
    transparent 3px,
    transparent 5px
  );
  background-size: 2px 5px;
  background-position: left bottom;
  background-repeat: repeat-y;
}

.article-box_date {
  font-size: 0.7vw;
  letter-spacing: 0.08vw;
  color: #888;
}

.article-box_ttl {
  font-size: 1.5vw;
}

.article-box_area {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 0.8vw;
  padding-bottom: 2vw;
}

.article-box_desc {
  padding: 2vw 0 6vw 0;
}

.article-box_desc a {
  word-break: break-word;
} 

.article-box_desc p {
  padding-bottom: 2vw;
}

.article-box_desc-img {
  padding: 2vw 0;
}

.wp-block-image {
  margin: 0 0 0.5vw;
}

.article-box_btn-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.article-box_btn {
  padding: 0.5vw 6vw;
  background-color: #000;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #000;
  transition: 0.3s;
}

.article-box_btn:hover {
  background-color: #fff;
  color: #000;
}

.news-section_facebook-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  gap: 1vw;
  transition: 0.3s;
}

.news-section_facebook-link:hover {
  opacity: 0.5;
}

.news-section_facebook-icon {
  width: 1.5vw;
}

@media (max-width: 767px) {
  .news-main {
    padding: 15vw 0 10vw 0;
  }

  .news-container_menu_sin,
  .article-container_spacer {
    display: none;
  }

  .news-container_menu-box_sin {
    position: relative;
    top: 0;
    right: 5vw;
    display: block;
    text-align: right;
  }

  .news-container_menu-box_sin .news-container_menu-ttl {
    font-size: 3.25vw;
  }

  .news-container_menu-blue_en {
    padding-bottom: 1vw;
  }

  .article-box_datebox {
    gap: 3vw;
    padding-bottom: 1vw;
  }

  .article-box_cat {
    font-size: 2.5vw;
  }

  .article-box_dot {
    height: 2vw;
  }

  .article-box_date {
    font-size: 2vw;
  }

  .article-box_ttl {
    font-size: 4vw;
    padding-bottom: 1vw;
  }

  .article-box_area {
    font-size: 2.5vw;
    gap: 1vw;
    padding-bottom: 5vw;
  }

  .news-box_mappin {
    width: 2vw;
  }

  .article-box_desc {
    padding: 5vw 0 15vw 0;
  }

  .article-box_desc p {
    padding-bottom: 5vw;
  }

  .wp-block-image {
    margin: 0 0 1vw;
  }

  .article-box_desc-img {
    padding: 10vw 0;
  }

  .article-box_btn-box {
    padding-bottom: 15vw;
  }

  .article-box_btn {
    display: block;
    width: 100%;
    font-size: 3vw;
    text-align: center;
    padding: 3vw 0;
  }

  .news-section_facebook-link {
    font-size: 3vw;
    gap: 3vw;
  }

  .news-section_facebook-icon {
    width: 5vw;
  }
}