@charset "euc-jp";
/* 必須 */
#mailformpro .reqmk {
	display: inline-block;
	margin: 0 0 0 10px; padding: 2px;
	border: solid 1px #C74A4C;
	color: #C74A4C; font-weight: bold;}

/* 入力欄（基本） */
#mailformpro input:not([type="file"]),
#mailformpro textarea,
#mailformpro select {
	box-sizing: border-box; padding: 3px 8px;
	border: solid 1px #ccc; border-radius: 3px;
	color: #000; font-size: 16px;}

/* 入力欄（幅） */
#mailformpro input[type="text"],
#mailformpro input[type="email"],
#mailformpro input[type="tel"],
#mailformpro textarea { width: 100%;}

/* 入力欄（高） */
#mailformpro input[type="text"],
#mailformpro input[type="email"],
#mailformpro input[type="tel"],
#mailformpro select { height: 34px;}

/* ラジオボタン・チェックボックス */
#mailformpro input[type="radio"],
#mailformpro input[type="checkbox"] { width: 16px; height: 16px; padding: 0; vertical-align: middle;}

/* 欄内の入力例 */
#mailformpro input::placeholder,
#mailformpro textarea::placeholder,
#mailformpro select::placeholder { color: #888;}

/* 送信ボタン */
#mailformpro input[type="submit"],
#mailformpro input[type="button"]{
    height: auto; padding:10px; 
    border-color: #767676;
    font-weight: bold;
    cursor: pointer;}
    
#mailformpro input[type="submit"]:hover,
#mailformpro input[type="button"]:hover { opacity: 0.5;}

/* 入力欄（必須） */
*[required],
.required {background: rgba(255, 221, 221, 0.7);}

/* 入力欄（入力不可） */
*[required].dealed,
.required.dealed { background: rgba(223, 240, 216, 1);}

/*--オートコンプリート用--*/
input:-webkit-autofill {box-shadow: 0 0 0px 1000px rgba(223, 240, 216, 1) inset;}

/* 入力欄（表示専用） */
*[readonly] {
	cursor: not-allowed;
	background-color: #eee;
}

/* 添付ファイルサムネイル用 */
#mailformpro div.mfp_attached_thumbnails ul li a img { max-width: 80px;}
#mailformpro div.mfp_attached_thumbnails ul:after {display: block; clear:both; content: "";} 

/* 添付ファイルリセット用 */
button.mfp_attached_reset { margin: 10px 0 0;}

div.mfp_err {
	padding-left: 0;
    background: none;
}

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

/**============================================================================================**/
/* お問い合わせ */
main { max-width: 600px; margin: 50px auto; padding: 0 20px;}
 
h1 { margin: 0 0 50px; text-align: center;}

#mailformpro p { margin: 0 0 5px; font-weight: bold;}

/* 氏名 */
 #mailformpro input[type="text"] { max-width: 320px;} 

/* 送信 */
#mailformpro input[type="submit"] { width: 100px;}


/**========================================**/
/* メッセージを送信しました */
#completion .dis-tbl_tab { 
    width: 100%; margin: 0 0 30px; padding: 0 0 30px; 
    border-bottom: dotted 1px #333;
    font-size: 18px; font-weight: 900; line-height: 1.6em;}

#completion .dis-tbl_tab > * { display: table-cell; vertical-align: middle;}
#completion .dis-tbl_tab div { width: 150px;}
#completion .dis-tbl_tab p { padding: 0 0 0 30px;}

@media screen and (max-width:699px){
	#completion .dis-tbl_tab,
	#completion .dis-tbl_tab > * {display: block;}
	#completion .dis-tbl_tab div { margin: 0 auto;}
	#completion .dis-tbl_tab p {padding: 10px 0 0;}
}

/* ご確認お願いします */
#completion > p { 
    padding: 10px 0 30px; 
    border-bottom: dotted 1px #333; 
    font-size: 14px; line-height: 1.6;}

#completion a { 
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box; width: 200px; height: 42px; margin: 0 auto;
    border-radius: 30px;
    background: #53b4ba; 
    color: #fff; font-size: 16px; font-weight: 900; line-height: 1.0em; text-decoration: none;}

#completion a:hover { opacity: 0.5;}



/* LastUp2025.09.17_kimata */