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

/* newcustomer */
body {
  background: #fff;
  color: #222;
}
.c-wht {
  color: #222;
}
header h1 {
  text-align: center;
  width: 400px;
  margin: 0 auto;
}
header h1 img {
  width: 100%;
}

.newcustomer {
  /*font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;*/
  font-family: "Gilda Display", serif;
}
.newcustomer .gpBox {
  display: flex;
  justify-content: space-between;
  border: 1px solid #333;
  padding: 1.6em;
  margin: 3.2em 0;
}
.newcustomer .bdrBox {
  border: 1px solid #333;
  padding: 1.6em;
  margin: 1em 0 0;
}
.newcustomer h2 {
  margin-bottom: 0.8em;
  color: #222;
  border-left: 3px solid #222;
  padding-left: 0.5em;
}
.newcustomer h3 {
  margin: 2.4em 0 0.8em;
  color: #222;
}
.newcustomer .nagareBox {
  margin-bottom: 3.2em;
}
.newcustomer .list {
  display: flex;
  justify-content: space-around;
  border: 1px solid #333;
  padding: 1.6em;
  margin: 0 0 3.2em;
}
.newcustomer .list ul li {
  list-style: disc;
  font-size: 0.8rem;
}
.newcustomer .scrollBox .scroll {
  border: 1px solid #333;
  padding: 1.6em;
  overflow-y: scroll;
  height: 240px;
  margin-bottom: 1em;
}
.newcustomer .scrollBox .scroll p {
  margin-bottom: 0.8em;
}
.newcustomer .scrollBox .scroll p.child {
  margin-left: 1em;
}
.newcustomer .scrollBox .scroll p.last {
  text-align: right;
  margin-top: 2.4em;
}
.btnBox {
  margin-top: 3.2em;
}
.btnBox ul {
  display: flex;
  justify-content: space-around;
}
.btnBox li {
  width: 40%;
}
.btnBox li a {
  display: block;
  color: #000;
  background: #cfbd7c;
  text-align: center;
  padding: 1.6em;
  border-radius: 5px;
}

/*全体*/
.hidden_box {
  margin: 2em 0; /*前後の余白*/
  padding: 0;
}
/*ボタン装飾*/
.hidden_box > label {
  display: block;
  color: #000;
  background: #cfbd7c;
  text-align: center;
  padding: 2.4em;
  border-radius: 5px;
  width: 50%;
  margin: 0 auto;
  font-size: 1.6em;
  font-weight: 700;
}
/*ボタンホバー時*/
.hidden_box > label:hover {
  cursor: pointer;
}
/*チェックは見えなくする*/
.hidden_box > input {
  display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
  height: 0;
  padding: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box > input:checked ~ .hidden_show {
  padding: 10px 0;
  height: auto;
  opacity: 1;
}
.formBox {
  margin: 3.2em 0;
  border: 1px solid #333;
  padding: 1.6em;
}
.attention {
  color: #f00;
}
.formBox label {
  margin-right: 1em;
}
.formBox input,
.formBox select,
.formBox textarea {
  padding: 0.5em;
  border-radius: 5px;
}
.formBox .submit {
  text-align: center;
}
.formBox input[type="submit"] {
  width: 50%;
  margin: 2em auto;
  padding: 1em;
}
.formBox h4 {
  color: #222;
  margin-top: 1.6em;
  font-size: 1.1em;
}

.formBox .textB {
  display: none;
}
.formBox .textB00 {
  display: block;
}
.formBox .text00 {
  display: block;
}
.formBox .text01, .formBox .text02, .formBox .text03, .formBox .text04, .formBox .text05,
.formBox .text06, .formBox .text07, .formBox .text08, .formBox .text09 {
  display: none;
}

.agreeBtn {
  background: #cfbd7c;
  text-align: center;
  display: block;
  padding: 40px 0;
  border-radius: 5px;
  color: #000;
  width: 540px;
  margin: 40px auto 0;
  font-size: 1.6em;
}