/* **************************************************

  		　       無料体験・見学

************************************************** */
section#trial_body {
    background:#000;
    padding:1rem 0 3rem;
}

/* -----------------------------------------------------
　　　　　　　　　ご準備いただくもの 
----------------------------------------------------- */
.trial_item {
    margin-top:3rem;
    text-align:center;
}
.trial_item ul {
    color:#fff;
    list-style-type:disc;
    margin:3rem auto 2rem;
    display:inline-block;
}
.trial_item ul li {
    color:#fff;
    text-align:left;
}
.trial_item p {
    color:#fff;
}

/* -----------------------------------------------------
　　　　　　　　　申し込みフォーム
----------------------------------------------------- */
.trial_form {
    margin-top:5rem;
    text-align:center;
}
.trial_form p.trial_tel {
    margin-top:3rem;
}
.trial_form p.trial_tel span {
    color:#fff;
}
.trial_form p.trial_tel span b {
    color:#fff;
    font-weight:bold;
}

.trial_form dl {
    margin:3rem auto 0;
    max-width:20rem;
}
.trial_form dl div {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items: center;
    padding:0rem 0.5rem;
    margin-bottom:1rem;
}
.trial_form dl div dt {
    width:8em;
    font-weight:normal;
    height:100%;
    padding:1rem 0rem 0.5rem 0;
    font-size:1rem;
    line-height:1em;
    text-align:left;
    margin:0 auto 0 0.2rem;
}
.trial_form dl div dt p {
    color:#fff;
}
.trial_form dl div dd {
    text-align:left;
    width:100%;
    color:#fff;
    font-size:0.6rem;
}
.trial_form dl div dd span.nin {
    color:#fff;
}

span#selected-optgroup {
    font-size:0.9rem;
    color:#eee;
    line-height:1em;
    margin-bottom:0.5rem;
    display:block;
    text-align:center;
}

/* セレクトフォーム */
.trial_form dl div dd select {
    min-width:100%;
    height:3em;
    border-radius:0.5rem;
    padding:0 0.5rem;
    margin:0;
}
.trial_form dl div dd > div ,
.trial_form dl div dd > div > p ,
.trial_form dl div dd > div > p > span {
    width:100%;
    margin:0;
    padding:0;
}
/* 申し込み人数 */
.trial_form dl div dd input.trial_num {
    width:4em;
}

/* テキストフォーム */
.trial_form dl div dd input {
    width:100%;
    height:3em;
    border-radius:0.5rem;
    padding:0 0.5rem;
    margin-right:0.3rem;
}

/* テキスエリア */
.trial_form dl div dd textarea {
    width:100%;
    height:12em;
    border-radius:0.5rem;
    padding:0 0.5rem;
    margin-right:0.3rem;
}

/* 送信ボタン */
input[type="submit"] {
  appearance: none;
  -webkit-appearance: none;
}
.trial_submit  input {
    width:8rem;
    height:3em;
    border-radius:0.5rem;
    padding:0 0.5rem;
    margin:2rem 0 0 0;
    border:none;
    background-color:#e3e3e3;
    color:#000
}

/* スピナーによる送信ボタンの隙間を除去 */
div.wpcf7 .wpcf7-spinner {
    display: block;
    margin:0 auto;
}

/* エラー表示のデザイン */
.wpcf7-not-valid-tip {
    box-sizing: border-box;
    border-radius: 0.3rem; /* 5px → 0.3125rem */
    background-color: #C1151B;
    color: #fff;
    display: block;
    font-size: 0.8rem; /* 14px → 0.875rem */
    font-weight: bold;
    margin-top: 0.6rem; /* 10px → 0.625rem */
    padding: 0.6rem 0.6rem; /* 10px → 0.625rem */
    position: relative;
}
.wpcf7-not-valid-tip::before {
    content: "";
    position: absolute;
    top: -0.9rem; /* -15px → -0.9375rem */
    left: 5%;
    width: 1rem; /* 20px → 1.25rem */
    height: 0.9rem; /* 15px → 0.9375rem */
    background-color: #C1151B;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.wpcf7 form.sent .wpcf7-response-output {/* 送信ボタン下完了時 */
    background:#fff;
    color:#000;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
    border-color: #C1151B;
    color:#fff;
    padding:0.5rem;
}

/* 迷惑メール解除 */
.trial_caution {
    margin:5rem 0 0 0;
}
.trial_caution p {
    color:#ccc;
    font-size:0.9rem;
    text-align:left;
    margin-bottom:0;
    border:1
}