@charset "utf-8";
main { 
    max-width: 780px; margin: 20px auto 50px; padding: 0 15px;
    font-size: 14px; line-height: 1.5em;}

main img { width: auto; height: auto; max-width: 100%; max-height: 100%;}

section {margin: 0 0 50px;}

h2 {
	margin: 50px 0 20px; padding: 0 0 5px;
    border-bottom: solid 2px #960002;
    font-size: 19px; line-height: 1.3em;}


h3 {
	margin: 50px 0 20px; padding: 5px;
	border-bottom: double 5px #004885;
	border-left: solid 8px #004885; 
	color: #004885; font-size: 18px;
}

/* お問い合わせ商品 */
main .p_10 {
    margin: 0 0 60px;
    border: solid 1px #1C60A0;
    border-radius: 10px;
    font-size: 18px; font-weight: bold; line-height: 1.8em;}
    
    
main .dis-tbl_tab { width: 100%; margin: 0 0 20px;}
main .dis-tbl_tab > * { display: table-cell; vertical-align: top;}
main .dis-tbl_tab > p { 
    position: relative;
    width: 280px;
    font-weight: bold;}

main .dis-tbl_tab > p:has(.reqmk) { padding: 8px 0 0;}

/* 必須アイコン */
#mailform .reqmk {
    display: inline-block; position: absolute; top: 3px; right: 15px;
    margin: 0 0 0 15px; padding: 2px;
    border: solid 1px #C74A4C; background:#fff;
    color: #C74A4C; font-weight: bold;}

@media screen and (max-width:699px){
    main .dis-tbl_tab,
    main .dis-tbl_tab > * { display: block;}

    main .dis-tbl_tab > p,
    main .dis-tbl_tab > p:has(.reqmk) { padding: 0 0 5px;}

    /* 必須アイコン */
    #mailform .reqmk { position: static;}
}

/**============================================================================================**/
#mailform input[type="text"],
#mailform input[type="tel"],
#mailform input[type="email"],
#mailform select,
#mailform 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);}

#mailform input[type="text"],
#mailform input[type="tel"],
#mailform input[type="email"],
#mailform textarea { width: 100%;}

#mailform input[type="text"] { max-width: 200px;}


/* テキストボックス・テキストエリア選択時 */
#mailform input[type="text"]:active,
#mailform input[type="tel"]:active,
#mailform input[type="email"]:active,
#mailform select:active,
#mailform textarea:active,
#mailform input[type="text"]:focus,
#mailform input[type="tel"]:focus,
#mailform input[type="email"]:focus,
#mailform select:focus,
#mailform 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);}

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

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

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

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


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

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

#email_confirm,#email_confirm2{
  font-size: 230%; line-height: 1.2em;
  font-family: monospace;
}

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


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

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

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

}

/* 送信ボタン */
#mailform input[type="submit"] {padding: 6px 30px; font-size: 18px; font-weight: 600; cursor: pointer;}

/* LastUp2025.04.08_kimata */