@charset "UTF-8";
/* scssファイルの読み込み */
/* 変数 */
/* ベースのスタイル */


html {
  font-size: 62.5%;
  overflow-x: hidden;
}

@font-face {
  font-family: "Noto Sans JP";
  font-style: normal;
  font-weight: 400;
  src: url("/font/NotoSansCJKjp-Regular.woff2") format("woff2"), url("/font/NotoSansCJKjp-Regular.otf") format("opentype"), url("/font/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/font/NotoSansCJKjp-Medium.otf") format("opentype"), url("/font/NotoSansCJKjp-Bold.woff2") format("woff2"), url("/font/NotoSansCJKjp-Bold.otf") format("opentype");
}

body {
  font-size: 1.6rem;
  font-weight: 400;
  font-family: "Noto Sans JP", sans-serif;
  background-color: #f9f9f9;
}

:placeholder-shown {
  color: #333333; }

.mfp_err {
  background-position: 0 5px !important; }
#mhp_hidden{
  display: none;
}

@media (max-width: 767px) {
  .asked-questions .container .questions-wrapper .questions-item p {
    font-size: 1.8rem;
  }
}

.asked-questions .container .questions-wrapper .questions-item p span {
  color: #005cac;
}

.formBox .input-sp {
  padding: 10px 0; 
}

