html {
  background: rgb(242, 233, 207);
  color: rgb(50, 50, 50);
  font-family: "toppan-bunkyu-mincho-pr6n", serif;
  font-feature-settings: "palt";
  word-break: break-word;
  text-align: center;
  font-size: 0.9rem;
}

/* このページなので消す */

.plant_button {
  display: none !important;
}

/* body */
body {
  overflow-x: hidden;
}

/* はじめに */

.all_description {
  text-align: left;
  max-width: 600px;
  margin: auto;
  padding: 10px;
  margin-top: 100px;
}

.page_title {
  font-size: 1.8rem;
  margin-bottom: 4.5rem;
  font-weight: 600;
}

.five_elements {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  line-height: 3.2rem;
  font-weight: 600;
}

.note {
  margin-top: 3rem;
  margin-bottom: 3rem;
  font-size: 0.9rem;
}

.note_title {
  font-size: 1.1rem;
}

.start {
  margin-top: 6rem;
  margin-bottom: 3rem;
  font-size: 1.1rem;
  line-height: 2.4rem;
  font-weight: 600;
}


/* テキスト */

.question_number {
  font-size: 1.6rem;
  margin-bottom: -0.9rem;
}

.question_text {
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

/* 選択肢 */

.anser_flex-container {
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  /* background-color: aqua; */
  display: flex;
  flex-wrap: wrap;
  padding-right: 5%;
  padding-left: 5%;
}

.choice_text {
  font-size: 0.9rem;
}

/* ラジオボタンを非表示(透明)にする */

input[type=radio] {
  /* display: none; */
  position: absolute;
  opacity: 0;
  z-index: -1;
  right: 50%;
}


/* スマホのみボタン形状変更 */
@media screen and (max-width: 640px) {
  .choice_text {
    /* width: 40%; */
    margin: 0.2rem;
    margin-bottom: 1rem;
    padding: 10px;
    background: white;
    cursor: pointer;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
    border-radius: 50vh;
  }

  .choice_text:hover {
    background: rgb(240, 240, 240);
  }

  .radio_anser:checked+label>.choice_text {
    background: rgb(50, 50, 50);
    color: rgb(240, 240, 240);
  }
}

/* 丸いボタン_パソコンのみ表示 */
.anser_button {
  display: none;
}

@media screen and (min-width: 640px) {
  .anser_button {
    display: block;
    width: 150px;
    height: 150px;
    background: white;
    margin: 10px;
    margin-bottom: -0.5rem;
    cursor: pointer;
    transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
  }

  .anser_button:hover {
    background: rgb(240, 240, 240);
  }

  .radio_anser:checked+label>.anser_button {
    background: rgb(50, 50, 50);
  }

  .circle_frame {
    /* はみ出し隠し */
    width: 102%;
    height: 102%;
    margin-top: -1px;
    /* 画像ドラッグなど禁止 */
    user-select: none;
    pointer-events: none;
  }
}


/* 質問の間 */
.divider {
  border: 0.1px;
  border-style: solid;
  border-color: rgb(100, 100, 100);
  margin: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 85%;
}

@media screen and (min-width: 640px) {
  .divider {
    margin-top: 4rem;
    margin-bottom: 4rem;
  }
}

/* 終了ボタン */

/* submitを非表示にする */
input[type=submit] {
  /* display: none; */
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.end_text {
  width: 150px;
  padding: 20px;
  margin: auto;
  border-radius: 50vh;
  background: rgb(50, 50, 50);
  color: rgb(240, 240, 240);
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}

.end_text:hover {
  background: rgb(100, 100, 100);
}

.end_area {
  /* background-color: greenyellow; */
  margin-top: 80px;
  margin-bottom: 80px;
}