@charset "UTF-8";
.ja-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.ja-row__item {
  width: 100%;
}

.ja-row__item--mobile-1 {
  width: 8.33333%;
}

.ja-row__item--mobile-2 {
  width: 16.66667%;
}

.ja-row__item--mobile-3 {
  width: 25%;
}

.ja-row__item--mobile-4 {
  width: 33.33333%;
}

.ja-row__item--mobile-5 {
  width: 41.66667%;
}

.ja-row__item--mobile-6 {
  width: 50%;
}

.ja-row__item--mobile-7 {
  width: 58.33333%;
}

.ja-row__item--mobile-8 {
  width: 66.66667%;
}

.ja-row__item--mobile-9 {
  width: 75%;
}

.ja-row__item--mobile-10 {
  width: 83.33333%;
}

.ja-row__item--mobile-11 {
  width: 91.66667%;
}

.ja-row__item--mobile-12 {
  width: 100%;
}

.ja-row__item--mobile-fifth {
  width: 20%;
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-1 {
    width: 8.33333%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-2 {
    width: 16.66667%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-3 {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-4 {
    width: 33.33333%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-5 {
    width: 41.66667%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-6 {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-7 {
    width: 58.33333%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-8 {
    width: 66.66667%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-9 {
    width: 75%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-10 {
    width: 83.33333%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-11 {
    width: 91.66667%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-12 {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .ja-row__item--tablet-fifth {
    width: 20%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-1 {
    width: 8.33333%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-2 {
    width: 16.66667%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-3 {
    width: 25%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-4 {
    width: 33.33333%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-5 {
    width: 41.66667%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-6 {
    width: 50%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-7 {
    width: 58.33333%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-8 {
    width: 66.66667%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-9 {
    width: 75%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-10 {
    width: 83.33333%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-11 {
    width: 91.66667%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-12 {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .ja-row__item--desktop-fifth {
    width: 20%;
  }
}

.ja-row--narrow {
  margin: -10px;
}

@media screen and (min-width: 768px) {
  .ja-row--narrow {
    margin: -20px;
  }
}

.ja-row--narrow .ja-row__item {
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .ja-row--narrow .ja-row__item {
    padding: 20px;
  }
}

.ja-row--std {
  margin: -20px;
}

.ja-row--std .ja-row__item {
  padding: 20px;
}

.ja-row--wide {
  margin: -20px;
}

@media screen and (min-width: 768px) {
  .ja-row--wide {
    margin: -30px;
  }
}

.ja-row--wide .ja-row__item {
  padding: 20px;
}

@media screen and (min-width: 768px) {
  .ja-row--wide .ja-row__item {
    padding: 30px;
  }
}

.ja-row--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ja-row--align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ja-container {
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .ja-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (min-width: 1024px) {
  .ja-container {
    max-width: 860px;
  }
}

@media screen and (min-width: 1024px) {
  .ja-container--sub {
    max-width: 860px;
  }
}

@media screen and (min-width: 1024px) {
  .ja-container--wide {
    max-width: 1260px;
  }
}

@media screen and (max-width: 767px) {
  .ja-container--sp-nomg {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 1023px) {
  .ja-container--tabsp-nomg {
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .ja-container--pc-nomg {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}

/*********************/
/*  ヘッダー */
/*********************/
.ja-header {
  background: #fff;
  text-align: center;
  padding: 10px;
}

@media screen and (min-width: 768px) {
  .ja-header {
    padding: 20px 0;
  }
}

@media screen and (min-width: 1024px) {
  .ja-header {
    padding: 30px 0;
  }
}

.ja-header__logo {
  width: 115px;
  height: 40px;
}

/*********************/
/*  コンテンツ*/
/*********************/
.ja-question-wrap {
  display: none;
  background: color_theme_white;
  padding: 30px 0 10px;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  /*  フォームパーツ */
}

@media screen and (min-width: 768px) {
  .ja-question-wrap {
    padding: 30px 0;
  }
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .tool-ttl {
    padding: 30px 0;
  }
}

@media screen and (min-width: 1024px) {
  .ja-question-wrap .tool-ttl {
    padding: 50px 0 75px;
  }
}

.ja-question-wrap .tool-ttl__name-en, .ja-question-wrap .tool-ttl__name-ja {
  display: block;
  font-weight: 600;
  text-align: center;
}

.ja-question-wrap .tool-ttl__name-en {
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 28px;
  color: #AFAA6C;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .tool-ttl__name-en {
    font-size: 45px;
  }
}

.ja-question-wrap .tool-ttl__name-ja {
  font-size: 17px;
  color: #fff;
  letter-spacing: .02em;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .tool-ttl__name-ja {
    font-size: 20px;
  }
}

.ja-question-wrap .tool-ttl__discription {
  color: #fff;
  text-align: center;
  line-height: 2;
  letter-spacing: .02em;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .tool-ttl__discription {
    font-size: 18px;
  }
}

.ja-question-wrap .btn-wrap {
  text-align: center;
}

.ja-question-wrap .btn-wrap--holizonal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ja-question-wrap .btn-wrap .btn {
  display: inline-block;
  width: 100%;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  border-radius: 3px;
  padding: 15px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn {
    font-size: 25px;
    letter-spacing: .03em;
  }
}

.ja-question-wrap .btn-wrap .btn:before {
  display: inline-block;
  font-family: "icomoon";
  font-weight: normal;
  margin-right: 5px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn:before {
    margin-right: 10px;
  }
}

.ja-question-wrap .btn-wrap .btn--start {
  max-width: 480px;
  background: #e37222;
  -webkit-box-shadow: 0 3px 11px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 11px rgba(0, 0, 0, 0.3);
  margin-top: 20px;
  -webkit-animation: start-btn 1.5s ease-out 1s infinite;
          animation: start-btn 1.5s ease-out 1s infinite;
}

.ja-question-wrap .btn-wrap .btn--start:before {
  content: "\e902";
  color: #FFA444;
}

.ja-question-wrap .btn-wrap .btn--top {
  font-size: 20px;
  background: #005293;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn--top {
    font-size: 24px;
    margin-top: 30px;
  }
}

.ja-question-wrap .btn-wrap .btn--top:before {
  content: "\e901";
  color: #AFAA6C;
}

.ja-question-wrap .btn-wrap .btn--back, .ja-question-wrap .btn-wrap .btn--next, .ja-question-wrap .btn-wrap .btn--submit {
  max-width: 225px;
  font-size: 14px;
  border: 2px solid #005293;
  margin: 30px 5px 0;
}

@media screen and (max-width: 767px) {
  .ja-question-wrap .btn-wrap .btn--back, .ja-question-wrap .btn-wrap .btn--next, .ja-question-wrap .btn-wrap .btn--submit {
    max-width: 200px;
    padding: 10px 5px;
  }
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn--back, .ja-question-wrap .btn-wrap .btn--next, .ja-question-wrap .btn-wrap .btn--submit {
    font-size: 20px;
    margin: 50px 10px 0;
  }
}

.ja-question-wrap .btn-wrap .btn--back {
  color: #005293;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn--back {
    padding-right: 32px;
  }
}

.ja-question-wrap .btn-wrap .btn--back:before {
  width: 20px;
  height: 20px;
  content: "\e904";
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background: #007ac9;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn--back:before {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
  }
}

.ja-question-wrap .btn-wrap .btn--next, .ja-question-wrap .btn-wrap .btn--submit {
  background: #005293;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn--next, .ja-question-wrap .btn-wrap .btn--submit {
    padding-left: 32px;
  }
}

.ja-question-wrap .btn-wrap .btn--next:before, .ja-question-wrap .btn-wrap .btn--submit:before {
  display: none;
}

.ja-question-wrap .btn-wrap .btn--next:after, .ja-question-wrap .btn-wrap .btn--submit:after {
  display: inline-block;
  font-family: "icomoon";
  font-weight: normal;
  width: 20px;
  height: 20px;
  content: "\e903";
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background: #007ac9;
  border-radius: 50%;
  margin-left: 5px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn--next:after, .ja-question-wrap .btn-wrap .btn--submit:after {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
    margin-left: 10px;
  }
}

.ja-question-wrap .btn-wrap .btn--submit {
  max-width: 280px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .btn-wrap .btn--submit {
    max-width: 320px;
  }
}

.ja-question-wrap .question-card {
  position: relative;
  background: #fff;
  border-radius: 10px;
  padding: 80px 15px 30px 15px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .question-card {
    padding: 80px 50px 50px 50px;
  }
}

.ja-question-wrap .question-card__ttl {
  width: 90%;
  position: absolute;
  top: 0;
  left: 50%;
  background: #007ac9;
  border-radius: 0 0 63px 63px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.1;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .question-card__ttl {
    width: 75%;
  }
}

.ja-question-wrap .question-card__ttl-en, .ja-question-wrap .question-card__ttl-ja {
  display: inline-block;
  color: #fff;
  vertical-align: middle;
  letter-spacing: .02em;
}

.ja-question-wrap .question-card__ttl-en {
  font-family: 'Source Sans Pro', sans-serif;
  font-style: italic;
  font-weight: 900;
  font-size: 17px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .question-card__ttl-en {
    font-size: 24px;
  }
}

.ja-question-wrap .question-card__ttl-ja {
  font-size: 14px;
  margin-top: 5px;
}

@media screen and (max-width: 767px) {
  .ja-question-wrap .question-card__ttl-ja {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .question-card__ttl-ja {
    font-size: 16px;
    padding-left: 15px;
  }
}

.ja-question-wrap .question-card__query {
  margin-bottom: 10px;
  margin-top: 20px;
}

.ja-question-wrap .question-card__query + .normal-radio,
.ja-question-wrap .question-card__query + .text-form {
  margin-top: 0px;
}

.ja-question-wrap .question-card__query + .text-form {
  margin-top: 15px;
}

.ja-question-wrap--start {
  padding: 30px 0 50px;
  background: #005293 !important;
}

.ja-question-wrap--block {
  display: block;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
  -webkit-transition: .5s ease-out;
  transition: .5s ease-out;
  background: #005293 !important;
}

.ja-question-wrap .ja-contents-img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
  vertical-align: bottom;
}

.ja-question-wrap .q-list-wrap {
  /* border-radius: 5px; */
  padding: 1px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e2f0f9;
}

.ja-question-wrap .q-list {
  font-size: 14px;
  padding-left: 0;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .q-list {
    font-size: 15px;
  }
}

.ja-question-wrap .q-list li {
  list-style: none;
  padding-left: 10px;
}

.ja-question-wrap .q-list li:before {
  content: "";
  top: 0.5em;
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #007ac9;
  border-radius: 50%;
  margin-right: 5px;
  vertical-align: middle;
}

.ja-question-wrap .q-list li b {
  color: #007ac9;
}

.ja-question-wrap .q-list + p {
  font-size: 14px;
  padding-left: 10px;
  margin-top: -10px;
}

.ja-question-wrap .thumbnail-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -7px;
  margin-left: -7px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .thumbnail-radio {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.ja-question-wrap .thumbnail-radio input {
  display: none;
  cursor: pointer;
}

.ja-question-wrap .thumbnail-radio input:checked + label {
  -webkit-box-shadow: 0 0 0 4px #7AB800;
          box-shadow: 0 0 0 4px #7AB800;
}

.ja-question-wrap .thumbnail-radio__item {
  width: calc(100% / 2 - 14px);
  margin: 7px;
  cursor: pointer;
  display: block;
  color: #000;
  -webkit-box-shadow: 0 0 0 2px #DCDDDE;
          box-shadow: 0 0 0 2px #DCDDDE;
  border-radius: 3px;
  padding: 12px 15px;
  text-decoration: none;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .thumbnail-radio__item {
    display: inline-block;
    margin: 10px;
    width: calc(100% / 2 - 20px);
  }
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .thumbnail-radio__item:hover {
    -webkit-box-shadow: 0 0 0 4px #7AB800;
            box-shadow: 0 0 0 4px #7AB800;
  }
}

.ja-question-wrap .thumbnail-radio__item span {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .thumbnail-radio__item span {
    font-size: 18px;
  }
}

.ja-question-wrap .thumbnail-radio__item img {
  width: 100%;
  height: 60px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  font-family: 'object-fit: cover; object-position: center;';
  border-radius: 3px;
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .thumbnail-radio__item img {
    height: 200px;
    pointer-events: none;
  }
}

.ja-question-wrap .thumbnail-radio--mixer img {
  height: 100px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .thumbnail-radio--mixer img {
    height: 300px;
  }
}

.ja-question-wrap .normal-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -7px;
  margin-left: -7px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .normal-radio {
    margin-right: -10px;
    margin-left: -10px;
  }
}

.ja-question-wrap .normal-radio input {
  display: none;
  cursor: pointer;
}

.ja-question-wrap .normal-radio input:checked + label {
  -webkit-box-shadow: 0 0 0 4px #7AB800;
          box-shadow: 0 0 0 4px #7AB800;
}

.ja-question-wrap .normal-radio input:checked + label:after {
  opacity: 1;
}

.ja-question-wrap .normal-radio__item {
  position: relative;
  width: calc(100% / 2 - 14px);
  margin: 7px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 0 2px #DCDDDE;
          box-shadow: 0 0 0 2px #DCDDDE;
  border-radius: 3px;
  padding: 12px 15px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .normal-radio__item {
    margin: 10px;
    width: calc(100% / 2 - 20px);
  }
}

.ja-question-wrap .normal-radio__item:before, .ja-question-wrap .normal-radio__item:after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 10px;
  content: "";
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ja-question-wrap .normal-radio__item:before {
  width: 20px;
  height: 20px;
  border: 2px solid #DCDDDE;
}

.ja-question-wrap .normal-radio__item:after {
  width: 10px;
  height: 10px;
  left: 15px;
  background: #7AB800;
  opacity: 0;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

.ja-question-wrap .normal-radio__item:hover {
  -webkit-box-shadow: 0 0 0 4px #7AB800;
          box-shadow: 0 0 0 4px #7AB800;
}

.ja-question-wrap .normal-radio__item span {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  padding-left: 25px;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .normal-radio__item span {
    font-size: 18px;
  }
}

.ja-question-wrap .text-form {
  width: 100%;
}

.ja-question-wrap .text-form__row:not(:first-child) {
  margin-top: 10px;
}

.ja-question-wrap .text-form__item {
  margin-bottom: 10px;
}

.ja-question-wrap .text-form__item:last-child {
  margin-top: 3px;
}

.ja-question-wrap .text-form__item span {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #007ac9;
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .text-form__item span {
    font-size: 18px;
  }
}

.ja-question-wrap .text-form__item label input {
  display: block;
  width: 100%;
  font-size: 16px;
  border-radius: 5px;
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border: 2px solid #DCDDDE;
  -webkit-box-shadow: 0 0 0 0px #DCDDDE;
          box-shadow: 0 0 0 0px #DCDDDE;
  background: none;
  padding: 13px 10px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out;
}

@media screen and (max-width: 767px) {
  .ja-question-wrap .text-form__item label input:focus {
    border: 4px solid #7AB800 !important;
  }
}

@media screen and (min-width: 768px) {
  .ja-question-wrap .text-form__item label input {
    font-size: 18px;
  }
}

.ja-question-wrap .text-form__item--2col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ja-question-wrap .text-form__item--2col label {
  width: calc(100% / 2 - 5px);
}

@-webkit-keyframes start-btn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes start-btn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

/*********************/
/*  フォームのバリデーション */
/*********************/
.error_message {
  display: none;
}

.error_message.disp {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  background: #ff0000;
  line-height: 40px;
  color: #ffffff;
}

.error_text {
  display: none;
}

.error_text.disp {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  background: #ff0000;
  line-height: 40px;
  color: #ffffff;
}

.error_meta {
  display: none;
}

.error_meta.disp {
  display: inline-block;
  height: 40px;
  padding: 0 10px;
  background: #ff0000;
  line-height: 40px;
  color: #ffffff;
}

/*********************/
/*  フッター */
/*********************/
.ja-footer__head {
  background: #fff;
  margin-top: -20px;
}

.ja-footer__foot {
  color: #fff;
  background: #0d273b;
  padding: 10px;
  margin-top: -20px;
}

@media screen and (max-width: 767px) {
  .ja-footer__foot {
    text-align: center;
  }
}

.ja-footer .foot-text {
  text-align: center;
  line-height: 1.7;
  padding: 30px 0;
}

@media screen and (max-width: 767px) {
  .ja-footer .foot-text {
    font-size: 14px;
  }
}

@media screen and (min-width: 768px) {
  .ja-footer .foot-text {
    padding: 50px 0;
  }
}

@media screen and (min-width: 768px) {
  .ja-footer .ft-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.ja-footer .foot-list {
  list-style: none;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .ja-footer .foot-list {
    text-align: center;
  }
}

@media screen and (min-width: 768px) {
  .ja-footer .foot-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.ja-footer .foot-list__link {
  display: inline-block;
  font-size: 14px;
  color: #fff;
  text-decoration: underline;
  padding: 5px 10px;
}

/*********************/
/*  ページトップボタン　 */
/*********************/
.ja-page-top {
  color: #fff !important;
  text-align: center;
  z-index: 500;
  -webkit-transition: .4s ease-out;
  transition: .4s ease-out;
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .ja-page-top:hover {
    opacity: .7;
  }
}

.ja-page-top::before {
  display: inline-block;
  content: "\e900";
  font-family: "icomoon";
  font-size: 1.2rem;
  font-weight: normal;
  color: #fff !important;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-right: 10px;
}

/**************************/
/*  書き方パーツ調整用クラス  */
/**************************/
/*表示・非表示 切り替え用 */
@media screen and (min-width: 768px) {
  .ja-sp-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .ja-tab-only {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .ja-tab-only {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .ja-pc-only {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .ja-sp-none {
    display: none;
  }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .ja-tab-none {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .ja-pc-none {
    display: none;
  }
}

/* margin-top スマホ */
@media screen and (max-width: 767px) {
  .ja-sp-mt0 {
    margin-top: 0;
  }
  .ja-sp-mt10 {
    margin-top: 10px;
  }
  .ja-sp-mt20 {
    margin-top: 20px;
  }
  .ja-sp-mt30 {
    margin-top: 30px;
  }
  .ja-sp-mt40 {
    margin-top: 40px;
  }
  .ja-sp-mt50 {
    margin-top: 50px;
  }
  .ja-sp-mt60 {
    margin-top: 60px;
  }
  .ja-sp-mt70 {
    margin-top: 70px;
  }
  .ja-sp-mt80 {
    margin-top: 80px;
  }
  .ja-sp-mt90 {
    margin-top: 90px;
  }
  .ja-sp-mt100 {
    margin-top: 100px;
  }
}

/* margin-top タブレット */
@media screen and (min-width: 768px) {
  .ja-tab-mt0 {
    margin-top: 0;
  }
  .ja-tab-mt10 {
    margin-top: 10px;
  }
  .ja-tab-mt20 {
    margin-top: 20px;
  }
  .ja-tab-mt30 {
    margin-top: 30px;
  }
  .ja-tab-mt40 {
    margin-top: 40px;
  }
  .ja-tab-mt50 {
    margin-top: 50px;
  }
  .ja-tab-mt60 {
    margin-top: 60px;
  }
  .ja-tab-mt70 {
    margin-top: 70px;
  }
  .ja-tab-mt80 {
    margin-top: 80px;
  }
  .ja-tab-mt90 {
    margin-top: 90px;
  }
  .ja-tab-mt100 {
    margin-top: 100px;
  }
}

/* margin-top パソコン */
@media screen and (min-width: 1024px) {
  .ja-pc-mt0 {
    margin-top: 0;
  }
  .ja-pc-mt10 {
    margin-top: 10px;
  }
  .ja-pc-mt20 {
    margin-top: 20px;
  }
  .ja-pc-mt30 {
    margin-top: 30px;
  }
  .ja-pc-mt40 {
    margin-top: 40px;
  }
  .ja-pc-mt50 {
    margin-top: 50px;
  }
  .ja-pc-mt60 {
    margin-top: 60px;
  }
  .ja-pc-mt70 {
    margin-top: 70px;
  }
  .ja-pc-mt80 {
    margin-top: 80px;
  }
  .ja-pc-mt90 {
    margin-top: 90px;
  }
  .ja-pc-mt100 {
    margin-top: 100px;
  }
}

/* margin-bottom スマホ */
@media screen and (max-width: 767px) {
  .ja-sp-mb0 {
    margin-bottom: 0;
  }
  .ja-sp-mb10 {
    margin-bottom: 100px;
  }
  .ja-sp-mb20 {
    margin-bottom: 200px;
  }
  .ja-sp-mb30 {
    margin-bottom: 300px;
  }
  .ja-sp-mb40 {
    margin-bottom: 400px;
  }
  .ja-sp-mb50 {
    margin-bottom: 500px;
  }
  .ja-sp-mb60 {
    margin-bottom: 600px;
  }
  .ja-sp-mb70 {
    margin-bottom: 700px;
  }
  .ja-sp-mb80 {
    margin-bottom: 800px;
  }
  .ja-sp-mb90 {
    margin-bottom: 900px;
  }
  .ja-sp-mb100 {
    margin-bottom: 1000px;
  }
}

/* margin-bottom タブレット */
@media screen and (min-width: 768px) {
  .ja-tab-mb0 {
    margin-bottom: 0;
  }
  .ja-tab-mb10 {
    margin-bottom: 100px;
  }
  .ja-tab-mb20 {
    margin-bottom: 200px;
  }
  .ja-tab-mb30 {
    margin-bottom: 300px;
  }
  .ja-tab-mb40 {
    margin-bottom: 400px;
  }
  .ja-tab-mb50 {
    margin-bottom: 500px;
  }
  .ja-tab-mb60 {
    margin-bottom: 600px;
  }
  .ja-tab-mb70 {
    margin-bottom: 700px;
  }
  .ja-tab-mb80 {
    margin-bottom: 800px;
  }
  .ja-tab-mb90 {
    margin-bottom: 900px;
  }
  .ja-tab-mb100 {
    margin-bottom: 1000px;
  }
}

/* margin-bottom パソコン */
@media screen and (min-width: 1024px) {
  .ja-pc-mb0 {
    margin-bottom: 0;
  }
  .ja-pc-mb10 {
    margin-bottom: 10px;
  }
  .ja-pc-mb20 {
    margin-bottom: 20px;
  }
  .ja-pc-mb30 {
    margin-bottom: 30px;
  }
  .ja-pc-mb40 {
    margin-bottom: 40px;
  }
  .ja-pc-mb50 {
    margin-bottom: 50px;
  }
  .ja-pc-mb60 {
    margin-bottom: 60px;
  }
  .ja-pc-mb70 {
    margin-bottom: 70px;
  }
  .ja-pc-mb80 {
    margin-bottom: 80px;
  }
  .ja-pc-mb90 {
    margin-bottom: 90px;
  }
  .ja-pc-mb100 {
    margin-bottom: 100px;
  }
}

/* letter-spacing */
.ja-ls10 {
  letter-spacing: .01em;
}

.ja-ls20 {
  letter-spacing: .02em;
}

.ja-ls30 {
  letter-spacing: .03em;
}

.ja-ls40 {
  letter-spacing: .04em;
}

.ja-ls50 {
  letter-spacing: .05em;
}

.ja-ls60 {
  letter-spacing: .06em;
}

.ja-ls70 {
  letter-spacing: .07em;
}

.ja-ls80 {
  letter-spacing: .08em;
}

.ja-ls90 {
  letter-spacing: .09em;
}

.ja-ls100 {
  letter-spacing: .1em;
}

.ja-ls110 {
  letter-spacing: .11em;
}

.ja-ls120 {
  letter-spacing: .12em;
}

.ja-ls130 {
  letter-spacing: .13em;
}

.ja-ls140 {
  letter-spacing: .14em;
}

.ja-ls150 {
  letter-spacing: .15em;
}

.ja-ls160 {
  letter-spacing: .16em;
}

.ja-ls170 {
  letter-spacing: .17em;
}

.ja-ls180 {
  letter-spacing: .18em;
}

.ja-ls190 {
  letter-spacing: .19em;
}

.ja-ls200 {
  letter-spacing: .2em;
}

/* line-height */
.ja-lh10 {
  line-height: 1;
}

.ja-lh11 {
  line-height: 1.1;
}

.ja-lh12 {
  line-height: 1.2;
}

.ja-lh13 {
  line-height: 1.3;
}

.ja-lh14 {
  line-height: 1.4;
}

.ja-lh15 {
  line-height: 1.5;
}

.ja-lh16 {
  line-height: 1.6;
}

.ja-lh17 {
  line-height: 1.7;
}

.ja-lh18 {
  line-height: 1.8;
}

.ja-lh19 {
  line-height: 1.9;
}

.ja-lh20 {
  line-height: 2;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?vg6ec6");
  src: url("../fonts/icomoon.eot?vg6ec6#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?vg6ec6") format("truetype"), url("../fonts/icomoon.woff?vg6ec6") format("woff"), url("../fonts/icomoon.svg?vg6ec6#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

.ja-main,
.ja-footer {
  font-size: 15px !important;
  line-height: 1.7 !important;
  letter-spacing: .04em;
  font-family: "游ゴシック体",
 YuGothic,
 "游ゴシック Medium",
 "Yu Gothic Medium",
 -apple-system,
 BlinkMacSystemFont,
 "ヒラギノ角ゴ ProN W3",
 Hiragino Kaku Gothic ProN,
 Arial,
 "メイリオ",
 Meiryo,
 sans-serif !important;
  color: #000 !important;
  -webkit-font-feature-settings: "halt" !important;
          font-feature-settings: "halt" !important;
  -webkit-font-smoothing: antialiased !important;
  scroll-behavior: smooth !important;
  overflow: hidden;
  background: #005293 !important;
}

.ja-main a,
.ja-footer a {
  text-decoration: none !important;
}

.ja-main *,
.ja-main *:before,
.ja-main *:after,
.ja-footer *,
.ja-footer *:before,
.ja-footer *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.ja-main h1,
.ja-main h2,
.ja-main h3,
.ja-main h4,
.ja-main h5,
.ja-footer h1,
.ja-footer h2,
.ja-footer h3,
.ja-footer h4,
.ja-footer h5 {
  font-family: -apple-system,
 BlinkMacSystemFont,
 "游ゴシック体",
 YuGothic,
 "游ゴシック Medium",
 "Yu Gothic Medium",
 "ヒラギノ角ゴ ProN W3",
 Hiragino Kaku Gothic ProN,
 Arial,
 "メイリオ",
 Meiryo,
 sans-serif;
  line-height: 1.7;
}

.ja-img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.ja-clearfix {
  clear: both;
}

:focus {
  outline: 0;
}

.ja-alignleft,
.ja-alignright,
.ja-aligncenter {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 1em auto;
}

@media screen and (min-width: 768px) {
  .ja-alignleft {
    float: left;
    margin: 0 2em 0 0;
  }
}

@media screen and (min-width: 768px) {
  .ja-alignright {
    float: right;
    margin: 0 0 0 2em;
  }
}

img.ja-aligncenter {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  img.ja-aligncenter {
    margin: 2em auto;
  }
}

body {
  margin: 0;
  background: rgba(0, 0, 0, 0.9);
}

@media screen and (min-width: 1200px) {
  body {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-right: auto;
    margin-left: auto;
  }
  body .body-inner {
    width: 80vw;
  }
}

body .body-inner {
  -webkit-box-shadow: 0 0 3px rgba(220, 221, 222, 0.3);
          box-shadow: 0 0 3px rgba(220, 221, 222, 0.3);
}

.ja-question-wrap--start {
  background: #005293 !important;
}