@charset "UTF-8";
.news-main{
  padding: 3px 0 11px;
}

.news-main .logo img{
  width: clamp(150px, 40vw, 168px);
}

.news-main .news-wrap {
  position: relative;
  width: calc(100% - 24px);
  margin: clamp(31px, 8.266667vw, 34.72px) auto 0;
  padding: clamp(19px, 5.06667vw, 21.28px) 0 clamp(36px, 9.6vw, 40.32px);;
  background: url(/assets/images/bg-news-block.png) center center / 100% auto repeat;
}

.news-main .news-wrap::before,
.news-main .news-wrap::after{
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  content: '';
}

.news-main .news-wrap::before{
  top: -3px;
  background: url(/assets/images/bg-news-block-upper.png) center center / cover no-repeat;
}

.news-main .news-wrap::after{
  bottom: -3px;
  background: url(/assets/images/bg-news-block-lower.png) center center / cover no-repeat;
}

.news-main .news-wrap .news-title {
  width: calc(100% - 4px);
  margin: 0 auto;
  padding: 10px 0 12px;
  background: #000;
  color: #fff;
  font-size: clamp(18px, 4.8vw, 20.16px);
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.news-main .news-wrap .news-desc {
  margin: clamp(20px, 5.33vw, 22.4px) 0 0;
  padding: 0 clamp(18px, 4.8vw, 20.16px);
}

.news-main .news-wrap .news-desc p {
  margin: 0;
  color: #fff;
  font-size: clamp(15px, 4vw, 16.8px);
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: -0.02em;
}

.news-main .news-wrap .news-desc p:has(b) {
  font-size: clamp(16px, 4.2667vw, 17.92px);
  line-height: 1.5;
}

.news-main .news-wrap .news-desc p b {
  font-weight: 700;
}
.news-main .news-wrap .news-desc p + p{
  margin: clamp(17px, 4.5333vw, 19.04px) 0 0;
}

.news-main .news-wrap .news-desc p.note{
  margin: clamp(23px, 6.13vw, 25.76px) 0 0;
  position: relative;
  padding-left: clamp(14px, 3.73333vw, 15.68px);
  font-size: clamp(13px, 3.467vw, 14.56px);
}

.news-main .news-wrap .news-desc p.note + p.note {
  margin: clamp(6px, 1.6vw, 6.72px) 0 0;
}

.news-main .news-wrap .news-desc p.note::before{
  position: absolute;
  top: 0;
  left: 0;
  content: "※";
}

.news-main .back-btn{
  margin: 45px auto 0;
  text-align: center;
}

.news-main .back-btn a {
  position: relative;
  display: inline-block;
  width: clamp(303px, 80.8vw, 339.36px);
  height: clamp(68px, 18.13vw, 76.16px);
  background: url(/assets/images/back-btn.png) center center / 100% auto no-repeat,
              url(/assets/images/back-btn_hover.png) center center / 0 no-repeat;
}

.news-main .back-btn a span{
display: none;
}

.news-main .back-btn a:hover{
background-size: 0, 100% auto;
}