@charset "utf-8";
#fullWrap {
	position: relative;
	z-index: 0;
	background: linear-gradient(90deg, #D0E2FF 0%, #CCF7FF 20%, #F4FFE2 50%, #CCF7FF 80%, #D0E2FF 100%);
  overflow: hidden;
}
.mainTitle,section {
  width: min(calc(1366 / var(--vw-min) * 100vw),1366px);
  margin: 0 auto;
  padding: 0 min(calc(153 / var(--vw-min) * 100vw),153px);
  @media screen and (max-width:768px) {
    width: 100%;
    padding: 0 calc(8 / var(--vw-min) * 100vw);
  }
}
.mainTitle {
  padding-top: min(calc(119 / var(--vw-min) * 100vw),119px);
  position: relative;
  @media screen and (max-width:768px) {
    padding-top: calc(58 / var(--vw-min) * 100vw);
  }
}
.mainTitle__title {
  width:min(calc(416 / var(--vw-min) * 100vw),416px);
  height:min(calc(80 / var(--vw-min) * 100vw),80px);
  margin: 0 auto min(calc(80 / var(--vw-min) * 100vw),80px);
  background: url(../../img/news/title.png) no-repeat center center / contain;
  position: relative;
  z-index: 1;
  @media screen and (max-width:768px) {
    width: calc(234 / var(--vw-min) * 100vw);
    height: calc(46 / var(--vw-min) * 100vw);
    margin-bottom: calc(40 / var(--vw-min) * 100vw);
  }
}
.mainTitle__deco {
  content:'';
	position: absolute;
	top: min(calc(176 / var(--vw-min) * 100vw),176px);
	right: max(calc(-109 / var(--vw-min) * 100vw),-109px);
  width: min(calc(436 / var(--vw-min) * 100vw),436px);
  height: min(calc(120 / var(--vw-min) * 100vw),120px);
	background:url(../../img/live/deco_cloud.png) no-repeat center center / contain;
  @media screen and (max-width:768px) {
    display: none;
  }
}
.news {
  position: relative;
  z-index: 1;
}
.common__deco-pine--middle {
  top: min(calc(552 / var(--vw-min) * 100vw),552px);
  left: max(calc(-49 / var(--vw-min) * 100vw),-49px);
  z-index: -1;
  @media screen and (max-width:768px) {
    top: calc(507 / var(--vw-min) * 100vw);
    left: calc(-29 / var(--vw-min) * 100vw);
  }
}
.common__deco-pine--bottom {
  right: min(calc(45 / var(--vw-min) * 100vw),45px);
  bottom: max(calc(-181 / var(--vw-min) * 100vw),-181px);
  z-index: -1;
  @media screen and (max-width:768px) {
    right: calc(-21 / var(--vw-min) * 100vw);
    bottom: calc(-52 / var(--vw-min) * 100vw);
  }
}
/* 公開記事がない場合の予告表示。 */
.news__comingsoon {
  font-size: min(calc(65 / var(--vw-min) * 100vw),65px);
  text-align: center;
  font-weight: 900;
  color: #8373FF;
  letter-spacing: 0.02em;
  line-height: 1;
  @media screen and (max-width:768px) {
    font-size: calc(32 / var(--vw-min) * 100vw);
  }
}
.news__lists {
  margin-bottom: min(calc(64 / var(--vw-min) * 100vw),64px);
  @media screen and (max-width:768px) {
    margin-bottom: calc(40 / var(--vw-min) * 100vw);
  }
}

.news__item {
  margin-bottom: min(calc(16 / var(--vw-min) * 100vw),16px);
  box-shadow: 6px 6px 0 #BFCDFF;
  border-radius: 100px;
	transition:all 0.3s ease;
  @media screen and (max-width:768px) {
    margin-bottom: calc(8 / var(--vw-min) * 100vw);
  }
}
.news__item:last-child {
  margin-bottom: 0;
}
.news__item:hover {
  transform: scale(0.96);
  box-shadow: 6px 6px 0 rgba(255,149,201,.5);
}

