@charset "utf-8";

/* ------------------------------
				お問合せフォーム
------------------------------ */
/*------------------------------
レスポンシブ
------------------------------*/
.page_pankuzu {
  background: #fff;
}
/*------------------------------
	PC
------------------------------*/
@media screen and (min-width: 769px) {
  .page_header_gnavi_logo span {
    display: table-cell;
    font-size: 0;
    height: 60px;
    vertical-align: middle;
    width: 100%;
  }
  .page_header_gnavi_logo span img {
    margin-left: 10px;
    width: 100%;
  }
  .page_header_form .page_header_gnavi_fixed {
    border-top: none !important;
    position: relative;
  }
  .contents {
    position: relative;
    margin-top: 0!important;
  }
  .form_content {
    position: relative;
    font-family: 游ゴシック体, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
    border-top: 1px solid #eaeaea;
    overflow: hidden;
  }
  .form_content_inr {
    box-sizing: border-box;
    margin: 50px auto 0;
    max-width: 97%;
    padding: 25px 0;
    position: relative;
    width: 1190px;
  }
  .form_content_inr_finish {
    box-sizing: border-box;
    margin: auto;
    max-width: 97%;
    padding: 15px 0;
    position: relative;
    width: 1190px;
  }
  .form_content_inr.a-2 {
    padding-bottom: 50px;
  }
  .form_content_inr + .form_content_inr {
    padding-top: 0;
  }
  .form_sec_01 {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  /* 20190206 form-a-3 CSS */
  .form_sec_01_form-a-3 {
    margin: 0 auto;
    width: 89%;
  }
  /* 20190206 form-a-3 CSS */
  .form_01_block_l_form-a-3 {
    box-sizing: border-box;
    padding: 0 5% 0 10px;
    vertical-align: top;
    width: 100%;
  }
  .form_01_block_l {
    box-sizing: border-box;
    display: table-cell;
    padding: 0 5% 0 10px;
    vertical-align: top;
    width: 100%;
  }
  .form_01_block_l_ttl {
    color: #00abeb;
    font-size: 2.4rem;
    margin: 30px 0 50px;
    text-align: center;
  }
  .form_01_block_l_ttl_pdf {
    height: 50px;
    line-height: 50px;
    margin: 24px 0 44px;
    vertical-align: middle;
  }
  .form_01_block_l_ttl_pdf img {
    bottom: 5px;
    display: inline-block;
    height: 50px;
    margin-right: 15px;
    position: relative;
    vertical-align: middle;
  }
  .form_01_block_l_txt {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 80px;
  }
  .form_01_block_l_img img {
    width: 100%;
  }
  .form_01_block_l_img .img-a, .form_01_block_l_img .img-d, .form_01_block_l_img .img-e {
    max-width: 612px;
  }
  .form_01_block_l_img .img-b {
    max-width: 638px;
  }
  .form_01_block_l_img_txt {
    bottom: 40px;
    font-size: 1.2rem;
    left: calc((70/1200)*100%);
    position: absolute;
  }
  /* 20190206 form-a-3 CSS */
  .form_01_block_r_form-a-3 {
    margin: 0 auto;
    max-width: 300px;
    min-width: 300px;
    vertical-align: top;
    width: 300px;
  }
  /* 20190206 form-a-3 CSS */
  .form_01_block_p {
    text-align: center;
  }
  .form_01_block_r {
    display: block;
    vertical-align: top;
    width: 430px;
    margin: auto;
  }
  .form_01_block_r_inr {
    box-sizing: border-box;
    display: block;
    float: right;
    width: 100%;
  }
  .form_sec_02 {
    margin: 0 auto;
    max-width: 770px;
    text-align: center;
    width: 98%;
  }
  .form_02_block {
  }
  .form_02_block_ttl {
    color: #00abeb;
    font-size: 2.4rem;
    margin: 20px 0 40px;
    text-align: center;
  }
  .form_02_block_txt {
    font-size: 1.6rem;
    line-height: 1.875;
    margin-bottom: 50px;
  }

  .form_res_footer_inr {
    margin: 0 auto;
    max-width: 1164px;
    position: relative;
    width: 97%;
  }
  .form_res_footer_contact {
    text-align: center;
  }
  .form_res_footer_contact_ttl {
    border-bottom: 1px solid #dcdcdc;
    font-size: 2.2rem;
    margin-bottom: 20px;
    padding: 10px;
  }
  .form_res_footer_contact ul {
    letter-spacing: -.4em;
    text-align: left;
  }
  .form_res_footer_contact li {
    display: inline-block;
    letter-spacing: normal;
    line-height: 1;
    vertical-align: middle;
  }
  .form_res_footer_contact_logo {
    margin-right: 3%;
    width: calc((296/1200)*100%);;
  }
  .form_res_footer_contact_tel_num img {
    display: inline-block;
    margin-right: calc((5/480)*100%);
    width: calc((41/480)*100%);
  }
  .form_res_footer_copyright {
    padding-top: 60px;
    text-align: center;
  }
  .form_res_footer_copyright small {
    color: #76858c;
    font-size: .8rem;
  }
  .form_res_footer_contact_name {
    font-size: calc((20/1200)*100vw);
    padding-top: .8%;
  }
  .form_res_footer_contact_tel {
    float: right;
    text-wrap: none;
    white-space: nowrap;
  }
  .form_res_footer_contact_tel_num {
    /*letter-spacing: .06em;*/
    color: #00abeb;
    font-size: 6vw;
    font-size: calc((60/1200)*100vw);
  }
  .form_res_footer_contact_tel_time {
    font-size: calc((16/1200)*100vw);
    margin-top: 10px;
    text-align: right;
  }
  .form_res_footer_contact_email_num {
    padding-top: 16px;
  }
  .form_res_footer_contact_email_num a {
    color: #00abeb;
    font-size: 24px;
  }
  /* form_finish */
  .form_finish_content_inr {
    box-sizing: border-box;
    margin: auto;
    max-width: 1164px;
    padding: 42px calc((60/1200)*100%) 25px calc((70/1200)*100%);
    position: relative;
    width: 97%;
  }
  .form_finish_content_inr p {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
  }
  .footer_finish {
    width: 100%;
    height: 120px;
    background-color: #E0CBA8;
  }
  .strong {
    position: relative;
    font-size: 22px;
  }
  .strong::after {
    position: absolute;
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%);
    content: "";
    width: 100%;
    height: 7px;
    border-radius: 3.5px;
    background-color: #E0CBA8;
    z-index: -1;
  }
  .form_finish_sec_01 .text_link_home {
    font-weight: 600;
    text-align: center;
  }
  .form_finish_sec_01 .text_link_home:not(:first-child) {
    margin-top: 4em;
  }
  .form_finish_caution {
    font-size: 1.6rem;
    margin-bottom: 40px;
  }
  .btn_area_txt {
    color: #00a0e9;
    font-size: 2rem;
    margin-bottom: 40px;
    padding-top: 0;
    text-align: center;
  }
  .mailing_block {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    width: 687px;
    border: 1px solid;
  }
  .mailing_add {
    color: #232B39;
  }
  .c_blue {
    color: #00a0e9;
  }

  .form_btn_style_download_lp01 {
    border: 2px solid #e72d84;
    background-size: 27px auto;
    border-radius: 8px;
    color: #6A6A6A;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    height: 64px;
    line-height: 64px;
    margin-bottom: 30px;
    /* padding-right: 30px; */
    position: relative;
    text-align: center;
    width: 590px;
  }
  .form_btn_style_download_lp01:hover {
    background-color: #e72d84;
    color: #fff;
  }
  .form_atone_area {
    display: flex;
    justify-content: center;
  }

  .air {
    border: 2px solid #2eb0c3;
  }
  .air:hover {
    background-color: #2eb0c3;
  }
  .atone {
    border: 2px solid #09d;
  }
  .atone:hover {
    background-color: #09d;
  }

  .kakebarai {
    border: 2px solid #fff100;
  }
  .kakebarai:hover {
    background-color: #fff100;
    color: #6A6A6A;
  }

  .lh22 {
    line-height: 2.2;
  }
  .mb00 {
    margin-bottom: 0;
  }
  .mb40 {
    margin-bottom: 40px;
  }
  .mb50 {
    margin-bottom: 50px;
  }
  .mb60 {
    margin-bottom: 60px;
  }
  .line-gray {
    border-top: 1px solid #dcdcdc;
    padding-top: 60px;
  }
  h2.formb-h2 {
    color: #00abeb;
    font-size: 1.8rem;
    padding-bottom: 1rem;
  }
  h2.formb-h2::before {
    content: url(/assets/imgs/form/icon-cblue.png);
    padding-right: 7px;
  }
  h2.formb-h2 span {
    color: #333;
    display: inline-block;
    font-size: 1.2rem;
    padding-left: 1.5rem;
  }
  ul.sample-img {
    color: #00abeb;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
    font-weight: 500;
  }
  ul.sample-img li {
    margin: 0 2rem 2rem 0;
  }
  ul.sample-img .sample-hover {
    position: relative;
  }
  ul.sample-img .sample-hover:hover:after {
    content: url(/assets/imgs/form/sample-hover.png);
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
  }
  #modal-content1, #modal-content2, #modal-content3 {
    display: none;
    left: 0;
    margin: 0;
    position: fixed;
    top: 0;
    z-index: 10003;
  }
  #modal-overlay {
    background-color: rgba(0,0,0,0.75);
    display: none;
    height: 120%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10002;
  }
}
@media screen and (min-width: 1201px) {
  .form_res_footer_contact_name {
    font-size: 2rem;
  }
  .form_res_footer_contact_tel_num {
    font-size: 6rem;
  }
  .form_res_footer_contact_tel_time {
    font-size: 1.6rem;
    font-weight: 200;
  }
}
/*------------------------------
SP
------------------------------*/
@media screen and (max-width: 768px) {
  .page_header_gnavi_logo span {
    display: table-cell;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 100%;
  }
  .page_header_gnavi_logo span img {
    width: 90% !important;
  }
  .page_header_form .page_header_gnavi_fixed {
    position: relative;
  }
  .contents {
    margin-top: 0!important;
  }
  .form_content {
    border-top: 1px solid #eaeaea;
  }
  .form_content_inr {
    box-sizing: border-box;
    padding: calc((90/768)*100vw) 18px 0;
    position: relative;
    width: 100%;
  }
  .form_content_inr.a-2 {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .form_content_inr + .form_content_inr {
    padding-top: 0;
  }
  .form_01_block_l_ttl, .form_02_block_ttl {
    color: #00abeb;
    font-size: 1.9rem;
    margin-bottom: calc((90/768)*100vw);
    text-align: center;
  }
  .form_01_block_l_ttl_pdf {
    height: calc((90/768)*100vw);
    line-height: calc((90/768)*100vw);
    margin: calc((6/768)*-100vw) 0 calc((82/768)*100vw);
    vertical-align: middle;
  }
  .form_01_block_l_ttl_pdf_02 {
    height: auto;
    line-height: 1;
  }
  .form_01_block_l_ttl_pdf img {
    bottom: 5px;
    display: inline-block;
    height: calc((90/768)*100vw);
    margin-right: calc((30/768)*100vw);
    position: relative;
    vertical-align: middle;
    width: auto;
  }
  .form_01_block_l_txt {
    font-size: 1.7rem;
    line-height: 1.875;
    margin-bottom: calc((90/768)*100vw);
  }
  .form_02_block_txt {
    font-size: 1.7rem;
    line-height: 1.875;
    margin-bottom: calc((90/768)*100vw);
    padding-left: 18px;
    padding-right: 18px;
  }
  .form_01_block_r, .form_01_block_r_inr, .form_02_block_form {
    width: 100%;
  }
  .form_res_footer_inr {
    padding: calc((40/768)*100vw) 18px calc((150/768)*100vw);
    position: relative;
  }
  .form_res_footer_contact {
    text-align: center;
  }
  .form_res_footer_contact_ttl {
    border-bottom: 2px solid #dcdcdc;
    font-size: 2rem;
    line-height: 1;
    margin-bottom: calc((50/768)*100vw);
    padding-bottom: calc((20/768)*100vw);
  }
  .form_res_footer_contact ul {
    text-align: center;
  }
  .form_res_footer_contact li {
    line-height: 1;
  }
  .form_res_footer_contact_logo {
    margin: 0 auto calc((30/768)*100vw);
    width: calc((455/768)*100vw);
  }
  .form_res_footer_contact_name {
    font-size: 1.5rem;
    margin-bottom: calc((80/768)*100vw);
  }
  .form_res_footer_contact_tel {
    text-wrap: none;
    white-space: nowrap;
  }
  .form_res_footer_contact_tel_num {
    color: #00abeb;
    font-size: 4.3rem;
    letter-spacing: .06em;
    margin-bottom: calc((30/768)*100vw);
  }
  .form_res_footer_contact_tel_num a {
    color: #00abeb;
  }
  .form_res_footer_contact_email_num a {
    color: #00abeb;
    font-size: 14px;
  }
  .form_res_footer_contact_tel_num img {
    display: inline-block;
    margin-right: calc((10/768)*100vw);
    width: calc((60/768)*100vw);
  }
  .form_res_footer_contact_tel_time {
    font-size: 1.6rem;
    font-weight: 200;
  }
  .form_res_footer_copyright {
    background: #E0CBA8;
    text-align: center;
    width: 100%;
    padding-top: calc((56/768)*100vw);
  }
  .form_res_footer_copyright small {
    color: #76858c;
    font-size: 1rem;
  }
  .form_finish_content_inr {
    padding: calc((42/768)*100vw) 18px 48px;
    position: relative;
    font-family: 游ゴシック体, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 游ゴシック, "Yu Gothic", メイリオ, Meiryo, sans-serif;
    font-weight: bold;
  }
  .form_finish_sec_01 .text_link_home {
    font-weight: 600;
    text-align: center;
  }
  .form_finish_sec_01 .text_link_home:not(:first-child) {
    margin-top: 4em;
  }
  .form_finish_caution {
    font-size: 1.35rem;
    margin-bottom: calc((60/768)*100vw);
  }
  .txt-left {
    font-size: 2.2rem;
    height: inherit;
    line-height: inherit;
    padding-left: 5.25rem;
    text-indent: -5.25rem;
  }
  .btn_area_txt {
    color: #00a0e9;
    font-size: 1.8rem;
    margin-bottom: calc((40/768)*100vw);
    text-align: center;
  }
  .mailing_block {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }
  .strong {
    position: relative;
    font-size: 1.8rem;
  }
  .strong::after {
    position: absolute;
    left: 50%;
    top: 90%;
    transform: translate(-50%, -50%);
    content: "";
    width: 100%;
    height: 7px;
    border-radius: 3.5px;
    background-color: #E0CBA8;
    z-index: -1;
  }
  .form_btn_style_download_lp01 {
    border: 2px solid #e72d84;
    background-size: auto .8em;
    border-radius: 8px;
    color: #6A6A6A;
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    height: 13.020833333vw;
    line-height: 13.020833333vw;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: center;
    width: 90vw;
  }
  .air {
    border: 2px solid #2eb0c3;
  }

  .atone {
    border: 2px solid #09d;
  }

  .kakebarai {
    border: 2px solid #fff100;
  }
  .footer_finish {
    position: relative;
    width: 100%;
    height: calc((144/768)*100vw);
    background-color: #E0CBA8;
  }
  .form_res_footer_copyright {
    width: 100%;
  }
}

/*------------------------------
	フォーム部分改修
------------------------------*/
/*------------------------------
	PC
------------------------------*/
@media screen and (min-width: 769px) {
  .form_content .mktoForm fieldset legend {
    background: #fff;
    color: #00abeb;
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 200;
    padding: 0 5px;
  }
  .form_content .mktoForm * {
    max-width: 100%;
  }
  .form_content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, .form_content .mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton {
    background: #e72d84 !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #fff !important;
    display: block !important;
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    height: 54px !important;
    line-height: 57px !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    width: 100% !important;
  }
  .form_content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton::after, .form_content .mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton::after {
    border-right: 2px solid #fff !important;
    border-top: 2px solid #fff !important;
    content: "" !important;
    display: block !important;
    height: 12px !important;
    position: absolute !important;
    right: 5% !important;
    top: calc(50% - 6px) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    width: 12px !important;
  }
  .form_content .mktoForm div.mktoFormRow > fieldset > div:nth-child(11) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label > a, .form_content .mktoForm div.mktoFormRow div.mktoFieldWrap.mktoRequiredField > label > a {
    padding-left: 1.8rem;
  }
  /* 20190206 form-a-3,form-a-4 白余白の為のCSS */
  .form_02_block_bk {
    background-color: #fff;
    margin: 0 auto;
    width: 480px;
  }
  /* 20190206 form-a-3,form-a-4 白余白の為のCSS */
  .mlr-60 {
    margin: 0 60px;
  }
}
/*------------------------------
SP
------------------------------*/
@media screen and (max-width: 768px) {
  .form_content .mktoForm fieldset legend {
    background: #fff;
    color: #00abeb;
    display: inline-block;
    font-size: 1.8rem;
    font-weight: 200;
    padding: 0 5px;
  }
  .form_content .mktoForm {
    font-size: 1.2rem;
  }
  .form_content .mktoForm, .form_content .mktoForm * {
    max-width: 100%;
  }
  .form_content .mktoForm .mktoFormRow .mktoField {
    border-radius: 5px;
    font-size: 1.2rem;
  }
  .form_content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton, .form_content .mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton {
    background: #e72d84 !important;
    border: none !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    color: #fff !important;
    display: block !important;
    font-size: 1.8rem !important;
    font-weight: 400 !important;
    height: calc((144/768)*100vw) !important;
    height: calc((146/768)*100vw) !important;
    margin-bottom: 10px !important;
    padding: 0 !important;
    position: relative !important;
    text-align: center !important;
    text-shadow: none !important;
    width: 100% !important;
  }
  .form_content .mktoForm .mktoButtonWrap.mktoSimple .mktoButton::after, .form_content .mktoForm .mktoButtonWrap.mktoDownloadButton .mktoButton::after {
    border-right: 2px solid #fff !important;
    border-top: 2px solid #fff !important;
    content: "" !important;
    display: block !important;
    height: .6em !important;
    position: absolute !important;
    right: 5% !important;
    top: calc(50% - .3em) !important;
    -ms-transform: rotate(45deg) !important;
    transform: rotate(45deg) !important;
    width: .6em !important;
  }
  .form_content .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c {
    height: 3vw;
    left: 2vw;
    position: absolute;
    top: 0.2rem;
    width: 3vw;
  }
  .form_content #mktoForm_1701, .form_content #mktoForm_1694, .form_content #mktoForm_2040, .form_content #mktoForm_2041, .form_content #mktoForm_1636, .form_content #mktoForm_1915 {
    width: 100%!important;
  }
  div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label, div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > label {
    font-size: calc(24/768*100vw)!important;
    width: 100%!important;
  }
  .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
    font-size: calc(24/768*100vw)!important;
  }
  .mktoForm .mktoFieldWrap.mktoRequiredField input, .mktoForm .mktoFieldWrap.mktoRequiredField select, .mktoForm .mktoFieldWrap input#Department__c, .mktoForm .mktoFieldWrap input#URL__c {
    margin-top: 0.5rem;
    min-height: 4rem;
    padding: 0 1rem;
  }
  .mktoForm div.mktoFormRow > fieldset > div:nth-child(11) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label > a {
    padding-left: 4.5vw!important;
  }

  #mktoForm_1636 > div.mktoFormRow > fieldset, #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol, #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField, #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoGutter.mktoHasWidth, #mktoForm_1915 > div.mktoFormRow > fieldset, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoGutter.mktoHasWidth {
    float: none;
  }
  #mktoForm_1636 > div.mktoFormRow > fieldset, #mktoForm_1915 > div.mktoFormRow > fieldset {
    padding-left: 10px;
  }
  #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField input, #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField select, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField input, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField select {
    width: 100%!important;
  }
  #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label > a, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label > a {
    padding-left: 4vw;
  }
  #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c {
    height: 3vw!important;
    left: 2vw!important;
    top: 1rem!important;
    width: 3vw!important;
  }
}

