@charset "utf=8";

html {
  font-size: 100%;
}
body {
  color: #333;
  line-height: 2rem;
  font-size: 1rem;
  letter-spacing: 2px;
}
img {
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
}
a {
  text-decoration: none;
}
li {
  list-style: none;
}
.ngv_mgn {
  margin-top: -18px;
}

/*////////////////////////////////////
 文字強調
 ///////////////////////////////////*/
.red {
  color: #ff5126;
  font-weight: bold;
}
.blue {
  color: #0a2fd7;
  font-weight: bold;
}
.marker {
  background: linear-gradient(transparent 60%, #fff241 50%);
  font-weight: bold;
}
.big {
  font-size: 1.26rem;
  font-weight: bold;
}
/*/ ///////////////////////////////////
コンテンツ内
 ///////////////////////////////////*/
.wrapper {
  max-width: 600px;
  width: 100%;
  padding: 0 4%;
  margin: 0 auto;
  margin-bottom: 120px;
}

/*/ ///////////////////////////////////
タイトル
 ///////////////////////////////////*/
/* アンサー */
.answer {
  font-size: 1.5rem;
  color: #ff5126;
  text-align: center;
}
.answer_dec {
  display: block;
  text-align: center;
  font-size: 2rem;
  color: #ff5126;
}
/* セクション */
.sec_tit {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 3rem;
  color: #fff;
  border-radius: 100vh 0 0 100vh;
  background: #69beff;
  margin: 30px 0;
}
.sec_tit::before {
  position: absolute;
  top: calc(50% - 7px);
  left: 10px;
  width: 14px;
  height: 14px;
  content: "";
  border-radius: 50%;
  background: #fff;
}
/*/ ///////////////////////////////////
動き
 ///////////////////////////////////*/
/* 拡大縮小 */
.Scaling {
  animation: anime1 0.5s ease 0s infinite alternate;
}
@keyframes anime1 {
  from {
    transform: scale(0.95, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
/*/ ///////////////////////////////////
アンサー
 ///////////////////////////////////*/
.answer_box {
  border: #69beff 3px solid;
  padding: 10px 30px;
  margin-top: 10px;
}
.question {
  text-align: center;
  border-bottom: solid 2px #ff5126;
}
.explanation {
  border: #69beff dashed 2px;
  border-radius: 8px;
  padding: 8px 30px;
}
/*/ ///////////////////////////////////
ポイント
 ///////////////////////////////////*/
.point_tit {
  background: #ff5126;
  color: #fff;
  width: 30%;
  text-align: center;
  border-radius: 8px;
  margin-left: 14px;
}
.point .text {
  border: 2px #ff5126 solid;
  padding: 20px 10px 10px 10px;
  border-radius: 8px;
  margin-top: -32px;
  line-height: 30px;
}

/*/ ///////////////////////////////////
レスポンシブ
 ///////////////////////////////////*/
/* 最小サイズ */
@media screen and (max-width: 320px) {
  .question {
    font-size: 0.9rem;
  }

  .answer {
    font-size: 1.2rem;
  }

  .answer_box {
    padding: 10px 20px;
  }
  .point .text {
    padding: 20px 16px 16px 16px;
  }
}