@charset "shift_jis";

/************************************
    Pr
************************************/

.pr-news {
  display: flex;
  width: 100%;
}
.pr-news h2 {
  width: 100%;
}
.pr-news__list .newsList__item {
  border-bottom: 1px solid #d8dade;
  padding: 5.0890585242vw;
}
.pr-news__list .newsList__item:first-child {
  border-top: 1px solid #d8dade;
}
.pr-news__list .newsList__item a {
  display: flex;
  position: relative;
}
.pr-news__list .newsList__locate {
  color: #6b7484;
  transition: color 0.4s;
}
.pr-news__list .newsList__locate::before {
  background-image: url(../../images/ico_dot.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 6px;
  left: min(1.5972222222vw, 23px);
  position: absolute;
  top: min(0.8333333333vw, 12px);
  -webkit-transform: rotate(0.1deg) scale(1);
          transform: rotate(0.1deg) scale(1);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  transition: -webkit-filter 0.4s, -webkit-transform 0.4s;
  transition: filter 0.4s, transform 0.4s;
  transition: filter 0.4s, transform 0.4s, -webkit-filter 0.4s, -webkit-transform 0.4s;
  vertical-align: middle;
  width: 6px;
}
.pr-news__list .newsList__text {
  align-items: start;
  display: flex;
  justify-content: space-between;
}
.pr-news__list .newsList__title {
  order: 2;
  transition: color 0.4s;
}
.pr-news__list .newsList__detail {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 1.0178117048vw;
  order: 1;
}
.pr-news__list .newsList__detail .category {
  background-color: #ffffff;
  border: 1px solid #ebedf0;
  border-radius: 50px;
  font-size: 3.0534351145vw;
  line-height: 1;
  padding: 0.5em 1em;
  text-wrap: nowrap;
}
.pr-news__list .newsList__detail .category-area {
  color: #4e515a;
}

/*tabs*/
.pr-tabs {
  /* タブコンテンツのスタイル */
}
.pr-tabs .tabs {
  display: flex;
  justify-content: center;
}
.pr-tabs .tab-button {
  align-items: center;
  border: none;
  color: #033d8a;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  justify-content: center;
  margin: 0;
  padding: 10px 20px;
  transition: all 0.3s ease;
}
.pr-tabs .tab-button:hover {
  opacity: 0.7;
}
.pr-tabs .tab-button:hover.active {
  opacity: 1;
}
.pr-tabs .tab-content {
  background-color: #ffffff;
  display: none;
}
.pr-tabs .tab-content .menu__list {
  display: flex;
  flex-wrap: wrap;
  font-size: 3.8167938931vw;
  font-weight: 500;
  gap: 6.106870229vw;
}
.pr-tabs .tab-content .menu__list .ico-anchor::before {
  padding: 0 2.1628498728vw;
}
.pr-tabs .tab-content .placeList__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6.106870229vw;
}
.pr-tabs .tab-content .placeList__thumb {
  border-radius: 4.0712468193vw;
  height: 40.7124681934vw;
  overflow: hidden;
  width: 40.7124681934vw;
}
.pr-tabs .tab-content .placeList__text {
  display: flex;
  flex-direction: column;
  width: 40.7124681934vw;
}
.pr-tabs .tab-content .placeList__text .label-list {
  display: flex;
  margin-top: 4.0712468193vw;
}
.pr-tabs .tab-content .placeList__text .label-list .label {
  border: 1px solid #ebedf0;
  border-radius: 50px;
  font-size: 3.0534351145vw;
  height: 6.6157760814vw;
  padding: 0 3.0534351145vw;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (min-width: 1024px) {
  .section-pr .section__inner:last-child {
    padding-bottom: 0;
  }
  .pr-news h2 {
    width: min(13.8888888889vw, 200px);
  }
  .pr-news__list .newsList__item {
    padding: min(1.6666666667vw, 24px) min(0.5555555556vw, 8px);
  }
  .pr-news__list .newsList__item a {
    gap: min(0.8333333333vw, 12px);
    padding-left: min(3.6111111111vw, 52px);
  }
  .pr-news__list .newsList__item a:hover .newsList__text,
  .pr-news__list .newsList__item a:hover .newsList__locate {
    color: #033d8a;
  }
  .pr-news__list .newsList__item a:hover .newsList__text::before, .pr-news__list .newsList__item a:hover .newsList__text::after,
  .pr-news__list .newsList__item a:hover .newsList__locate::before,
  .pr-news__list .newsList__item a:hover .newsList__locate::after {
    -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(45%) saturate(3754%) hue-rotate(203deg) brightness(94%) contrast(99%);
            filter: brightness(0) saturate(100%) invert(17%) sepia(45%) saturate(3754%) hue-rotate(203deg) brightness(94%) contrast(99%);
    -webkit-transform: scale(2) rotate(0.1deg);
            transform: scale(2) rotate(0.1deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  .pr-news__list .newsList__locate {
    font-size: clamp(14px, 1.1111111111vw, 16px);
    width: min(11.6666666667vw, 168px);
  }
  .pr-news__list .newsList__text {
    flex-grow: 1;
    font-size: clamp(16px, 1.25vw, 18px);
  }
  .pr-news__list .newsList__title {
    flex-grow: 1;
    order: 1;
    width: min(36.1111111111vw, 520px);
  }
  .pr-news__list .newsList__title-no-label {
    width: min(47.9166666667vw, 690px);
  }
  .pr-news__list .newsList__detail {
    align-items: start;
    font-size: clamp(10px, 0.8333333333vw, 12px);
    gap: min(0.8333333333vw, 12px);
    order: 2;
  }
  .pr-news__list .newsList__detail .category {
    font-size: clamp(10px, 0.8333333333vw, 12px);
  }
  .pr-tabs {
    margin-top: min(2.2222222222vw, 32px);
  }
  .pr-tabs .tab-button {
    background: url(../../images/pr/img_tab_radius.svg) no-repeat;
    background-size: min(34.7222222222vw, 500px) min(4.1666666667vw, 60px);
    font-size: clamp(14px, 1.1111111111vw, 16px);
    height: min(4.1666666667vw, 60px);
    width: min(34.7222222222vw, 500px);
  }
  .pr-tabs .tab-button.active {
    background: url(../../images/pr/img_tab_radius_active.svg) no-repeat;
    background-size: min(34.7222222222vw, 500px) min(4.1666666667vw, 60px);
    height: min(4.1666666667vw, 60px);
    width: min(34.7222222222vw, 500px);
  }
  .pr-tabs .tab-content {
    border-radius: min(1.1111111111vw, 16px);
    padding: min(2.7777777778vw, 40px);
  }
  .pr-tabs .tab-content .menu__list {
    font-size: clamp(14px, 1.1111111111vw, 16px);
    gap: min(1.6666666667vw, 24px);
  }
  .pr-tabs .tab-content .menu__list .ico-anchor::before {
    margin: min(0.4166666667vw, 6px) min(0.5555555556vw, 8px) min(0.4166666667vw, 6px) min(0.2777777778vw, 4px);
    padding: min(0.4861111111vw, 7px) min(0.5902777778vw, 8.5px);
  }
  .pr-tabs .tab-content .placeList {
    margin-top: min(2.3611111111vw, 34px);
  }
  .pr-tabs .tab-content .placeList__list {
    gap: min(1.6666666667vw, 24px);
    margin-top: min(2.7777777778vw, 40px);
  }
  .pr-tabs .tab-content .placeList__thumb {
    border-radius: min(1.1111111111vw, 16px);
    height: min(17.1527777778vw, 247px);
    width: min(17.1527777778vw, 247px);
  }
  .pr-tabs .tab-content .placeList__text {
    gap: min(0.5555555556vw, 8px);
    width: min(17.1527777778vw, 247px);
  }
  .pr-tabs .tab-content .placeList__text .label-list {
    gap: min(0.5555555556vw, 8px);
    margin-top: min(1.1111111111vw, 16px);
  }
  .pr-tabs .tab-content .placeList__text .label-list .label {
    display: inline-flex;
    font-size: clamp(10px, 0.8333333333vw, 12px);
    height: min(1.6666666667vw, 24px);
    padding: 0 min(0.8333333333vw, 12px);
  }
  .pr-tabs .tab-content .placeList__text .name {
    font-size: clamp(16px, 1.25vw, 18px);
    font-weight: 500;
    line-height: min(1.8055555556vw, 26px);
  }
}
@media screen and (max-width: 1023px) {
  .pr-news {
    flex-direction: column;
    margin-bottom: 5.0890585242vw;
  }
  .pr-news__list .newsList__item a {
    flex-wrap: wrap;
  }
  .pr-news__list .newsList__locate {
    font-size: 3.5623409669vw;
    margin-right: 4.0712468193vw;
  }
  .pr-news__list .newsList__locate::before {
    display: none;
  }
  .pr-news__list .newsList__title {
    margin-top: 2.0356234097vw;
  }
  .pr-news__list .newsList__title-no-label {
    width: 100%;
  }
  .pr-tabs .tab-button {
    background: url(../../images/pr/img_tab_radius-sp.svg) no-repeat;
    background-size: 43.7659033079vw 15.2671755725vw;
    font-size: 4.0712468193vw;
    height: 15.2671755725vw;
    line-height: 5.6997455471vw;
    text-align: center;
    width: 43.7659033079vw;
  }
  .pr-tabs .tab-button.active {
    background: url(../../images/pr/img_tab_radius_active-sp.svg) no-repeat;
    background-size: 43.7659033079vw 15.2671755725vw;
    font-size: 4.0712468193vw;
    height: 15.2671755725vw;
    width: 43.7659033079vw;
  }
  .pr-tabs .tab-content {
    padding: 10.1781170483vw 6.106870229vw;
    -webkit-transform: translateX(min(-1.6666666667vw, -24px));
            transform: translateX(min(-1.6666666667vw, -24px));
    width: calc(100% + 12.213740458vw);
  }
  .pr-tabs .tab-content .placeList {
    margin-top: 10.1781170483vw;
  }
  .pr-tabs .tab-content .placeList__text .label-list {
    flex-wrap: wrap;
    gap: 2.0356234097vw;
  }
}
@media (hover: none) {
  .pr-news__list .newsList__item a:active .newsList__text {
    color: #033d8a;
  }
  .pr-news__list .newsList__item a:active .newsList__text::before, .pr-news__list .newsList__item a:active .newsList__text::after {
    -webkit-filter: brightness(0) saturate(100%) invert(17%) sepia(45%) saturate(3754%) hue-rotate(203deg) brightness(94%) contrast(99%);
            filter: brightness(0) saturate(100%) invert(17%) sepia(45%) saturate(3754%) hue-rotate(203deg) brightness(94%) contrast(99%);
    -webkit-transform: scale(2) rotate(0.1deg);
            transform: scale(2) rotate(0.1deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
}