@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  color: #000;
  font-family: 'ＭＳ Ｐゴシック', 'MS PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  font-size: 2.0rem;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  background: #fffef1;
}

#wrap {
  width: 100%;
  overflow: hidden;
  background-color: #FCC1B3;
  max-width: 500px;
  margin: 0 auto;
}

.wrap_content {
  margin: 60px 0;
  margin-bottom: 20pc;

}

img {
  box-sizing: border-box;
  width: 100%;
}

p {
  width: 100%;
}

.content_box {
  margin: 50px 0;
}

/* ----ボタン---- */
.btn_m {
  margin: 20px 0;
}

.labelbtn {
  background: #d57208;
  display: block;
  padding: 20px 0;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  width: 40%;
  margin: 0 auto;
  margin-top: -110px;
}

.labelbtn02 {
  background: #7c7c7c;
  display: block;
  padding: 20px 0;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}

.labelbtn03 {
  background: #d57208;
  display: block;
  padding: 30px 0;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

.link_btn {
  margin: 30px 0;
  display: flex;
}

.link_btn a {
  background: #535353;
  display: block;
  width: 90%;
  padding: 20px;
  margin: 0 auto;
  border-radius: 50px;
  color: #fff;
}

.link_btn02 {
  background: #f96b32;
  display: block;
  padding: 30px 0;
  border-radius: 50px;
  color: #fff;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}


/* ----名前入力---- */
.name {
  margin: 30px;
}

textarea {
  width: 400px;
  height: 40px;
  margin: 0 auto;
  margin-top: 20px;
  display: block;
  max-width: 100%;
}


  /* ----アコーディオン---- */
  .toggle {
    display: none;
  }



  .title,
  .content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
  }

  .content {
    max-height: 0;
    overflow: hidden;
  }

  .content-02 {
    /* margin-top: 40px; */
  }
  label.kaiyaku-txt{
    margin-right: 50px;
    margin-top: 18px;
    font-weight: 100;
  }
  
  .toggle:checked + .title + .content {
    max-height: 100%;
    transition: all 1.5s;
  }