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

/* white */
body {
  background: #fff;
  color: #000;
}
a {
  color: #333;
}
.c-wht {
  color: #000;
}

/* newcustomer */
.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: #b29632;
  border-left: 3px solid #b29632;
  padding-left: 0.5em;
}
.newcustomer h3 {
  margin: 2.4em 0 0.8em;
  color: #b29632;
}
.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: #b29632;
  text-align: center;
  padding: 1.6em;
  border-radius: 5px;
}

/*全体*/
.hidden_box {
  margin: 2em 0; /*前後の余白*/
  padding: 0;
}
/*ボタン装飾*/
.hidden_box > label {
  display: block;
  color: #000;
  background: #b29632;
  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: #a59c7c;
  margin-top: 1.6em;
  font-size: 1.1em;
}