.l-container {
  max-width: 750px;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  font-family: 'Noto Sans JP', sans-serif;
}
#ContentsArea p {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: min(5vw, 20px);
  /* letter-spacing: 0.05em; */
  color: #1B211E;
  text-align: left;
  margin: 50rem 0;
  line-height: 1.75;
  text-align: center;
}
#ContentsArea .f_l {
  font-size: min(5vw, 24px);
}
#ContentsArea .f_l02 {
  font-size: min(5.5vw, 30px);
}
ul {
  padding: 0;
  margin: 0;
}
#ContentsArea p.voice_ttl {
  text-align: left;
  font-weight: 600;
  margin: 0;
}
#ContentsArea p.voice_text {
  text-align: left;
  margin: 0 0 30rem;
}
#ContentsArea sup{
  font-size: 70%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
#ContentsArea h1.text-fv{
  font-weight: bold;
  font-size: min(5.5vw, 30px);
  line-height: 1.3;
  margin: 0 0 2rem;
  padding: 0;
}
#ContentsArea h2{
  font-weight: bold;
  font-size: min(6.5vw, 40px);
  line-height: 1.5;
  margin: 50rem 0 20rem;
  background-color: transparent;
  padding: 0.5em;
  /* background: #dbc97f; */
  background: #218532;
  color: #bc2420;
  color: #fff;
  text-align: center;
  border: 12px double #fff;
}
#ContentsArea h3{
  font-weight: bold;
  font-size: min(5vw, 23px);
  line-height: 1.8;
  margin: 50rem 0 30rem;
  padding: 0;
}
#ContentsArea h3 span {
  background: linear-gradient(transparent 70%, #32693d 70%);
  display: inline;
  padding: 0 0 0.2em;
}
@media screen and (max-width: 749px) {
  #ContentsArea h3 span {
    padding: 0 0 8px;
  }
}
#ContentsArea .fv_note {
  margin: 0;
  display: block;
  font-size: 14px;
  text-align: right;
  line-height: 1.2;
}
#ContentsArea .note {
  margin: 30rem 0;
  display: block;
  font-size: 14px;
}
#ContentsArea .small {
  font-size: 14px ;
  text-align: right ;
}
#ContentsArea .red{
  color: #FF0000;
  display: inline;
}
#ContentsArea .red_bb{
  border-bottom: 1px solid #ff0000;
}
#ContentsArea .blue {
  color: #0000ff;
}
#ContentsArea .bold {
  font-weight: 600;
  display: inline;
}
#ContentsArea .bg_yl {
  background-color: #ffff04;
  display: inline;
}
#ContentsArea .tc {
  text-align: center;
}
#ContentsArea .btn {
  display: block;
}
#ContentsArea .w_84 {
  width: 84%;
  max-width: 630px;
}

#ContentsArea .contents-img{
  margin: 70rem auto;
  text-align: center;
}
#ContentsArea .bg_b .contents-img{
  margin: 0 auto;
}
#ContentsArea .check_txt {
  font-weight: 600;
  margin: 0;
  text-align: left;
  font-size: min(4.2vw, 18px);
  padding: 0;
}
#ContentsArea .check_txt li {
  list-style: none;
}
#ContentsArea .check_txt p {
  line-height: 0.4;
}
#ContentsArea .btn img{
  margin: 50rem auto;
  width: 92%;
  max-width: 690px;
  display: block;
}
#ContentsArea .flex_2col,#ContentsArea .flex_2col02,#ContentsArea .flex_3col {
  display: flex;
  text-align: center;
  margin: auto;
}
#ContentsArea .flex_2col > p {
  width: 50%;
}
#ContentsArea .flex_2col02 > p {
  width: 48%;
}
#ContentsArea .flex_3col > p {
  width: 33.3%;
}
@media screen and (max-width: 749px) {
  .l-container {
    max-width: 100%;
    width: 100%;
  }
  #ContentsArea .btn img{
    width: 100%;
  }
  #ContentsArea br {
    display:none;
    }
  #ContentsArea br.sp_br {
    display: block;
  }
  #ContentsArea h2{
    padding: 1%;
  }
}

#ContentsArea .sec06 .video ,#ContentsArea .sec08 .video ,#ContentsArea .sec09 .video {
  text-align: center;
  margin-bottom: 10rem;
}
#ContentsArea .icon {
  display: flex;
  justify-content: center;
}
#ContentsArea .icon p {
  text-align: center;
}
#ContentsArea .icon .contents-img img{
  width: 80%;
}
#ContentsArea .contents-img img {
  max-width: 100%;
}
#ContentsArea .contents-img-half {
  text-align: center;
}
#ContentsArea .contents-img-half img {
  max-width: 50%;
  width: 50%;
}
#ContentsArea video {
  margin: 0 auto;
  display: block;
  pointer-events: none;
  max-width: 750px;
  width: 100%;
}
#ContentsArea video.half {
  max-width: 375px;
  width: 50%;
}

