@charset "UTF-8";

/*-------------------------
__inquiry_style
-------------------------*/

#contents #reminder{padding:30px 0;}
#contents .txt{display:block;font-size:1.4em; line-height: 1.4em; text-align:center;}
#contents .submit_box{text-align:center;}
#contents .submit{padding-bottom:10px;}

#contents table{font-size:1.4em;line-height:1.6;text-align:left;border-collapse:separate;border-spacing:0px 8px;margin:30px auto 0;}
#contents table th,
#contents table td{padding:15px 20px;box-sizing:border-box;}
#contents table th{font-weight:700;background-color:#eee;width:185px;box-sizing:border-box;}

#contents table input{margin:2px;}
#contents table input[type="text"]{border:1px solid #999;font-size:1em;padding:5px;margin:1px;background-color:#EEE;}

#contents table .attention{margin:0 0 0 5px; padding:2px 5px 2px;border-radius:3px;color:#fff;background-color:#FF0000;}
#contents table .cap1{display:inline-block;padding:5px 0 0;}
#contents table input + .cap1{margin:0 0 0 10px;}

/*共通*/
#contents table input[type="text"],
#contents table input[type="button"],
#contents table label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#contents table input[type="button"]{-webkit-appearance:button;appearance:button;}
/*フォーカス処理*/
#contents table input[type="text"]:focus,
#contents table textarea:focus{background:#FFF;}
/*横幅設定*/
#contents table .fm_s{width:180px;}
#contents table .fm_m{width:280px;}
#contents table .fm_l{width:520px;}
#contents table .fm_ll{width:calc(100% - 30px);}
/*placeholder*/
#contents table input[type="text"]::-webkit-input-placeholder,
#contents table textarea::-webkit-input-placeholder,
#contents table input[type="text"]:-ms-input-placeholder,
#contents table textarea:-ms-input-placeholder,
#contents table input[type="text"]:placeholder-shown,
#contents table textarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#contents table .ime_jp{ime-mode:active;}
#contents table .ime_en{ime-mode:disabled;}
/*送信確認*/
#contents input[type="button"]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance: button;font-size:1em;background-color:#ddd;padding:5px 7px 5px;box-sizing: border-box;border-radius:3px;cursor: pointer;border:none;}
#contents input[type="submit"]{-webkit-box-sizing:content-box;-webkit-appearance:button;appearance:button;font-size:1.8em;font-weight:700;padding:15px 35px;box-sizing:border-box;border-radius:5px;cursor:pointer;color:#fff;background-color:#00349f;border:none;}

@media screen and (min-width: 1025px) {

#contents input[type="button"],
#contents input[type="submit"]{transition:0.3s;}
#contents input[type="button"]:hover{opacity:0.5;}
#contents input[type="submit"]:hover{opacity:0.8;}

}

@media screen and (max-width: 767px) {

.basic_title h1 span{ display: block;}
    
#contents #reminder{padding:15px 0;}
#contents .txt{text-align:left;}

#contents table{width:100%;margin:15px auto 0;}

#contents table th,
#contents table td{display:block;width:100%;padding:10px 0;}
#contents table th{padding:10px;}

/*横幅設定*/
#contents table .fm_s{width:80px;}
#contents table .fm_m{width:calc(100% - 30px);}
#contents table .fm_l{width:calc(100% - 30px);}
#contents table .fm_ll{width:calc(100% - 30px);}

}

/*----thanks----*/
#contents #thanks {width:60%;text-align:center!important;margin:50px auto;padding:30px 0;}
#contents #thanks h3 {font-size:2.5em;line-height:1.4;font-weight:700;margin-bottom:20px;padding-bottom:5px;color:#00349f;}
#contents #thanks p {font-size:1.4em;line-height:1.6;padding-bottom:20px;}
#contents #thanks .proviso{}
#contents #thanks .proviso span{display:block;}
#contents #thanks dl{padding:25px 0; margin-top:10px; background-color:#eee;}
#contents #thanks dt {font-size:1.8em;line-height:1.6;font-weight:700; margin-bottom: 10px;}
#contents #thanks dd.tel a{font-size:1.8em;font-weight:700;color:#FF0000; text-decoration:none;}
#contents #thanks dd {font-size:1.4em;line-height:24px;}
#contents #thanks dd:nth-child(2){margin-bottom:10px;}
#contents #thanks dd.back a{display:inline-block;text-decoration:none;padding:5px 10px;border-radius:5px;color:#fff;background-color:#aaa;}
#contents #thanks dd.back a:hover{ background-color: #ccc;}

@media screen and (min-width: 768px) {

#contents #thanks dd.tel a[href^="tel:"] {
		pointer-events: none;}
}

@media screen and (max-width: 767px) {

#contents #thanks{width:100%;padding:0px;box-sizing:border-box; margin:15px 0;}
#contents #thanks h3{font-size:1.7em; margin-bottom:10px;}
#contents #thanks h3 span{display:block;}
#contents #thanks .proviso span{display:inline;}
#contents #thanks dl{padding:15px 0; margin-top: 0;}
#contents #thanks p{font-size:1.3em;line-height:1.5;padding-bottom:15px;}
#contents #thanks dt {font-size:1.6em;}
#contents #thanks dd.tel a{font-size:1.6em;}
#contents #thanks dd{ font-size:1.3em; }
#contents #thanks dd.back a{ font-weight:700;}

}