@charset "UTF-8";


.kv.kvProcedures {
  background: url(/procedures/img/kv_procedures.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .kv.kvProcedures {
    background: url(/procedures/img/kv_procedures_sp.jpg) no-repeat;
    background-size: cover;
    background-position: center center;
  }
}

@media screen and (max-width: 768px) {
  .underTitle.procedures {
    padding-bottom: 50px;
  }
}
.underTitle.pdf {
  margin-top: 0;
  padding-bottom: 75px;
}
@media screen and (max-width: 768px) {
  .underTitle.pdf {
    padding-bottom: 50px;
  }
}
.underTitle.pdf h1::before {
  content: none;
}




.pdfSection {
  padding-bottom: 104px;
}
@media screen and (max-width: 768px) {
  .pdfSection {
    padding-bottom: 70px;
  }
}
.pdfContent {
  padding: 106px 100px 60px;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .pdfContent {
    padding: 70px 20px;
  }
}
  .pdfContent h2{color: #0aaadc}
@media screen and (max-width: 768px) {
  .pdfContent h2 {
    line-height: 40px;
  }
}
@media screen and (max-width: 768px) {
  .pdfContent p {
    padding: 0 16px;
  }
}


.pdfButton {
  margin-top: 60px;padding-top: 40px
}
@media screen and (max-width: 768px) {
  .pdfButton {
    margin-top: 32px;
  }
}
.pdfButton .button {
  width: 388px;
  height: 60px;
}
@media screen and (max-width: 768px) {
  .pdfButton .button {
    width: 88%;
    height: 64px;
  }
}


/*ここから*/


.check_item {
  margin:0px auto 0px;text-align: center
}
.check_item p{margin-bottom: 12px;}
.check {
  display: none;
}
.check:checked + label{color: #0aaadc}
.check:checked + label:after {
  opacity: 1;
}
label {
  position: relative;
  padding-left: 45px;
  font-size: 28px;
  cursor: pointer;
  color: #121212;
}
@media screen and (max-width: 768px) {
label {
  padding-left: 45px;
  font-size: 20px;
}
}
label:before,
label:after {
  content: "";
  position: absolute;
  display: block;
}
label:before {
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 30px;
  height: 30px;
  border: 4px solid #30475E;
}
label:after {
  top: 2px;
  left: 12px;
  width: 10px;
  height: 22px;
  border-bottom: 4px solid #0aaadc;
  border-right: 4px solid #0aaadc;
  transform: rotate(45deg);
  opacity: 0;
}
.pdfSection .underline{border-top: 1px solid #ccc;}
.pdfSection .underline .underText{margin-bottom: 20px}


.area_check{display: none;}
.stepSection{  margin: 60px auto 0;  max-width: 1100px;  background-color: #fff;  padding: 70px 100px 100px;  position: relative;  z-index: 3;  margin-top: 60px;}

@media screen and (max-width: 768px) {
.stepSection{margin: 40px auto 0;  max-width: 94%;padding: 30px;}
.stepSection h2.underHead{line-height: 1}
}


.stepSection dl{border: 1px solid #39bae3;border-radius: 8px;margin-top: 30px}
.stepSection dl.daikyo{border: 1px solid #192d8e;}
.stepSection dl.arrow{position: relative;margin-bottom: 60px}
.stepSection dl.arrow::after {  position: absolute;  content: "";  width: 25px;  height: 15px;  background: url("/procedures/img/icon_arrow.svg") no-repeat center top;  background-size: cover;  bottom: -40px;  right: 0;  left: 0;  margin: auto; }
.stepSection dt{background:#39bae3;border-radius: 8px 8px 0 0;padding: 12px;font-size: 22px;color: #fff;
display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;
justify-content: flex-start;-webkit-justify-content: flex-start;
align-items: center;}
.stepSection .daikyo dt{background:#192d8e;}
.stepSection h3{font-family: "Noto Sans JP", sans-serif;}
.stepSection dt{position: relative}
.stepSection dt .kind{background: #fff;border-radius: 30px;text-align: center; padding: 2px 18px;font-size: 16px;color: #91a778;position: absolute;top: 50%;right: 30px;transform: translateY(-50%);}
.stepSection dt .step{ font-size: 20px;font-family: "Barlow Condensed", sans-serif;margin-right: 18px;}
.stepSection dd{padding: 30px;}
.stepSection dd h4{font-weight: bold;font-size: 18px;text-align: left;color: #39bae3;font-family: "Noto Sans JP", sans-serif;}
.stepSection .daikyo dd h4{color: #192d8e;}
.stepSection .coution{padding-top: 12px}
.stepSection .coution p {margin-left: 1em;text-indent: -1em;font-size: 13px;margin-top: 6px}
.stepSection h5{font-family: "Noto Sans JP", sans-serif;font-size: 22px}
.teisyutu{text-align: center; display: inline-block;padding: 10px;margin: 20px 0;border: 1px solid #000;font-size: 20px;border-radius: 8px;}
.center{text-align: center; }
.inline{display: inline-block;}
.stepSection dd .coution .tel{border: 1px solid #ccc;padding: 20px;margin-top: 12px;text-align: center;}
.pdfSection .doui{font-family: "Noto Sans JP", sans-serif;font-size: 18px;margin-top: 40px;line-height: 1.9}
.pdfButton.hakko {
  margin-top: 40px;padding-top: 0px
}
.pdfButton.qa {
  margin-top: 0px;padding-top: 30px
}
.pdfButton.hakko .button {
  width: 500px;
  height: 80px;font-size: 20px;color: #fff;
}
.button-set.hakko .button span.back{background-color: #192d8e;}

.pdfContent.doui {
  padding: 30px 0px 0px;margin-top:20px;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
.stepSection dt{justify-content: space-between;-webkit-justify-content: space-between;}
.stepSection dt .kind{top: 0px;right: 5px; font-size: 12px;border: 1px solid #999}
.stepSection dt .step{width: 18%;margin-right: 0px;text-align: left;font-size: 14px;}
.stepSection h3{width: 80%;font-size: 15px;text-align: left;letter-spacing: 0}
.stepSection h3 span{display: none}
.stepSection dd{padding:20px;}

.pdfSection .doui{font-size: 15px;margin-top: 40px;line-height: 1.9}
.pdfButton.hakko .button {
  width: 90%;
  height: 80px;font-size: 20px;color: #fff;
}
}


.douiSection{
  margin: 50px auto 0;
  max-width: 1100px;
  background-color: #fff;
  padding: 0px 100px 100px;
  position: relative;
  z-index: 3;
}
.douiSection .check_item {
  margin:0px auto 0px;text-align: left; 
}
.douiSection .check_item label {
  font-size: 22px;font-family: "Noto Sans JP", sans-serif;letter-spacing: 0;padding-left: 30px
}
.douiSection dl{padding-top: 60px}
.douiSection dd{padding-left: 46px;padding-top: 10px}

.douiSection dd li{margin:8px  0 8px 30px; list-style: decimal!important}

.pdfButton.douisuru {
  margin-top: 40px;padding-top: 0px
}
.pdfButton.douisuru.off .button,
.pdfButton.douisuru.off .button a{cursor: none;opacity: 0.5;pointer-events: none;}
@media screen and (max-width: 768px) {
.douiSection{margin: 40px auto 0;  max-width: 94%;padding: 0 30px 30px;}
.pdfContent.doui {
  padding: 30px 0px 0px;margin-top:0px;
}
.douiSection .check_item label {display: block;text-align: left; padding-left: 50px;font-size: 18px;text-indent: -1em;}
.douiSection .check_item label:after {  top: 30%;}
.douiSection dd{padding-left: 10px;padding-top: 10px}
}