@charset "utf-8";
/* CSS Document */

/* ¥á¥¤¥ó¥Ó¥¸¥å¥¢¥ë£¨ëAŒÓ¹²Í¨£© */
.page_title {
  background: url(/eco/grad/common/img/mv/topics.webp) no-repeat center center;
  background-size: cover;
}

/*¡¡Ñо¿¥È¥Ô¥Ã¥¯¥¹ */
.news_item {
  padding: 0.8em 2em;
  @media screen and (max-width: 767px) {
    padding: 0.5em 1em;
  }
}

/*¡¡Ñо¿¥È¥Ô¥Ã¥¯¥¹£¨Ô”¼š£© */
.breadcrumb_list {
  align-items: flex-start;
  flex-wrap: nowrap;
}
.breadcrumb_item a {
  white-space: nowrap;
}

.sentence a {
  color: var(--main-color);
  text-decoration: underline;
  &:hover {
    text-decoration: none;
  }
  &[target="_blank"]::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(/eco/grad/common/img/icon_window.webp) no-repeat center center;
    background-size: contain;
    margin-inline: 3px;
  }
  &[href$=".pdf"]::after {
    width: 20px;
    height: 20px;
    background: url(/eco/grad/common/img/icon_pdf.webp) no-repeat center center;
    transform: translateY(3px);
  }
  &[href$=".docx"]::after {
    width: 15px;
    height: 16px;
    background: url(/eco/grad/common/img/word_icon.gif) no-repeat center center;
    transform: translateY(3px);
  }
  &[href$=".doc"]::after {
    width: 15px;
    height: 16px;
    background: url(/eco/grad/common/img/word_icon.gif) no-repeat center center;
    transform: translateY(3px);
  }
  &[target="_blank"]:has(img)::after {
    content: none;
  }
}

.main_txt a {
  color: var(--main-color);
  text-decoration: underline;
  &:hover {
    text-decoration: none;
  }
  &[target="_blank"]::after {
    content: "";
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(/eco/grad/common/img/icon_window.webp) no-repeat center center;
    background-size: contain;
    margin-inline: 3px;
  }
  &[href$=".pdf"]::after {
    width: 20px;
    height: 20px;
    background: url(/eco/grad/common/img/icon_pdf.webp) no-repeat center center;
    transform: translateY(3px);
  }
  &[href$=".docx"]::after {
    width: 15px;
    height: 16px;
    background: url(/eco/grad/common/img/word_icon.gif) no-repeat center center;
    transform: translateY(3px);
  }
  &[href$=".doc"]::after {
    width: 15px;
    height: 16px;
    background: url(/eco/grad/common/img/word_icon.gif) no-repeat center center;
    transform: translateY(3px);
  }
}