@charset "UTF-8";

/*-------------------------
__form_base
-------------------------*/
#content .form_base{font-size:1.8em;line-height:1.8;letter-spacing:0.04em;max-width:var(--wid-base);box-sizing:border-box;padding:0 20px;margin:auto;}
#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;padding:20px 0;box-sizing:border-box;border-bottom:1px solid #BBB;}
#content .form_base table tr th{width:16em;font-weight:700;text-align:left;vertical-align:top;}
#content .form_base table tr td{width:calc(100% - 16em);padding-left:20px;}
#content .form_base table tr td dl{display:flex;padding:8px 10px;border-radius:5px;background-color:#f7f7f7;}
#content .form_base table tr td dl + dl{margin:10px 0 0;}
#content .form_base table tr td dl dt{height:100%;font-size:1em;font-weight:700;}
#content .form_base table tr td dl dd{flex:1;}
#content .form_base #reset_btn,
#content .form_base #return_btn{display:block;margin:20px auto 0;padding:13px 30px 14px;}
#content .form_base #to_conf_btn_df1,
#content .form_base #submit_btn{display:block;min-width:380px;font-size:115%;font-weight:700;margin:20px auto 0;padding:25px 25px 30px;border-radius:5px;color:#FFF;background:var(--color-base2);border:none;}
#content .form_base .err{display:block;margin:5px 0;color:#F00;}
#content .form_base .req{display:inline-block;font-size:80%;font-weight:700;line-height:1;text-align:center;margin:5px;padding:3px 8px;box-sizing:border-box;color:#FFF;background-color:var(--color-base2);}
#content .form_base .red{color:#F00;font-weight:700;}
#content .form_base label{display:inline-block;}
/*=== 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:all .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 input[type="text"],
#content .form_base textarea{vertical-align:middle;box-sizing:border-box;}
#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 {width:25em;}
#content .form_base .w26em {width:26em;}
#content .form_base .w27em {width:27em;}
#content .form_base .w28em {width:28em;}
#content .form_base .w29em {width:29em;}
#content .form_base .w30em {width:30em;}
/* 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 .pt0_3em{padding-top:0.3em;}
/* 入力欄 */
#content .form_base input[type="text"]{font-size:1em;padding:8px;border:solid 1px #ccc;}
#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;border:solid 1px #ccc;box-sizing:border-box;}
#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;line-height:1;padding:12px 20px 13px;margin:0 0 0 10px;background-color:#e9e9ed;border:solid 1px #ccc;text-transform:uppercase;color:var(--color-base);vertical-align:top;border-radius:4px;}
/* ラジオボタン */
#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:0 0 0 30px;cursor:pointer;transition:0.3s;}
#content .form_base label.radio input + span::before{content:"";display:block;width:20px;height:20px;border-radius:40px;box-sizing:border-box;border:1px solid #AAA;position:absolute;top:7px;left:5px;}
#content .form_base label.radio input + span::after{transition:0.1s;opacity:0;content:"";display:block;width:12px;height:12px;border-radius:40px;position:absolute;top:11px;left:9px;background-color:var(--color-base2);}
#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:0 0 0 30px;cursor:pointer;transition:0.3s;}
#content .form_base label.ck input + span::before{content:"";display:inline-block;width:20px;height:20px;border-radius:3px;box-sizing:border-box;background-color:#FFF;border:1px solid #AAA;position:absolute;top:6px;left:0;}
#content .form_base label.ck input + span::after{transition:0.1s;opacity:0;content:"";display:block;width:10px;height:17px;transform:rotate(40deg);border-bottom:3px solid #FFF;border-right:3px solid #FFF;position:absolute;top:2px;left:4px;}
#content .form_base label.ck input:checked + span::before{background-color:var(--color-base2);}
#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:solid 1px #CCC;}
#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 var(--color-base2);}
#content .form_base select{width:100%;font-size:1em;padding:8px 1.5em 8px 8px;box-sizing:border-box;cursor:pointer;position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-base);background-color:#FFF;}
#content .form_base select::-ms-expand{display:none;}
#content .form_base select:not(:target){width:120% \9;}/*ie9対策*/
/* カレンダー */
.ui-widget{font-size:1.8em;}
.ui-widget-header{background-color:var(--color-base2);}
.ui-widget-header .ui-datepicker-title{color:#FFF;}
.ui-datepicker th{font-size:1em;}
.ui-state-active, .ui-widget-content .ui-state-active{background-color:var(--color-base2);border: 1px solid var(--color-base);}
/* フォーカス処理 */
#content .form_base input[type="text"]:focus,
#content .form_base textarea:focus{background:#efefef;}
/* 入力禁止 */
#content .form_base input.disabled,
#content .form_base textarea.disabled{color:#888;background-color:#efefef;pointer-events:none;}
/* 郵便番号 */
#content .form_base .add{position:relative;}
/* 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,
  #content .form_base #submit_btn{transition: transform 0.3s ,box-shadow 0.3s;}
  #content .form_base #to_conf_btn_df1:hover,
  #content .form_base #submit_btn:hover{transform:scale(1.01);box-shadow:3px 3px 10px rgba(0,0,0,0.25);}
  #content .form_base button,
  #content .form_base input[type="button"]{transition:all 0.3s;}
  #content .form_base button:hover,
  #content .form_base input[type="button"]:hover{background-color:#CCC;}
}
@media screen and (max-width:767px) {
  #content .form_base{font-size:1.6em;}
  #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-bottom:0;border:none;}
  #content .form_base table tr td{padding-top:10px;border:none;border-bottom:1px solid #BBB;}
  #content .form_base table tr td dl{padding:10px;}
  #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 #submit_btn,
  #content .form_base #to_conf_btn_df1{width:100%;min-width:initial;margin:15px auto 0;padding:20px 20px 25px;}
  /* 字数幅 */
  #content .form_base .w12em{width:85%;}
  #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{vertical-align:middle;margin-top:10px;}
  #content .form_base .sp_mb10{vertical-align:middle;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:5px;}
  #content .form_base label.radio input + span::before{top:5px;}
  #content .form_base label.radio input + span::after{top:9px;}
  /* チェックボックス */
  #content .form_base label.ck{margin-bottom:5px;}
  /* カレンダー */
  .ui-widget{font-size:1.6em;}
}

