@charset "UTF-8";
/*PC・タブレット・スマホ共通設定
 ---------------------------------------------------------------------------*/
/* mobile first*/
/* For Bootstrap4 Breakpoints  */
/* For Bootstrap4 Breakpoints  End */
/* ----
// * ex) @include text-stroke(2, #fff);
---- */
/* exnews.tpl Style
-------------------------------------------------- */
.News .H2Title {
  text-align: left; }
  @media (min-width: 320px) {
    .News .H2Title {
      text-align: center; } }

.NewsImage .-img {
  width: 80%; }
  @media (min-width: 992px) {
    .NewsImage .-img {
      width: 100%; } }

.NewsImage .-icon {
  position: absolute;
  right: -20px;
  top: -70px;
  width: 65px; }
  @media (min-width: 320px) {
    .NewsImage .-icon {
      width: 70px; } }
  @media (min-width: 480px) {
    .NewsImage .-icon {
      width: 100px;
      right: 0; } }
  @media (min-width: 992px) {
    .NewsImage .-icon {
      position: absolute;
      top: -10px;
      left: -10px;
      width: 172px; } }

/* element/top/news.tpl Style
-------------------------------------------------- */
.News__category {
  display: flex; }
  @media screen and (min-width: 768px) {
    .News__category {
      display: block; } }

/*  text icon centered */
.News__category .-categorystyle {
  background: #3467a2;
  color: #fff;
  height: 25px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 25px;
  margin-bottom: 3px;
  border-radius: 30px;
  width: 90px; }

.News__category .-categorystyle > div {
  font-size: 12px;
  line-height: 25px; }
  @media (min-width: 320px) {
    .News__category .-categorystyle > div {
      font-size: 14px; } }