@charset "utf-8";
/* CSS Document */
.c_form {
    width: 100%;
    padding-top:45px; padding-bottom:25px; border-radius:20px;
    line-height: 1.3;   
  }
  @media screen and (min-width:833px) {
    .c_form {
      width: 82%;
      margin: 0 auto 3em;
    }
  }
  



/* Contents */
#contentMain               {  }
#contentMain.container     { padding-top:15px; padding-bottom:25px; border-radius:20px; }
#contentMain.container img { max-width:100%; }
.contentHeader             { margin-bottom:10px; padding:15px 0; border-radius:20px; }

/* Forms */
.form-group:after               { display:block; margin:0 15px 15px 15px; padding-bottom:20px; height:auto; width:auto; border-bottom:dotted 1px #CCC; }
.formInputOuter                 { display:inline-block; width:100%; }
.formInputOuter label           { margin-left:3px; font-weight:normal; }
.formInputOuter span.value span { display:inline-block; margin-right:1em; }
.formHeading                    { margin-bottom:10px; }
.formHeading label              { margin-bottom:0; }
.formInputInner                 {  }
.formInputInner:before          { padding-right:5px; }
.formInputInner:after           { padding-left:5px; }
.formInputInner.zip:before      { content:"〒"; }
.formInputInner.last_name, .formInputInner.first_name, .formInputInner.last_kana, .formInputInner.first_kana { display:block; float:left; width:50%; }
.formInputInner.last_name, .formInputInner.last_kana, .formInputInner.last_name p.description, .formInputInner.last_kana p.description { padding-right:5px; }
.formInputInner.first_name, .formInputInner.first_kana, .formInputInner.first_name p.description, .formInputInner.first_kana p.description { padding-left:5px; }
.formInputInner.state, .formInputInner.city, .formInputInner.address_one, .formInputInner.address_two { margin-top:10px; }
.formInputInner.zip input   { width:8em; }
.zip input, .state select, .formInputInner.city input { display:inline-block; }
p.description           { margin:7px 0 0 0; }
.contentFormAfter       { box-sizing:border-box; width:100%; height:250px; margin:10px 0 20px 0; padding:12px; overflow-x:hidden; overflow-y:scroll; border:solid 1px #CCC; font-size:90%; }
.contentFormAfter h1, .contentFormAfter h2, .contentFormAfter h3, .contentFormAfter h4, .contentFormAfter h5 { font-size:110%; font-weight:bold; }
.contentHeader:empty, .contentFormAfter:empty { display:none; }
.form-control           { max-width:100%; }
p.error                 { margin-top:6px; }
.formHeading span       { display:inline-block; }
.btn-lg                 { padding:12px 55px; }
.formBlockMailmag p.formDescription { margin:2px 0; font-size:12px;}
.form-group ul          { margin:0; padding:0 0 0 1em; }
.ui-datepicker-header   { margin-bottom:5px; }
#ui-datepicker-div      { padding:7px; background:#FFF; border:solid 1px #CCC; }
#ui-datepicker-div tr th, #ui-datepicker-div tr td { 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; }

/* for CAPTCHA */
.pd-captcha.hidden       { display:inherit!important; visibility:inherit!important; }
.pd-captcha .formHeading { display:none; }
.pd-captcha .col-sm-9    { width:100%; }
.g-recaptcha             { margin:0 auto; width:304px; }

/* Color Settings */
.important         { color:#FF0000; }

/* font-size */
.required .formHeading:after { font-size:11px; }

/* Responsive */
@media all and (min-width:768px) {
.formInputOuter.zip         { overflow:hidden; }
.formInputInner.state       { padding-right:10px; }
.formInputInner.state, .formInputInner.city, .formInputInner.address_one, .formInputInner.address_two { float:left; }
.formInputInner.address_one, .formInputInner.address_two { width:100%; }
.state select               { width:8em; }
.formInputInner.city input  { width:12em; }
p.description               { white-space:pre; }
    }

@media all and (max-width:767px) {
.formInputInner.state  { margin-top:10px; }
    }

@media all and (max-width:414px) {
body, .form-control { font-size:16px; }
.contentHeader h1   { font-size:20px; }
    }


    
    .ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea,body{font-family:'Noto Sans JP','Yu Gothic','Yu Gothic Medium','游ゴシック Medium',YuGothic,'游ゴシック体','メイリオ',sans-serif;font-size:16px;font-weight:500}
    body{color:#000}
    .c_form a:active,.c_form a:hover,.c_form a:link,.c_form a:visited{text-decoration:underline;color:#000}
    .c_form a:active,.c_form a:hover{text-decoration:none}
    .contentHeader{margin:0;padding:0}
    .form-group{display:flex}
    @media (min-width:768px){
    .form-group{flex-flow:row wrap;align-items:center}
    }
    @media (max-width:767px){
    .form-group{flex-flow:column wrap}
    }
    .form-group:before{display:none}
    .form-group:after{margin:0;padding-bottom:15px;border:none;flex:0 0 100%}
    .form-group.privacy_policy{flex-flow:column wrap}
    .form-group.privacy_policy .formHeading{margin-bottom:10px}
    .form-group.privacy_policy .col-sm-9,.form-group.privacy_policy .formHeading{width:100%;max-width:1100px;text-align:center}
    @media (min-width:768px){
    .formHeading{margin-bottom:0;text-align:right}
    }
    .formInputInner input,.formInputInner select,.formInputInner textarea{color:#1e1e1e!important}
    .formInputInner p.description{font-size:15px}
    .formHeading label{font-weight:700;letter-spacing: normal;}
    .form-control{font-size:16px}
    input[type=text].form-control,select.form-control{height:auto}
    input[type=text].form-control,select.form-control,textarea.form-control{padding:10px 14px;border:none;border-radius:0;background-color:#f5f5f5;box-shadow:none}
    input[type=text].form-control:focus,select.form-control:focus,textarea.form-control:focus{box-shadow:none}
    .required .formHeading:before{display:inline-block;padding:0;content:'※';color:#e60039}
    .required .formHeading:after{display:none}
    .alert-danger,.errors{color:#b70000}
    .alert-danger,.error input,.error select,.error span.value label,.error textarea{background-color:#ffe1e1}
    p.error{color:red}
    .btn-primary{line-height:3;padding:0;color:#fff;border-color:#e60039;border-radius:32px;background-color:#e60039}
    .btn-primary:active,.btn-primary:focus,.btn-primary:hover{transition:.2s;color:#e60039;border-color:#e60039;border-radius:32px;background-color:#fff}
    border .btn-primary:disabled{background-color:#f8b2c3;-color:#f8b2c3}
    @media (min-width:768px){
    .btn-primary{font-size:20px;width:368px}
    }
    @media (max-width:767px){
    .btn-primary{width:58.66667vw}
    }
    input.form-control:-moz-placeholder-shown{color:#818181!important}
    input.form-control:-ms-input-placeholder{color:#818181!important}
    input.form-control:placeholder-shown{color:#818181!important}
    input.form-control::-webkit-input-placeholder{color:#818181!important}
    input.form-control::-ms-input-placeholder{color:#818181!important}
    input.form-control::-moz-placeholder{color:#818181!important}
    @media (min-width:768px){
    .formInputInner.city,.formInputInner.state{margin-top:0}
    }
    @media (max-width:767px){
    .formInputInner.state{margin-top:0}
    }