#ContentsArea footer{
background: #016738;
padding: 10rem 0;
margin: 60rem 0 0;
text-align: center;
}

#ContentsArea footer p {
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
font-size: min(4vw, 13px);
color: #FFFFFF;
margin:0;
text-align: center;
}
.updown{
  /* アニメーションの名前 */
  animation-name:UpDown;
  /* アニメーションの１回分の長さ */
  animation-duration: 0.8s;
  /* アニメーションの回数 */
  animation-iteration-count: infinite;
  /* アニメーションの進行具合 */
  animation-timing-function: ease-in-out;
  /* アニメーション再生の向き */
  animation-direction: alternate;
}
  /* アニメーションの設定 */
@keyframes UpDown{
  /* 開始地点 */
  0%{
  /* Y軸0px */
  transform: translateY(0);
  }
  /* 終了地点 */
  100%{
  /* Y軸50px */
  transform: translateY(20%);
  }
}
.question {
  margin: 20px;
  font-size: min(4.2vw, 18px);
  background-color: #dddddd;
    padding: 10px;
    margin: 30px 0 150px;
    position: relative;
    box-sizing: border-box;
    padding-bottom: 20px;
    text-align: left;
}
.question::after {
  border-color: #ddd transparent transparent transparent;
  bottom: -120px;
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  z-index: 0;
  content: "";
  right: 50%;
  transform: translateX(50%);
  border-width: 120px 50vw 0 50vw;
}
.question::before {
  content: "次へ";
  font-weight: bold;
  text-align: center;
  right: 50%;
  transform: translateX(50%);
  display: block;
  position: absolute;
  z-index: 1;
  font-size: min(4.2vw, 18px);
  bottom: -90px;
}
.l-survey_arw__progress {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.l-survey_arw__progress__item {
  font-size: min(5vw, 20px);
  font-weight: bold;
  margin: 0 4px 20px 4px;
  background: #fff;
  text-align: center;
  flex: 1;
  box-sizing: border-box;
}
.l-survey_arw__progress__item.current{
  color: #fff;
  background: #1B8F3D;
}
#ContentsArea p.question__header__text {
  margin: 0;
  font-size: min(5.2vw, 23px);
  font-weight: bold;
  text-align: center;
}
#ContentsArea p.question__header__note {
  font-size: 14px;
  text-align: right;
  margin: 0;
}
.question__form {
  margin-top: 20px;
}
.question__form__checkbox {
  margin-right: 10px;
}
.question__form__label {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  padding: 10px; 
  border: 1px solid #ccc; 
  border-radius: 4px; 
  background-color: #fff;
  cursor: pointer;
}
.question__answer {
  margin-left: 10px; /* 文字とチェックボックスの間にスペースを追加 */
  color: black; /* 文字の色を黒に設定 */
  font-size: min(4.2vw, 18px);
}
.bg_b {
  background-color: #dff1b8;
  padding: 4% 2% 1%;
  margin-bottom: 3%;
}
@media screen and (max-width: 749px) {
  input[type="checkbox"] {
    width: auto;
    /* チェックボックスとラベルの間にスペースを追加 */
    flex-shrink: 0;
  }
  #ContentsArea video {
    width: 100%;
  }
  #ContentsArea section {
    margin: 0 4%;
    overflow: hidden;
  }
  #ContentsArea p {
    margin: 40rem 0;
  }
  #ContentsArea .mt60 {
    margin-top: 60rem;
  }
  .question {
    margin: 10vw 0 30vw;
  }
  .question::after {
    bottom: -20vw;
    border-width: 20vw 50vw 0 50vw;
  }
  .question::before {
    bottom: -10vw;
  }
  
}
/* @media screen and (max-width: 600px) {
  .question__form__label {
    height: 20vw;
  }
} */
.bound {
	animation: 3s 0s bound ease-in infinite;
}
@keyframes bound {
	79%,
	90%,
	97%,
	100% {
		-webkit-transform: translate(0);
    transform: translate(0);
	}
	85% {
		-webkit-transform: translateY(-20px);
    transform: translateY(-20px);
	}
	94% {
		-webkit-transform: translateY(-4px);
    transform: translateY(-4px);
	}
	99% {
		-webkit-transform: translateY(-2px);
    transform: translateY(-2px);
	}
}
.zoom_io{
  animation: zoom_io 1.5s infinite ease-in-out;
  }
  @keyframes zoom_io {
  0%, 100% { transform: scale(1.0) }
  50% { transform: scale(0.9) }
  }
.question_note{
  font-size: 14px ;
  text-align: right ;
}