@charset "utf-8";
/* CSS Document */

button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled] {cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}


/* label , チェックボックスなどでinlineとblock*/
label.inline_label{cursor: pointer; margin-right:5px; white-space:nowrap;}
label.block_label{cursor: pointer; display:block;}
label{font-size:15px;}


/*チェックボックスなどで選択不可能部分*/
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label,label.disabled
{cursor: not-allowed;}

.formError .formErrorContent, .formError .formErrorArrow div {font-size: 13px !important;}

select {
  -webkit-appearance: none;
  appearance: none;
}

input[type="file"] {display: block;}
select[multiple],select[size] {height: auto;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}

input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea,select{
display: block;
width: 100%;
background: #ffffff !important;
color: #333333;
font-size: 16px !important;
font-weight: normal;
line-height: 1.7em !important;
border: 1px solid #dddddd;
padding: 15px !important;
box-sizing: border-box;
border-radius: 5px !important;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus{
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted #89c3eb;/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
#InputTextarea{height:15em;}

@media only screen and (max-width:767px){
input[type="text"],input[type="email"],input[type="password"],textarea,select{font-size:16px; margin-bottom:5px;}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],textarea,select{padding: 1em;}
}

@media only screen and (max-width:460px){
.form_group:after {clear: both; float: none;}
}




/*input group*/
.input_group {position: relative;display: table;border-collapse: separate;}
.input_group .input_group_input {position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0;}
.input_group .input_group_input:focus {z-index: 3;}
.input_group_addon,.input_group .input_group_input {display: table-cell;}
.input_group_addon:not(:first-child):not(:last-child),.input_group .input_group_input:not(:first-child):not(:last-child) {border-radius: 0;}
.input_group_addon{width:1%;white-space:nowrap;vertical-align:middle;padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px;}

.input_group .input_group_input:first-child,
.input_group_addon:first-child,
.input_group-btn:first-child > .btn,
.input_group-btn:first-child > .btn-group > .btn,
.input_group-btn:first-child > .dropdown-toggle,
.input_group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input_group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;border-bottom-right-radius: 0;}
.input_group_addon:first-child {border-right: 0;}
.input_group .input_group_input:last-child,
.input_group_addon:last-child,
.input_group-btn:last-child > .btn,
.input_group-btn:last-child > .btn-group > .btn,
.input_group-btn:last-child > .dropdown-toggle,
.input_group-btn:first-child > .btn:not(:first-child),
.input_group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;border-bottom-left-radius: 0;}
.input_group_addon:last-child {border-left: 0;}





/* フォームボタン */
#image-btn {border:none;width: 518px;height: 107px;background: url(../img/form_btn.png) left top no-repeat;}
#image-btn:hover{cursor:pointer;}

p#form_btn{text-align:center; padding:0 0 120px; max-width:96%; margin:0 auto;}
p#form_btn input[type="submit"]{max-width:96%;}
p#form_btn input[type="submit"]:hover{
opacity: 0.7;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;

-moz-transition-duration:500ms;
-webkit-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;

-moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
}
@media only screen and (max-width:767px){
#image-btn {border:none;width: 310px;height: 64px;background: url(../img/form_btn.png) left top no-repeat;background-size:100% 100%;}
p#form_btn{padding:0 0 50px;}
.form_label,table#confirm th {width: 100%;}
}


