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

section:not(#pankuzu) { max-width: 800px; margin: 0 auto 50px;}

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

h3 { font-size: 1.2em; margin: 0 0 10px;}

main img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
/**========================================**/
/* パンクズリスト */
#pankuzu {
    box-sizing: border-box; margin: 20px 0; padding: 3px 0; 
    font-size: 12px; line-height: 1.3em;}
#pankuzu h2 {
    display: inline;
    font-size: 12px; font-weight: 400; line-height: 1.3em;}
    
#pankuzu a {color: #535353; text-decoration: none;}
#pankuzu a:hover {color:#f50; text-decoration: underline;}
    
@media screen and (max-width:1024px) {
#pankuzu {
	position: static; top: auto; left:auto;
	margin:20px 0;}

}
    
@media screen and (max-width:699px) {
    #pankuzu {
        overflow-x: scroll; white-space: nowrap;
        margin:20px 0 10px; padding:3px; background: #D8D8D8;}

    #pankuzu div {display: inline-block; padding: 5px;}

    /* スクロールバーの装飾 */
    #pankuzu::-webkit-scrollbar {height: 8px;}
    #pankuzu::-webkit-scrollbar-track {background-color: rgba(235, 235, 235, 1.0);}
    #pankuzu::-webkit-scrollbar-thumb {background-color: rgba( 150, 150, 150, 0.8);}
}

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

/**============================================================================================**/
/* クレーム申請フォーム */
#jyunsei-srx-t .dis-tbl_tab { width: 100%; margin: 0 0 30px;}
#jyunsei-srx-t .dis-tblcl01 { 
    box-sizing: border-box; width: 200px; padding: 8px 15px 0 0; 
    font-weight: bold; line-height: 1.3em; vertical-align: top;}
    
#jyunsei-srx-t .dis-tblcl01 { position: relative; padding: 8px 55px 0 0;}

/* トレーラー全体の分かる画像を添付ください */
#jyunsei-srx-t .posi-rlt { 
    padding: 8px 55px 15px 0;
    width: 300px;
    font-weight: bold; line-height: 1.3em; vertical-align: top;}

#jyunsei-srx-t .m-0a { max-width: 500px;}

/*必須マーク*/
.reqmk {
    display:inline-block; position: absolute; top: 4px; right: 15px;
    padding:2px; 
    border:solid #C74A4C 1px; background:#fff; 
    color:#C74A4C; font-weight:bold;}
    
@media screen and (max-width:699px){
    #jyunsei-srx-t .dis-tbl_tab,
    #jyunsei-srx-t .dis-tblcl { display: block;}

    #jyunsei-srx-t .dis-tblcl01,
    #jyunsei-srx-t .posi-rlt { display:inline-block;}

    #jyunsei-srx-t .dis-tblcl01,
    #jyunsei-srx-t .posi-rlt { width: auto; padding: 0 45px 5px 0;}
    
    .reqmk { top: -4px; right: 0;}
}

/**========================================**/
main input,
main textarea { box-sizing: border-box; font-size: 16px;}

main input[type="text"],
main input[type="tel"] { width: 100%; max-width: 300px;}

main #radio10_tx { max-width: 65px;}    /* 使用回数 */

main input[type="email"],
main textarea { width: 100%;}

#mail_submit_button { 
    width: 200px; height: 48px; 
    font-size: 21px; font-weight: bold; letter-spacing: 0.2em;}




::placeholder { font-size: 14px; line-height: 1.8em;}



/**========================================**/
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date,
.mfp_element_password { 
    padding: 6px;
    border: solid #ccc 1px; border-radius:4px;
	-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);}
    
    
.mfp_element_file {
    margin: 0 15px 0 0;
}

button.mfp_attached_reset {
    margin: 15px 0 0;
}    
    
    
/* 必須未記入時のエラー*/
.formErrorContent {
    display: inline-block;
    margin: 0;
    padding: 4px 6px;
    background: #ee0101;
    color: #fff;
    font-size: 11px;
    line-height: 1.0em;
}

/* LastUp2026.04.20_kimata */