@charset "UTF-8";


#contact,#form{width:1000px;margin:50px auto 50px;text-align:center;border:10px solid #dfdfdf;background-color:#fff;box-sizing:border-box;}
#contact .logo,
#form .logo{display:block;width:150px;margin:20px auto 0 20px;}
#contact .logo img,
#form .logo img{width:100%;height:auto;}
#contact .inner,
#form .inner{box-sizing:border-box;padding:10px 40px 20px;}
.title_contents_box{ text-align: center;margin-bottom:10px;}
.title_contents{font-size: 30px; line-height: 40px;height: 40px;font-weight: 400;text-align: center;letter-spacing: normal;display:inline-block;border-top: 5px solid #000;padding: 10px 0 0;margin: 30px 0 10px;}
#contact .pc_none{ display:none;}
#contact .sph_none{ display:block;}







#contact .box01 .box_back{padding:0 0 50px;}
#contact .box01 .catch_copy{font-size:24px;line-height:1.8;color:#000;font-weight:700;letter-spacing:0.1em;padding:0 0 50px;}
#contact .box01 h2{text-align:left;width:100%;max-width:960px;margin:0 auto;padding:0 0 30px;}
#contact .box01 h2 span{font-size:30px;line-height:40px;height:40px;text-align:center;letter-spacing:normal;display:inline-block;border-top:5px solid #000/*メインカラー*/;padding:10px 0 0 ;margin:0 10px;}
#contact .box03{ padding:50px 0;}
#contact .box01 .box_inner,
#contact .box01 .box_inner2{width:100%;margin:0 auto;}
#contact .box01 .box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;margin:0 10px;display:flex;}
#contact .box01 .box_inner dt,
#contact .box01 .box_inner dd{font-size:14px;line-height:40px;letter-spacing:normal;display:inline-block;vertical-align:top;padding-top:20px;}
#contact .box01 .box_inner dt{font-weight:700;width:215px;padding-left:5px;}
#contact .box01 .box_inner dt.dt_lh24{line-height:24px;}
#contact .box01 .box_inner dd{}
#contact .box01 .box_inner dd + dd{padding-left:220px;}
#contact .box01 .box_inner .att1{font-size:12px;font-weight:400;color:#FF0000;}
#contact .box01 dd input[type="text"],
#contact .box01 dd textarea{font-size:14px;line-height:20px;margin:0 5px;padding:0;border:1px solid #AAA;background:#EEE;box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset;border-radius:5px;}
#contact .box01 dd input[type="text"]{padding:9px;}
#contact .box01 dd textarea{line-height:1.5;padding:9px;height:120px;}
#contact .box01 dd input[type="button"]{font-size:14px;line-height:40px;color:#FFF;height:40px;border:1px solid #AAA;background:#545454;display:inline-block;padding:0 15px;border-radius:7px;}
/*select resetここから*/
#contact .box01 dd select{-webkit-appearance: none!important;-moz-appearance: none!important;appearance: none!important;font-size:14px;border:none;background:none;width:100%;}
#contact .box01 dd select option{ padding:5px 0;border-bottom:0;border-right:1px solid #AAA;border-left:1px solid #AAA;}
#contact .box01 dd select option:first-child{border-top:1px solid #AAA;}
#contact .box01 dd select option:last-child{border-bottom:1px solid #AAA;}
/*select resetここまで*/
#contact .box01 dd .select_wrap{position:relative;background:#EEE;display:block;border-radius:5px;margin-left:5px;}
#contact .box01 dd .select_wrap select{display:block;padding:9px 45px 9px 9px;line-height:20px;border:1px solid #AAA;box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset;border-radius:5px;box-sizing:border-box;width:300px;position:relative;z-index:1;}
#contact .box01 dd .select_wrap:before{display:block;content: "";position: absolute;right:10px;top:0;bottom:0;margin: auto;width:25px;height:25px;-webkit-border-radius: 50%;border-radius: 50%;background: #bbb;}
#contact .box01 dd .select_wrap:after {display: block;content: "";position: absolute;right:18px;top:8px;bottom:0;margin: auto;width:0px;height:0px;border: 5px solid transparent;border-top: 5px solid #FFF;}
/*共通*/
#contact .box01 dd input[type="text"],
#contact .box01 dd textarea,
#contact .box01 dd input[type="button"],
#contact .box01 .btn1 input[type="submit"],
#contact .box01 dd label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
#contact .box01 dd input[type="button"],
#contact .box01 .btn1 input[type="submit"]{-webkit-appearance:button;appearance:button;}
/*フォーカス処理*/
#contact .box01 dd input[type="text"]:focus,
#contact .box01 dd textarea:focus{background:#FFF;}
/*横幅設定*/
#contact .box01 dd .fm_s{width:180px;}
#contact .box01 dd .fm_m{width:280px;}
#contact .box01 dd .fm_l{width:520px;}
#contact .box01 dd .fm_ll{width:calc(100% - 30px);}
/*郵便番号*/
#contact .box01 dd.add{position:relative;}
#contact .box01 dd.add input[type="text"]{padding-left:35px;}
#contact .box01 dd.add::after{content:"〒";display:inline-block;position:absolute;top:20px;left:15px;}
/*placeholder*/
#contact .nput[type="text"]::-webkit-input-placeholder,
#contact .extarea::-webkit-input-placeholder,
#contact .nput[type="text"]:-ms-input-placeholder,
#contact .extarea:-ms-input-placeholder,
#contact .nput[type="text"]:placeholder-shown,
#contact .extarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#contact .ime_jp{ime-mode:active;}
#contact .ime_en{ime-mode:disabled;}
/*チェックボックス*/
#contact .box01 dd label.ck1{}
#contact .box01 dd label.ck1 input{display:none;}
#contact .box01 dd 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;}
#contact .box01 dd label.ck1 input:checked + span{background-image:url(/images/form_ck1.png);border-color:#FF0000;}
/*ラジオボタン*/
#contact .box01 dd label.rdo1{}
#contact .box01 dd label.rdo1 input{display:none;}
#contact .box01 dd label.rdo1 span{display:inline-block;line-height:38px;height:38px;padding:0 9px 0 49px;background:url(/images/form_rdo2.png) 5px 5px no-repeat;background-size:30px,30px;border:1px solid #FFF;border-radius:7px;cursor:pointer;transition:0.3s;}
#contact .box01 dd label.rdo1 input:checked + span{background-image:url(/images/form_rdo1.png);border-color:#FF0000;}

/*submitボタン*/
#contact .box01 .btn1{padding:35px 0 0;}
#contact .box01 .btn1 input[type="submit"]{font-size:20px;line-height:50px;color:#FFF;padding:0 40px;height:50px;display:inline-block;background:#D5AE3C/*アクセントカラー*/;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}

/*希望日時調整*/
#contact .box01 .box_inner dl.h_120px{ height:110px;}
#contact .box01 dd label.rdo1{ position:relative;}
#contact .box01 dd label.rdo1 input.radio_text{ display:block!important;opacity:0.1; position: absolute; top:35px; left:0; cursor:default;}
#contact .box01 dd label.rdo1 input.radio_text + span.cap1{ display:block!important; width:450px;opacity:0.1; position: absolute; top:35px; left:310px; padding:0; background:none; border:none;pointer-events:none;}
#contact .box01 dd label.rdo1 input:checked ~ input.radio_text{opacity:1;cursor:pointer;}
#contact .box01 dd label.rdo1 input:checked ~ input.radio_text + span.cap1{opacity:1;cursor:pointer;}

/*お問い合わせ内容調整*/
#contact .box01 .naiyo dd label{ width:48%; display:inline-block; margin:0 0 5px;}
#contact .box01 .naiyo dd .cap1{ display:block; line-height:25px; margin:0 0 5px; padding:15px 0 0;}


/*プライバシーポリシー*/
#contact .box01 .privacy{margin:30px 15px 0 15px;border:1px solid #AAA;background:#FFF;position:relative;}
#contact .box01 .privacy::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;
background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);}
#contact .box01 .privacy .inner{width:100%;height:300px;overflow:auto;-webkit-overflow-scrolling:touch;}
#contact .box01 .privacy .page_caption,
#contact .box01 .privacy dl{font-size:14px;line-height:22px;text-align:left;margin:0 10px;padding:10px 0 0;}
#contact .box01 .privacy .page_caption{}
#contact .box01 .privacy dl{}
#contact .box01 .privacy dt{font-size:20px;padding:20px 0 0;}
#contact .box01 .privacy dd{padding:10px 0 0;}
#contact .box01 .privacy dt.box1{font-size:14px;}
#contact .box01 .privacy dd.box2{margin:0 0 0 30px;}
#contact .box01 .privacy .pp_contact{background:#EEE;padding:20px 0;margin:20px 0 0;}
#contact .box01 .privacy .pp_contact h4{font-size:16px;font-weight:700;line-height:25px;}
#contact .box01 .privacy .pp_contact p{font-size:14px;line-height:25px;padding:5px 0 0;}
#contact .box01 .privacy .pp_contact br.line1{display:none;}
#contact .box01 .privacy .pp_contact br.line1 + .line0{padding:0 0 0 1em;}

