@charset "UTF-8";
/**
 * レスポンシブのブレイクポイント設定
 */
/*
COLORS
================================================ */
:root {
  --black: #000;
  --black-thin: #333;
  --black_thin2: #4C4A4A;
  --grey_bg: #F1F1F1;
  --grey_border: #ddd;
  --grey-dark: #666;
  --grey-dark_bg: #E2E2E2;
  --white: #fff;
  --beige: #F4EDE0;
  --red: #C2221C;
  --green: #549B1D;
  --yellow: #e3bd10;
  --orange: #FD9C28;
  --blue: #1132a6;
  --skyblue: #10a3e3;
  --pink: #e145b1;
  --purple: #925BE9;
}

#tv .list_tv,
#tv .list_seminar,
#seminar .list_tv,
#seminar .list_seminar {
  display: flex;
}
@media (min-width: 769px) {
  #tv .list_tv,
#tv .list_seminar,
#seminar .list_tv,
#seminar .list_seminar {
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px 30px;
  }
}
@media (max-width: 768px) {
  #tv .list_tv,
#tv .list_seminar,
#seminar .list_tv,
#seminar .list_seminar {
    flex-direction: column;
    gap: 8vw 0;
  }
}
@media (min-width: 769px) {
  #tv .list_tv li,
#tv .list_seminar li,
#seminar .list_tv li,
#seminar .list_seminar li {
    width: 320px;
    cursor: pointer;
  }
}
@media (max-width: 768px) {
  #tv .list_tv li,
#tv .list_seminar li,
#seminar .list_tv li,
#seminar .list_seminar li {
    width: 100%;
  }
}
#tv .list_tv li .thumb_tv,
#tv .list_tv li .thumb_seminar,
#tv .list_seminar li .thumb_tv,
#tv .list_seminar li .thumb_seminar,
#seminar .list_tv li .thumb_tv,
#seminar .list_tv li .thumb_seminar,
#seminar .list_seminar li .thumb_tv,
#seminar .list_seminar li .thumb_seminar {
  position: relative;
}
#tv .list_tv li .thumb_tv::before,
#tv .list_tv li .thumb_seminar::before,
#tv .list_seminar li .thumb_tv::before,
#tv .list_seminar li .thumb_seminar::before,
#seminar .list_tv li .thumb_tv::before,
#seminar .list_tv li .thumb_seminar::before,
#seminar .list_seminar li .thumb_tv::before,
#seminar .list_seminar li .thumb_seminar::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s;
}
#tv .list_tv li .thumb_tv:hover::before,
#tv .list_tv li .thumb_seminar:hover::before,
#tv .list_seminar li .thumb_tv:hover::before,
#tv .list_seminar li .thumb_seminar:hover::before,
#seminar .list_tv li .thumb_tv:hover::before,
#seminar .list_tv li .thumb_seminar:hover::before,
#seminar .list_seminar li .thumb_tv:hover::before,
#seminar .list_seminar li .thumb_seminar:hover::before {
  background-color: inherit;
}
#tv .list_tv li .thumb_tv::after,
#tv .list_tv li .thumb_seminar::after,
#tv .list_seminar li .thumb_tv::after,
#tv .list_seminar li .thumb_seminar::after,
#seminar .list_tv li .thumb_tv::after,
#seminar .list_tv li .thumb_seminar::after,
#seminar .list_seminar li .thumb_tv::after,
#seminar .list_seminar li .thumb_seminar::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent var(--white);
}
@media (min-width: 769px) {
  #tv .list_tv li .thumb_tv::after,
#tv .list_tv li .thumb_seminar::after,
#tv .list_seminar li .thumb_tv::after,
#tv .list_seminar li .thumb_seminar::after,
#seminar .list_tv li .thumb_tv::after,
#seminar .list_tv li .thumb_seminar::after,
#seminar .list_seminar li .thumb_tv::after,
#seminar .list_seminar li .thumb_seminar::after {
    border-width: 13.5px 0 13.5px 24px;
  }
}
@media (max-width: 768px) {
  #tv .list_tv li .thumb_tv::after,
#tv .list_tv li .thumb_seminar::after,
#tv .list_seminar li .thumb_tv::after,
#tv .list_seminar li .thumb_seminar::after,
#seminar .list_tv li .thumb_tv::after,
#seminar .list_tv li .thumb_seminar::after,
#seminar .list_seminar li .thumb_tv::after,
#seminar .list_seminar li .thumb_seminar::after {
    border-width: 4.21875vw 0 4.21875vw 7.5vw;
  }
}

@media (min-width: 769px) {
  #magazine {
    margin-top: 50px;
  }
}
@media (max-width: 768px) {
  #magazine {
    margin-top: 15vw;
  }
}
#magazine .list_magazine {
  display: flex;
}
@media (min-width: 769px) {
  #magazine .list_magazine {
    flex-wrap: wrap;
    gap: 50px 60px;
    padding: 0 10px;
  }
}
@media (max-width: 768px) {
  #magazine .list_magazine {
    flex-direction: column;
    gap: 12vw 0;
  }
}
#magazine .list_magazine li {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 769px) {
  #magazine .list_magazine li {
    width: 470px;
  }
}
@media (max-width: 768px) {
  #magazine .list_magazine li {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #magazine .list_magazine li .image {
    width: 115px;
  }
}
@media (max-width: 768px) {
  #magazine .list_magazine li .image {
    width: 20vw;
  }
}
#magazine .list_magazine li .image img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border: solid 1px var(--grey_border);
  box-sizing: border-box;
}
@media (min-width: 769px) {
  #magazine .list_magazine li .image img {
    height: 146px;
  }
}
@media (max-width: 768px) {
  #magazine .list_magazine li .image img {
    height: 26.875vw;
  }
}
@media (min-width: 769px) {
  #magazine .list_magazine li .text {
    width: calc(100% - 136px);
  }
}
@media (max-width: 768px) {
  #magazine .list_magazine li .text {
    width: calc(100% - 26.25vw);
  }
}
#magazine .list_magazine li .text .btn_magazine {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--black-thin);
  text-decoration: none;
  margin-top: 0.5em;
  border: solid 2px var(--red);
  box-sizing: border-box;
  color: var(--red);
}
@media (min-width: 769px) {
  #magazine .list_magazine li .text .btn_magazine {
    padding: 0.2em 1.2em 0.3em;
    font-size: 1.8rem;
    border-radius: 15px;
    transition: all 0.3s;
  }
}
#magazine .list_magazine li .text .btn_magazine:hover {
  color: var(--white);
  background: var(--red);
}
@media (max-width: 768px) {
  #magazine .list_magazine li .text .btn_magazine {
    padding: 1em 1.2em;
    font-size: 3.47vw;
    height: 5.4vw;
    border-radius: 3.73vw;
  }
}

.title_media {
  color: var(--black-thin);
  margin-bottom: 0.5em;
}
@media (min-width: 769px) {
  .title_media {
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .title_media {
    font-size: 4.375vw;
  }
}
#tv .title_media {
  margin-top: 0.8em;
}

.date_media {
  color: var(--grey-dark);
}
@media (min-width: 769px) {
  .date_media {
    font-size: 1.3rem;
  }
}
@media (max-width: 768px) {
  .date_media {
    font-size: 3.75vw;
  }
}

.description_media {
  line-height: 1.6;
  color: var(--black-thin);
  margin-top: 0.5em;
}
@media (min-width: 769px) {
  .description_media {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  .description_media {
    font-size: 4vw;
  }
}
#tv .description_media {
  text-indent: -0.5em;
}
/*# sourceMappingURL=media.css.map */