@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:18px;}


/*チェックボックスなどで選択不可能部分*/
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;}




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="email"],input[type="password"],textarea,select{
padding:0.5em 1em;
vertical-align:central;
font-size:16px;
background-color: #ffffff;
border: 1px solid #ddd;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.15) inset;
box-shadow:0 1px 1px rgba(0, 0, 0, 0.15) inset;
border-radius:7px;
}
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;}

.mitsumori_bg {background: #e1f7eb; padding: 3% 0;}
.mitsumori_bg p.form_title {background: #424753; color: #ffffff;}
.mitsumori_bg p.form_title span {color: yellow;}
.mitsumori_bg p.form_title small {font-size: 60%;}
.mitsumori_box, .mitsumori_bg p.form_title {background: #ffffff; margin: 0 auto; width: 460px; border: 3px solid #424753; padding: 30px;}
.mitsumori_bg p.form_title {text-align: center; background: #424753; font-size: 150%; line-height: 1.3em; padding: 15px; margin: 0 auto;}
.mitsumori_bg p.form_title br {display: block;}

.mitsumori-form .col_pc_3 {background: #424753; color: #ffffff; padding: 5px 15px; width: 40px;}
.mitsumori-form input {background: #ffffff; border: none; box-shadow: none; width: 100%;}
.mitsumori-form .form_group {width: 400px; border: 2px solid #000000; padding-bottom: 0; margin: 0;}
.mitsumori-form .form_group select,.mitsumori-form .form_group textarea {width: 100%; color: #424753; background: #ffffff; border: none; box-shadow: none;}
.mitsumori-form .form_group select {font-size: 120%; border:1px solid #ffffff; height: 2.3em;}
.mitsumori-form .form_group textarea {height: 7em !important; line-height: 1.5em;}
.mitsumori-form .form_group label {
     width: 100%;
     background: #fff;
     color: #424753;
     cursor: pointer;
     padding: 15px 30px 15px 15px;
     margin: 0 10px 0 0;
     font-size: 120%;
     display: inline-block;
}

.mitsumori-form .form_group ::placeholder {
  color: #424753;
  font-size: 120%;
  font-weight: bold;
}

.mitsumori_box button {text-align: center; margin: 5% auto; width: 100%;}


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

@media only screen and (max-width:460px){
.mitsumori-form .col_pc_3 {width: 15%; float: left; padding: 10px 15px;}
.mitsumori_bg p.form_title, .mitsumori_box {width: 90%; margin: 0 auto; padding: 0; border: 2px solid #000000;}
.mitsumori_bg p.form_title {text-align: center; font-size: 110%; line-height: 1.3em; padding: 15px; margin: 0 auto;}
.mitsumori_bg p.form_title br {display: block;}
.mitsumori-form .form_group {width: 100%; clear: both; margin: 0; padding: 0; border-bottom: 2px solid #424753;}
.mitsumori-form input, .mitsumori-form .form_group select, .mitsumori-form .form_group textarea {width: 80%;}
.form_group:after {clear: both; float: none;}
.mitsumori-form .form_group select {height: 2.4em;}
.mitsumori-form input {height: 2.9em;}
.fileUploder input {height: 3.3em;}
.mitsumori-form button {width: 90%; margin: 5%;}
}




/*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;}
}


/* フォームの横並び */
.btn.btn-d, input[type="submit"] {margin: 1em 25%; text-align: center; width: 50%; background: #112c86; color: #ffffff; font-weight: bold;}
.btn.btn-d:hover, input[type="submit"]:hover {background: #112c86; color: #ffffff !important; opacity: 0.8;}
.c_off input[type="submit"] {background: rgb(102, 102, 102);}
label {font-weight: normal;}
.sp_on {display: none;}
.form_group{display:table; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd;}
.form_group span {color: #d60000; 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: #d60000;}
table#confirm {font-size: 16px; color: #0d1c1f !important;}
table#confirm tr {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}
.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: 15px 0;}
input[type="email"] {margin-bottom: 15px;}
.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{margin-bottom:10px;padding-top:10px;}
.form_label,table#confirm th{display:block;padding-right:0;}
table#confirm tbody {width: 100% !important;}
table#confirm th,table#confirm td {display: block !important; width: 100% !important; float: none; clear: both;}
table#confirm th {text-align: left; padding-bottom: 0;}
.form_input,table#confirm td{display:block;}
table#confirm td{padding-bottom: 20px; margin-bottom: 20px;}
table#confirm td a {color: #ffffff;}
p.policy_txt label {font-size: 90%;}
.btn.btn-d, input[type="submit"] {width: 100% !important; margin: 0 auto !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:#ff0033; text-shadow:none; font-weight:900;}