@charset "UTF-8";

/*-------------------------
__form_base
-------------------------*/
#content .form_base{font-size:1.6em;line-height:1.75;padding:80px var(--pageSideMargin);box-sizing:border-box;margin:auto;background-color:#f7f7f7;}
#content .form_base .form_base_inner{padding:30px;box-sizing:border-box;border-radius:15px;background-color:#FFF;}
#content .form_base table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;}
#content .form_base table tr th,
#content .form_base table tr td{font-size:1em;box-sizing:border-box;border-bottom:1px solid #e7e7e7;}
#content .form_base table tr:first-child th{padding-top:10px;}
#content .form_base table tr:first-child td{padding-top:5px;}
#content .form_base table tr:last-child th,
#content .form_base table tr:last-child td{border-bottom:none;}
#content .form_base table tr th{width:15em;font-weight:700;text-align:left;vertical-align:top;padding:30px 0;position:relative;}
#content .form_base table tr td{width:calc(100% - 15em);padding:25px 0 25px 20px;}
#content .form_base table tr td dl{display:flex;}
#content .form_base table tr td dl dt{width:4em;height:100%;font-size:1em;padding:0.5em 0 0;}
#content .form_base table tr td dl dd{flex:1;}
#content .form_base table tr td dl dd input[type="text"]{width:100%;max-width:23em;}
#content .form_base #reset_btn,
#content .form_base #return_btn{display:block;font-size:90%;margin:20px auto 0;padding:10px 30px 11px;border-radius:5px;}
#content .form_base #to_conf_btn_df1_wrap,
#content .form_base #submit_btn_wrap{display:block;width:100%;max-width:265px;font-size:1em;margin:auto;padding:0;overflow:hidden;background-color:var(--colorBlue);box-shadow: 0px 5px 20px 0px rgba(55,98,112,0.15);position:relative;}
#content .form_base #to_conf_btn_df1_wrap::before,
#content .form_base #to_conf_btn_df1_wrap::after,
#content .form_base #submit_btn_wrap::before,
#content .form_base #submit_btn_wrap::after{background-color:#FFF;}
#content .form_base #to_conf_btn_df1,
#content .form_base #submit_btn{display:block;width:100%;height:100%;margin:0;padding:22px 40px 22px 20px;box-sizing:border-box;color:#FFF;background-color:initial;border:none;}
#content .form_base .err{display:block;margin:0 0 10px;color:#F00;}
#content .form_base .req{display:inline-block;font-size:80%;font-weight:700;line-height:1;text-align:center;margin:5px 0;padding:3px 8px;box-sizing:border-box;border-radius:20px;color:#FFF;background-color:#F00;position:absolute;right:0;}
#content .form_base .red{color:#F00;font-weight:700;}
#content .form_base label{display:inline-block;}
#content .form_base span{vertical-align:middle;}
/*=== iOSでのデフォルトスタイルをリセットここから ===*/
#content .form_base input,textarea,select,button{font-family:inherit;}
#content .form_base textarea,
#content .form_base button,
#content .form_base input[type="text"],
#content .form_base input[type="submit"],
#content .form_base input[type="button"],
#content .form_base input[type="reset"]{font-weight:400;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;-webkit-box-sizing:content-box;-webkit-appearance:none;appearance:button;box-sizing:border-box;cursor:pointer;border:none;transition:background-color .3s;}
#content .form_base input[type="submit"]::-webkit-search-decoration,
#content .form_base input[type="button"]::-webkit-search-decoration,
#content .form_base input[type="reset"]::-webkit-search-decoration{display:none;}
#content .form_base input[type="submit"]:focus,
#content .form_base input[type="button"]:focus,
#content .form_base input[type="reset"]:focus{outline-offset:-2px;}
#content .form_base select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:transparent;}
/*=== iOSでのデフォルトスタイルをリセットここまで ===*/
/* 改行・制限 */
#content .form_base .nowrap{white-space:nowrap;}
/* 入力モード切替 ※IEのみ有効 */
#content .form_base .ime_ac{ime-mode:active;}
#content .form_base .ime_dis{ime-mode:disabled;}
/* 左右寄せ */
#content .form_base .align_l{text-align:left!important;}
#content .form_base .align_r{text-align:right!important;}
#content .form_base .align_c{text-align:center!important;}
/* 上下位置 */
#content .form_base .align_t{vertical-align:top;}
#content .form_base .align_b{vertical-align:bottom;}
/* 字数幅 */
#content .form_base .min_w2em {min-width:2em;}
#content .form_base .min_w3em {min-width:3em;}
#content .form_base .min_w4em {min-width:4em;}
#content .form_base .min_w5em {min-width:5em;}
#content .form_base .min_w6em {min-width:6em;}
#content .form_base .min_w7em {min-width:7em;}
#content .form_base .min_w8em {min-width:8em;}
#content .form_base .min_w9em {min-width:9em;}
#content .form_base .min_w10em {min-width:10em;}
#content .form_base .w2em {width:2em;}
#content .form_base .w3em {width:3em;}
#content .form_base .w4em {width:4em;}
#content .form_base .w5em {width:5em;}
#content .form_base .w6em {width:6em;}
#content .form_base .w7em {width:7em;}
#content .form_base .w8em {width:8em;}
#content .form_base .w9em {width:9em;}
#content .form_base .w10em {width:10em;}
#content .form_base .w11em {width:11em;}
#content .form_base .w12em {width:12em;}
#content .form_base .w13em {width:13em;}
#content .form_base .w14em {width:14em;}
#content .form_base .w15em {width:15em;}
#content .form_base .w20em {width:20em;}
#content .form_base .w21em {width:21em;}
#content .form_base .w22em {width:22em;}
#content .form_base .w23em {width:23em;}
#content .form_base .w24em {width:24em;}
#content .form_base .w25em {max-width:25em;width:100%;}
#content .form_base .w26em {max-width:26em;width:100%;}
#content .form_base .w27em {max-width:27em;width:100%;}
#content .form_base .w28em {max-width:28em;width:100%;}
#content .form_base .w29em {max-width:29em;width:100%;}
#content .form_base .w30em {max-width:30em;width:100%;}
/* 0.5文字ずつ */
#content .form_base .w1_5em {width:1.5em;}
#content .form_base .w2_5em {width:2.5em;}
#content .form_base .w3_5em {width:3.5em;}
#content .form_base .w4_5em {width:4.5em;}
#content .form_base .w5_5em {width:5.5em;}
#content .form_base .w6_5em {width:6.5em;}
#content .form_base .w7_5em {width:7.5em;}
#content .form_base .w8_5em {width:8.5em;}
#content .form_base .w9_5em {width:9.5em;}
/* % */
#content .form_base .w20per {width:20%;}
#content .form_base .w25per {width:25%;}
#content .form_base .w30per {width:30%;}
#content .form_base .w40per {width:40%;}
#content .form_base .w50per {width:50%;}
#content .form_base .w60per {width:60%;}
#content .form_base .w70per {width:70%;}
#content .form_base .w80per {width:80%;}
#content .form_base .w90per {width:90%;}
#content .form_base .w100per {width:100%;}
/* マージン */
#content .form_base .mt10{margin-top:10px;}
#content .form_base .mb10{margin-bottom:10px;}
/* 入力欄 */
#content .form_base input[type="text"],
#content .form_base textarea{vertical-align:middle;box-sizing:border-box;}
#content .form_base input[type="text"]{font-size:1em;padding:10px 14px;background-color:#f7f7f7;border:1px solid #e7e7e7;}
#content .form_base input[type="text"] + span:not(.err),
#content .form_base span:not(.err) + input[type="text"],
#content .form_base .select_box + span:not(.err),
#content .form_base span:not(.err) + .select_box{margin-left:10px;}
#content .form_base .textarea_wrap{position:relative;}
#content .form_base .textarea_wrap textarea{width:100%;height:8em;font-size:1em;line-height:1.4;padding:8px;box-sizing:border-box;border-radius:5px;background-color:#f7f7f7;border:1px solid #e7e7e7;}
#content .form_base .textarea_wrap .placeholder{color:#AAA;position:absolute;top:8px;right:8px;bottom:8px;left:8px;pointer-events:none;}
#content .form_base button,
#content .form_base input[type="button"]{font-size:1em;padding:9px 14px;margin:0 10px;background-color:#FFF;border:solid 1px #e7e7e7;text-transform:uppercase;color:var(--colorBlack);vertical-align:top;}
/* ラジオボタン */
#content .form_base label.radio{display:inline-block;margin:0 10px 0 0;position:relative;}
#content .form_base label.radio input{display:none;}
#content .form_base label.radio span{display:inline-block;vertical-align:top;padding:5px 0 5px 40px;cursor:pointer;}
#content .form_base label.radio input + span::before{content:"";display:block;width:30px;height:30px;border-radius:50%;box-sizing:border-box;background-color:#f7f7f7;border:1px solid #e7e7e7;position:absolute;top:7px;left:5px;}
#content .form_base label.radio input + span::after{transition:opacity 0.3s;opacity:0;content:"";display:block;width:20px;height:20px;border-radius:40px;position:absolute;top:12px;left:10px;background-color:var(--colorBlue);}
#content .form_base label.radio input:checked + span::after{opacity:1;}
/* チェックボックス */
#content .form_base label.ck{display:inline-block;vertical-align:middle;margin-right:10px;position:relative;}
#content .form_base label.ck input{display:none;}
#content .form_base label.ck span{display:inline-block;vertical-align:top;padding:8px 0 8px 45px;cursor:pointer;}
#content .form_base label.ck input + span::before{content:"";display:inline-block;width:35px;height:35px;border-radius:5px;box-sizing:border-box;background-color:#f7f7f7;border:1px solid #e7e7e7;position:absolute;top:6px;left:0;transition:background-color 0.1s;}
#content .form_base label.ck input + span::after{transition:opacity 0.3s;opacity:0;content:"";display:block;width:16px;height:23px;transform:rotate(40deg);border-bottom:3px solid #FFF;border-right:3px solid #FFF;position:absolute;top:6px;left:8px;}
#content .form_base label.ck input:checked + span::before{background-color:var(--colorBlue);}
#content .form_base label.ck input:checked + span::after{opacity:1;}
/* セレクトボタン */
#content .form_base .select_box{display:inline-block;vertical-align:middle;margin-right:5px;border-radius:5px;overflow:hidden;box-sizing:border-box;position:relative;border-radius:5px;}
#content .form_base .select_box::after{content:"";display:inline-block;width:0;height:0;margin:auto;position:absolute;top:5px;bottom:0;right:10px;border:5px solid transparent;border-top:5px solid #676767}
#content .form_base select{width:100%;font-size:1em;padding:8px 1.5em 8px 8px;box-sizing:border-box;cursor:pointer;position:relative;color:var(--colorBlack);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f7f7f7;border:1px solid #e7e7e7;}
#content .form_base select::-ms-expand{display:none;}
#content .form_base select:not(:target){width:120% \9;}/*ie9対策*/
/* フォーカス処理 */
#content .form_base input[type="text"]:focus,
#content .form_base textarea:focus{background-color:var(--colorLightBlue);}
/* 入力禁止 */
#content .form_base input.disabled,
#content .form_base textarea.disabled{color:#888;background-color:#f7f7f7;pointer-events:none;}
/* 郵便番号 */
#content .form_base .add{position:relative;}
#content .form_base #put_addr_button1a{border:1px solid #e7e7e7;}
/* placeholder */
#content .form_base input[type="text"]::-webkit-input-placeholder,
#content .form_base textarea::-webkit-input-placeholder,
#content .form_base input[type="text"]:-ms-input-placeholder,
#content .form_base textarea:-ms-input-placeholder,
#content .form_base input[type="text"]:placeholder-shown,
#content .form_base textarea:placeholder-shown{color:#AAA;padding-bottom:0.1em;}
#content .form_base input[type="text"]::-webkit-input-placeholder{line-height: 1.2}
@media screen and (min-width:768px) {
  #content .form_base #to_conf_btn_df1_wrap,
  #content .form_base #submit_btn_wrap{transition:background-color 0.3s;}
  #content .form_base #to_conf_btn_df1_wrap:hover,
  #content .form_base #submit_btn_wrap:hover{background-color:#FFF;}
  #content .form_base #to_conf_btn_df1_wrap::before,
  #content .form_base #to_conf_btn_df1_wrap::after,
  #content .form_base #submit_btn_wrap::before,
  #content .form_base #submit_btn_wrap::after{transition:background-color 0.3s,transform 0.3s;}
  #content .form_base #to_conf_btn_df1_wrap:hover::before,
  #content .form_base #to_conf_btn_df1_wrap:hover::after,
  #content .form_base #submit_btn_wrap:hover::before,
  #content .form_base #submit_btn_wrap:hover::after{background-color:var(--colorBlue);}
  #content .form_base #to_conf_btn_df1,
  #content .form_base #submit_btn{transition:color 0.3s;}
  #content .form_base #to_conf_btn_df1:hover,
  #content .form_base #submit_btn:hover{color:var(--colorBlue);}
  #content .form_base button,
  #content .form_base input[type="button"]{transition:background-color 0.3s;}
  #content .form_base button:hover,
  #content .form_base input[type="button"]:hover{background-color:#EEE;}
}
@media screen and (max-width:980px) {
  #content .form_base{padding:60px var(--pageSideMargin);}
  #content .form_base .form_base_inner{padding:20px;}
  #content .form_base table tr th{padding:25px 0;}
  #content .form_base table tr td{padding:20px 0 20px 15px;}
}
@media screen and (max-width:767px) {
  #content .form_base{padding:30px var(--pageSideMargin);}
  #content .form_base .form_base_inner{border-radius:10px;padding:15px 15px 25px;}
  #content .form_base table tr th,
  #content .form_base table tr td{display:block;width:100%;padding:15px 0;}
  #content .form_base table tr th{padding:15px 0 0;border:none;}
  #content .form_base table tr td{padding:5px 0 15px;border:none;border-bottom:1px solid #e4e4e4;}
  #content .form_base table tr td dl{padding:10px 10px 0;}
  #content .form_base table tr td dl + dl{margin:10px 0 0;}
  #content .form_base #reset_btn,
  #content .form_base #return_btn{margin:15px auto 0;}
  #content .form_base #to_conf_btn_df1,
  #content .form_base #submit_btn{padding:17px 40px 17px 20px;}
  /* 字数幅 */
  #content .form_base .w8em{width:80%;}
  #content .form_base .w10em,
  #content .form_base .w15em,
  #content .form_base .w20em,
  #content .form_base .w21em,
  #content .form_base .w22em,
  #content .form_base .w23em,
  #content .form_base .w24em,
  #content .form_base .w25em,
  #content .form_base .w26em,
  #content .form_base .w27em,
  #content .form_base .w28em,
  #content .form_base .w29em,
  #content .form_base .w30em{width:100%;}
  /* % */
  #content .form_base .w70per,
  #content .form_base .w80per,
  #content .form_base .w90per,
  #content .form_base .w100per{width:100%;}
  /* マージン */
  #content .form_base .sp_mt10{margin-top:10px;}
  #content .form_base .sp_mb10{margin-bottom:10px;}
  /* 入力欄 */
  #content .form_base input[type="text"] + span:not(.err),
  #content .form_base span:not(.err) + input[type="text"],
  #content .form_base .select_box + span:not(.err),
  #content .form_base span:not(.err) + .select_box{margin-left:5px;}
  #content .form_base textarea{margin-bottom:10px;}
  #content .form_base button,
  #content .form_base input[type="button"]{margin:0 0 0 5px;padding:12px 15px 13px;}
  /* ラジオボタン */
  #content .form_base label.radio{margin-bottom:10px;}
  #content .form_base label.radio span{padding:5px 0 5px 35px;}
  #content .form_base label.radio input + span::before{width:25px;height:25px;top:6px;}
  #content .form_base label.radio input + span::after{width:15px;height:15px;top:11px;}
  /* チェックボックス */
  #content .form_base label.ck{margin-bottom:10px;}
  #content .form_base label.ck span{text-align:left;padding:8px 0 8px 40px;}
  #content .form_base label.ck input + span::before{width:30px;height:30px;top:7px;}
  #content .form_base label.ck input + span::after{width:11px;height:18px;top:7px;}
  /* セレクトボタン */
  #content .form_base .select_box{margin-bottom:10px;}
  /* 郵便番号 */
  #content .form_base #put_addr_button1a{margin:10px 0 0;}
}

