.top-content {
  line-height: 0;
}
.top-content header {
  max-width: 768px;
  min-width: 320px;
  width: 100%;
  height: 7vh;
  min-height: 50px;
  padding: 2vh;
  top: 0;
  z-index: 999999;
}
.top-content header .header__logo {
  width: 38%;
  float: left;
}
.top-content header .header__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 45%;
  max-width: 320px;
  float: right;
}
.top-content header .header__btn a {
  display: block;
  width: 48%;
}
.top-content__box {
  line-height: 0;
  background-size: 100%;
  background-repeat: no-repeat;
  /*
          &--q1{
            background-image: url(../image/site/login_back_02.png);
          }*/
}
.top-content__box p {
  line-height: 0;
}
.top-content__box img {
  width: 100%;
}
.top-content__box--fv {
  background-size: cover;
  background-image: url(../image/site/login_back_01.png);
}
.top-content__box--fv .main__title {
  position: relative;
}
.top-content__box--fv .main__title .main__mountain {
  position: absolute;
  bottom: -4vh;
  z-index: 99999;
}
.top-content__box .otameshi__jump {
  width: 80%;
  margin: 0 auto;
}
.top-content__box .otameshi__jump img {
  margin-top: -0.5vh;
}
.top-content__box .otameshi__btn {
  width: 80%;
  margin: 0 auto;
}
.top-content__box .btn-wrapper {
  background-color: #D6F2FF;
  background-position: bottom;
  padding-bottom: 0.5rem;
  background-size: 100%;
  background-repeat: no-repeat;
}
.top-content__box .btn-wrapper ul {
  display: flex;
  justify-content: space-around;
  padding-top: 2rem;
}
.top-content__box .btn-wrapper ul li {
  width: 48%;
}
.question__box img, .thinking__box img, .answer__box img, .pr1__box img, .pr2__box img, .question2__box img {
  width: 100%;
}
.question__box {
  background-color: #D6F2FF;
  position: relative;
  margin-bottom: 5%;
  padding: 0 5% 4%;
}
.question__box::after {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 5%;
  position: absolute;
  top: 100%;
  left: 0;
  background: linear-gradient(to bottom left, #D6F2FF 48%, transparent 52%);
}
.thinking__box {
  width: 100%;
  padding: 0 5%;
}
.answer__box {
  background-image: url(../image/site/login_back_03.png);
  background-size: cover;
  margin: -3vh 0 0;
  padding: 0 5% 15vh;
}
.pr1__box {
  margin: -24vh 0 0;
  position: relative;
}
.pr1__box .interest {
  margin: -12vh auto 0;
  padding: 0 2%;
}
.pr2__box {
  padding: 0 5% 6vh;
}
.question2__box {
  background-image: url(../image/site/login_back_05.png);
  background-size: cover;
  padding-top: 3vh;
}
.question2__box .txt {
  width: 30%;
  margin: 2vh auto;
}
.question2__box .btn {
  width: 80%;
  margin: 0 auto;
}
.question2__box .catchcopy {
  padding: 2vh 0 25vh;
}
.uhs_contents {
  padding-top: 0px !important;
}
@media screen and (max-width: 480px) {
  .uhs_contents {
    padding-top: 0px !important;
  }
}
#top_foot_scroll {
  display: none;
  z-index: 99;
  position: fixed;
}
.top_foot_scroll-child {
  width: 100%;
  max-width: 768px;
  position: fixed;
  bottom: 0px;
  background-color: rgba(245, 66, 66, 0.9);
  color: #fff;
  padding: 10px 0;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  text-align: center;
  left: 50% !important;
  transform: translate(-50%) !important;
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  z-index: 99;
}
.top_foot_scroll-child a {
  border: 2px solid #fff;
  border-radius: 5px;
  font-size: 18px;
  padding: 10px 0px;
  color: #fff;
  text-decoration: none;
  vertical-align: middle;
  width: 45%;
  z-index: 99;
  position: relative;
}
/* 768px over */
@media screen and (min-width: 768px) {
  .top_foot_scroll-child {
    padding: 15px 0;
  }
  .top_foot_scroll-child a {
    font-size: 25px;
    padding: 15px 0px;
  }
}
.jump {
  -webkit-animation: 0.5s jump infinite alternate linear;
  animation: 0.5s jump infinite alternate linear;
}
@-webkit-keyframes jump {
  to {
    -webkit-transform: transtateY(0);
    transform: transtateY(0);
  }
  from {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes jump {
  to {
    -webkit-transform: transtateY(0);
    transform: transtateY(0);
  }
  from {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}