@media screen and (max-width: 480px) {
  div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label, div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap > label {
    font-size: calc(16/414*100vw)!important;
  }
  .mktoForm input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField {
    font-size: calc(16/414*100vw)!important;
  }
  .form_content .mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c {
    height: 4vw;
    top: 0.2rem;
    width: 4vw;
  }
  #mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c {
    height: 4vw!important;
    top: 0.2rem!important;
    width: 4vw!important;
  }
}
/*------------------------------
旧デザイン
------------------------------*/
.bg_form2_title {
  background-color: #00a0e9;
  background-image: url(/assets/imgs/bg_title.gif);
  background-position: center;
  background-repeat: repeat-y;
  background-size: 100% 88px;
  width: 100%;
}
.bg_form2_title .wrapper {
  background-image: url(/assets/imgs/scheme/bg_scheme_title2.gif);
  background-position: right;
  background-repeat: no-repeat;
  height: 70px;
  position: relative;
}
.bg_form2_title p {
  bottom: 20px;
  color: #fff;
  position: absolute;
  right: 150px;
  text-align: right;
}


.bg_form2_title h2 {
  color: #fff;
  font-size: 200%;
  margin-left: 30px;
  margin-top: -8px;
}
.bg_form2_title h2 span {
  color: #00a0e9;
}



