@charset "UTF-8";

/* ===============================================### 
共通設定
###=============================================== */
.news_241007.news_lp{
  font-family: "a-otf-gothic-bbb-pr6n", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  font-style: normal;
  color: #000;
  /* --color1: #F7DCB9;
  --color2: #DEAC80;
  --color3: #B5CE81; */
  --color-purple: #BCBAD8;
  overflow: hidden;
}

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

.news_241007 p{
  font-weight: 500;
}

@media (max-width: 1400px) and (min-width: 768px) {
  html {
    font-size: calc(10 * (100vw / 1400));
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: calc(10 * (100vw/750));
  }
}

/* ===========### PC版用設定 ###=========== */
@media screen and (min-width: 768px) {
  .news_lp {
    text-align: center;
  }
  .news_lp img {
    width: 100%;
    height: auto;
  }
  .news_lp .spOnly {
    display: none;
  }
}

/* ===========### SP版用設定 ###=========== */
@media screen and (max-width: 767px) {
  .newsDetail.staticPageMain {
    width: 100%;
  }
  .newsTitleWrapper {
    width: 92%;
    margin: auto;
  }
  .l-view {
    display: none;
  }
  .news_lp {
    text-align: center;
    width: calc(750 * 100vw / 750);
    margin: 0 auto;
  }
  .news_lp.spOnly {
    display: block;
  }
  .news_lp img {
    width: 100%;
    height: auto;
  }
}

/* ===============================================### 
コンテンツ共通設定
###=============================================== */
.news_241007 .content__text{
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 2;
  text-align: center;
}

.news_241007 .content__title{
  position: relative;
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  color: var(--color-purple);
}

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

.news_241007 .flex-wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .news_241007 .content__text{
    font-size: calc(24 * 100vw / 750);
    letter-spacing: 0.025em;
    line-height: calc(48 * 100vw / 750);
    text-align: center;
    font-feature-settings: "palt";
  }

  .news_241007 .content__title{
    font-size: calc(40 * 100vw / 750);
    font-weight: 600;
    position: relative;
    display: inline-block;
  }
}



/* ===============================================### 
detail_text
###=============================================== */
.news_241007 .detail__text{
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 2;
  text-align: center;
}

/* .news_241007 .detail__text.text01{
  margin-top: 2.6rem;
} */

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .news_241007 .detail__text{
    font-size: calc(24 * 100vw / 750);
    letter-spacing: 0.025em;
    line-height: calc(48 * 100vw / 750);
    text-align: center;
    font-feature-settings: "palt";
  }

  .news_241007 .detail__text.text02{
    margin-top: 0;
  }
}



/* ===============================================### 
コンテンツ01
###=============================================== */
.news_241007 .content01{
  margin-top: 9rem;
  margin-inline: auto;
}

.news_241007 .content01 .content__item01{
  width: fit-content;
  margin-top: 3.3rem;
  margin-inline: auto;
}

.news_241007 .content01 .content__item02{
  width: fit-content;
  margin-top: 4rem;
  margin-inline: auto;
}

.news_241007 .content01 .content__item03{
  width: fit-content;
  margin-top: 3.2rem;
  margin-inline: auto;
}

.news_241007 .content01 .content__item04{
  margin-top: 2.4rem;
}

.news_241007 .content01 .content__item05{
  width: fit-content;
  margin-top: 5.4rem;
  margin-inline: auto;
}

/************** flex **************/
.news_241007 .content01 .content__item02 .flex-wrapper{
  column-gap: 4rem;
}

.news_241007 .content01 .content__item03.flex-wrapper{
  justify-content: space-between;
  column-gap: 6rem;
}

.news_241007 .content01 .content__item03 .flex__item .flex-wrapper{
  column-gap: 4rem;
}

/************** text **************/
.news_241007 .content01 .content__text{
  margin-top: 3.3rem;
}

.news_241007 .content01 .content__item04 .content__text.text01{
  margin-top: 0;
}

.news_241007 .content01 .content__item04 .content__text.text02{
  margin-top: 4.6rem;
  font-size: 1.2rem;
}

.news_241007 .content01 .content__item05 .content__text span{
  color: var(--color-purple);
}

/************** image **************/
.news_241007 .content01 .content__item01 .content__image{
  width: 35rem;
}

.news_241007 .content01 .content__item02 .content__image{
  width: 16rem;
}

.news_241007 .content01 .content__item03 .content__image{
  width: 16rem;
}

