﻿.required .formHeading:after {
    content: '必須';
}
#contentMain.container{padding:1em 0 1.5em 1em;border-radius:0;max-width:930px;margin:0 auto;}
.contentHeader{margin:0 0 2em 0}
.contentHeader img{max-width:100%}
#pardot-form span.value label{font-weight:400}
.form-wraper{display:flex;flex-flow:row wrap}
.form-group{display:flex;margin:0 0 1em 0;flex:0 0 100%;flex-flow:row wrap}
.form-group::after,.form-group::before{display:none}
.formHeading,.formInput{flex-grow:0;flex-shrink:0}
.formHeading{position:relative;margin-bottom:1em;padding:0 1em 0 0;flex-basis:20%}
.formHeading::after{position:absolute;top:.6em;left:0}
.formHeading label{margin:.4em 0 0 0}
.formInput{margin-bottom:1em;padding:0 1em 0 0;flex-basis:80%}
.form-label-wide .formHeading{flex-basis:25%}
.form-label-wide .formInput{flex-basis:75%}
.form-half{flex-basis:50%}
.form-half .formHeading{flex-basis:40%}
.form-half .formInput{flex-basis:60%}
.form-half.form-label-wide .formHeading{flex-basis:50%}
.form-half.form-label-wide .formInput{flex-basis:50%}
@media all and (max-width:428px){
.form-half{flex-basis:100%}
}
.form-pileup .formHeading,.form-pileup.form-half .formHeading{margin-bottom:.5em;flex-basis:100%}
.form-pileup .formInput,.form-pileup.form-half .formInput{flex-basis:100%}
@media all and (min-width:768px){
.form-field-short .formInput .form-control{width:8em}
.form-field-middle .formInput .form-control{width:12em}
.form-field-auto .formInput .form-control{width:auto}
}
.form-field-align-half .formInput .form-control{width:calc(var(--widthImputTargetShort) - 1em);--widthImputShort:calc(100% + 1em);--widthImputTargetShort:calc(var(--widthImputShort) * .375)}
.form-label-wide.form-field-align-half .formInput .form-control{width:calc(var(--widthImputTarget) - 1em);--widthImput:calc(100% + 1em);--widthImputTarget:calc(var(--widthImput) / 3)}
@media all and (max-width:767px){
.form-group.form-field-align-half .formInput .form-control{width:calc(var(--widthImputTargetRes) - 1em);--widthImputRes:calc(100% + 1em);--widthImputTargetRes:calc(var(--widthImputRes) / 2)}
}
@media all and (max-width:428px){
.form-group.form-field-align-half .formInput .form-control{width:100%}
}
.form-group.form-no-margin{margin-bottom:0}
.formInputOuter span.value span{display:inline-block;margin-right:1em}
.checkbox>span,.radio>span{margin:0 1em .25em 0}
form.form .pd-checkbox.form-checkbox-horizontal .value span,form.form .pd-checkbox.form-radio-horizontal .value span,form.form .pd-radio.form-checkbox-horizontal .value span,form.form .pd-radio.form-radio-horizontal .value span{display:inline-block!important}
form.form .pd-checkbox.form-checkbox-vertical .value span,form.form .pd-checkbox.form-radio-vertical .value span,form.form .pd-radio.form-checkbox-vertical .value span,form.form .pd-radio.form-radio-vertical .value span{display:block!important;float:none!important}
.checkbox input[type=checkbox],.radio input[type=radio]{margin-left:0}
.required .formHeading{padding-left:2.75em}
.required .formHeading:after{font-size:.75em;display:inline-block;padding:1px 4px;color:#fff;border-radius:3px;background:red}
.alert-danger,.error.no-label,.errors{color:red}
.form-group.error>.formInput input,.form-group.error>.formInput select,.form-group.error>.formInput span.value label,.form-group.error>.formInput textarea{background-color:#ffe1e1}
.form-group>.formInput .form-control.error{background-color:#ffe1e1}
.error,p.description{font-size:.875em}
p.description{margin:.5em 0 0 0}
.ui-datepicker-header{margin-bottom:5px}
#ui-datepicker-div{padding:7px;border:solid 1px #ccc;background:#fff}
#ui-datepicker-div tr td,#ui-datepicker-div tr th{width:2em;text-align:center}
.ui-datepicker-week-end{background-color:#dde6ff}
.ui-datepicker-prev{float:left}
.ui-datepicker-next{float:right}
.ui-datepicker-title{text-align:center}
#ui-datepicker-div{display:none}
.pd-captcha.hidden{display:inherit!important;visibility:inherit!important}
.pd-captcha .formHeading{display:none}
.pd-captcha .formInput{flex-basis:100%}
.g-recaptcha{width:304px;margin:0 auto}
form#pardot-form .submit input[type=submit]:disabled{opacity:.3}
.contentFormAfter{font-size:90%;overflow-x:hidden;overflow-y:scroll;box-sizing:border-box;width:100%;height:250px;margin:10px 0 20px 0;padding:12px;border:solid 1px #ccc}
.contentFormAfter h1,.contentFormAfter h2,.contentFormAfter h3,.contentFormAfter h4,.contentFormAfter h5,.contentFormAfter h6{font-size:1.125em;font-weight:700}
.contentFormAfter:empty,.contentHeader:empty{display:none}
.form-control{max-width:100%;width:100%;}
p.description{white-space:normal}
.error{margin-top:6px}
.formHeading span{display:inline-block}
.btn-lg{font-size:1em;padding:12px 55px}
.formBlockMailmag p.formDescription{font-size:12px;margin:2px 0}
.form-group ul{margin:0;padding:0 0 0 1em}
.important{color:red}
@media all and (max-width:767px){
.form-group.form-field .formHeading{flex-basis:100%}
.form-group.form-field .formInput{flex-basis:100%}
}
@media all and (max-width:428px){
.contentHeader h1{font-size:1.25em}
}

select {
    -moz-appearance: auto;
    -webkit-appearance: auto;
}

input.form-control:-ms-input-placeholder      { color:#aaa !important }
input.form-control:placeholder-shown          { color:#aaa !important }
input.form-control::-webkit-input-placeholder { color:#aaa !important }
input.form-control::-ms-input-placeholder     { color:#aaa !important }
input.form-control::-moz-placeholder          { color:#aaa !important }
.text-center {
    text-align: center;
}

form input[type="submit"] {
    background: linear-gradient(135deg,#1db052,#007bbe);
    color: #FFFFFF;
}
form input[type="submit"]:hover {
background-color:#4AB5E8; 
border-color:linear-gradient(135deg,#1db052,#007bbe);
color:#FFFFFF;            
}

.LV_invalid {
    color: #DA291C;
}
.LV_validation_message{
    font-size: 12px;
    line-height: 22px;
    font-weight: 300;
}