.bg_form2_01 {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  width: 100%;
}
.bg_form2_01 h3 {
  color: #00a0e9;
  padding-top: 50px;
  text-align: center;
}

.bg_form2_01 dl {
  margin: 20px 30px;
}
.bg_form2_01 dl dt {
  font-size: 115%;
  font-weight: bold;
  margin: 10px 0;
}
.bg_form2_01 dl dd {
  margin-left: 20px;
}



.bg_form2_02 {
  background-color: #fff;
  width: 100%;
}

.bg_form2_02 h3 {
  color: #00a0e9;
  font-size: 150%;
  margin-bottom: 40px;
  padding-top: 0;
  text-align: center;
}
.bg_form2_02 p {
  margin: 15px 0;
}
.bg_form2_02 p a {
  color: #333;
}
.bg_form2_02 p a:hover {
  text-decoration: underline;
}
span.req {
  background: #e60c00;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: #fff;
  font-size: 74%;
  padding: 0 4px;
}
dl.contact_form {
  clear: both;
  margin: 30px 0 10px;
  overflow: hidden;
}
dl.contact_form dt {
  clear: both;
  float: left;
  font-weight: bold;
  padding: 7px 24px 3px 0;
  text-align: left;
  vertical-align: top;
  width: 190px;
}

/* form */
.bg_form2_02 .form-a, .bg_form2_02 .form-b, .bg_form2_02 .form-c, .bg_form2_02 .form-d, .bg_form2_02 .form-e {
  background-color: #e5f7ff;
  margin: 50px 0;
  overflow: hidden;
  padding: 30px;
}
.bg_form2_02 .form-a .left-box, .bg_form2_02 .form-b .left-box, .bg_form2_02 .form-c .left-box, .bg_form2_02 .form-d .left-box, .bg_form2_02 .form-e .left-box {
  float: left;
  font-size: 115%;
  width: 580px;
}
.bg_form2_02 .form-a .left-box img, .bg_form2_02 .form-d .left-box img, .bg_form2_02 .form-e .left-box img {
  padding: 20px 0 0 40px;
}
.bg_form2_02 .form-b .left-box .img, .bg_form2_02 .form-c .left-box .img {
  padding-top: 20px;
}
.bg_form2_02 .form-a .left-box p, .bg_form2_02 .form-b .left-box p, .bg_form2_02 .form-c .left-box p, .bg_form2_02 .form-d .left-box p, .bg_form2_02 .form-e .left-box p {
  margin-left: 20px;
}
.bg_form2_02 .form-b .left-box h3, .bg_form2_02 .form-c .left-box h3 {
  font-weight: bold;
  padding: 20px 0 0 40px;
  text-align: left;
}
.bg_form2_02 .form-b .left-box h3 img, .bg_form2_02 .form-c .left-box h3 img {
  margin-right: 15px;
  vertical-align: middle;
}
.bg_form2_02 .form-b .left-box p.small, .bg_form2_02 .form-c .left-box p.small {
  font-size: 80%;
}
.bg_form2_02 .form-a .right-box, .bg_form2_02 .form-b .right-box, .bg_form2_02 .form-c .right-box, .bg_form2_02 .form-d .right-box, .bg_form2_02 .form-e .right-box {
  background-color: #fff;
  float: right;
  padding: 20px;
  width: 260px;
}

