body {
  font-family: "Noto Sans JP", sans-serif;
}
.container {
  max-width: 960px;
}

.bg-yellow {
  background-color: #fdd000;
}

.bg-orange {
  background-color: #f5a200;
}

.bg-navy {
  background-color: #1b2139;
}

.bg-black {
  background-color: #231815;
}

.bg-blue {
  background-color: #008cd6;
}

.bg-red {
  background-color: #e60012;
}

.bg-pink {
  background-color: #e5005a;
}

.bg-gray {
  background-color: #dcdddd;
}
.text-red {
  color: #e60012;
}
.text-blue {
  color: #00a0e9;
}

.f-10 {
  font-size: 10px;
}

.f-12 {
  font-size: 12px;
}

.f-14 {
  font-size: 14px;
}

.f-18 {
  font-size: 18px;
}

.w-200 {
  width: 200px;
  margin: 0 auto;
}

.w-250 {
  width: 250px;
  margin: 0 auto;
}

.w-280 {
  width: 280px;
  margin: 0 auto;
}

.w-450 {
  max-width: 450px;
  margin: 0 auto;
}

.w-700 {
  max-width: 700px;
  margin: 0 auto;
}

.w-850 {
  max-width: 850px;
  margin: 0 auto;
}

.w-960 {
  max-width: 960px;
  margin: 0 auto;
}

.bd-gray {
  border-right: none;
  border-left: none;
  border-top: none;
  border-bottom: 2px solid #89898a;
}

.h2-img {
  width: auto;
  height: 25px;
}

.mw-320 {
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}

.mw-1300 {
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
}

.card-img {
  width: auto;
  height: 28px;
}

.custom-select {
  background: #dcdddd;
  background-image: linear-gradient(45deg, transparent 50%, #89898a 50%),
    linear-gradient(135deg, #89898a 50%, transparent 50%);
  background-size: 5px 5px, 5px 5px;
  background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%;
  background-repeat: no-repeat;
  /*color: #89898A;*/
  height: 38px;
}

@media screen and (max-width: 576px) {
  .custom-select {
    background-position: calc(100% - 7px) 50%, calc(100% - 2px) 50%;
  }
}

@media screen and (max-width: 991px) {
  .w-850 {
    width: auto;
    margin: 0 auto;
  }
}

@media screen and (min-width: 768px) {
  .h2-img {
    height: 40px;
  }

  .card-img {
    height: 40px;
  }

  .w-200 {
    width: 350px;
  }

  .w-250 {
    width: auto;
  }

  .w-280 {
    width: 500px;
  }
}

@media screen and (min-width: 992px) {
  .f-10 {
    font-size: 14px;
  }

  .f-12 {
    font-size: 16px;
  }

  .f-14 {
    font-size: 18px;
  }

  .lh-2 {
    line-height: 2rem;
  }
}
.formflex {
  display: flex !important;
  justify-content: space-between;
}
.backbtn {
  background: #ccc !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-size: 1.8rem !important;
  font-weight: bold !important;
  padding: 15px !important;
  width: 47%;
}
.submitbtn {
  background: #e60012 !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-size: 1.8rem !important;
  font-weight: bold !important;
  padding: 15px !important;
  width: 47%;
  color: #fff !important;
}

.errorMsg {
  color: #e60012;
}
.spfoot {
  display: none;
}
@media screen and (max-width: 991px) {
  footer{
    padding-bottom: 55px;
  }
  .formflex {
    flex-wrap: wrap;
  }
  .formflex input {
    width: 100%;
    font-size: 1.4rem !important;
  }
  .sptelflex {
    display: flex;
    align-items: flex-start;
  }
  .spfoot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fc0d1b;
    padding: 10px 20px;
    height: 55px;
  }
  .spfoot a {
    width: 47%;
    margin: 0 10px;
    max-width: 147.5px;
  }
  .spfoot a img{
    width: 100%;

  }
}