#content .form_base .submit_box .transmit{font-size:95%;text-align:center;margin:20px 0;}
@media screen and (max-width:980px) {
  #content .form_base .submit_box .transmit{margin:15px 0;}
}
@media screen and (max-width:767px) {
  #content .form_base .submit_box .transmit{margin:10px 0;}
}

/*====================
__form_base__確認画面
====================*/

/*====================
__form_base__サンクス画面
====================*/
#content #thanks{text-align:center;padding:60px 30px;}
#content #thanks dl dt,
#content #thanks dl dd{font-size:1em;}
#content #thanks dl dt{font-size:110%;font-weight:900;}
#content #thanks dl dd{margin:10px 0 0;}
#content #thanks .back_top{margin:30px 0 0;}
#content #thanks .back_top a{display:inline-block;font-weight:900;color:var(--colorBlue);}

@media screen and (min-width:768px) {
  #content #thanks .back_top a{transition:opacity 0.3s;}
  #content #thanks .back_top a:hover{text-decoration:none;opacity:0.5;}
}
@media screen and (max-width:980px) {
  #content #thanks{padding:50px 20px;}
  #content #thanks .back_top{margin:20px 0 0;}
}
@media screen and (max-width:767px) {
  #content #thanks{padding:40px 15px;}
  #content #thanks dl{text-align:left;}
  #content #thanks .back_top{margin:10px 0 0;}
}