.news__itemLink {
  padding: min(calc(38 / var(--vw-min) * 100vw),38px) 0;
  padding-left: min(calc(40 / var(--vw-min) * 100vw),40px);
  display: flex;
  align-items: center;
  text-decoration: none;
  column-gap: min(calc(22 / var(--vw-min) * 100vw),22px);
  border: 3px solid #8C8EEF;
  border-radius: 100px;
  background: rgba(255, 255, 255, .6);
  transition:all 0.3s ease;
  color: #8373FF;
  position: relative;
  @media screen and (max-width:768px) {
    padding: calc(18 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
    flex-direction: column;
    row-gap: calc(3 / var(--vw-min) * 100vw);
  }
}
.news__itemLink:hover {
  border: min(calc(3 / var(--vw-min) * 100vw),3px) solid #FF95C9;
  color: #FF95C9;

  .icon-arrow {
    background: #FF95C9;
  }
  .news__itemTime::before {
    background: #FF95C9;
  }
}

.news__itemTime,
.news__itemTitle {
  letter-spacing: 0.02em;
  font-weight: 500;
  line-height: 1;
}

.news__itemTime {
  width: min(calc(97 / var(--vw-min) * 100vw),97px);
  font-size: min(calc(17 / var(--vw-min) * 100vw),17px);
  line-height: 1;
  font-family: var(--font-poppins);
  font-variant-numeric: tabular-nums;
  position: relative;
  @media screen and (max-width:768px) {
    width: 100%;
    font-size: calc(12 / var(--vw-min) * 100vw);
  }
}
.news__itemTime::before {
  content:'';
  position: absolute;
  top: 50%;
  right: max(calc(-11 / var(--vw-min) * 100vw),-11px);
  transform: translateY(-50%);
  width: min(calc(2 / var(--vw-min) * 100vw),2px);
  height: min(calc(20 / var(--vw-min) * 100vw),20px);
  transition:all 0.3s ease;
  background: #8C8EEF;
  @media screen and (max-width:768px) {
    content: none;
  }
}

.news__itemTitle {
  width: min(calc(801 / var(--vw-min) * 100vw),801px);
  margin-top: max(calc(-4 / var(--vw-min) * 100vw),-4px);
  font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  @media screen and (max-width:768px) {
    width: 100%;
    font-size: calc(13 / var(--vw-min) * 100vw);
    line-height: calc(22 / var(--vw-min) * 100vw);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: initial;
    overflow: hidden;
  }
}

.icon-arrow {
  content:'';
  position: absolute;
  right: min(calc(40 / var(--vw-min) * 100vw),40px);
  width: min(calc(20 / var(--vw-min) * 100vw),20px);
  height: min(calc(20 / var(--vw-min) * 100vw),20px);
  mask: url(../../img/common/icon_arrow.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/common/icon_arrow.svg) no-repeat center center / contain;
  background: #8373FF;
  transition:all 0.3s ease;
}

.news__paging {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: min(calc(32 / var(--vw-min) * 100vw),32px);
  @media screen and (max-width:768px) {
    column-gap: calc(24 / var(--vw-min) * 100vw);
  }
}
.news__paging a,
.news__paging span {
  position: relative;
  font-size: min(calc(28 / var(--vw-min) * 100vw),28px);
  line-height: 1;
  color: #8373FF;
  letter-spacing: 0.02em;
  font-weight: 700;
  font-family: var(--font-poppins);
  transition:all 0.3s ease;
  text-decoration: none;
  @media screen and (max-width:768px) {
    font-size: calc(20 / var(--vw-min) * 100vw);
  }
}
.news__paging span {
  color: #FF95C9;
}
.news__paging span::after {
  content:'';
  position: absolute;
  bottom: max(calc(-2 / var(--vw-min) * 100vw),-2px);
  left: 0;
  width: 100%;
  height: calc(2 / var(--vw-min) * 100vw);
  background: #FF95C9;
  @media screen and (max-width:768px) {
    bottom: calc(-2 / var(--vw-min) * 100vw);
  }
}
.news__paging a:hover {
  color: #FF95C9;
}
#newsDetail {
  .mainTitle {
    @media screen and (max-width:768px) {
      padding-top: calc(63 / var(--vw-min) * 100vw);
    }
  }
}
#newsDetail .news {
  @media screen and (max-width:768px) {
    padding: 0 calc(20 / var(--vw-min) * 100vw);
  }
  .common__deco-pine--top {
    top: min(calc(551 / var(--vw-min) * 100vw),551px);
    left: max(calc(-51 / var(--vw-min) * 100vw),-51px);
    z-index: -1;
    @media screen and (max-width:768px) {
      top: calc(487 / var(--vw-min) * 100vw);
      left: calc(-31 / var(--vw-min) * 100vw);
    }
  }
  .common__deco-pine--middle {
    top: auto;
    left: auto;
    right: min(calc(44 / var(--vw-min) * 100vw),44px);
    bottom: min(calc(233 / var(--vw-min) * 100vw),233px);
  }
  .common__deco-pine--bottom {
    left: min(calc(32 / var(--vw-min) * 100vw),32px);
    bottom: max(calc(-386 / var(--vw-min) * 100vw),-386px);
    @media screen and (max-width:768px) {
      left: auto;
      right: calc(-17 / var(--vw-min) * 100vw);
      bottom: calc(-101 / var(--vw-min) * 100vw);
    }
  }
  .news__inner {
    position: relative;
    z-index: 1;
  }
  .news__article {
    margin-bottom: min(calc(64 / var(--vw-min) * 100vw),64px);
    @media screen and (max-width:768px) {
      margin-bottom: calc(40 / var(--vw-min) * 100vw);
    }
  }
  .news__header {
    padding: min(calc(46 / var(--vw-min) * 100vw),46px);
    display: flex;
    align-items: center;
    column-gap: min(calc(34 / var(--vw-min) * 100vw),34px);
    background: linear-gradient(180deg, #CFC8FF 0%, #8C8EEF 100%);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    @media screen and (max-width:768px) {
      padding: calc(17 / var(--vw-min) * 100vw);
      flex-direction: column;
      align-items: flex-start;
      row-gap: calc(4 / var(--vw-min) * 100vw);
    }
  }
  .news__time,
  .news__detailTitle {
    color: #fff;
    letter-spacing: 0.02em;
  }
  .news__time {
    font-size: min(calc(17 / var(--vw-min) * 100vw),17px);
    line-height: 1;
    font-family: var(--font-poppins);
    font-weight: 500;
    @media screen and (max-width:768px) {
      font-size: calc(12 / var(--vw-min) * 100vw);
    }
  }
  .news__detailTitle {
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    font-weight: 700;
    line-height: min(calc(30 / var(--vw-min) * 100vw),30px);
    @media screen and (max-width:768px) {
      font-size: calc(15 / var(--vw-min) * 100vw);
      line-height: calc(24 / var(--vw-min) * 100vw);
    }
  }
  .news__detailContent {
    padding: min(calc(52 / var(--vw-min) * 100vw),52px) min(calc(80 / var(--vw-min) * 100vw),80px) min(calc(80 / var(--vw-min) * 100vw),80px);
    border: 3px solid #8C8EEF;
    border-top: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: rgba(255,255,255,.6);
    @media screen and (max-width:768px) {
      padding: calc(24 / var(--vw-min) * 100vw) calc(17 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
    }
  }
  .news__detailContent img{
    max-width: 100%;
    height: auto;
  }
  @media screen and (max-width:768px){
    .news__detailContent iframe{
      width: 100%;
      aspect-ratio: 16 / 9;
      height: auto;
    }    
  }
  .detail__text {
    margin: min(calc(40 / var(--vw-min) * 100vw),40px) 0;
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    line-height: 2;
    letter-spacing: 0.03em;
    font-weight: 400;
    color: #000;
    @media screen and (max-width:768px) {
      margin: calc(24 / var(--vw-min) * 100vw) 0;
      font-size: calc(13 / var(--vw-min) * 100vw);
    }
  }
  .detail__text--normal {
    margin-top: 0;
  }
  .detail__text--color {
    color: #8373FF;
  }
  .detail__text--bold {
    font-weight: 500;
  }
  .detail__text--color-bold {
    color: #8373FF;
    font-weight: 500;
  }
  .detail__text--underline {
    text-decoration: underline #8373FF;
  }
  .detail__img {
    width: min(calc(800 / var(--vw-min) * 100vw),800px);
    height: min(calc(450 / var(--vw-min) * 100vw),450px);
    aspect-ratio: 16 / 9;
    @media screen and (max-width:768px) {
      width: 100%;
      height: auto;
      aspect-ratio: 301/169;
    }
  }
  .detail__img img {
    width: 100%;
    object-fit: contain;
  }

  .detail__heading {
    margin: min(calc(40 / var(--vw-min) * 100vw),40px) 0;
    padding: min(calc(11 / var(--vw-min) * 100vw),11px) min(calc(16 / var(--vw-min) * 100vw),16px);
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    letter-spacing: 0.03em;
    line-height: min(calc(32 / var(--vw-min) * 100vw),32px);
    color: #fff;
    font-weight: 500;
    @media screen and (max-width:768px) {
      margin: calc(24 / var(--vw-min) * 100vw) 0;
      font-size: calc(14 / var(--vw-min) * 100vw);
      line-height: calc(24 / var(--vw-min) * 100vw);
    }
  }
  .detail__heading--lv1 {
    background: #8373FF;
  }
  .detail__heading--lv2 {
    color: #8373FF;
    background: #CFC8FF;
  }
  .detail__link {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    letter-spacing: 0.03em;
    line-height: 2;
    color: #8373FF;
    text-decoration: underline;
    font-weight: 500;
    transition:all 0.3s ease;
    @media screen and (max-width:768px) {
      font-size: calc(13 / var(--vw-min) * 100vw);
    }
  }
  .detail__link:hover {
    color: #FF95C9;
  }
  .detail__link::after {
    content:'';
    padding-left: min(calc(5 / var(--vw-min) * 100vw),5px);
    display: inline-block;
    width: min(calc(13 / var(--vw-min) * 100vw),13px);
    height: min(calc(11 / var(--vw-min) * 100vw),11px);
    mask: url(../../img/news/icon_link.svg) no-repeat center center / contain;
  -webkit-mask: url(../../img/news/icon_link.svg) no-repeat center center / contain;
  background: #8373FF;
  transition:all 0.3s ease;
  }
  .detail__link:hover::after {
    background: #FF95C9;
  }
  .news__btList {
    width: min(calc(312 / var(--vw-min) * 100vw),312px);
    height: min(calc(64 / var(--vw-min) * 100vw),64px);
    margin: 0 auto;
    background-color: #8373FF;
    border-radius: 100px;
    @media screen and (max-width:768px) {
      width: min(calc(199 / var(--vw-min) * 100vw),199px);
      height: min(calc(44 / var(--vw-min) * 100vw),40px);
    }
  }
  .commonBtnLink--reverse {
    @media screen and (max-width:768px) {
      transform: translateY(calc(-8 / var(--vw-min) * 100vw));
    }
  }
  .commonBtnLink--reverse:before {
    left: auto;
    right: min(calc(10 / var(--vw-min) * 100vw),10px);
    transform: scaleX(-1);
    @media screen and (max-width:768px) {
      right: calc(7 / var(--vw-min) * 100vw);
    }
  }
  .commonBtnLink--reverse:after {
    right: auto;
    left: min(calc(32 / var(--vw-min) * 100vw),32px);
    transform: scaleX(-1);
    @media screen and (max-width:768px) {
      left: calc(20 / var(--vw-min) * 100vw);
    }
  }
  .news__btListLink {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    letter-spacing: 0;
    line-height: 1;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    transition:all 0.3s ease;
    @media screen and (max-width:768px) {
      font-size: calc(14 / var(--vw-min) * 100vw);
    }
  }
}