.form-footer {
  background-color: #009eec;
  clear: both;
  padding: 30px 0;
  text-align: center;
}
.form-footer .box {
  background-color: #fff;
  padding: 25px 0;
}
.form-footer .box h3 {
  color: #009eec;
  font-size: 150%;
  font-weight: bold;
}
.form-footer .box ul {
  display: table;
  margin: 0 auto;
  width: 90%;
}
.form-footer .box li {
  display: table-cell;
  vertical-align: bottom;
}
.form-footer .box li.logo {
  padding-bottom: 0;
}
.form-footer .box li.name {
  color: #464646;
  font-size: 130%;
  font-weight: bold;
  padding-bottom: 19px;
}
.form-footer .box li .tel {
  color: #009eec;
  font-size: 220%;
  font-weight: bold;
}
.form-footer .box li .tel img {
  margin-right: 10px;
  vertical-align: middle;
}
.form-footer .box li .time {
  font-size: 80%;
  margin-left: 65px;
  text-align: left;
}
.form-footer p {
  color: #fff;
  font-size: 90%;
  margin-top: 30px;
}

/* mktoForm */
.mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  background: none !important;
  background-color: #006cba !important;
  background-image: none !important;
  background-image: url(/assets/imgs/form/icon-arrow.png) !important;
  background-position: 97% center !important;
  background-repeat: no-repeat !important;
  border: none !important;
  border-radius: 0.1rem;
  -webkit-box-shadow: 0 3px 0 #817f7f !important;
  -moz-box-shadow: 0 3px 0 #817f7f !important;
  box-shadow: 0 3px 0 #817f7f !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: bold;
  height: 50px !important;
  margin: 0.5rem 0 1rem 0;
  text-decoration: none !important;
  text-shadow: none !important;
  transition: all 0.2s ease-in-out;
  width: 100%;
}
.mktoForm .mktoFieldWrap.mktoRequiredField input, .mktoForm .mktoFieldWrap.mktoRequiredField select, .mktoForm .mktoFieldWrap input#Department__c, .mktoForm .mktoFieldWrap input#URL__c {
  margin-top: 0.3rem;
  min-height: 2rem;
}
.mktoForm .mktoFieldWrap.mktoRequiredField textarea, .mktoForm .mktoFieldWrap textarea#QuestionOpinion__c {
  margin-top: 0.5rem;
  min-height: 6rem;
}
.mktoForm .mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c {
  left: 20px;
  min-height: 0;
  position: absolute;
  top: 0.8rem;
}
.mktoForm div.mktoFormRow > fieldset > div:nth-child(11) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField {
  height: 1.3rem;
  margin-top: 0.5rem;
}
.mktoForm div.mktoFormRow > fieldset > div:nth-child(11) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label {
  font-weight: normal;
  min-width: 230px;
}
.mktoForm div.mktoFormRow > fieldset > div:nth-child(11) > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > label > a {
  color: #0053ab;
  padding: 0;
  padding-left: 1.8rem;
  text-decoration: underline;
}
.mktoForm div.mktoButtonRow > span > button:before {
  content: "入力内容を";
}
.mktoForm div.mktoButtonRow > span > button:hover {
  opacity: 0.8;
}