#contact .box01 .box_inner .comment1{font-size:14px;line-height:20px;background:#EEE;border:1px solid #AAA;padding:9px;margin:0 10px 10px 10px;}
#contact .box01 .box_inner .comment1 span{display:inline-block;vertical-align:top;}
#contact .box01 .box_inner table{margin:0 auto;padding:0;border:none;width:98%;}
#contact .box01 .box_inner tr{}
#contact .box01 .box_inner th,
#contact .box01 .box_inner td{margin:0;padding:20px 5px;border-bottom:1px solid #aaa;font-size:14px;line-height:20px;text-align:left;box-sizing:border-box;}
#contact .box01 .box_inner th{font-weight:700;width:30%;}
#contact .box01 .box_inner td{width:70%;}
/*ボタン初期化*/
#contact .box01 input[type="button"],
#contact .box01 input[type="submit"]{-webkit-appearance:button;appearance:button;}
/*submitボタン*/
#contact .box01 .btn1{padding:35px 0 0;}
#contact .box01 .box_inner dd span.cap1_r{ color:#F00;display:block;line-height:1.8!important;text-indent:-1em;padding:20px 0 0 1em;}

/*-------------------------
.box01.thanks
サンクスページ用
-------------------------*/
#contact .box01.thanks .box_inner .coimment0{font-size:22px;line-height:30px;color:#FF0000;padding:0 0 20px; text-align:center;}
#contact .box01.thanks .box_inner .coimment0 br.line1{display:none;}
#contact .box01.thanks .box_inner .cap1{font-size:14px;line-height:22px;padding:20px 0 30px;}
#contact .box01.thanks .box_inner .info{padding:0 0 20px;text-align:center;display:block;}
#contact .box01.thanks .box_inner .info dt{font-size:18px;line-height:22px;display:block;margin:auto;}
#contact .box01.thanks .box_inner .info dd{font-size:22px;line-height:30px;font-weight:700;color:#FF0000;display:block;margin:auto;padding-top:5px;}
#contact .box01.thanks .box_inner .info dd span{font-size:12px;line-height:24px;font-weight:400;color:#FFF;background:#FF0000;padding:0 5px;margin:3px 5px 3px 0;height:24px;display:inline-block;vertical-align:bottom;border-radius:4px;}
#contact .box01 .box_inner .info dd a.call{color:inherit;text-decoration:inherit;display:inline-block;pointer-events:none;}


#form .box01 {padding:0;}
#form .box01 .box_inner{width:100%;}