/*基本設定*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body {
  background-color: #ffeeff;
}

/*リンクの色*/
a:link{color: #ff3333}
a:visited{color: #ff0099}
a:hover{color: #ff3366}
a:active{color: #ff6699}

p {
  color: #004400;
}

b, .b {color: #000099;}

.visible {visibility: visible;}
.hidden {visibility: hidden;}
.nodisp {display: none!important;}

.main {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

.board {
  width: 96%;
  max-width: 800px;
  margin: 1.0rem auto;
  padding: 1.0rem;
  background: #ffffcc;
}
.qa_wrapper {
  position: relative;
  width: 98%;
  margin: 0.5rem auto;
  background: #ffffcc;
}
.qa_wrapper::before {
  content:"";
  display: block;
  padding-top: 56.25%;
}
.qa_area {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.qa_img {
  width: 100%;
  height: 100%;
}

.btn_area,
.btn_area2 {
  width: 100%;
  margin: 2.0rem 0;
}
.btn,
.btn2 {
  width: calc(50% - 4.0rem);
  height: 7.0rem;
  margin: 1.0rem 2.0rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.4rem;
  font-weight: bold;
  color: #ffffff;
  cursor: pointer;
}
.btn2 {
  width: 90%;
  max-width: 400px;
}
.btn:active,
.btn2:active {
  box-shadow: none;
  position: relative;
  top: 0.5rem;
}
.ybtn {background: #ED2453; box-shadow: 0 0.5rem #570d1f;}
.nbtn {background: #523EFF; box-shadow: 0 0.5rem #18114e;}
.rbtn {background: #cc0044; box-shadow: 0 0.5rem #570d1f;}
.tbtn {background: #00acee; box-shadow: 0 0.5rem #044158;}
.ibtn {height: 7.0rem;}

.textarea {
  text-align: center;
}
.textarea p {
  font-size: 1.2rem;
}
@media screen and (max-width: 640px) {
  .btn_area {
    margin: 1.0rem 0;
  }
  .btn {
    width: calc(50% - 1.0rem);
    height: 5.0rem;
    margin: 0 0.5rem;
    font-size: 2.4rem;
  }
  .btn2 {
    height: 5.0rem;
    margin: 1.0rem;
    font-size: 2.4rem;
  }
  .textarea p {
    font-size: 1.0rem;
  }
  .itbn {
  height: 5.0rem;
  }
}