#content .form_base .agree_box{text-align:center;margin:50px 0 0;}
#content .form_base .agree_box .agree_box_inner{display:inline-block;margin:0 auto 20px;padding:20px 60px;box-sizing:border-box;border-radius:5px;border:1px solid #BBB;}
#content .form_base .agree_box .txt{text-align:center;}
#content .form_base .agree_box .txt + .txt{margin-top:10px;}
#content .form_base .agree_box a{font-weight:700;color:var(--color-base2);}
#content .form_base .transmit{font-size:1em;text-align:center;margin:30px 0 0;}
@media screen and (min-width:768px) {
  #content .form_base .agree_box a{transition:opacity 0.3s;}
  #content .form_base .agree_box a:hover{text-decoration:none;opacity:0.7;}
}
@media screen and (max-width:767px) {
  #content .form_base .transmit{margin:15px 0 0;}
  #content .form_base .agree_box{margin:25px 0 0;}
  #content .form_base .agree_box .agree_box_inner{width:100%;padding:10px 20px;}
}

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

/*====================
__form_base__サンクス画面
====================*/
#content #thanks .form_base dl dt,
#content #thanks .form_base dl dd{font-size:1em;}
#content #thanks .form_base dl dt{font-size:115%;font-weight:700;}
#content #thanks .form_base dl dd{margin:10px 0 0;}
#content #thanks .back_top{margin:50px 0 0;}
#content #thanks .back_top a{display:inline-block;font-weight:700;color:var(--color-base2);}

@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.7;}
}
@media screen and (max-width:767px) {
  #content #thanks .form_base dl{text-align:left;}
  #content #thanks .back_top{margin:25px 0 0;}
}