@charset "UTF-8";
.dl-message {
  /*margin-top: 25px;
  padding-bottom: 35px;*/
  border-bottom: #d9d9d9 1px solid;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dl-message dt { width: auto; margin-right: 1em; white-space: nowrap;}
.dl-message dd { width: calc(100% - 130px); height: 60px; height: auto;}
.dl-message dd textarea { height: 100%; box-sizing: border-box;}
.confirm .dl-message {
  justify-content: flex-start;
  align-items: flex-start;
  background: #fff;
  padding: 20px;
  border-bottom: none;
  margin-bottom: 25px;
}
.confirm .dl-message dd {width: auto; height: auto;}
@media only screen and (max-width: 480px) {
  .dl-message { display: block; margin: 3%; border-bottom: none;}
  .dl-message dt { margin-right: 0.5em; font-size: 86%; width: auto;}
  .dl-message dd { width: calc(97% - 90px);width: auto;}
}

.label-input { margin-bottom: 5px;}
.label-input label { display: block; font-size: 86%; font-weight: bold;}

.pay_type_ginko, .pay_type_yubin { margin-left: 1em; margin: 5px 0 8px;}

.dl-form01 dd.clear.no-border { border:none;}
.dl-form01 dd.clear.no-border + dt,
.dl-form01 dd.clear.no-border + dt + dd { padding-top: 0;}


.dl-form02 .dt01:first-child { width: 100%; box-sizing: border-box;}
.dl-form02 dd {
  width: 100%; box-sizing: border-box;
}

.dl-form02 dd.dd-price,
.dl-form02 dd.dd-joseikin {
    margin: 10px 10px 0 10px;
    padding: 10px 15px;
    background: #d5f0f9;
}
.dl-form02 dd.dd-price::before,
.dl-form02 dd.dd-joseikin::before{
    content: "講習料金：";
    margin-right: 5px;
    display: inline-block;
    color: #055c85;
    width: 6em;
}
.dl-form02 dd.dd-price + dd.dd-joseikin {
    margin-top:0;
    padding-top:0;
}
.dl-form02 dd.dd-joseikin::before{ content: "助成金：";}
.dl-form02 dd.dd-price div { display: inline-block;}

.dl-form02 dd.dd-price .price { color: #000; font-size: 140%; margin-right: 5px;}

.dl-form02 dd.need_fax { display: none;}

.thanks-fax {
    margin-top:3em;
    background: #eefafe;
    padding: 0.2em 1.5em 1.2em;
}
.thanks-fax .h301 { margin-bottom: 0.7em;}
.thanks-fax .mailto {
    margin-top: 2em;
    display: block;
    text-align: center;
}
.thanks-fax .faxto {
    margin-top: 0;
    display: block;
    text-align: center;
}
.thanks-fax .faxto .fax,
.thanks-fax .mailto .mail {
    font-size: 20px;
}

.dl-form02 dd.joseikin_form {
    background: #d5f0f9;
    padding: 0 0 10px 7em;
    margin: 0px 10px 0px 10px;
}
.dl-form02 dd.joseikin_form label {
    position: relative;
    padding-left: 175px;
    vertical-align: middle;
    line-height: 2em;
}

.dl-form02 dd.joseikin_form label input[type='checkbox'] ~ .icon {
    background: url("../img/moushikomi/joseikin_nasi.png") no-repeat left top / 32px auto;
    width: 32px;
    height: 32px;
    position: absolute;
    left: -40px;
    top: -7px;
}
.dl-form02 dd.joseikin_form label input[type='checkbox'] ~ .icon::after {
    content: "助成金対象者外です";
    background: rgba(255,255,255,0.5);
    border:#888 1px dashed;
    padding: 0 0;
    border-radius: 5px;
    display: inline-block;
    width: 160px;
    text-align: center;
    position: absolute;
    left: 40px;
    top:0;
}
.dl-form02 dd.joseikin_form label input[type='checkbox']:checked ~ .icon::after {
    content: "助成金対象者です";
    background: rgba(255,255,255,1);
    border:#fff 1px dashed;
}
.dl-form02 dd.joseikin_form label input[type='checkbox']:checked ~ .icon {
    background-image: url("../img/moushikomi/joseikin_ari.png");
}
.h3-joseikin {
    color: #000;
    margin-top: 0px;
    padding: 0px 0px 0px 40px;
    line-height: 32px;
    font-size: 105%;
    background: url("../img/moushikomi/joseikin_ari.png") no-repeat left 50% / 32px auto;
}
.icon-joseikin {
    padding-left: 35px;
    background: url("../img/moushikomi/joseikin_ari.png") no-repeat left 50% / 27px auto;
    line-height: 27px;
}
.icon-joseikin.nasi {
    background-image: url("../img/moushikomi/joseikin_nasi.png");
}

@media only screen and (max-width: 480px) {
    .dl-form02 dd.joseikin_form { padding-left: 0;}
    .dl-form02 dd.joseikin_form label {
        position: relative;
        padding-left: 15px;
        padding-top: 35px;
        vertical-align: middle;
        line-height: 1.5em;
        display: block;
        text-align: center;
    }

    .dl-form02 dd.joseikin_form label input[type='checkbox'] ~ .icon {
        position: absolute;
        left: 15px;
        top: 0px;
        width: 100%;
    }
    .dl-form02 dd.joseikin_form label input[type='checkbox'] ~ .icon::after {
        content: "助成金対象者外です";
        background: rgba(255,255,255,0.5);
        border:#888 1px dashed;
        padding: 0 0;
        border-radius: 5px;
        display: inline-block;
        width: calc( 100% - 60px);
        text-align: center;
        position: absolute;
        left: 40px;
        top:0;
    }
    .dl-form02 dd.joseikin_form label input[type='checkbox']:checked ~ .icon::after {
        content: "助成金対象者です";
        background: rgba(255,255,255,1);
        border:#fff 1px dashed;
    }
    .dl-form02 dd.joseikin_form label input[type='checkbox']:checked ~ .icon {
        background-image: url("../img/moushikomi/joseikin_ari.png");
    }
}
.pay_type .blue,
.blue.ml5 { margin-left: 1em; display: block; font-size: 90%;}
.pay_notice {
  margin-top: 1em;
  border: #c60000 1px solid;
  padding: 1em 1.5em;
  text-align: center;
  background: #fff;
  font-weight: bold;
}

.tokubetu_saikyouiku_yoken input[type="radio"] + label + .showHide,
.tokubetu_ashibashunin_yoken input[type="radio"] + label + .showHide { display: none;}
.tokubetu_saikyouiku_yoken input[type="radio"]:checked + label + .showHide,
.tokubetu_ashibashunin_yoken input[type="radio"]:checked + label + .showHide {
  display: block;
}
.tokubetu_saikyouiku_yoken input[type="radio"]:checked + label + .showHide + br.hideShow,
.tokubetu_ashibashunin_yoken input[type="radio"]:checked + label + .showHide + br.hideShow { display: none;}

.tokubetu_saikyouiku_yoken label,
.tokubetu_ashibashunin_yoken label { margin-top: 5px; margin-bottom: 5px; display: inline-block;}
.tokubetu_saikyouiku_yoken .tsy,
.tokubetu_ashibashunin_yoken .tay { 
  display: block;
  background: #f0f0f0;
  padding: 15px 20px;
}
.tokubetu_saikyouiku_yoken .tsy input[type="text"],
.tokubetu_ashibashunin_yoken .tay input[type="text"] { width: 50px; margin-left: 4px; margin-right: 4px;}
.hukidashi.modoki::before,
.hukidashi.modoki::after {
  display: none;
}