@charset "utf-8";

/*-------------------------
__contact_style
-------------------------*/
.page_ttl_box{background:url(../images/page_ttl_bg.jpg) no-repeat center center;background-size:cover;}
.lead{font-size:1.6em;line-height:2;color:#3b3f3f;letter-spacing:0.04em;padding-bottom:50px;position:relative;z-index:1;}

.form_base{max-width:1000px;margin:0 auto;position:relative;z-index:1;}
.form_base input[type="text"],
.form_base textarea{font-size:16px;color:#3b3f3f;letter-spacing:0.04em;background:#efefef;padding:20px;box-sizing:border-box;border:0;border-radius:5px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:background-color .3s, border .3s;}
.form_base input::-webkit-input-placeholder,
.form_base input:-ms-input-placeholder,
.form_base input:placeholder-shown,
.form_base textarea::-webkit-input-placeholder,
.form_base textarea:-ms-input-placeholder,
.form_base textarea:placeholder-shown{color:#999;}
.form_base input:hover,
.form_base textarea:hover,
.form_base input:focus,
.form_base textarea:focus{background-color:#ddd;}

.form_base button{font-size:16px;line-height:40px;font-weight:700;color:#fff;display:block;background:#00a683;height:40px;padding:0 20px;box-sizing:border-box;border:none;border-radius:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer;transition:background-color .3s;}
@media screen and (min-width:1000px){
  .form_base button:hover{background-color:#0bbf99;}
}
.form_base button::-webkit-search-decoration {display:none;}
.form_base button:focus {outline-offset:-2px;}

.form_base .select_box{display:inline-block;position:relative;}
.form_base .select_box::after{content:"";display:block;height:0;width:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid #3b3f3f;position:absolute;right:15px;top:50%;transform:translate(0, -50%);}
.form_base .select_box select{font-size:16px;color:#3b3f3f;letter-spacing:0.04em;background:#efefef;width:100%;margin:0;padding:20px 40px 20px 20px;box-sizing:border-box;overflow:hidden;position:relative;border:0;border-radius:4px;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;}
.form_base .select_box select::-ms-expand{display:none;}

.form_base label{font-size:16px;line-height:1.8;min-height:20px;position:relative;margin:0;}

.form_base .radio{display:inline-block;border:0 none;cursor:pointer;margin:0;padding:0;}
.form_base .radio input{height:1px;width:1px;opacity:0;cursor:pointer;position:absolute;top:0;left:0;transition:.3s;}
.form_base .radio > span{font-size:16px;vertical-align:middle;display:inline-block;width:100%;padding:0 2em 0 36px;box-sizing:border-box;position:relative;}
.form_base .radio > span::before{content:"";display:block;box-sizing:border-box;width:26px;height:26px;margin:auto;border-radius:13px;box-sizing:border-box;border:4px solid #ccc;background:none;position:absolute;top:0;left:0;transition:border-color .3s;}
.form_base .radio > span::after{content:"";display:block;box-sizing:border-box;width:12px;height:12px;margin:auto;border-radius:6px;background:#00a683;position:absolute;top:7px;left:7px;transition:.3s;opacity:0;}
@media screen and (min-width:1000px){
  .form_base .radio > span:hover::before{border-color:#00a683;}
}
.form_base .radio input:checked + span::before{border-color:#00a683;}
.form_base .radio input:checked + span::after{opacity:1;}

.form_base .checkbox{display:inline-block;border:0 none;cursor:pointer;margin:0;padding:0;box-sizing:border-box;}
.form_base .checkbox input{height:1px;width:1px;opacity:0;cursor:pointer;position:absolute;top:0;left:0;transition:.3s;}
.form_base .checkbox > span{font-size:16px;vertical-align:middle;display:inline-block;width:100%;padding:0 2em 0 38px;box-sizing:border-box;position:relative;}
.form_base .checkbox > span::before{content:"";display:block;background:#d7d7d7;width:28px;height:28px;margin:auto;border-radius:3px;box-sizing:border-box;position:absolute;top:0;left:0;transition:background-color .3s;}
.form_base .checkbox > span::after{content:"";display:block;width:7px;height:15px;transform:rotate(40deg);border-bottom:3px solid #fff;border-right:3px solid #fff;position:absolute;top:3px;left:9px;transition:opacity .3s;opacity:0;}
@media screen and (min-width:1000px){
  .form_base .checkbox > span:hover::before{background:#00a683;}
}
.form_base .checkbox input:checked + span::before{background:#00a683;}
.form_base .checkbox input:checked + span::after{opacity:1;}

/*=改行・制限=*/
.form_base .nowrap{	
white-space: nowrap;
}
/*=入力モード切替 ※IEのみ有効=*/
.form_base .ime_ac {ime-mode: active;}
.form_base .ime_dis {ime-mode: disabled;}

/*=左右寄せ= */
.form_base .align_l {text-align:left!important;}
.form_base .align_r {text-align:right!important;}
.form_base .align_c {text-align:center!important;}
/*上下位置*/
.form_base .align_t {vertical-align: top;}
.form_base .align_b {vertical-align: bottom;}

.form_base input[type="text"],
.form_base textarea {box-sizing:border-box;}
.form_base .min_w2em {min-width:2em;}
.form_base .min_w3em {min-width:3em;}
.form_base .min_w4em {min-width:4em;}
.form_base .min_w5em {min-width:5em;}
.form_base .min_w6em {min-width:6em;}
.form_base .min_w7em {min-width:7em;}
.form_base .min_w8em {min-width:8em;}
.form_base .min_w9em {min-width:9em;}
.form_base .min_w10em {min-width:10em;}

/* 字数幅 */
.form_base .w2em {width:2em;}
.form_base .w3em {width:3em;}
.form_base .w4em {width:4em;}
.form_base .w5em {width:5em;}
.form_base .w6em {width:6em;}
.form_base .w7em {width:7em;}
.form_base .w8em {width:8em;}
.form_base .w9em {width:9em;}
.form_base .w10em {width:10em;}
.form_base .w11em {width:11em;}
.form_base .w12em {width:12em;}
.form_base .w13em {width:13em;}
.form_base .w14em {width:14em;}
.form_base .w15em {width:15em;}
.form_base .w20em {width:20em;}
.form_base .w21em {width:21em;}
.form_base .w22em {width:22em;}
.form_base .w23em {width:23em;}
.form_base .w24em {width:24em;}
.form_base .w25em {width:25em;}
.form_base .w26em {width:26em;}
.form_base .w27em {width:27em;}
.form_base .w28em {width:28em;}
.form_base .w29em {width:29em;}
.form_base .w30em {width:30em;}

/* 0.5文字ずつ */
.form_base .w1_5em {width:1.5em;}
.form_base .w2_5em {width:2.5em;}
.form_base .w3_5em {width:3.5em;}
.form_base .w4_5em {width:4.5em;}
.form_base .w5_5em {width:5.5em;}
.form_base .w6_5em {width:6.5em;}
.form_base .w7_5em {width:7.5em;}
.form_base .w8_5em {width:8.5em;}
.form_base .w9_5em {width:9.5em;}

/* % */
.form_base .w20per {width:20%;}
.form_base .w25per {width:25%;}
.form_base .w30per {width:30%;}
.form_base .w40per {width:40%;}
.form_base .w50per {width:50%;}
.form_base .w60per {width:60%;}
.form_base .w70per {width:70%;}
.form_base .w80per {width:80%;}
.form_base .w90per {width:90%;}
.form_base .w100per {width:100%;}

.form_base .w500px{width:500px;}

.form_base .err{font-size:16px;line-height:1.5;color:#c1272d;display:block;text-align:left;padding:0 0 10px;}

#content .tbl_wrap{margin-bottom:60px;}
#content .tbl_wrap.mtm{margin-top:-30px;}
#content .tbl_wrap table{width:100%;margin-top:-30px;box-sizing:border-box;border-collapse:separate;border-spacing:0;table-layout:fixed;}
#content .tbl_wrap table th{font-size:1.6em;line-height:1.5;font-weight:700;color:#3b3f3f;text-align:left;height:100%;width:260px;padding:30px 0;box-sizing:border-box;border-bottom:1px solid #3b3f3f;position:relative;}
#content .tbl_wrap table th .required_wrap{display:flex;justify-content:space-between;margin-right:20px;}
#content .tbl_wrap table th .required{font-size:14px;line-height:24px;font-weight:700;color:#fff;text-align:center;letter-spacing:0.04em;display:block;background-color:#c1272d/*color06*/;height:24px;width:50px;border-radius:4px;}
#content .tbl_wrap table th .note{display:none;}
#content .tbl_wrap table td{font-size:1.6em;line-height:1.5;color:#3b3f3f;letter-spacing:0.04em;text-align:left;padding:30px 0;border-bottom:1px solid #3b3f3f;position:relative;}
#content .tbl_wrap table td table{margin:0;padding:0;border:none;width:inherit!important;min-width:inherit!important;}
#content .tbl_wrap table td table td{margin:0;padding:0;border:none;padding-right:5px;padding-bottom:5px;}
#content .tbl_wrap table td table th{position:relative;}

#content .agree_box .err {font-size:1.6em;line-height:1.5;color:#c1272d;display:block;text-align:center;padding:0 0 10px;}
#content .agree_box .agree_text{font-size:1.6em;line-height:2;color:#3b3f3f;letter-spacing:0.04em;padding:0 0 20px;}
#content .agree_box .agree_text a{color:#00a683;text-decoration:none;transition:.3s;}
@media screen and (min-width:1000px){
  #content .agree_box .agree_text a:hover{text-decoration:underline;}
}
#content .agree_box .agree_btn_box{display:inline-block;background:#efefef;padding:16px 36px;border:1px solid #ddd;}
#content .agree_box .agree_btn_box input{display:none;}
#content .agree_box .agree_btn_box .agree_btn{font-size:1.6em;line-height:1.8;letter-spacing:0.04em;display:inline-block;border:0 none;cursor:pointer;margin:0;padding:0 0 0 38px;box-sizing:border-box;transition:.3s;border-bottom:2px solid transparent; position:relative;}
#content .agree_box .agree_btn_box .agree_btn:before{content:"";display:block;background:#d7d7d7;width:28px;height:28px;margin:auto;border-radius:3px;box-sizing:border-box;position:absolute;top:50%;left:0;transform:translate(0, -50%);transition:background-color .3s;}
#content .agree_box .agree_btn_box .agree_btn:after{content:"";display:block;width:7px;height:15px;margin-top:-4px;border-bottom:3px solid #fff;border-right:3px solid #fff;position:absolute;top:50%;left:3px;transform:rotate(40deg) translate(0, -50%);transition:opacity .3s;opacity:0;}
@media screen and (min-width:1000px){
  #content .agree_box .agree_btn_box .agree_btn:hover:before{background:#00a683;}
}
#content .agree_box .agree_btn_box input:checked + .agree_btn:before{background:#00a683;}
#content .agree_box .agree_btn_box input:checked + .agree_btn:after{opacity:1;}
#content .submit{margin:70px 0 0;}
#content .submit .send{width:360px;margin:0 auto;}
#content .submit .send .send_btn{font-size:18px;line-height:80px;font-weight:700;color:#FFF;text-decoration:none;display:block;background:#00a683;height:80px;width:100%;margin:0;padding:0;overflow:hidden;position:relative;border:none;border-radius:40px;cursor:pointer;outline:none;transition:transform .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:999;}
@media only screen and (min-width: 767px) {
  #content .submit .send .send_btn:hover{transform:scale(1.1);}
}
/*#content .submit .send .send_btn::after{content:"";display:block;height:6px;width:6px;margin-top:-4px;border:2px solid;border-color:#fff #fff transparent transparent;transform:rotate(45deg);position:absolute;right:15px;top:50%;}*/
#content .submit .send .send_btn::before{content:"";background-color:#FFF;height:100%;width:100%;position:absolute;left:-100%;top:0;opacity:0;transform:skewX(-45deg);}
@media only screen and (min-width: 1000px) {
  #content .submit .send .send_btn:hover::before{animation:c_btn .75s cubic-bezier(0.25, 0, 0.25, 1);}
}

#content .submit .return{width:150px;margin:-70px auto 10px 0;}
#content .submit .return .return_btn{font-size:16px;font-weight:700;line-height:60px;color:#FFF;display:block;background:#777;height:60px;width:100%;padding:0;border:none;border-radius:30px;cursor:pointer;outline:none;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color .3s;}
@media only screen and (min-width: 1000px) {
  #content .submit .return .return_btn:hover{background-color:#999;}
}

@media screen and (max-width:767px){
  .lead{font-size:1.5em;padding-bottom:40px;}

	.form_base{margin:0 20px;}

	.form_base input[type="text"],
  .form_base textarea{padding: 20px 15px;}
  .form_base button{font-size:16px;line-height:40px;height:40px;margin:0 auto;}
  .form_base .col2 .checkbox{width:auto;}

  .form_base .w500px{width:100%;box-sizing:border-box;}
	.form_base .err{font-size:14px;}

  #content .tbl_wrap{padding:15px 0;margin:0 0 30px;width:auto;}
  #content .tbl_wrap table th,
  #content .tbl_wrap table td{display:block;width:auto;box-sizing:border-box;}
  #content .tbl_wrap table th{padding:10px 0;font-weight:700;background:none;border-bottom:none;position:relative;}
	#content .tbl_wrap table th .required_wrap{margin-right:0;}
  #content .tbl_wrap table th .note{display:inline;}
  #content .tbl_wrap table td{padding:0 0 20px;font-size:14px;margin-bottom:10px;}
  #content .tbl_wrap table tr:first-child th,
  #content .tbl_wrap table tr:first-child td{border-top:none;}

	#content .agree_box .agree_text{font-size:1.4em;text-align:left;}
  #content .agree_box .agree_text br{display:none;}
  #content .agree_box .err{font-size:1.4em;text-align:left;}
  #content .agree_box .agree_btn_box{padding:15px;}
  #content .agree_box .agree_btn_box .agree_btn{font-size:1.4em;line-height:1.6;text-align:left;}
  #content .agree_box .agree_btn_box .agree_btn br{display:inline;}

  #content .submit{margin:40px 0 0;}
  #content .submit .send{width:auto;}
  #content .submit .send .send_btn{font-size:16px;line-height:60px;height:60px;}
  
  #content .submit .return{width:150px;margin:20px auto 0;}
  #content .submit .return .return_btn{font-size:15px;line-height:40px;height:40px;}
}

#thanks{max-width:1000px;margin:0 auto;}
#thanks .ttl{font-size:2.4em;line-height:2;font-weight:700;color:#00a683;padding:0 0 30px;position:relative;z-index:1;}
#thanks .txt{font-size:1.6em;line-height:2;color:#3b3f3f;padding:0 0 50px;position:relative;z-index:1;}
#thanks .com_box{background-color:#f2f2f2;padding:30px;}
#thanks .com_box dl{position:relative;z-index:1;}
#thanks .com_box dt{font-size:1.8em;line-height:2;font-weight:700;color:#3b3f3f;}
#thanks .com_box dd{font-size:1.6em;line-height:2;color:#3b3f3f;}
#thanks .com_box dd a{color:#00a683;text-decoration:none;transition:.3s;}
@media only screen and (min-width: 768px) {
#thanks .com_box dd a.tel{color:#3b3f3f;pointer-events:none;}
}
@media screen and (min-width:980px){
  #thanks .com_box dd a:hover{text-decoration:underline;}
}

@media screen and (max-width:767px){
  #thanks{margin:0 20px;}
  #thanks .ttl{font-size:1.8em;text-align:left;padding-bottom:20px;}
  #thanks .txt{font-size:1.4em;text-align:left;padding-bottom:30px;}
  #thanks .com_box{padding:20px;}
  #thanks .com_box dt{font-size:1.5em;}
  #thanks .com_box dd{font-size:1.4em;}
}