@charset "utf-8";

/* ========================================
   base layout
======================================== */

#header { width: 100%; height: 50px;}
#header .inner {
 width: 500px;
 margin: 0 auto;
}
h1 {
 font-size: 24px;
 line-height: 1em;
 padding: 13px 0 13px 15px;
}
#header .close a {
 display: block;
 height: 30px;
 padding: 10px 15px 10px 0; 
}


#copy {
 font-size: 10px;
 line-height: 1em;
 text-align: right;
 padding: 8px 10px 7px 0;
}


/* ========================================
   form part
======================================== */

#formUnit {
 width: 500px;
 min-height: 100%;
 margin: 20px auto 0;
 background-color: #fff;
}

#inq { padding: 15px 15px 25px;}
#inq p.att {
 padding-bottom: 10px;
 margin-bottom: 20px;
 border-bottom: 1px solid #ddd;
}
#inq dt {
 font-size: 14px;
 line-height: 1em;
 margin-bottom: 5px;
}
#inq dd { margin-bottom: 15px;}
#inq dd a { font-size: 14px;}
#inq dd input,#inq dd textarea {
 font-size: 13px;
 width: 100%; 
 padding: 5px 3px;
 border: 1px solid #ccc;
 box-sizing: border-box;
}
#inq dd input { line-height: 1em;}
#inq dd.name input { width: 200px;}
#inq dd.num input { width: 120px;}
#inq dd.num2 input { width: 60px;}
#inq dd.checkbox { padding: 10px 0;}
#inq dd.checkbox input { width: auto;}
#inq dd.checkbox span.wpcf7-list-item-label {
 display: inline-block;
 vertical-align: middle;
 font-size: 14px;
 margin-left: 10px;
}
#inq dd.radio { padding: 10px 0;}
#inq dd.radio input { width: auto;}
#inq dd.radio span.wpcf7-list-item-label {
 display: inline-block;
 vertical-align: middle;
 font-size: 14px;
 margin-left: 10px;
}
#inq dd textarea {
 line-height: 1.5em;
 height: 160px;
}
#inq dd .check { padding-left: 10px;}
#inq dd .check input {
 width: 60px;
 margin-right: 10px;
}

#inq dd .wpcf7-not-valid-tip {
 color: #b81214 !important;
 font-size: 12px;
 margin-top: 5px;
}
#inq dd .check .wpcf7-not-valid-tip { display: inline;}

.wpcf7-response-output { display: none !important;}

.transmission {
 display: none;
}

/* 送信後の設定 */
.sent #inq { display: none;}
.sent .transmission {
 display: block;
 padding: 100px 50px;
}
.sent .transmission p {
 font-size: 14px !important;
 line-height: 1.5em !important;
}


/* http://1ns.co.jp/formに直接アクセスしてきた時用の表示 */
#top {
 position: absolute;
 left: 50%;
 top: 50%;
 font-size: 16px;
 line-height: 1em;
 text-align: center;
 width: 300px;
 padding: 100px 0;
 margin: -100px 0 0 -150px;
 background-color: #ddd;
 border: 1px solid #555;
}


.grecaptcha-badge { visibility: hidden !important; }
p.recaptcha_policy {
    color: #999;
    font-size: 10px;
    line-height: 1.2em;
    padding: 15px;
}
p.recaptcha_policy a {
    font-size: 10px;
    color: #1e7ec7;
}