/*====================
__form_base__プライバシーポリシー
====================*/
#content .privacy_box{width:100%;height:245px;text-align:left;margin:40px 0 0;padding:25px 30px 30px;border-radius:15px;overflow-y:auto;box-sizing:border-box;border:1px solid #e4e4e4;}
#content .privacy_box p{font-weight:400;}
#content .privacy_box em{display:block;font-weight:700;margin:0 0 10px;}
#content .privacy_box dl{margin:30px 0 0;}
#content .privacy_box dl dt{font-size:120%;font-weight:700;margin:0 0 8px;}
#content .privacy_box ul li{text-indent:-2.7em;padding-left:2.7em;}
#content .privacy_box .privacy_box_inner{margin:20px 0 0;padding:0 0 0 20px;border-left:1px solid var(--colorBlue);}
#content .privacy_box .contact_information{margin:30px 0 0;padding:20px;border-radius:10px;background-color:#FFF;box-shadow:0px 5px 20px 0px rgba(55,98,112,0.15);}
#content .privacy_box .contact_information em{color:var(--colorBlue);}
#content .privacy_box .contact_information p{font-weight:700;}
#content .agree_box{text-align:center;margin:40px 0 0;}

@media screen and (max-width:980px) {
  #content .privacy_box{margin:30px 0 0;padding:15px 20px 20px;}
  #content .privacy_box dl{margin:25px 0 0;}
  #content .privacy_box .privacy_box_inner{margin:15px 0 0;padding:0 0 0 15px;}
  #content .privacy_box .contact_information{margin:25px 0 0;padding:15px;}
  #content .agree_box{margin:30px 0 0;}
}
@media screen and (max-width:767px) {
  #content .privacy_box{font-size:88%;margin:20px 0 0;padding:10px;border-radius:10px;}
  #content .privacy_box dl{margin:20px 0 0;}
  #content .privacy_box .privacy_box_inner{margin:10px 0 0;padding:0 0 0 10px;}
  #content .privacy_box .contact_information{margin:20px 0 0;padding:10px;}
  #content .agree_box{margin:20px 0 0;}
}