#mktoForm_1636 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c, #mktoForm_1915 > div.mktoFormRow > fieldset > div > div.mktoFieldDescriptor.mktoFormCol > div.mktoFieldWrap.mktoRequiredField > div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired #permission_c {
  top: 0.3rem;
}

/* */

.area_form {
  padding-bottom: 80px;
  padding-top: 50px;
}
.area_form .table_form {
  border-bottom: 1px solid #ddd;
  border-collapse: collapse;
  margin-bottom: 50px;
  width: 100%;
}
.area_form .table_form th {
  font-size: 129%;
  width: 360px;
}
.area_form .table_form th label {
  float: left;
}
.area_form .table_form th .req {
  float: right;
  margin-top: 8px;
}
.area_form .table_form td {
  padding-left: 20px;
  padding-right: 0;
  vertical-align: top;
}
.area_form .table_form th, .area_form .table_form td {
  border-top: 1px solid #ddd;
  color: #00a0e9;
  font-size: 129%;
  padding-bottom: 10px;
  padding-top: 10px;
}
.area_form .table_form .list_address dt {
  margin-bottom: 20px;
}
.area_form .table_form .list_inline li {
  float: left;
  margin-right: 10px;
}
.area_form .table_form .list_inline li.break {
  clear: both;
}
.area_form .table_form .list_inline li input {
  vertical-align: text-top;
}
.area_form .table_form label {
  cursor: pointer;
}
.area_form .table_form input.text, .area_form .table_form .textarea, .area_form .table_form .policy {
  background-color: #eee;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-size: 89%;
  padding: .5em;
  width: 415px;
}
.area_form .table_form input.text_short {
  width: 160px;
}
.area_form .table_form small {
  font-size: 69%;
}
.area_form .table_form input.text_long, .area_form .table_form .textarea, .area_form .table_form .policy {
  width: 580px;
}
.area_form .table_form .policy {
  height: 200px;
  overflow-y: scroll;
}
.area_form .footnote {
  text-align: center;
}
.area_form .button {
  margin: 30px 0;
  text-align: center;
}
.area_form .button input:hover {
  -ms-filter: "alpha(opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50);	/* IE lt 8 */
  opacity: 0.5;
  transition: opacity 0.3s ease-out 0s; /* フェード */
}
.area_form .button .back input {
  background: none;
  border: none;
  cursor: pointer;
}
.area_form .button .back input:hover {
  text-decoration: underline;
}
.area_form .button .back:before {
  content: "< ";
  padding-left: 10px;
}
.area_form .button .send {
  margin-bottom: 20px;
}
.area_form .error {
  border: 3px solid #f00;
  color: #f00;
  margin-bottom: 20px;
  padding: 20px;
}
.area_form .error li {
  list-style: outside disc;
  margin-left: 1.3em;
}
.bg_form2_02 p.return_home {
  font-weight: bold;
  margin: 30px 0 0;
  text-align: center;
}
.bg_form2_02 p.return_home a::before {
  content: "< ";
  padding-left: 10px;
}
.bg_form2_02 p.button_download {
  margin-bottom: 60px;
  text-align: center;
}
.bg_form2_02 p.button_download a {
  background-color: #036eb8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  box-shadow: 0 5px 0 0 #0f4a72;
  color: #fff;
  display: inline-block;
  font-size: 185%;
  padding: 20px 40px;
}
.bg_form2_02 p.button_download a span {
  font-size: 70%;
}

.bg_footer01 {
  display: none;
}
.policy p {
  margin: 0;
}

.bg_form2_02 .bg_mailing {
  background-color: #dff2fc;
  margin: 0 50px 40px 50px;
  padding: 40px 0;
  text-align: center;
}
.bg_form2_02 .bg_mailing p {
  font-size: 140%;
}
.bg_form2_02 .bg_mailing p.mailing_add {
  color: #036eb8;
  font-weight: bold;
}
.bg_form2_02 .bg_note {
  margin: 0 50px 70px 50px;
}
.bg_form2_02 .bg_note span {
  color: #00a0e9;
}

.txt-left {
  text-align: left;
}
.tc-blue {
  color: #00abeb;
}

.g-recaptcha {
  transform: scale(0.7);
  transform-origin: 0 0;
}