.formBox {
  border-top: #004684 solid 1px;
  margin-top: 40px; }
  .formBox .input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 25px 0;
    min-height: 40px;
    border-bottom: #004684 dotted 1px; }
    .formBox .input em {
      width: 260px;
      font-weight: bold;
      color: #004684;
      font-size: 1.6rem;
      position: relative;
      flex-shrink: 0;
      line-height: 40px; 
      font-style: normal;
    }
      .formBox .input em.required::after {
        content: "必須";
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 1.1rem;
        color: #fff;
        background: #c64c4c;
        border-radius: 2px; }
    .formBox .input .inputBox {
      width: calc(100% - 260px); }
      .formBox .input .inputBox span {
        color: #004684;
        font-weight: bold; }
      .formBox .input .inputBox.flex {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .formBox .input .inputBox.flex input + span {
          margin-left: 10px; }
      .formBox .input .inputBox .box {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .formBox .input .inputBox .box span {
          margin-right: 20px;
          white-space: nowrap; }
        .formBox .input .inputBox .box span ~ .selectBox {
          margin-right: 20px; }
      .formBox .input .inputBox .box ~ .box {
        margin-top: 25px; }
  .formBox .submit {
    text-align: center;
    padding-top: 50px; }
    .formBox .submit input[type="submit"] {
      display: block;
      width: 240px;
      line-height: 50px;
      height: 50px;
      background: #004684;
      color: #fff;
      font-size: 1.6rem;
      font-weight: bold;
      border-radius: 2px;
      border: 0; }
      .input textarea {
        width: 100% !important;
        max-width: 100%;
        padding: 6px !important;
        height: 200px !important;
        box-sizing: border-box;
        font-size: 1.6rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        -webkit-appearance: none;
        border: #d6d6d6 solid 1px;
        border-radius: 3px;
        background: #fff;
        box-shadow: none; 
      }
      section p{
        margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-style: normal;
      }
      @media screen and (min-width: 741px) {
.formBox {
  border-top: #004684 solid 1px;
  margin-top: 40px; }
  .formBox .input {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 25px 0;
    min-height: 40px;
    border-bottom: #004684 dotted 1px; }
    .formBox .input em {
      width: 260px;
      font-weight: bold;
      color: #004684;
      font-size: 1.6rem;
      position: relative;
      flex-shrink: 0;
      line-height: 40px; 
      font-style: normal;
    }
      .formBox .input em.required::after {
        content: "必須";
        display: inline-block;
        position: absolute;
        right: 25px;
        top: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        font-size: 1.1rem;
        color: #fff;
        background: #c64c4c;
        border-radius: 2px; }
    .formBox .input .inputBox {
      width: calc(100% - 260px); }
      .formBox .input .inputBox span {
        color: #004684;
        font-weight: bold; }
      .formBox .input .inputBox.flex {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .formBox .input .inputBox.flex input + span {
          margin-left: 10px; }
      .formBox .input .inputBox .box {
        display: flex;
        justify-content: flex-start;
        align-items: center; }
        .formBox .input .inputBox .box span {
          margin-right: 20px;
          white-space: nowrap; }
        .formBox .input .inputBox .box span ~ .selectBox {
          margin-right: 20px; }
      .formBox .input .inputBox .box ~ .box {
        margin-top: 25px; }
  .formBox .submit {
    text-align: center;
    padding-top: 50px; }
    .formBox .submit input[type="submit"] {
      display: block;
      width: 240px;
      line-height: 50px;
      height: 50px;
      background: #004684;
      color: #fff;
      font-size: 1.6rem;
      font-weight: bold;
      border-radius: 2px;
      border: 0; }
  .contact-privac {
    margin-top: 30px;
  }
  .contact-privac p {
    text-align: center;
  }
  .contact-privac a {
    display: block;
    width: max-content;
    margin: 0 auto;
  }
  .subpage {
    width: 1000px;
    margin: 0 auto;
    padding-bottom: 100px;
  }
  /* line 2058, cmn_style.scss */
  .subpage .wide {
    width: 100%;
    padding-bottom: 0;
  }
  /* line 2063, cmn_style.scss */
   .line {
    line-height: 70px;
    background: #005097;
    color: #fff;
    font-size: 2.1rem;
    padding-left: 20px;
    margin-bottom: 40px;
    margin-top: 75px;
    font-weight: 600;
  }

  .inner {
    padding: 0 20px;
}
section p{
  font-weight: 500;
line-height: 2;
font-size: 14px;
color: #333333;
}
section a{
  font-weight: 500;
line-height: 2;
font-size: 14px;
color: #004684;
}

.linebox{
  display: none;
}
      }

      @media (max-width: 767px) {
        .formBox {
          margin-top: 20px; }
          .formBox .input {
            display: block;
            padding: 10px 0;
            min-height: 20px;
            border-bottom: #004684 dotted 1px; }
            .formBox .input em {
              display: block;
              width: 100%;
              font-size: 1.4rem;
              line-height: 30px;
              margin-bottom: 10px;
              position: relative; 
              font-style: normal;
            }
              .formBox .input em.required::after {
                position: static;
                margin-left: 10px;
                content: "必須";
                width: 30px;
                height: 30px;
                line-height: 30px;
                font-size: 1rem;
                font-weight: normal; }
            .formBox .input .inputBox {
              width: 100%; }
              .formBox .input .inputBox .box {
                display: block; }
                .formBox .input .inputBox .box span {
                  margin-right: 20px;
                  white-space: nowrap; }
                .formBox .input .inputBox .box span ~ .selectBox {
                  margin-right: 20px; }
              .formBox .input .inputBox .box ~ .box {
                margin-top: 25px; }
          .formBox .radioBox .radio + .radio {
            margin-left: 0;
            margin-top: 10px; }
          .formBox .selectBox {
            margin-right: 0 !important;
            margin-top: 10px; }
          .formBox .submit {
            text-align: center;
            padding-top: 20px; }
            .formBox .submit input[type="submit"] {
              display: block;
              width: 100%;
              max-width: 100%;
              font-size: 1.4rem; } 
          .contact-privac p {
            font-size: 1.1rem;
          }
          .subpage {
            padding: 0 0 20px !important;
          }
          /* line 1188, cmn_style.scss */
          .subpage .wide {
            width: 100%;
            padding-bottom: 0;
          }
          /* line 1193, cmn_style.scss */
          .line {
            padding: 12px;
            background: #005097;
            color: #fff;
            font-size: 2rem;
            line-height: 1.5;
            margin-bottom: 20px;
            margin-top: 25px;
            font-weight: 800;
            text-align: center;
          }
          .inner {
            padding: 0 20px;
        }
        section p{
          font-weight: 500;
    line-height: 2;
    font-size: 12px;
    color: #333333;
        }
        section a{
          font-weight: 500;
    line-height: 2;
    font-size: 12px;
    color: #004684;
        }
        .linebox img{
          width: 95%;
          height: auto;
          padding-bottom: 15px;
        }
        .pc{
          display: none;
        }
      }
      
      @media screen and (max-width: 740px) {
        input[type="text"],
        input[type="email"],
        input[type="tel"] {
          width: 100%; } }
      input[type="text"],
      input[type="email"],
      input[type="tel"] {
        width: 100%;
        max-width: 100%;
        padding: 0 6px;
        height: 40px;
        box-sizing: border-box;
        font-size: 1.6rem;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        align-items: center;
        -webkit-appearance: none;
        border: #d6d6d6 solid 1px;
        border-radius: 3px;
        background: #fff;
        box-shadow: none; }
        input[type="text"].narrow,
        input[type="email"].narrow,
        input[type="tel"].narrow {
          width: 20%; }
        input[type="text"].middle,
        input[type="email"].middle,
        input[type="tel"].middle {
          width: 40%; }
        input[type="text"].wide,
        input[type="email"].wide,
        input[type="tel"].wide {
          width: 60%; }
        input[type="text"]:focus,
        input[type="email"]:focus,
        input[type="tel"]:focus {
          background: #fff; }
      
      textarea {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        width: 100%;
        height: 140px;
        padding: 6px;
        box-sizing: border-box;
        border: #d6d6d6 solid 1px;
        font-size: 1.6rem;
        border-radius: 3px;
        background: #fff; }
      
      .selectBox {
        display: block;
        overflow: hidden;
        position: relative;
        vertical-align: top; }
        .selectBox select {
          -webkit-appearance: none;
          -moz-appearance: none;
          appearance: none;
          border: medium none;
          border-radius: 0px;
          box-sizing: border-box;
          font-size: 1.6rem;
          height: 40px;
          margin: 0;
          padding: 0 6px;
          box-sizing: border-box;
          background: #fff;
          border: #d6d6d6 solid 1px;
          padding-right: 50px;
          color: #333333;
          width: 125%;
          max-width: none;
          box-shadow: none;
          border-radius: 3px;
          background: #fff; }
          .selectBox select option, .selectBox select optgroup {
            color: #333333;
            font-style: normal; }
        .selectBox:before {
          content: "";
          width: 1px;
          height: 40px;
          position: absolute;
          right: 40px;
          top: 0px;
          background: #d6d6d6;
          z-index: 1;
          pointer-events: none; }
        .selectBox:after {
          background: #fff;
          color: #333333;
          content: "▼";
          font-size: 1rem;
          height: 100%;
          line-height: 40px;
          pointer-events: none;
          position: absolute;
          right: 0;
          top: 0;
          text-align: center;
          width: 40px;
          box-sizing: border-box;
          border: #d6d6d6 solid 1px;
          border-left: 0;
          display: inline-block; }
      
      .checkBox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap; }
        .checkBox .check input[type="checkbox"] {
          display: none; }
        .checkBox .check input[type="checkbox"]:checked ~ label {
          color: #333333; }
          .checkBox .check input[type="checkbox"]:checked ~ label:after {
            width: 0px;
            left: calc(28px - 2px); }
        .checkBox .check label {
          display: block;
          width: 100%;
          padding-left: 40px;
          box-sizing: border-box;
          position: relative;
          cursor: pointer;
          color: #333333;
          font-size: 1.6rem;
          line-height: 1; }
          .checkBox .check label:before {
            display: inline-block;
            content: "";
            width: 28px;
            height: 28px;
            border: #d6d6d6 solid 1px;
            position: relative;
            box-sizing: border-box;
            border-radius: 3px;
            position: absolute;
            left: 0px;
            top: 0px;
            background: #fff; }
          .checkBox .check label:after {
            display: inline-block;
            content: "";
            width: calc( 28px - 2px);
            height: calc( 28px - 2px);
            background: #fff;
            border-radius: 3px;
            position: absolute;
            left: 1px;
            top: 1px;
            transition: all 0.2s ease;
            backface-visibility: hidden;
            z-index: 10; }
          .checkBox .check label span {
            display: inline-block;
            line-height: 28px; }
            .checkBox .check label span:before {
              content: "\e906";
              font-family: "icomoon";
              position: absolute;
              left: 1px;
              top: 1px;
              width: calc( 28px - 2px);
              height: calc( 28px - 2px);
              text-align: center;
              line-height: calc( 28px - 2px);
              color: #004684; }
      
      .radioBox {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap; }
        .radioBox.vertical {
          display: block;
          text-align: left; }
          .radioBox.vertical .radio + .radio {
            margin-left: 0px;
            margin-top: 20px; }
        .radioBox .radio input[type="radio"] {
          display: none; }
        .radioBox .radio input[type="radio"]:checked ~ label {
          color: #333333; }
          .radioBox .radio input[type="radio"]:checked ~ label:before {
            background: #fff; }
          .radioBox .radio input[type="radio"]:checked ~ label span:before {
            background: #004684; }
        .radioBox .radio label {
          display: block;
          width: 100%;
          padding-left: 40px;
          box-sizing: border-box;
          position: relative;
          cursor: pointer;
          color: #333333;
          font-size: 1.6rem;
          line-height: 1; }
          .radioBox .radio label:before {
            display: inline-block;
            content: "";
            width: 28px;
            height: 28px;
            border: #d6d6d6 solid 1px;
            border-radius: 50%;
            position: relative;
            top: 1px;
            box-sizing: border-box;
            position: absolute;
            left: 0px;
            top: 0px;
            background: #fff; }
          .radioBox .radio label span {
            display: inline-block;
            line-height: 28px; }
            .radioBox .radio label span:before {
              display: inline-block;
              content: "";
              width: calc(28px - 14px);
              height: calc(28px - 14px);
              border-radius: 50%;
              position: relative;
              top: 1px;
              box-sizing: border-box;
              position: absolute;
              left: 7px;
              top: 7px;
              background: #fff;
              transition: all 0.2s ease;
              backface-visibility: hidden; }
        .radioBox .radio + .radio {
          margin-left: 20px; }
      
      .submit input[type="submit"] {
        margin: 0 auto;
        text-shadow: none;
        padding: 0; }
        .submit input[type="submit"]:hover {
          background: #004684;
          color: #fff;
          cursor: pointer; }
      
      @media screen and (max-width: 740px) {
        input[type="text"],
        input[type="email"],
        input[type="tel"] {
          width: 100% !important;
          max-width: 100%;
          height: 40px; }
          input[type="text"].narrow,
          input[type="email"].narrow,
          input[type="tel"].narrow {
            width: 30% !important; }
      
        .radioBox .radio label,
        .checkBox .check label {
          padding-left: 40px; }
          .radioBox .radio label span,
          .checkBox .check label span {
            font-size: 1.2rem; }
      
        .selectBox select {
          height: 40px; }
        .selectBox:before {
          height: 40px;
          right: 40px; }
        .selectBox:after {
          line-height: 40px;
          width: 40px; } }
      
/*# sourceMappingURL=style.css.map */