@charset "UTF-8";

img {
  width: 100%;
  height: auto;
}

.news_240727 {
  text-align: center;
  width: calc(710 *(100vw / 750));
  margin: auto;
  --color-pink: #FFD3B6;
}

.newsDetail.staticPageMain h3.newsTitle {
  text-align: left;
  letter-spacing: 0.025em;
}

.newsDetail.staticPageMain p.newsDate {
  margin-bottom: calc(23 *(100vw / 750));
}



/* ===============================================### 
PC版設定
###=============================================== */
@media screen and (min-width: 768px) {
  .news_240727 {
    width: auto;
  }

  .pc-visible{
    display: block;
  }

  .sp-visible{
    display: none;
  }
}



/* ===============================================### 
SP版設定
###=============================================== */
@media screen and (max-width: 767px) {
  .newsTitleWrapper {
    width: 92%;
    margin: auto;
  }

  .newsDetail.staticPageMain {
    width: 100%;
  }

  .pc-visible{
    display: none;
  }

  .sp-visible{
    display: block;
  }
}



/* ===============================================### 
メインビジュアル
###=============================================== */
/*** image ***/
.news_240727 .mv__image{
  width: 55rem;
  margin-inline: auto;
}

/*** text ***/
.news_240727 .mv__text{
  font-size: 1.4rem;
  line-height: 2;
}

.news_240727 .mv__text.text01{
  margin-top: 3.8rem;
}

.news_240727 .mv__text.text02{
  margin-top: 3.7rem;
}

/*** button ***/
.news_240727 .link__button{
  width: 22rem;
  margin-top: 3.8rem;
  margin-inline: auto;
  background-color: var(--color-pink);
}

.news_240727 .link__button a{
  display: block;
  padding-top: 1.3rem;
  padding-bottom: 1.4rem;
  font-size: 1.6rem;
  letter-spacing: 0.15em;
  text-align: center;
  color: #fff;
}


/************** responsive **************/
@media screen and (max-width: 767px) {
  /*** image ***/
  .news_240727 .mv__image{
    width: calc(690 * (100vw / 750));
  }

  /*** text ***/
  .news_240727 .mv__text{
    font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.025em;
  }

  .news_240727 .mv__text.text01{
    margin-top: calc(45 * (100vw / 750));
  }

  .news_240727 .mv__text.text02{
    margin-top: calc(67 * (100vw / 750));
  }

  /*** button ***/
  .news_240727 .link__button{
    width: calc(420 * (100vw / 750));
    margin-top: calc(70 * (100vw / 750));
  }

  .news_240727 .link__button a{
    padding-top: calc(20 * (100vw / 750));
    padding-bottom: calc(30 * (100vw / 750));
    font-size: calc(22 * (100vw / 750));
  }
}


/* ===============================================### 
コンテンツ
###=============================================== */
.news_240727 .content{
  margin-top: 9.3rem;
  border: 0.2rem solid var(--color-pink);
}

.news_240727 .content__title{
  position: relative;
  width: 39rem;
  margin-top: 4.6rem;
  margin-inline: auto;
  padding-bottom: 1rem;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  color: #DCA47C;
}

/*** Safari用設定 ***/
_::-webkit-full-page-media, _:future, :root .news_240727 .content__title {
  width: 44rem;
}

.news_240727 .content__title::before{
  position: absolute;
  top: 3rem;
  right: 0.025rem;
  content: '';
  width: 39rem;
  height: 0.1rem;
  display: inline-block;
  background-color: #DCA47C;
}

/*** Safari用設定 ***/
_::-webkit-full-page-media, _:future, :root .news_240727 .content__title::before {
  width: 44rem;
}

.news_240727 .content__text{
  margin-top: 2.7rem;
  font-size: 1.4rem;
  line-height: 2;
  text-align: center;
}

.news_240727 .content__text.text01{
  margin-top: 3.3rem;
}

.news_240727 .content__text.text02{
  margin-top: 1.2rem;
  margin-left: -0.1rem;
  font-size: 1.2rem;
}

.news_240727 .content__text.text08{
  margin-top: 2.6rem;
}

.news_240727 .content__text.text10{
  margin-bottom: 7.2rem;
} 

.news_240727 .bold__text{
  font-weight: 600;
}


/************** responsive **************/
@media screen and (max-width: 767px) {
  .news_240727 .content{
    margin-top: calc(127 * (100vw / 750));
  }

  .news_240727 .content__title.text01{
    width: calc(410 * (100vw / 750));
    margin-top: calc(75 * (100vw / 750));
    padding-bottom: calc(10 * (100vw / 750));
    font-size: calc(40 * (100vw / 750));
  }

  .news_240727 .content__title.text02{
    width: calc(410 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    padding-bottom: calc(10 * (100vw / 750));
    font-size: calc(40 * (100vw / 750));
  }

  /*** Safari用設定 ***/
  _::-webkit-full-page-media, _:future, :root .news_240727 .content__title.text02 {
    width: calc(450 * (100vw / 750));
  }

  .news_240727 .content__title.text01::before{
    top: calc(46 * (100vw / 750));
    right: calc(30 * (100vw / 750));
    width: calc(353 * (100vw / 750));
  }

  .news_240727 .content__title.text02::before{
    top: calc(46 * (100vw / 750));
    width: calc(405 * (100vw / 750));
  }

  /*** Safari用設定 ***/
  _::-webkit-full-page-media, _:future, :root .news_240727 .content__title.text01::before {
    width: calc(400 * (100vw / 750));
    right: calc(8 * (100vw / 750));
  }

  _::-webkit-full-page-media, _:future, :root .news_240727 .content__title.text02::before {
    width: calc(450 * (100vw / 750));
  }

  .news_240727 .content__text{
    margin-top: calc(40 * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.025em;
  }

  .news_240727 .content__text.text01{
    margin-top: calc(45 * (100vw / 750));
  }

  .news_240727 .content__text.text02{
    margin-top: calc(60 * (100vw / 750));
    margin-left: 0;
    font-size: calc(20 * (100vw / 750));
  }

  .news_240727 .content__text.text06{
    letter-spacing: 0;
  }

  .news_240727 .content__text.text07{
    margin-top: calc(43 * (100vw / 750));
    letter-spacing: 0;
  }

  .news_240727 .content__text.text08{
    margin-top: calc(41 * (100vw / 750));
  }

  .news_240727 .content__text.text10{
    margin-bottom: calc(107 * (100vw / 750));
  }
}

/* ===============================================### 
お問い合わせ
###=============================================== */
.news_240727 .contact__text{
  margin-top: 9.3rem;
  font-size: 1.4rem;
  line-height: 2;
}


/************** responsive **************/
@media screen and (max-width: 767px) {
  .news_240727 .contact__text{
    margin-top: calc(127 * (100vw / 750));
    font-size: calc(24 * (100vw / 750));
    letter-spacing: 0.025em;
  }
}