/* フォームの横並び */
input[type="submit"] {display: block; width: 100%; background: none; border: none; text-align: center; padding: 16px 37px; border-radius: 35px;}
.btn, .btn_submit {display: block; margin: 2em auto; text-align: center; width: 35%; background: #d91618; color: #ffffff; font-size: 15px; font-weight: 600; border-bottom: 4px solid #740c0d; border-radius: 35px; position: relative; overflow: hidden; z-index: 1 !important;}
.btn:hover, .btn_submit:hover {background: #740c0d; color: #ffffff !important;}
.btn:before, .btn_submit:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
label {font-weight: normal;}
.check_box span {display: inline-block; font-size: 16px !important; line-height: 2em; margin-right: 1em;}
input[type=checkbox], input[type=radio] {margin-right: 7px;}
.sp_on {display: none;}
.form_group{display:table; width:100%; margin-bottom:15px; padding-bottom:15px;}
.form_group span {color: #2c2c2c; font-size: 80%; padding-left: 7px;}
#form_group_first, #form_group_last {border: none; margin-bottom: 3em;}
p#txt_kakunin {margin-top: 20px;}
p#txt_kakunin span {color: #2c2c2c;}
table#confirm {width: 100%; background: #ffffff; font-size: 16px; border-radius: 5px; margin-bottom: 30px;}
table#confirm tr {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
table#confirm tr:last-child {border: none; margin-bottom: 0; padding-bottom: 0;}
table#confirm tbody tr:last-child {border: none !important;}
.form_label,table#confirm th {width: 30%; display:table-cell;vertical-align:middle;}
.form_input,table#confirm td{display:table-cell;vertical-align:top;}
table#confirm th, table#confirm td {padding: 30px;}

.policy_area {margin: 0 auto; text-align: center; border: none;}
.policy_txt label {font-size: 100%;}
.policy_box {min-height: 70px; height: 150px; overflow-y: scroll; text-align: left; background: #ffffff; border: 3px solid #efefef; padding: 20px; margin-bottom: 1em;}
.policy_box h3 {font-size: 16px;}
.policy_box dl, .policy_box dl dt, .policy_box dl dd dl, .policy_box ul {font-size: 100%;}
.policy_box p {font-size: 90%;}
.policy_box dl dt {margin-bottom: 10px;}
.policy_box dl dd {margin-bottom: 30px;}
.txt-right {text-align: right !important;}

@media only screen and (max-width:767px){
.form_group,table#confirm{display: block; margin-bottom:10px;padding-top:10px;}
.form_label,table#confirm th{display:block;width: 100% !important;padding-right:0;}
label {margin-bottom: 10px;}
table#confirm tbody, table#confirm tr {display: block !important; width: 100% !important; margin-bottom: 0; padding-bottom: 0;}
table#confirm th,table#confirm td {display: block !important; width: 100% !important; float: none !important; clear: both; padding: 20px 30px;}
table#confirm th {text-align: left; padding-bottom: 0;}
.form_input,table#confirm td{display:block;}
table#confirm td{min-height: auto; padding-top: 10px; padding-bottom: 20px; margin-bottom: 0;}
table#confirm td a {color: #ffffff;}
p.policy_txt label {font-size: 90%;}
.btn, .btn_submit {width: 80% !important;}
.sp_on {display: block;}

form .form_group:first-child{border-top:none;}
.form_group .text_right{text-align:left;}
}

/* フォームの長さ */
.input15 {width: 15%;}
.input30 {width: 30%;}
.input50 {width: 50%;}
.input75 {width: 75%;}
.input90 {width: 90%;}
.input100{width:100%;}
@media only screen and (max-width:767px){
.input15 {width: 30%;}
.input30 {width: 60%;}
.input50 {width:100%;}
.input75 {width:100%;}
.input90 {width:100%;}
.input100{width:100%;}
}


/* placeholder */
::-webkit-input-placeholder {color:#999;}
::-moz-placeholder {color:#999;}

/* 注意書き */
.form_help{color:#ccc; font-size:80%;}



option[selected] {color:#999;}


/* datepicker */
img.ui-datepicker-trigger{vertical-align:middle; padding-left:5px;}
#ui-datepicker-div{z-index:10 !important;}
@media only screen and (max-width:767px){
.ui-datepicker {font-size:95%;}
}

/* validationEngine */
.formError .formErrorContent ,.formError .formErrorArrow div{background:#2c2c2c; text-shadow:none; font-weight:900;}