@charset "utf-8";

#c2 {
      clear: both;
      background-image: url(../images/home/stripe_pt.gif);

}

#c2 h1,
#c2 div {
      text-align: center;
}

#c3 {
      clear: both;

}

#c10 {
      clear: both;
      margin: 30px auto 40px auto;

}

#c10 h3,
#c10 div {
      text-align: center;
}

#c4 {
      clear: both;
      margin: 0 0 30px 0;

}

#c4 h2,
#c4 div {
      text-align: left;
}

#c5 {
      clear: both;

}

#c5 h3,
#c5 div {
      text-align: left;
}

#c6 {
      clear: both;
      margin: 30px 0 30px 0;

}

#c6 h3,
#c6 div {
      text-align: left;
}

#c7 {
      clear: both;

}

#c7 dl dt {
      background-color: #FFF8EE;
      width: 20%;
}

#c7 dl dd {
      width: 80%;
}

#c8 {
      clear: both;
      margin: 30px 0 30px 0;

}

#c8 h3,
#c8 div {
      text-align: left;
}

#c11 {
      clear: both;

}

#c11 dl dt {
      background-color: #FFF8EE;
      width: 20%;
}

#c11 dl dd {
      width: 80%;
}

#c12 {
      clear: both;
      margin: 30px 0 30px 0;

}

#c12 h3,
#c12 div {
      text-align: left;
}

#c13 {
      clear: both;

}

#c13 dl dt {
      background-color: #FFF8EE;
      width: 20%;
}

#c13 dl dd {
      width: 80%;
}

@media screen and (min-width: 641px) and (max-width: 834px) {
      #c2 {}

      #c3 {}

      #c10 {}

      #c4 {}

      #c5 {}

      #c6 {}

      #c7 {}

      #c8 {}

      #c11 {}

      #c12 {}

      #c13 {}
}

@media screen and (max-width: 640px) {
      #c2 {}

      #c3 {}

      #c10 {}

      #c4 {}

      #c5 {}

      #c6 {}

      #c7 {}

      #c8 {}

      #c11 {}

      #c12 {}

      #c13 {}
}

.local_cont_text {
      max-width: 960px;
      margin: auto;
      border: 1px solid #7b68ee;
      border-radius: 30px;
}

.clearfix {
      display: block;
}

.clearfix:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      font-size: 0;
      visibility: hidden;
}

.local_cont_text h3 {
      background-color: #7b68ee;
      color: #fff;
      border-radius: 30px 30px 0 0;
      font-size: clamp(20px, 2vw, 24px);
      line-height: 1.25em;
      font-weight: bold;
      padding: 15px;
}

#c10 h3,
#c10 div {
      text-align: center;
}

.local_cont_text article>div {
      padding: 15px;
}

.local_title_hiyoko h2 {
      font-size: clamp(26px, 3vw, 36px);
      line-height: 1.25em;
      color: #211614;
      font-weight: bold;
      border-bottom: 2px solid #7b68ee;
      padding-bottom: 15px;
}

.local_sub_title_01 h3 {
      font-size: clamp(20px, 2vw, 24px);
      line-height: 1.25em;
      font-weight: bold;
      display: -ms-flexbox;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
}

.dl_01 {
      border: 1px solid #7b68ee !important;
}

#c7 dl dt {
      background-color: #FFF8EE;
      width: 20%;
}

section div.form_wrap dl dt {
      border: 1px solid #ccc;
      border-bottom: none;
      border-right: none;
      background-color: #f5f5f5;
      padding: 8px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      box-sizing: border-box;
}

#c7 dl dd {
      width: 80%;
}

section div.form_wrap dl dd {
      border: 1px solid #ccc;
      border-bottom: none;
      background-color: #fff;
      padding: 8px;
      box-sizing: border-box;
}

.dl_01 dd {
      padding: 20px 8px !important;
      border: none !important;
}

.local_sub_title_01 h3:before {
      content: "●";
      color: #7b68ee;
      margin-right: 8px;
      font-size: 18px;
      font-size: 1.8rem;
}

section div.form_wrap dl {
      display: flex;
}
.dl_01 dl {
      border-bottom: 1px solid #7b68ee !important;
  }