@charset "utf-8";
#form {box-sizing: border-box; width: 100%; margin: 0  auto 40px; padding: 15px 15px 15px 0; font-size: 16px; font-family: "Noto Sans JP Regular";}

@media screen and (max-width:699px){
#form {width: 100%; margin: 0 0 40px; padding: 0; text-align: left;}
}




/* 入力項目 */
/**============================================================================================**/
#form .dis-tbl_tab {width:100%;}
#form .dis-tblcl02{text-align: left;}


/* 項目名 */
#form .dis-tbl_tab > .dis-tblcl01 {width: 160px; padding: 0 15px 0 0; font-weight: bold; text-align: right;}
#form .dis-tbl_tab > .dis-tblcl01 p {margin: 3px 0 0; color: #FF0000; font-weight: lighter;}


#form .dis-tbl_tab,
#form .dis-tbl_tab > .dis-tblcl01,
#form .dis-tbl_tab > .dis-tblcl02 {display: block;}
#form .dis-tbl_tab > .dis-tblcl01 {padding:0 0 5px; text-align:left;}

/* 必須アイコン */
#form .reqmk {
    display: inline-block; margin: 0 0 0 10px; padding: 2px;
    border: #C74A4C solid 1px; background:#fff;
    color: #C74A4C;}

@media screen and (max-width:699px){
    #form .reqmk {
    margin: 0 0 0 10px;
    text-align: center;
    }
}

/**============================================================================================**/


/* テキストボックス・テキストエリア */
/**============================================================================================**/
#form input[type="text"],
#form input[type="tel"],
#form input[type="email"],
#form select,
#form textarea {
	box-sizing: border-box; padding: 6px; 
	border: solid #ccc 1px; border-radius:4px; font-size: 16px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);}
	
/* テキストボックス・テキストエリア選択時 */
#form input[type="text"]:active,
#form input[type="tel"]:active,
#form input[type="email"]:active,
#form select:active,
#form textarea:active,
#form input[type="text"]:focus,
#form input[type="tel"]:focus,
#form input[type="email"]:focus,
#form select:focus,
#form textarea:focus  {
	outline:solid #66AFE9 1px;
	-webkit-box-shadow:0 0px 8px rgba(102,175,233,0.7);
    box-shadow:0 0px 8px rgba(102,175,233,0.7);}

/**========================================**/

/* 必須入力項目 */
#form *[required], 
#form .required { background-color: rgba(255, 221, 221, 0.7);}
#form *[required].dealed, 
#form .required.dealed {background-color: rgba(223, 240, 216, 1);}

/**========================================**/

/* 必須未入力のアラート */
#form .alrt { display: block; margin: 5px 0 0; color: #FF0000; font-size: 13px; }


/**========================================**/

/* メールアドレス入力確認用（未入力時は項目を非表示） */
#form .hide {display: none;}

/**============================================================================================**/

/* 入力欄の幅指定用 */
#form .w20 {width: 20%;}
#form .w25 {width: 25%;}
#form .w30 {width: 30%;}
#form .w35 {width: 35%;}
#form .w40 {width: 40%;}
#form .w45 {width: 45%;}
#form .w50 {width: 50%;}
#form .w60 {width: 60%;}
#form .w70 {width: 70%;}
#form .w80 {width: 80%;}
#form .w90 {width: 90%;}
#form .w100 {width: 100%;}

@media screen and (max-width:699px){
#form .w20,
#form .w25,
#form .w30,
#form .w35 {width: 200px;}

#form .w40,
#form .w45,
#form .w50,
#form .w60 {width: 75%;}

#form .w70,
#form .w80,
#form .w90 {width: 100%;}
}

/* 入力欄の中の文字（placeholder） */
#form input::-webkit-input-placeholder {color:#999; font-size: 16px;}
#form nput:-moz-placeholder {color:#999; font-size: 16px;}
#form input::-moz-placeholder {color:#999; font-size: 16px;}
#form input:-ms-input-placeholder {color:#999; font-size: 16px;}
#form textarea::-webkit-input-placeholder {color:#999; font-size: 16px;}
#form textarea:-moz-placeholder {color:#999; font-size: 16px;}
#form textarea::-moz-placeholder {color:#999; font-size: 16px;}
#form textarea:-ms-input-placeholder {color:#999; font-size: 16px;}


/* ラジオボタン・チェックボックス */
#form ul.radio,
#form ul.check {font-size: 0;}
#form ul.radio li,
#form ul.check li {display: inline-block; box-sizing: border-box; padding: 5px 20px 5px 0; font-size: 14px;}

#form label {display: inline-block; position: relative; padding: 0 0 0 21px;}
#form input[type="radio"],
#form input[type="checkbox"] {position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin: -8px 0 0;}

@media screen and (max-width:699px){
#form label {padding: 0 0 0 23px;}
#form input[type="radio"],
#form input[type="checkbox"] {width: 18px; height: 18px; margin: -9px 0 0;}

}

/* 送信ボタン */
#form input[type="submit"] {padding: 6px 30px; font-size: 16px; font-family: "Noto Sans JP Regular"; font-weight: 600; cursor: pointer;}

/**============================================================================================**/

/**============================================================================================**/
/* 問い合わせ送信完了 */
#completion { max-width: 1200px; margin: 0 auto; padding: 0 20px;}
#completion section { max-width: 600px; margin: 100px auto;}

#completion .pankuzu { margin: 30px 0 0; font-size: 14px;}

/* メッセージを送信しました */
#completion .dis-tbl_tab {margin: 0 0 30px; padding: 0 0 30px; border-bottom: dotted 1px #333;}
#completion .dis-tblcl02 {padding: 0 0 0 30px; font-size: 1.1em; font-weight: 600;}

@media screen and (max-width:699px){
	#completion .dis-tbl_tab,
	#completion .dis-tblcl01,
	#completion .dis-tblcl02 {display: block;}
	
	#completion .dis-tblcl02 {padding: 10px 0 0;}
}


/* ご確認お願いします */
#completion .posi-rlt {margin: 0 0 10px; padding: 0 0 0 25px; font-weight: 600;}
#completion .posi-rlt::before {
	content: ''; display: inline-block;
	position: absolute; top: 2px; left: 0;
	width: 22px; height: 17px;
	background: url(../img/icon-chuui.gif);}

#completion .fs_08 {line-height: 1.8em;}

#completion .m-t30 {padding: 30px 0 0; border-top: dotted 1px #333;}
/**============================================================================================**/

/**============================================================================================**/
/* お問い合わせ */
#form {max-width: 1000px; margin: 200px auto; padding: 0 20px;}

 /* 見出し */
#form h2 {
    margin: 0 0 20px; 
    color: #333; font-size: 22px; 
    font-family: "Noto Sans JP Regular"; text-align: left;}

#form h3 { margin: 20px 0 10px; font-size: 16px;}


 /* 電話 */
#form .tel a { font-size: 30px; font-weight: 600; text-decoration: none;}
 /* 電話アイコン */
#form .tel a::before {
    content: '';
    display: inline-block;
    width: 25px; height: 25px;
    background: url("../img/tel.webp"); }

#form .tel span {
    margin: 0 0 0 10px; 
    color: #333; font-size: 22px;}

@media screen and (max-width:699px){
    #form {margin: 80px auto;}
    
     /* 見出し */
     #form h3 {margin: 0 0 10px; font-size: 16px;}

     /* 電話 */
    #form .tel a {display: block; margin: 20px 0 0;} 
    #form .tel span {display: block;}  
}


/* LastUp2026.02.18_kimata */