.news_241007 .content01 .content__item05 .content__image{
  width: 35rem;
  margin-inline: auto;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .news_241007 .content01{
    margin-top: calc(124 * (100vw / 750));
  }

  .news_241007 .content01 .content__item01{
    margin-top: calc(53 * (100vw / 750));
  }

  .news_241007 .content01 .content__item02{
    margin-top: calc(65 * (100vw / 750));
  }

  .news_241007 .content01 .content__item03{
    margin-top: calc(50 * (100vw / 750));
  }

  .news_241007 .content01 .content__item04{
    margin-top: calc(39 * (100vw / 750));
  }

  .news_241007 .content01 .content__item05{
    margin-top: calc(86 * (100vw / 750));
  }

  /************** flex **************/
  .news_241007 .content01 .content__item02 .flex-wrapper{
    column-gap: calc(40 * (100vw / 750));
  }

  .news_241007 .content01 .content__item03.flex-wrapper{
    flex-direction: column;
    justify-content: center;
    row-gap: calc(57 * (100vw / 750));
  }

  .news_241007 .content01 .content__item03 .flex__item .flex-wrapper{
    column-gap: calc(40 * (100vw / 750));
  }

  /************** text **************/
  .news_241007 .content01 .content__text{
    margin-top: calc(44 * (100vw / 750));
  }

  .news_241007 .content01 .content__item02 .content__text,
  .news_241007 .content01 .content__item03 .content__text,
  .news_241007 .content01 .content__item05 .content__text{
    margin-top: calc(53 * (100vw / 750));
  }

  .news_241007 .content01 .content__item04 .content__text.text02{
    margin-top: calc(74 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
  }

  /************** image **************/
  .news_241007 .content01 .content__item01 .content__image{
    width: calc(375 * (100vw / 750));
  }

  .news_241007 .content01 .content__item02 .content__image{
    width: calc(270 * (100vw / 750));
  }

  .news_241007 .content01 .content__item03 .content__image{
    width: calc(270 * (100vw / 750));
  }

  .news_241007 .content01 .content__item05 .content__image{
    width: calc(580 * (100vw / 750));
    margin-inline: auto;
  }
}



/* ===============================================### 
コンテンツ02
###=============================================== */
.news_241007 .content02{
  margin-top: 9.2rem;
  margin-inline: auto;
}

.news_241007 .content02.content__border{
  border: 0.2rem solid #546587;
}

.news_241007 .content02 .content__item01{
  width: fit-content;
  margin-top: 3.2rem;
  margin-inline: auto;
}

.news_241007 .content02 .content__item02{
  width: fit-content;
  margin-top: 3.3rem;
  margin-inline: auto;
}

.news_241007 .content02 .content__item02 .flex-wrapper{
  column-gap: 4rem;
}

.news_241007 .content02 .content__item03{
  width: fit-content;
  margin-top: 5.4rem;
  margin-inline: auto;
}

.news_241007 .content02 .content__item04{
  width: fit-content;
  margin-top: 3.3rem;
  margin-bottom: 5.2rem;
  margin-inline: auto;
}


/************** text **************/
.news_241007 .content02 .content__title{
  margin-top: 5.6rem;
  color: #546587;
}

.news_241007 .content02 .content__text{
  margin-top: 3.3rem;
}

.news_241007 .content02 .content__item04 .content__text.text02{
  margin-top: 4.6rem;
  font-size: 1.2rem;
}

/************** image **************/
.news_241007 .content02 .content__item01 .content__image{
  width: 28rem;
}

.news_241007 .content02 .content__item02 .content__image{
  width: 16rem;
}

.news_241007 .content02 .content__item03 .content__image{
  width: 28rem;
}

.news_241007 .content02 .content__item04 .content__image{
  width: 16rem;
  margin-inline: auto;
}


/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .news_241007 .content02{
    width: calc(710 * (100vw / 750));
    margin-top: calc(125 * (100vw / 750));
  }

  .news_241007 .content02.content__border{
    border: calc(2 * (100vw / 750)) solid #546587;
  }

  .news_241007 .content02 .content__item01{
    margin-top: calc(52 * (100vw / 750));
  }

  .news_241007 .content02 .content__item02{
    margin-top: calc(51 * (100vw / 750));
  }

  .news_241007 .content02 .content__item02 .flex-wrapper{
    column-gap: calc(40 * (100vw / 750));
  }

  .news_241007 .content02 .content__item03{
    margin-top: calc(83 * (100vw / 750));
  }

  .news_241007 .content02 .content__item04{
    margin-top: calc(52 * (100vw / 750));
    margin-bottom: calc(80 * (100vw / 750));
  }


  /************** text **************/
  .news_241007 .content02 .content__title{
    margin-top: calc(95 * (100vw / 750));
  }

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

  .news_241007 .content02 .content__item01 .content__text,
  .news_241007 .content02 .content__item02 .content__text,
  .news_241007 .content02 .content__item03 .content__text,
  .news_241007 .content02 .content__item04 .content__text{
    margin-top: calc(54 * (100vw / 750));
  }

  .news_241007 .content02 .content__item04 .content__text.text02{
    margin-top: calc(75 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
  }

  /************** image **************/
  .news_241007 .content02 .content__item01 .content__image{
    width: calc(460 * (100vw / 750));
  }

  .news_241007 .content02 .content__item02 .content__image{
    width: calc(270 * (100vw / 750));
  }

  .news_241007 .content02 .content__item03 .content__image{
    width: calc(460 * (100vw / 750));
  }

  .news_241007 .content02 .content__item04 .content__image{
    width: calc(270 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ03
###=============================================== */
.news_241007 .content03{
  margin-top: 9.8rem;
  margin-inline: auto;
}

.news_241007 .content03 .content__text{
  margin-top: 3.3rem;
}

.news_241007 .content03 .content__item01{
  width: fit-content;
  margin-top: 5.2rem;
  margin-inline: auto;
}

.news_241007 .content03 .content__item02{
  width: fit-content;
  margin-top: 6rem;
  margin-inline: auto;
}

.news_241007 .content03 .content__item03{
  width: fit-content;
  margin-top: 5.1rem;
  margin-inline: auto;
}

.news_241007 .content03 .content__item03.flex-wrapper{
  column-gap: 6rem;
}

.news_241007 .content03 .content__item04{
  width: 100%;
  margin-top: 9rem;
  margin-inline: auto;
  background-color: #F7F7F5;
}

.news_241007 .content03 .content__item04 .flex-wrapper{
  margin-top: 4rem;
  column-gap: 6rem;
}

.news_241007 .content03 .content__item04 .content-wrapper{
  width: fit-content;
  padding-top: 6rem;
  padding-bottom: 5.2rem;
  margin-inline: auto;
}


/************** text **************/
.news_241007 .content03 .content__item04 .content__title{
  margin-top: -0.3rem;
  color: #546587;
}

.news_241007 .content03 .flex__item .content__text{
  margin-top: 3.5rem;
}


/************** image **************/
.news_241007 .content03 .content__item01 .content__image{
  width: 35rem;
}

.news_241007 .content03 .content__item02 .content__image{
  width: 24rem;
}

.news_241007 .content03 .content__item03 .content__image{
  width: 24rem;
}

.news_241007 .content03 .content__item04 .content__image{
  width: 24rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .news_241007 .content03{
    margin-top: calc(139 * (100vw / 750));
  }

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

  .news_241007 .content03 .content__item01{
    margin-top: calc(50 * (100vw / 750));
  }

  .news_241007 .content03 .content__item02{
    margin-top: calc(100 * (100vw / 750));
  }

  .news_241007 .content03 .content__item03{
    margin-top: calc(86 * (100vw / 750));
  }

  .news_241007 .content03 .content__item03.flex-wrapper{
    column-gap: calc(10 * (100vw / 750));
  }

  .news_241007 .content03 .content__item04{
    margin-top: calc(126 * (100vw / 750));
  }

  .news_241007 .content03 .content__item04 .flex-wrapper{
    margin-top: calc(62 * (100vw / 750));
    column-gap: calc(10 * (100vw / 750));
  }

  .news_241007 .content03 .content__item04 .content-wrapper{
    padding-top: calc(97 * (100vw / 750));
    padding-bottom: calc(85 * (100vw / 750));
  }


  /************** text **************/
  .news_241007 .content03 .content__item04 .content__title{
    margin-top: 0;
  }

  .news_241007 .content03 .flex__item .content__text{
    margin-top: calc(40 * (100vw / 750));
  }

  .news_241007 .content03 .content__item02 .content__text,
  .news_241007 .content03 .content__item03 .content__text,
  .news_241007 .content03 .content__item04 .content__text{
    margin-top: calc(52 * (100vw / 750));
  }


  /************** image **************/
  .news_241007 .content03 .content__item01 .content__image{
    width: calc(580 * (100vw / 750));
  }

  .news_241007 .content03 .content__item02 .content__image{
    width: calc(350 * (100vw / 750));
  }

  .news_241007 .content03 .content__item03 .content__image{
    width: calc(350 * (100vw / 750));
  }

  .news_241007 .content03 .content__item04 .content__image{
    width: calc(350 * (100vw / 750));
  }
}



/* ===============================================### 
コンテンツ04
###=============================================== */
.news_241007 .content04{
  margin-top: 9.3rem;
}

/************** text **************/
.news_241007 .content04 .content__text.text03{
  margin-top: 2.8rem;
}

.news_241007 .content04 .content__text.text04{
  margin-top: 4.5rem;
  font-size: 1.2rem;
}

.news_241007 .content04 .content__text.text05{
  margin-top: 8.8rem;
}

.news_241007 .content04 .content__text.text06{
  margin-top: 2.8rem;
}

/* ===========### responsive ###=========== */
@media screen and (max-width: 767px) {
  .news_241007 .content04{
    margin-top: calc(130 * (100vw / 750));
  }

  /************** text **************/
  .news_241007 .content04 .content__text.text01{

  }

  .news_241007 .content04 .content__text.text03{
    margin-top: calc(47 * (100vw / 750));
  }

  .news_241007 .content04 .content__text.text04{
    margin-top: calc(73 * (100vw / 750));
    font-size: calc(20 * (100vw / 750));
  }

  .news_241007 .content04 .content__text.text05{
    margin-top: calc(112 * (100vw / 750));
  }

  .news_241007 .content04 .content__text.text06{
    margin-top: calc(49 * (100vw / 750));
  }
}