@charset "UTF-8";
/* [ 大阪真空機器（日英中） ] layout.css */
/* [ 株式会社大阪真空機器製作所 ] setting */
/* [ 株式会社大阪真空機器製作所 ] component */
/* [ ニュースルーム ] */
.newsroom .select-tab {
  position: relative;
  display: flex;
  align-items: stretch;
}
.newsroom .select-tab [class^="tab-"] {
  width: calc(100% / 3);
  color: #fff;
  font-weight: 700;
  text-align: center;
  border: 3px solid transparent;
  border-bottom: none;
}
.newsroom .select-tab .tab-news {
  border-color: #BCCFDA;
  background: #BCCFDA;
}
.newsroom .select-tab .tab-event {
  border-color: #C9E3CE;
  background: #C9E3CE;
}
.newsroom .select-tab .tab-mediainfo {
  border-color: #CECDDE;
  background: #CECDDE;
}
.newsroom .select-tab h1[class^="tab-"] {
  position: relative;
  background: #fff;
  z-index: +2;
}
.newsroom .select-tab h1[class^="tab-"]::after {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: +2;
}
.newsroom .select-tab h1[class^="tab-"] span {
  position: relative;
  z-index: +3;
}
.newsroom .select-tab h1.tab-news {
  color: #3A4268;
  box-shadow: 0px 0px 6.8px 0px rgba(57, 113, 141, 0.2);
}
.newsroom .select-tab h1.tab-news::after {
  content: '';
  background: url("../img/news/txt_news.svg") center/contain no-repeat;
}
.newsroom .select-tab h1.tab-event {
  color: #1F6D5E;
  box-shadow: 0px 0px 6.8px 0px rgba(128, 178, 132, 0.25);
}
.newsroom .select-tab h1.tab-event::after {
  content: '';
  background: url("../img/news/txt_event.svg") center/contain no-repeat;
}
.newsroom .select-tab h1.tab-mediainfo {
  color: #5A4580;
  box-shadow: 0px 0px 6.8px 0px rgba(106, 86, 124, 0.25);
}
.newsroom .select-tab h1.tab-mediainfo::after {
  content: '';
  background: url("../img/news/txt_media.svg") center/contain no-repeat;
}
.newsroom .select-tab::after {
  content: '';
  position: absolute;
  width: 33.3%;
  height: 25px;
  background: #fff;
  z-index: +2;
}
.newsroom .select-tab:has(h1.tab-news)::after {
  left: 3px;
  bottom: -8px;
}
.newsroom .select-tab:has(h1.tab-event)::after {
  left: 50%;
  bottom: -8px;
  transform: translateX(-50%);
}
.newsroom .select-tab:has(h1.tab-mediainfo)::after {
  right: 3px;
  bottom: -8px;
}
.newsroom .content {
  /* ニュース */
  /* [ イベント情報 ] */
  /* [ メディア掲載情報 ] */
}
.newsroom .content [class^="content-"] {
  position: relative;
  border: 3px solid transparent;
  background: #fff;
  z-index: +1;
}
.newsroom .content [class^="content-"] ul {
  width: 100%;
  list-style: none;
}
.newsroom .content [class^="content-"] ul li {
  position: relative;
  border-bottom: 1px solid transparent;
}
.newsroom .content [class^="content-"] ul li:last-child {
  border-bottom: none;
}
.newsroom .content [class^="content-"] ul li a {
  position: relative;
  display: flex;
  justify-content: flex-start;
}
.newsroom .content [class^="content-"] ul li a img {
  object-fit: cover;
}
.newsroom .content [class^="content-"] ul li a > div {
  position: relative;
}
.newsroom .content [class^="content-"] ul li a > div span {
  width: fit-content;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.newsroom .content [class^="content-"] ul li a > div time {
  font-family: "Jost", sans-serif;
  color: #AAA;
  font-weight: 500;
}
.newsroom .content [class^="content-"] ul li a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: +1;
}
.newsroom .content [class^="content-"] ul li::before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  border-radius: 50%;
  transition: all .4s ease;
  transform: translateY(-50%);
  z-index: +2;
}
.newsroom .content [class^="content-"] ul li::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("../img/icon_arrow.svg");
  transform: translateY(-50%);
  z-index: +3;
}
@media (hover: hover) {
  .newsroom .content [class^="content-"] ul li:hover::after {
    background: #fff;
  }
  .newsroom .content [class^="content-"] ul li:hover::before {
    background: rgba(255, 255, 255, 0.5);
  }
  .newsroom .content [class^="content-"] ul li:hover a::before {
    background: rgba(255, 255, 255, 0.5);
  }
}
.newsroom .content [class^="content-"] .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  font-family: "Jost", sans-serif;
  font-weight: 600;
  border: 1px solid transparent;
  border-radius: 50px;
}
.newsroom .content [class^="content-"] .pagination .page-numbers {
  display: block;
  height: auto;
  aspect-ratio: 1 / 1;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
}
.newsroom .content .content-news {
  border-color: #BCCFDA;
}
.newsroom .content .content-news ul li {
  border-color: #BCCFDA;
}
.newsroom .content .content-news ul li a > div span {
  background: #3F3A87;
}
.newsroom .content .content-news ul li::before {
  border: 1px solid #97C1D9;
}
.newsroom .content .content-news ul li::after {
  background: #97C1D9;
}
@media (hover: hover) {
  .newsroom .content .content-news ul li:hover::before {
    border-color: #97C1D9;
    background: #97C1D9;
  }
  .newsroom .content .content-news ul li:hover::after {
    background: #fff;
  }
}
.newsroom .content .content-news .pagination {
  border-color: #BCCFDA;
}
.newsroom .content .content-news .pagination .page-numbers {
  color: #3F3A87;
}
.newsroom .content .content-news .pagination .page-numbers.prev, .newsroom .content .content-news .pagination .page-numbers.next {
  border: 1px solid #3F3A87;
}
.newsroom .content .content-news .pagination .page-numbers.current {
  color: #fff;
  background: #3F3A87;
}
@media (hover: hover) {
  .newsroom .content .content-news .pagination a.page-numbers:hover {
    background: #BCCFDA;
  }
  .newsroom .content .content-news .pagination a.page-numbers:hover.prev, .newsroom .content .content-news .pagination a.page-numbers:hover.next {
    color: #fff;
    background: #3F3A87;
  }
}
.newsroom .content .content-event {
  border-color: #C9E3CE;
}
.newsroom .content .content-event ul li {
  border-color: #C9E3CE;
}
.newsroom .content .content-event ul li a > div span {
  background: #1F6D5E;
}
.newsroom .content .content-event ul li::before {
  border: 1px solid #A9D9B2;
}
.newsroom .content .content-event ul li::after {
  background: #A9D9B2;
}
@media (hover: hover) {
  .newsroom .content .content-event ul li:hover::before {
    border-color: #A9D9B2;
    background: #A9D9B2;
  }
  .newsroom .content .content-event ul li:hover::after {
    background: #fff;
  }
}
.newsroom .content .content-event .pagination {
  border-color: #DBE9DE;
}
.newsroom .content .content-event .pagination .page-numbers {
  color: #1F6D5E;
}
.newsroom .content .content-event .pagination .page-numbers.prev, .newsroom .content .content-event .pagination .page-numbers.next {
  border: 1px solid #1F6D5E;
}
.newsroom .content .content-event .pagination .page-numbers.current {
  color: #fff;
  background: #1F6D5E;
}
@media (hover: hover) {
  .newsroom .content .content-event .pagination a.page-numbers:hover {
    background: #DBE9DE;
  }
  .newsroom .content .content-event .pagination a.page-numbers:hover.prev, .newsroom .content .content-event .pagination a.page-numbers:hover.next {
    color: #fff;
    background: #1F6D5E;
  }
}
.newsroom .content .content-mediainfo {
  border-color: #CECDDE;
}
.newsroom .content .content-mediainfo ul li {
  border-color: #CECDDE;
}
.newsroom .content .content-mediainfo ul li a > div span {
  background: #5A457F;
}
.newsroom .content .content-mediainfo ul li::before {
  border: 1px solid #B8B4EB;
}
.newsroom .content .content-mediainfo ul li::after {
  background: #B8B4EB;
}
@media (hover: hover) {
  .newsroom .content .content-mediainfo ul li:hover::before {
    border-color: #B8B4EB;
    background: #B8B4EB;
  }
  .newsroom .content .content-mediainfo ul li:hover::after {
    background: #fff;
  }
}
.newsroom .content .content-mediainfo .pagination {
  border-color: #CECDDE;
}
.newsroom .content .content-mediainfo .pagination .page-numbers {
  color: #5A4580;
}
.newsroom .content .content-mediainfo .pagination .page-numbers.prev, .newsroom .content .content-mediainfo .pagination .page-numbers.next {
  border: 1px solid #5A4580;
}
.newsroom .content .content-mediainfo .pagination .page-numbers.current {
  color: #fff;
  background: #5A4580;
}
@media (hover: hover) {
  .newsroom .content .content-mediainfo .pagination a.page-numbers:hover {
    background: #CECDDE;
  }
  .newsroom .content .content-mediainfo .pagination a.page-numbers:hover.prev, .newsroom .content .content-mediainfo .pagination a.page-numbers:hover.next {
    color: #fff;
    background: #5A4580;
  }
}
@media screen and (min-width: 769px) {
  .newsroom .main-image {
    background: url("../img/news/bg_newsroom.jpg") center/cover no-repeat;
  }
  .newsroom .select-tab {
    gap: min(30px, 1.56vw);
    max-width: 1050px;
    margin-bottom: -20px;
  }
  .newsroom .select-tab [class^="tab-"] {
    font-size: clamp(2.2rem, 1.25vw, 2.4rem);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 25px 0 45px;
  }
  .newsroom .select-tab h1[class^="tab-"]::after {
    top: 45%;
  }
  .newsroom .select-tab h1.tab-news::after {
    width: clamp(106px, 6.04vw, 116px);
    height: auto;
    aspect-ratio: 58 / 19;
  }
  .newsroom .select-tab h1.tab-event::after {
    width: clamp(106px, 6.04vw, 116px);
    height: auto;
    aspect-ratio: 116 / 37;
  }
  .newsroom .select-tab h1.tab-mediainfo::after {
    width: clamp(125px, 7.03vw, 135px);
    height: auto;
    aspect-ratio: 45 / 13;
  }
  .newsroom .content {
    /* [ ニュース ] */
    /* [ イベント情報 ] */
    /* [ メディア掲載情報 ] */
  }
  .newsroom .content [class^="content-"] {
    max-width: 1050px;
    border-radius: 20px;
    padding: min(100px, 5.21vw) min(75px, 3.91vw) min(72px, 3.75vw);
  }
  .newsroom .content [class^="content-"] ul li a {
    align-items: center;
    gap: 36px;
    padding: 18px 35.6px;
  }
  .newsroom .content [class^="content-"] ul li a > img {
    width: 150px;
    height: 100px;
    border-radius: 20px;
  }
  .newsroom .content [class^="content-"] ul li a > div {
    width: calc(100% - (36px + 150px));
  }
  .newsroom .content [class^="content-"] ul li a > div span {
    font-size: 1.4rem;
    border-radius: 5px;
    padding: 3px 17px;
  }
  .newsroom .content [class^="content-"] ul li a > div time {
    margin-left: 17px;
  }
  .newsroom .content [class^="content-"] ul li a > div p {
    margin-top: 15px;
    padding-right: 1em;
  }
  .newsroom .content [class^="content-"] ul li::before {
    right: -6px;
    width: 40px;
    height: 40px;
  }
  .newsroom .content [class^="content-"] ul li::after {
    right: 6px;
    width: 12px;
    height: 17px;
  }
  .newsroom .content [class^="content-"] .pagination {
    gap: 6px;
    min-width: 155.55px;
    font-size: 2.2rem;
    padding: 16.5px 0;
    margin: min(68px, 3.54vw) auto 0;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers {
    width: 39.85px;
    padding: 4px 0;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers:first-child {
    margin-left: 30px;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers:last-child {
    margin-right: 30px;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers.prev {
    padding-right: 6px;
    margin-right: 30px;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers.next {
    padding-left: 6px;
    margin-left: 30px;
  }
  .newsroom .content .content-news {
    border-top-left-radius: 0;
    box-shadow: 0px 0px 6.8px 0px rgba(57, 113, 141, 0.2);
  }
  .newsroom .content .content-news ul li::before {
    box-shadow: 0px 0px 6.8px 0px rgba(57, 113, 141, 0.8);
  }
  .newsroom .content .content-event {
    box-shadow: 0px 0px 6.8px 0px rgba(128, 178, 132, 0.25);
  }
  .newsroom .content .content-event ul li::before {
    box-shadow: 0px 0px 6.8px 0px rgba(57, 113, 141, 0.8);
  }
  .newsroom .content .content-mediainfo {
    border-top-right-radius: 0;
    box-shadow: 0px 0px 6.8px 0px rgba(106, 86, 124, 0.25);
  }
  .newsroom .content .content-mediainfo ul li::before {
    box-shadow: 0px 0px 6.8px 0px rgba(120, 57, 141, 0.8);
  }
}
@media only screen and (max-width: 768px) {
  .newsroom .main-image {
    background: url("../img/news/bg_newsroom_sp.jpg") center/cover no-repeat;
  }
  .newsroom .selectbox .year-select {
    appearance: none;
    width: 210px;
    font-family: "Jost", sans-serif;
    color: #AAA;
    font-weight: 500;
    border: 2px solid #BCCFDA;
    border-radius: 10px;
    padding: 13px 19px 10px;
    background-image: linear-gradient(90deg, white 85%, #bccfda 85%);
    cursor: pointer;
  }
  .newsroom .selectbox .year-select option {
    font-weight: 500;
  }
  .newsroom .select-tab {
    gap: 8px;
    width: 100%;
    margin-bottom: -20px;
  }
  .newsroom .select-tab [class^="tab-"] {
    font-size: 1.4rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 15px 0 25px;
  }
  .newsroom .select-tab h1[class^="tab-"]::after {
    top: 20%;
  }
  .newsroom .select-tab h1.tab-news::after {
    width: 86px;
    height: 44px;
  }
  .newsroom .select-tab h1.tab-event::after {
    width: 86px;
    height: 43px;
  }
  .newsroom .select-tab h1.tab-mediainfo::after {
    width: 86px;
    height: 44px;
  }
  .newsroom .select-tab .tab-mediainfo {
    line-height: 1.143;
    padding-top: 7px;
  }
  .newsroom .content {
    /* [ ニュース ] */
    /* [ イベント情報 ] */
    /* [ メディア掲載情報 ] */
  }
  .newsroom .content [class^="content-"] {
    border-radius: 10px;
    padding: 10px max(16.5px, 4.4vw) 43px;
  }
  .newsroom .content [class^="content-"] ul li a {
    align-items: flex-start;
    gap: 7px;
    padding: 18.5px 27.9px 18.5px 0;
  }
  .newsroom .content [class^="content-"] ul li a > img {
    width: 85px;
    height: 65px;
    border-radius: 10px;
  }
  .newsroom .content [class^="content-"] ul li a > div {
    width: calc(100% - (7px + 85px));
  }
  .newsroom .content [class^="content-"] ul li a > div span {
    font-size: 0.9rem;
    border-radius: 5px;
    padding: 3px 9px;
  }
  .newsroom .content [class^="content-"] ul li a > div time {
    font-size: 1.4rem;
    margin-left: 12px;
  }
  .newsroom .content [class^="content-"] ul li a > div p {
    font-size: 1.4rem;
    margin-top: 7px;
  }
  .newsroom .content [class^="content-"] ul li::before {
    right: -5px;
    width: 25px;
    height: 25px;
  }
  .newsroom .content [class^="content-"] ul li::after {
    right: 2px;
    width: 9px;
    height: 14px;
  }
  .newsroom .content [class^="content-"] > p {
    padding-top: 20px;
  }
  .newsroom .content [class^="content-"] .pagination {
    gap: 2px;
    min-width: 76.32px;
    font-size: 1.8rem;
    line-height: 1.8;
    padding: 11.6px 0;
    margin: 38px auto 0;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers {
    width: 34.5px;
    padding: 0;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers:first-child {
    margin-left: 15px;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers:last-child {
    margin-right: 15px;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers.prev {
    padding-right: 6px;
    margin-right: 0.25em;
  }
  .newsroom .content [class^="content-"] .pagination .page-numbers.next {
    padding-left: 6px;
    margin-left: 0.25em;
  }
  .newsroom .content .content-news {
    border-top-left-radius: 0;
    box-shadow: 0px 0px 6.8px 0px rgba(57, 113, 141, 0.2);
  }
  .newsroom .content .content-news ul li::before {
    box-shadow: 0px 0px 6.8px 0px rgba(57, 113, 141, 0.8);
  }
  .newsroom .content .content-event {
    box-shadow: 0px 0px 6.8px 0px rgba(128, 178, 132, 0.25);
  }
  .newsroom .content .content-event ul li a > div::before {
    box-shadow: 0px 0px 6.8px 0px rgba(57, 113, 141, 0.8);
  }
  .newsroom .content .content-mediainfo {
    border-top-right-radius: 0;
    box-shadow: 0px 0px 6.8px 0px rgba(106, 86, 124, 0.25);
  }
  .newsroom .content .content-mediainfo ul li a > div::before {
    box-shadow: 0px 0px 6.8px 0px rgba(120, 57, 141, 0.8);
  }
}

/* [ 記事共通 ] */
.article .content [class^="content-"] .article-ttl {
  display: flex;
  justify-content: flex-start;
  flex-direction: column-reverse;
}
.article .content [class^="content-"] .article-ttl h1 {
  font-weight: 500;
}
.article .content [class^="content-"] .article-ttl p {
  margin-bottom: 0;
}
.article .content [class^="content-"] .article-ttl p b {
  display: inline-block;
  width: fit-content;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.1em;
  border-radius: 5px;
}
.article .content [class^="content-"] .article-ttl p time {
  font-family: "Jost", sans-serif;
  color: #AAA;
  font-weight: 500;
}
.article .content [class^="content-"] .eyecatch {
  text-align: center;
}
.article .content [class^="content-"] .article-body::after {
  content: '';
  display: block;
  clear: both;
}
.article .content [class^="content-"] .article-body section ul {
  margin-left: 1.0em;
}
.article .content [class^="content-"] .article-body a {
  color: #3874D5;
  text-decoration: underline;
  overflow-wrap: break-word;
}
@media (hover: hover) {
  .article .content [class^="content-"] .article-body a:hover {
    text-decoration: none;
  }
}
.article .content [class^="content-"] .article-body p {
  margin-top: 1em;
  margin-bottom: 1em;
  word-break: auto-phrase;
}
.article .content [class^="content-"] .article-body figure {
  margin-top: 1em;
  margin-bottom: 1em;
}
.article .content [class^="content-"] .article-body ul, .article .content [class^="content-"] .article-body ol {
  margin: 1em 0 1em 2em;
}
.article .content [class^="content-"] .article-body table {
  max-width: 100% !important;
}
.article .content [class^="content-"] .prev-btn {
  display: block;
  width: fit-content;
  border: 1px solid transparent;
  border-radius: 50px;
}
.article .content [class^="content-"] .prev-btn span {
  display: inline-block;
  position: relative;
  width: fit-content;
  font-weight: 500;
}
.article .content [class^="content-"] .prev-btn span::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  border-radius: 50%;
  transition: all .4s ease;
  transform: translateY(-50%);
  z-index: +2;
}
.article .content [class^="content-"] .prev-btn span::after {
  content: '';
  display: inline-block;
  position: absolute;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("../img/icon_arrow.svg");
  transform: translateY(-50%) scale(-1, 1);
  z-index: +3;
}
@media screen and (min-width: 769px) {
  .article .main-image {
    aspect-ratio: 96 / 25;
  }
  .article .content [class^="content-"] {
    max-width: 1050px;
    padding: 0 3.91vw;
  }
  .article .content [class^="content-"] .article-ttl {
    gap: 53px;
    margin-bottom: 50px;
  }
  .article .content [class^="content-"] .article-ttl h1 {
    font-size: 2.2rem;
  }
  .article .content [class^="content-"] .article-ttl p b {
    font-size: 1.4rem;
    padding: 2px 17px 0;
  }
  .article .content [class^="content-"] .article-ttl p time {
    margin-left: 17px;
  }
  .article .content [class^="content-"] .eyecatch {
    max-width: 900px;
    margin-bottom: 2em;
  }
  .article .content [class^="content-"] .wp-block-image {
    max-width: 900px;
  }
  .article .content [class^="content-"] .article-body section {
    margin-bottom: 40px;
  }
  .article .content [class^="content-"] .article-body p {
    line-height: 1.875;
  }
  .article .content [class^="content-"] .article-body figure {
    max-width: 900px;
  }
  .article .content [class^="content-"] .article-body ul, .article .content [class^="content-"] .article-body ol {
    line-height: 1.6;
  }
  .article .content [class^="content-"] .prev-btn {
    min-width: 245px;
    padding: 20.5px 60.3px;
    margin: 147.5px auto 0;
  }
  .article .content [class^="content-"] .prev-btn span {
    font-size: 2.2rem;
    padding-left: 56px;
    transform: translateY(4px);
  }
  .article .content [class^="content-"] .prev-btn span::before {
    top: 40%;
    left: 0;
    width: 40px;
    height: 40px;
  }
  .article .content [class^="content-"] .prev-btn span::after {
    top: 40%;
    left: 12px;
    width: 12px;
    height: 17px;
  }
}
@media only screen and (max-width: 768px) {
  .article .main-image {
    aspect-ratio: 25 / 8;
  }
  .article .content [class^="content-"] {
    width: 100%;
    padding: 9.33vw 5px 26.67vw;
  }
  .article .content [class^="content-"] .article-ttl {
    gap: 24px;
    margin-bottom: 30px;
  }
  .article .content [class^="content-"] .article-ttl h1 {
    font-size: 1.8rem;
  }
  .article .content [class^="content-"] .article-ttl p b {
    font-size: 0.9rem;
    padding: 2px 10px 0;
  }
  .article .content [class^="content-"] .article-ttl p time {
    font-size: 1.4rem;
    margin-left: 12px;
  }
  .article .content [class^="content-"] .eyecatch {
    width: 100%;
    margin-bottom: 50px;
  }
  .article .content [class^="content-"] .wp-block-image {
    width: 100%;
  }
  .article .content [class^="content-"] .article-body section {
    margin-bottom: 30px;
  }
  .article .content [class^="content-"] .article-body p {
    font-size: 1.4rem;
    line-height: 2.0;
  }
  .article .content [class^="content-"] .article-body figure {
    width: 100%;
  }
  .article .content [class^="content-"] .article-body ul, .article .content [class^="content-"] .article-body ol {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .article .content [class^="content-"] .prev-btn {
    min-width: 168px;
    padding: 15px 31px;
    margin: 87px auto 0;
  }
  .article .content [class^="content-"] .prev-btn span {
    font-size: 2.0rem;
    padding-left: 40px;
  }
  .article .content [class^="content-"] .prev-btn span::before {
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
  }
  .article .content [class^="content-"] .prev-btn span::after {
    top: 50%;
    left: 10px;
    width: 10px;
    height: auto;
    aspect-ratio: 12 / 17;
  }
}

/* [ ニュース ] */
.news .content .content-news .article-ttl p b {
  background: #3F3A87;
}
.news .content .content-news section h2 {
  color: #3F3A87;
  border-color: #3F3A87 !important;
  font-weight: 600;
  padding: 0.25em 0.5em;
}
.news .content .content-news .prev-btn {
  border-color: #BCCFDA;
}
.news .content .content-news .prev-btn span {
  color: #3F3A87;
}
.news .content .content-news .prev-btn span::before {
  border: 1px solid #3F3A87;
}
.news .content .content-news .prev-btn span::after {
  background: #3F3A87;
}
@media (hover: hover) {
  .news .content .content-news .prev-btn:hover {
    border-color: #3F3A87;
    background: #3F3A87;
  }
  .news .content .content-news .prev-btn:hover span {
    color: #fff;
  }
  .news .content .content-news .prev-btn:hover span::before {
    background: #fff;
  }
}
@media screen and (min-width: 769px) {
  .news .main-image {
    background: url("../img/news/bg_news.jpg") center/cover no-repeat;
  }
  .news .content .content-news section h2 {
    font-size: 1.8rem;
    border-left: 4px solid transparent;
    margin-top: 2em;
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 768px) {
  .news .main-image {
    background: url("../img/news/bg_news_sp.jpg") center/cover no-repeat;
  }
  .news .content .content-news section h2 {
    font-size: 1.6rem;
    border-left: 3px solid transparent;
    margin-top: 45px;
    margin-bottom: 19px;
  }
}

/* [ イベント情報 ] */
.event .content .content-event .article-ttl p b {
  background: #1F6D5E;
}
.event .content .content-event section h2 {
  color: #1F6D5E;
  border-color: #1F6D5E !important;
  font-weight: 600;
  padding: 0.25em 0.5em;
  margin-top: 2em;
  margin-bottom: 1.0em;
}
.event .content .content-event section .event-products {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  width: 100%;
  list-style: none;
  margin-left: 0 !important;
}
.event .content .content-event section .event-products li a {
  display: block;
  color: #141414;
  text-align: center;
  text-decoration: none;
}
.event .content .content-event section .event-products li a .product-img {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  border: 3px solid transparent;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  padding: 5% 0;
}
.event .content .content-event section .event-products li a .product-img img {
  width: 90%;
  object-fit: contain;
}
.event .content .content-event section .event-products li a .product-name {
  font-weight: 700;
  word-break: break-all;
}
.event .content .content-event section .event-products li a .product-txt {
  color: #1F6D5E;
  font-weight: 600;
  margin-bottom: 0;
}
@media (hover: hover) {
  .event .content .content-event section .event-products li a:hover .product-img {
    border-color: #3A4268;
  }
  .event .content .content-event section .event-products li a:hover .product-name {
    color: #337CCF;
  }
}
.event .content .content-event .prev-btn {
  border-color: #DBE9DE;
}
.event .content .content-event .prev-btn span {
  color: #1F6D5E;
}
.event .content .content-event .prev-btn span::before {
  border: 1px solid #1F6D5E;
}
.event .content .content-event .prev-btn span::after {
  background: #1F6D5E;
}
@media (hover: hover) {
  .event .content .content-event .prev-btn:hover {
    border-color: #1F6D5E;
    background: #1F6D5E;
  }
  .event .content .content-event .prev-btn:hover span {
    color: #fff;
  }
  .event .content .content-event .prev-btn:hover span::before {
    background: #fff;
  }
}
@media screen and (min-width: 769px) {
  .event .main-image {
    background: url("../img/news/bg_event.jpg") center/cover no-repeat;
  }
  .event .content .content-event section h2 {
    font-size: 1.8rem;
    border-left: 4px solid transparent;
  }
  .event .content .content-event section .event-products {
    gap: 27.5px;
  }
  .event .content .content-event section .event-products li {
    width: calc((100% - (27.5px * 3)) / 4);
  }
  .event .content .content-event section .event-products li a .product-img {
    border-radius: 10px;
    margin-bottom: 16px;
  }
  .event .content .content-event section .event-products li a .product-name {
    margin-bottom: 15px;
  }
  .event .content .content-event section .event-products li a .product-txt {
    line-height: 1.375;
  }
}
@media only screen and (max-width: 768px) {
  .event .main-image {
    background: url("../img/news/bg_event_sp.jpg") center/cover no-repeat;
  }
  .event .content .content-event section h2 {
    font-size: 1.6rem;
    border-left: 3px solid transparent;
  }
  .event .content .content-event section .event-products {
    gap: 20px;
  }
  .event .content .content-event section .event-products li {
    width: calc((100% - 20px) / 2);
  }
  .event .content .content-event section .event-products li a .product-img {
    border-radius: 8px;
    margin-bottom: 8px;
  }
  .event .content .content-event section .event-products li a .product-name {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 8px;
  }
  .event .content .content-event section .event-products li a .product-txt {
    font-size: 1.4rem;
    line-height: 1.375;
  }
}

/* [ メディア掲載情報 ] */
.mediainfo .content .content-mediainfo .article-ttl p b {
  background: #5A457F;
}
.mediainfo .content .content-mediainfo section h2 {
  color: #5A457F;
  border-color: #5A457F !important;
  font-weight: 600;
  padding: 0.25em 0.5em;
  margin-top: 2em;
  margin-bottom: 1.0em;
}
.mediainfo .content .content-mediainfo .prev-btn {
  border-color: #CECDDE;
}
.mediainfo .content .content-mediainfo .prev-btn span {
  color: #5A457F;
}
.mediainfo .content .content-mediainfo .prev-btn span::before {
  border: 1px solid #5A457F;
}
.mediainfo .content .content-mediainfo .prev-btn span::after {
  background: #5A457F;
}
@media (hover: hover) {
  .mediainfo .content .content-mediainfo .prev-btn:hover {
    border-color: #5A457F;
    background: #5A457F;
  }
  .mediainfo .content .content-mediainfo .prev-btn:hover span {
    color: #fff;
  }
  .mediainfo .content .content-mediainfo .prev-btn:hover span::before {
    background: #fff;
  }
}
@media screen and (min-width: 769px) {
  .mediainfo .main-image {
    background: url("../img/news/bg_mediainfo.jpg") center/cover no-repeat;
  }
  .mediainfo .content .content-mediainfo section h2 {
    font-size: 1.8rem;
    border-left: 4px solid transparent;
  }
}
@media only screen and (max-width: 768px) {
  .mediainfo .main-image {
    background: url("../img/news/bg_mediainfo_sp.jpg") center/cover no-repeat;
  }
  .mediainfo .content .content-mediainfo section h2 {
    font-size: 1.6rem;
    border-left: 3px solid transparent;
  }
}