@charset "UTF-8";

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

#contents .surely{font-size:1.4em;font-weight:700;color:#F00;}
#contents .submit_box{text-align:center;}
#contents .transmit{font-size:1.4em;line-height:1.2;padding-bottom:10px;}
#contents .submit{padding-bottom:10px;}

#contents table{font-size:1.4em;line-height:1.6;width:100%;text-align:left;border-collapse:separate;border-spacing:0px 8px;margin-bottom: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;}
#contents table textarea{width:100%;height:200px;font-size:1em;line-height:20px;margin:0;padding:5px;box-sizing:border-box;border:1px solid #999;}

#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 textarea,
#contents table input[type="button"],
#contents table .btn1 input[type="submit"],
#contents table label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#contents table input[type="button"],
#contents table .btn1 input[type="submit"]{-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);}
/*郵便番号*/
#contents table .add{display:inline-block;margin:5px 0;position:relative;}
#contents table .add input[type="text"]{padding-left:35px;}
#contents table .add::after{content:"〒";display:inline-block;position:absolute;top:5px;left:10px;}
/*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 table label{margin:5px 0;}
#contents table label.ck1{}
#contents table label.ck1 input{display:none;}
#contents table label.ck1 span{display:inline-block;line-height:38px;height:38px;padding:0 9px 0 49px;background:url(images/form_ck2.png) 5px 5px no-repeat;background-size:30px,30px;border:1px solid #FFF;border-radius:7px;cursor:pointer;transition:0.3s;}
#contents table label.ck1 input:checked + span{background-image:url(images/form_ck1.png);border-color:#F00;}
#contents table label.ck2{display:inline-block;}
#contents table label.ck2 input{display:none;}
#contents table label.ck2 span{display:inline-block;line-height:25px;height:25px;padding:0 5px 0 35px;background:url(images/form_ck4.png) 0 0 no-repeat;background-size:25px,25px;border:1px solid #FFF;cursor:pointer;transition:0.3s;}
#contents table label.ck2 input:checked + span{background-image:url(images/form_ck3.png);}
#contents table label.ck3{}
#contents table label.ck3 input{display:none;}
#contents table label.ck3 span{display:inline-block;line-height:25px;height:25px;padding:0 5px 0 35px;background:url(images/form_ck6.png) 0 0 no-repeat;background-size:25px,25px;border:1px solid #FFF;cursor:pointer;transition:0.3s;}
#contents table label.ck3 input:checked + span{background-image:url(images/form_ck5.png);}
/*セレクトボックス*/
#contents table .select_box{display:inline-block;position:relative;border:1px solid #AAA;border-radius:5px;background: #FFF;}
#contents table .select_box::after{content: '';width:6px;height:6px;border:0px;border-bottom:solid 2px #b4b3b3;border-right:solid 2px #b4b3b3;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;top:50%;right:10px;margin-top:-4px;}
#contents table select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#contents table select{width:100%;padding:0 1em 0 9px;cursor:pointer;font-size:14px;line-height:38px;vertical-align:top;text-overflow:ellipsis;border:none;outline:none;background:transparent;background-image:none;box-shadow:none;-webkit-appearance:none;appearance:none;}
/*送信確認*/
#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 20px;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) {

#contents table input[type="text"],
#contents table .select_box select{font-size:16px;}

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

#contents table .cap1{font-size:12px;line-height:30px;display:block;padding:0;}
#contents table input + .cap1{margin:0;}

/*横幅設定*/
#contents table .fm_s{width:80px;}
#contents table .fm_m{width:60%; box-sizing: border-box;}
#contents table .fm_l{width:100%; box-sizing: border-box;}
#contents table .fm_ll{width:100%; box-sizing: border-box;}

}

/*----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;}

}