@charset "UTF-8";

.min{font-family:'Noto Serif JP', serif;}
.wid_960{width:1200px;margin:auto;}
#content #main .sec_title_box{background:#DDD;}
#content #main .sec_title_box .sec_title_inner{width:100%;height:350px;margin:0 auto;background:url("/contact/images/taitle_bg@2x.jpg")right center no-repeat;background-size:cover;position:relative;}
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:110px;}
#content #main .sec_title_box .page_title{font-size:3.8em;font-weight:700;line-height:1.4;letter-spacing:0.08em;padding-top:60px;text-shadow:0px 0px 8px #FFF,0px 0px 6px #FFF,0px 0px 3px #FFF;}
#content #main .sec_title_box .page_title em{color:#ee1c25;}
@media screen and (max-width: 981px) {
.wid_960{box-sizing:border-box;padding:0 30px;}
#content #main .sec_title_box .sec_title_inner{height:300px;background:url("/contact/images/taitle_bg@2x.jpg")center bottom 80% no-repeat;background-size:cover;}
#content #main .sec_title_box .page_title{font-size:3.5em;padding-top:45px;}
}
@media screen and (max-width: 767px) {
.sph_off{display:none;}
.wid_960{width:auto;padding:0 15px;}
#content #main .sec_title_box .sec_title_inner{height:190px;background-size:auto 120%;}
#content #main .sec_title_box .sec_title_inner .topic_path{padding-top:85px;}
#content #main .sec_title_box .page_title{width:95%;font-size:2.0em;line-height:1.4;padding-top:0;position:absolute;top:75%;left:50%;transform:translate(-50%,-50%);}
#content #main .sec_title_box .page_title span{display:inline-block;}
}
/*-------------------------
__フォームの切り替え JavaScript使用
-------------------------*/
.form_base{position:relative;width:1200px;margin:80px auto;}
.mform_df1 .radio{position:absolute;top:0;left:calc(50% - 305px);width:300px;z-index:1;}
.mform_df2 .radio{position:absolute;top:0;left:calc(50% + 5px);width:300px;z-index:1;}
.radio input{display:none;}/*radioボタン初期化*/
.radio span{display:block;background:#555;padding:15px;border-radius:5px;transition:background 0.3s,margin 0.3s,padding 0.3s;font-size:1.6em;color:#FFF;font-weight:700;margin-top:5px;}
.radio input:checked + span{background:#034da2;padding:20px;margin-top:0px;}
#formbox1{display:block;}	
#formbox2{display:none;}	
/*#formbox1.dis_on,
#formbox2.dis_on{display:block;width:100%;}*/
@media screen and (max-width: 767px) {
.form_base{width:100%;margin:40px auto;}
.mform_df1 .radio{left:2%;width:96%;}
.mform_df2 .radio{left:2%;width:96%;top:63px;}
.radio span{font-size:1.4em;}
}
/*-------------------------
__.form_base
-------------------------*/
.form_base .err{display:block;color:#F00;}
.form_base .box_inner,
.form_base .box_inner2{width:1200px;margin:0 auto;}
.form_base #privacy{padding-top:90px;margin:-90px auto 0;}/*個人情報の取り扱いリンクずれ修正*/
.form_base .box_inner dl{font-size:0;letter-spacing:-1em;text-align:left;margin:0 10px;}
.form_base .box_inner dt,
.form_base .box_inner dd{font-size:14px;line-height:40px;letter-spacing:normal;display:inline-block;vertical-align:top;padding-top:20px;}
.form_base .box_inner dt{font-weight:700;width:195px;padding-left:5px;}
.form_base .box_inner dd{width:calc(100% - 200px);}
.form_base .box_inner dd + dd{padding-left:200px;}
.form_base .box_inner dd .hosoku_text{display:block;font-size:13px;line-height:1.2;padding:10px 0;}
.form_base .box_inner .att1{font-size:12px;font-weight:400;color:#F00;}
.form_base dd input[type="text"],
.form_base 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;}
.form_base dd input[type="text"]{padding:9px;}
.form_base dd textarea{line-height:30px;padding:0 9px;height:120px;}
.form_base 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;}
.form_base .box_inner dt span.attention {display:block;font-weight:normal;font-size:12px;line-height:1;}

/*共通*/
.form_base dd input[type="text"],
.form_base dd textarea,
.form_base dd input[type="button"],
.form_base .btn1 input[type="submit"],
.form_base dd label{cursor:pointer;transition:0.3s;}
/*ボタン初期化*/
.form_base dd input[type="button"],
.form_base .btn1 input[type="submit"]{-webkit-appearance:button;appearance:button;}
.form_base dd button,
.form_base input[type="button"]{background:none;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.form_base select{-moz-appearance:none;-webkit-appearance:none;appearance:none;border-radius:0;border:0;margin:0;padding:0;background:none transparent;vertical-align:middle;font-size:inherit;color:inherit;box-sizing:content-box;}
/*フォーカス処理*/
.form_base dd input[type="text"]:focus,
.form_base dd textarea:focus{background:#FFF;}
/*横幅設定*/
.form_base dd .fm_s{width:180px;}
.form_base dd .fm_m{width:280px;}
.form_base dd .fm_l{width:520px;}
.form_base dd .fm_ll{width:calc(100% - 30px);}
/*郵便番号*/
.form_base dd.add{position:relative;}
.form_base dd.add input[type="text"]{padding-left:35px;}
.form_base dd.add::after{content:"〒";display:inline-block;position:absolute;top:20px;left:15px;}
.form_base dd.add 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;}
/*placeholder*/
#top input[type="text"]::-webkit-input-placeholder,
#top textarea::-webkit-input-placeholder,
#top input[type="text"]:-ms-input-placeholder,
#top textarea:-ms-input-placeholder,
#top input[type="text"]:placeholder-shown,
#top textarea:placeholder-shown{color:#AAA;}
/*入力時のキーボード*/
#top .ime_jp{ime-mode:active;}
#top .ime_en{ime-mode:disabled;}

/*ラジオ&チェックボックス*/
input[type="radio"],
input[type="checkbox"]{ position: absolute; white-space: nowrap; width: 1px; height: 1px; overflow: hidden; border: 0; padding: 0; clip: rect(0 0 0 0); clip-path: inset(50%); margin: -1px;}
.r_box li,.c_box li{display:inline-block;}
/*ラジオ*/
label.rad{vertical-align:middle;position:relative;display:inline-block;margin-right:10px;}
label.rad input{display:none;}
label.rad span{padding:0 0 0 35px;cursor:pointer;transition:0.3s;}
label.rad input + span::before{position:absolute;background-color: #fff; border: 1px solid #ccc; border-radius: 50%; width: 20px; height: 20px; transform: translateY(-50%); top: 50%;left:5px;content:"";}
label.rad input + span::after{position:absolute; background-color: #034da2; border-radius: 50%; opacity: 0; width: 12px; height: 12px;transform: translateY(-50%); top: 50%;left: 10px;content:"";}
label.rad input:checked + span::after{opacity:1;}
/*チェック*/
label.ck{vertical-align:middle;position:relative;display:inline-block;margin-right:10px;}
label.ck input{display:none;}
label.ck span{padding:0 0 0 35px;cursor:pointer;transition:0.3s;}
label.ck input + span::before{position:absolute;background-color: #fff; border: 1px solid #ddd; width: 20px; height: 20px; transform: translateY(-50%);top:50%; left: 5px;border-radius:5px;content:"";}
label.ck input + span::after{position:absolute; border-bottom: 3px solid #034da2; border-left: 3px solid #034da2; opacity: 0; height: 5px; width: 10px; transform: rotate(-45deg); top: 14px; left: 10px;content:"";}
label.ck input:checked + span::after{opacity:1;}
@media screen and (max-width: 767px) {
label.rad{display:block;margin:0;}
label.rad + label.rad{margin:0;}
label.ck{display:block;}
label.ck + label.ck{margin:0;}
label.ck input + span::after{top:15px;}
}
/*チェックボックス（同意する）*/
.form_base dd label.ck1{}
.form_base dd label.ck1 input{display:none;}
.form_base dd label.ck1 .doui_text{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;}
.form_base dd label.ck1 input:checked + .doui_text{background-image:url(/images/form_ck1.png);border-color:#F00;}
/*submitボタン*/
.form_base .form_submit_button{margin:60px auto 30px;}
.form_base .form_submit_button input[type="button"],
.form_base #submit_btn{font-size:20px;line-height:50px;color:#FFF;padding:0 40px;height:50px;display:inline-block;background:#ee1c25;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
.form_base .form_reset_button input[type="button"],
.form_base #return_btn{font-size:18px;line-height:40px;color:#FFF;padding:0 40px;height:40px;display:inline-block;background:#555;border:none;border-radius:5px;box-shadow:0 1px 6px 1px rgba(0,0,0,0.4);}
.form_base #submit_btn{display:block;width:260px;margin:60px auto 30px;}
.form_base #return_btn{display:block;width:152px;margin:0 auto;padding:0;}
/*セレクトボックス*/
.form_base .select_wrap{display:inline-block;position:relative;vertical-align:top;margin:0 5px;}
.form_base .select_wrap::before{content:"";position:absolute;right:10px;top:19px;width:10px;height:10px;border-top:2px solid #aaa;border-left:2px solid #aaa;transform:translateY(-50%) rotate(-135deg);}
.form_base select{width:400px;font-size:15px;line-height:1.4;padding:10px;border: 1px solid #AAA;background:#EEE;box-shadow:1px 1px 1px rgba(0,0,0,0.3) inset;border-radius:5px;box-sizing:border-box;}

/*プライバシーポリシー*/
.form_base .privacy{margin:30px 15px 0 15px;border:1px solid #AAA;background:#FFF;position:relative;}
.form_base .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%);
}
.form_base .privacy .inner{width:100%;height:300px;overflow:auto;-webkit-overflow-scrolling:touch;}
.form_base .privacy .page_caption,
.form_base .privacy dl{font-size:14px;line-height:22px;text-align:left;margin:0 10px;padding:10px 0 0;}
.form_base .privacy .page_caption{}
.form_base .privacy dl{}
.form_base .privacy dt{font-size:20px;padding:20px 0 0;}
.form_base .privacy dd{padding:10px 0 0;}
.form_base .privacy dt.box1{font-size:14px;}
.form_base .privacy dd.box2{margin:0 0 0 30px;}
.form_base .privacy .pp_contact{background:#EEE;padding:20px 0;margin:20px 0 0;}
.form_base .privacy .pp_contact h4{font-size:16px;font-weight:700;line-height:25px;}
.form_base .privacy .pp_contact p{font-size:14px;line-height:25px;padding:5px 0 0;}
.form_base .privacy .pp_contact br.line1{display:none;}
.form_base .privacy .pp_contact br.line1 + .line0{padding:0 0 0 1em;}
@media screen and (min-width: 768px) {
/*送信ボタン、リセットボタン等hover処理*/
.form_base .form_submit_button input[type="button"],
.form_base #submit_btn,
.form_base .form_reset_button input[type="button"],
.form_base #return_btn{transition:transform 0.3s,filter 0.3s,opacity 0.3s,box-shadow 0.3s;}
.form_base .form_submit_button input[type="button"]:hover,
.form_base #submit_btn:hover,
.form_base .form_reset_button input[type="button"]:hover,
.form_base #return_btn:hover{box-shadow:none;transform:translateY(1px);-webkit-filter:saturate(180%);filter:saturate(180%);opacity:0.8;}
}
@media screen and (max-width: 767px) {
.form_base .box_inner,
.form_base .box_inner2{width:100%;}
.form_base #privacy{padding-top:50px;margin:-50px auto 0;}/*個人情報の取り扱いリンクずれ修正*/
.form_base .box_inner dt,
.form_base .box_inner dd{display:block;width:auto;}
.form_base .box_inner dt{line-height:25px;padding-top:10px;}
.form_base .box_inner dd{padding-top:5px;}
.form_base .box_inner dd + dd{padding-left:0;}
.form_base dd.add::after{top:5px;}
.form_base .cap1{font-size:12px;line-height:30px;display:block;margin:0 5px;}
/*横幅設定*/
.form_base dd .fm_s{width:80px;}
.form_base dd .fm_m{width:calc(100% - 30px);}
.form_base dd .fm_l{width:calc(100% - 30px);}
.form_base dd .fm_ll{width:calc(100% - 30px);}

.form_base dd input[type="button"]{font-size:12px;padding:0 10px;}
.form_base dd label.ck1 span{font-size:12px;}
/*submitボタン*/
.form_base .form_submit_button{margin:30px auto 20px;}
.form_base .form_submit_button input[type="button"],
.form_base #submit_btn{font-size:16px;padding:0 20px;}
.form_base .form_reset_button input[type="button"],
.form_base #return_btn{font-size:14px;padding:0 20px;}
.form_base #submit_btn{margin:30px auto 20px;padding:0;}	
/*セレクトボックス*/
.form_base .select_wrap{display:block;}
.form_base select{width:100%;}
	
	
	
.form_base .privacy .page_caption,
.form_base .privacy dl{font-size:12px;line-height:20px;}
.form_base .privacy .page_caption{}
.form_base .privacy dl{padding:0;}
.form_base .privacy dt{font-size:16px;padding:10px 0 0;}
.form_base .privacy dd{padding:5px 0 0;}
.form_base .privacy dd.box2{margin:0 0 0 15px;}
.form_base .privacy .pp_contact h4{font-size:14px;line-height:20px;}
.form_base .privacy .pp_contact p{font-size:12px;line-height:20px;padding:5px 0 0;}
.form_base .privacy .pp_contact br.line1{display:inline;}
.form_base .privacy .pp_contact br.line1 + .line0{padding:0;}

}
/*-------------------------
__送信確認画面
-------------------------*/

.form_base.form_base_confirm{padding-top:0px;}
.comment1{font-size:14px;line-height:20px;background:#EEE;border:1px solid #AAA;padding:9px;margin:0 10px 10px 10px;}
.comment1 span{display:inline-block;}
#confirm dl{border-bottom:1px solid #aaa;}

@media screen and (max-width: 767px) {
#confirm dl dt{padding-left:0;}	
}
/*-------------------------
__送信確認画面
-------------------------*/
.form_base.thanks{padding-top:0;}
.form_base.thanks .coimment0{font-size:22px;line-height:30px;color:#F00;padding:0 0 20px;}
.form_base.thanks .coimment0 br.line1{display:none;}
.form_base.thanks .cap1{font-size:14px;line-height:22px;padding:20px 0 30px;}
.form_base.thanks .info{padding:0 0 20px;}
.form_base.thanks .info dt{font-size:18px;line-height:22px;padding:0 0 10px;}
.form_base.thanks .info dd{font-size:22px;line-height:30px;font-weight:700;color:#F00;}
.form_base.thanks .info dd span{font-size:12px;line-height:24px;font-weight:400;color:#FFF;background:#F00;padding:0 5px;margin:3px 5px 3px 0;height:24px;display:inline-block;vertical-align:bottom;border-radius:4px;}
.form_base.thanks .info dd a.call{color:inherit;text-decoration:inherit;display:inline-block;pointer-events:none;}
@media screen and (max-width: 767px) {
.form_base.thanks .coimment0{font-size:18px;line-height:25px;padding:10px 0;}
.form_base.thanks .coimment0 br.line1{display:inline;}
.form_base.thanks .comment1{text-align:left;}
.form_base.thanks .comment1 span{vertical-align:top;display:inline;}
.form_base.thanks .cap1{text-align:left;margin:0 15px;}
.form_base.thanks .cap1 br{display:none;}
.form_base.thanks .info dd a.call{pointer-events:auto;}	
}
.form_base.thanks dl.failure {font-size:1.8em;line-height:1.5;}
@media screen and (max-width: 767px) {
.form_base.thanks dl.failure {font-size:1.6em;text-align:left;box-sizing:border-box;padding:0 10px;}	
}