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

header {
    background: none;
    border: 0;
}
.header-img {
    margin-top: 0;
}

body {
    background: #fff;
    color: #222;
}
h1.ttl-head {
    display: none;
}
#concept h1, #concept .inner p, .c-out2 {
    color: #222;
}

#concept .lead h1 {
    font-family: 'Gilda Display', serif;
    border-bottom: none;
    text-align: center;
    font-size: 1.6em !important;
}

/* newcustomer */
.newcustomer .lead p {
    margin-top: 1em;
}
.newcustomer .gpBox {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    border: 1px solid #333;
    padding: 1.6em;
    margin: 2.4em 0;
}
.newcustomer .bdrBox {
    border: 1px solid #333;
    padding: 1.6em;
    margin: 1em 0 0;
}
.newcustomer h2 {
    margin-bottom: .8em;
    color: #333;
    border-left: 3px solid #333;
    padding-left: .5em;
    font-family: 'Gilda Display', serif;
}
.newcustomer h3 {
    margin: 1.6em 0 .4em;
    color: #333;
    font-family: 'Gilda Display', serif;
}
.newcustomer .nagareBox {
    margin-bottom: 3.2em;
}
.newcustomer .list {
    display: flex;
    justify-content: space-around;
    border: 1px solid #333;
    padding: 1.6em .8em 1.6em 2.4em;
    margin: 0 0 3.2em;
}
    .newcustomer .list ul {
        width: 49%;
    }
    .newcustomer .list ul li {
        list-style: disc;
        font-size: .9em;
        line-height: 2.2;
    }
.newcustomer .scrollBox .scroll {
    border: 1px solid #333;
    padding: 1.6em;
    overflow-y: scroll;
    height: 240px;
    margin-bottom: 1em;
}
    .newcustomer .scrollBox .scroll p {
        margin-bottom: .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: 1.6em;
        border-radius: 5px;
        width: 60%;
        margin: 0 auto;
        font-size: 1.1em;
    }
    /*ボタンホバー時*/
    .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: 2.4em 0;
    border: 1px solid #333;
    padding: 1.6em;
}
.attention {
    color: #f00 !important;
}
.formBox label {
    margin-right: 1em;
    display: inline-block;
}
.formBox input,
.formBox select,
.formBox textarea {
    padding: .5em;
    border-radius: 5px;
    max-width: 94%;
}
.formBox .submit {
    text-align: center;
}
.formBox input[type=text] {
    font-size: 16px;
    /* transform: scale(0.8); */
}
.formBox input[type="submit"] {
    width: 50%;
    margin: 2em auto;
    padding: 1em;
}
.formBox h4 {
    color: #333;
    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;
  }