@charset "utf-8";

.SpcOnly{
	display:block;
}

.PcOnly{
	display:none;
}

picture{
  display: block;
}

@media (width >= 767px) {}

.voiceVideo{
  margin-top: 25px;
  video{
    width: 100%;
  }
}
@media (width >= 767px) {
  .voiceVideo{
    max-width: 1000px;
    margin: auto;
  }
}

.storyBlock{
  padding: 0 0 48px;
  *{
    font-family: "Noto Serif JP";
  }
  .ttl{
    margin: 44px auto 46px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
  }
  .txt{
    margin: 0 auto 48px;
  }
}

@media (width >= 767px) {
  .storyBlock{
    .ttl{
      font-size: 16px;
    }
    .txt{
      font-size: 14px;
      text-align: center;
    }
    .img1{
      img{
        width: 100%;
      }
    }
  }  
}


.voiceBlock{
  padding: 0 0 67px;
  *{
    font-family: "Noto Serif JP";
    font-weight: 600;
  }
  .ttl{
    margin: 0 auto 40px;
    font-size: 15px;
    text-align: center;
  }
  .img2{
    margin: 0 auto 76px;
  }
  .txt1{
    margin: 0 auto 43px;
  }
  .txt2{
    width: fit-content;
    margin: 0 0 15px auto;
  }
  .img3{
    margin: 0 auto 24px 0;
    width: 70%;
  }
  .txt3{
    margin: 0 auto 26px;
  }
  .img4{
    margin: 0 0 26px auto;
    width: 70%;
  }
  .txt4{
    margin: 0 auto 30px;
  }
  .txt5{
    width: fit-content;
    margin: 0 0 28px auto;
  }
  .txt6{
    margin: 0 auto 15px;
  }
  .img5{
    margin: 0 0 26px auto;
    width: 70%;
  }
  .txt7{
    margin: 0 auto 51px;
  }
  .txt8{
    text-align: center;
    margin: 0 auto 34px;
  }
  .txt9{
    width: fit-content;
    margin: 0 0 24px auto;
  }
  .img6{
    margin: 0 auto 18px 0;
    width: 70%;
  }
  .txt10{
    width: fit-content;
    margin: 0 0 45px auto;
  }
  .txt11{
    margin: 0 auto 15px;
  }
  .img7{
    margin: 0 0 23px auto;
    width: 70%;
  }
  .txt12{
    margin: 0 auto 37px;
  }
  .txt13{
    width: fit-content;
    margin: 0 0 12px auto;
  }
  .img8{
    margin: 0 auto 34px 0;
    width: 70%;
  }
  .txt14{
    width: fit-content;
    margin: 0 0 24px auto;
  }
  .img9{
    margin: 0 0 0px auto;
    width: 70%;
  }
  .underTxt{
    padding: 112px 0 0px 0;
    position: relative;
    &:before{
      content: "";
      position: absolute;
      width: 68px;
      height: 1px;
      background: #000;
      top: 60px;
      left: 0;
      right: 0;
      margin: auto;
      transform: rotate(-25deg);
    }
    .txt15{
      text-align: center;
    }
  }
}
@media (width >= 767px) {
  .voiceBlock{
    .container{
    }
    .ttl{
      font-size: 17px;
    }
    p{
      font-size: 14px;
    }
    .img3,.img4,.img5,.img6,.img7,.img8,.img9{
      width: 80%;
      img{
        width: 100%;
      }
    }
    picture{
        /* width: 80% !important; */
    }
  }
}

.messageBlock{
  *{
    font-family: "Noto Serif JP";
  }
  .messageBlock_inner{
    border: 1px solid #000;
    width: 85%;
    padding: 20px;
    max-width: 758px;
    h2{
      width: fit-content;
      border-bottom: 1px solid;
      width: fit-content;
      margin: 0 0 26px;
      padding: 0 0 3px;
    }
  }
}

@media (width >= 767px) {
  .messageBlock{
    h2{
      font-size: 14px;
    }
    p{
      font-size: 14px;
    }
  }  
}

.bnrBlock{
  padding: 60px 0;
  a{
    width: fit-content;
    display: block;
    margin: auto;
  }
  picture{
    text-align: center;
  }
}
@media (width >= 767px) {
  .bnrBlock{

  }  
}