@charset "UTF-8";
/* CSS Document */
@media (max-width: 1050px) {
  header {
    height: min(70px, 14vw);
  }
  .head-nav {
    display: none;
  }
  #hum-button {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
  }
  #l-nav.is-view{
    opacity: 1;
    visibility: visible;
  }
  /*footer*/
  .footer-inner {
    grid-template-columns: auto;
    justify-content: flex-start;
  }
  .box-foot_nav {
    display: none;
  }
}
@media (max-width: 768px) {
  /*hero
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  #hero.hero-main {
    background: linear-gradient(rgba(255, 251, 237, 0) 50%, rgba(255, 251, 237, 1) 50%);
  }
  #hero.hero-main::before {
    background-image: url("../image/wall/hero_sp.svg");
    background-position: bottom;
    background-size: 100%;
    width: 100%;
    height: 50%;
    bottom: auto;
    top: 20%;
    translate: 0 0;
  }
  .hero-main_inner {
    grid-template-columns: 1fr;
  }
  .hero-main_inner::before {
    bottom: auto;
    top: 38%;
    translate: 0 0;
  }
  .hero-title-area {
    padding-right: 0;
  }
  .hero-form-area {
    grid-area: auto;
  }
  /*content 
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
  /*worries*/
  .sec-worries-blc::before {
    content: "";
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    translate: -50% 0;
    background-color: rgba(255, 251, 237, 1);
    z-index: -1;
  }
  .worries-detail-list{
    grid-template-columns: min(500px,100%);
    justify-content: center;
  }
  /*reason*/
  .reason-item{
    grid-template-columns: 1fr;
  }
  .reason-item .comment-area .list-title{
    width: 77%;
  }
  /*achieve*/
  .acvslide-nav-wrap {
    width: 92vw;
  }
  /*voie*/
  .sec-voice-box {
    grid-template-columns: 1fr;
  }
  .voice-item:last-child {
    padding-bottom: min(80px, 20vw);
  }
  .pic-voice {
    translate: 15% 40%;
  }
  /*howto*/
  .howto-step-list {
    grid-template-columns: min(500px, 80%);
    justify-content: center;
    gap: min(90px, 18vw);
  }
  .step-item {
    grid-template-rows: auto;
    grid-area: auto;
  }
  .step-item .icon {
    width: min(280px, 60%);
  }
  .step-item:not(:last-child)::before, .step-item:not(:last-child)::after {
    top: auto;
    height: min(30px,6vw);
    bottom: max(-70px, -15vw);
    left: 50%;
  }
  .step-item:not(:last-child)::before {
    transform: rotate(-55deg) translateY(-50%);
  }
  .step-item:not(:last-child)::after {
    transform: rotate(-125deg) translateY(50%);
  }
  /*download*/
  .download-form-wrap .fkds {
    translate: 15% -60%;
  }
}
@media(max-width:480px){
  .l-nav__button{
    grid-template-columns: min(380px,100%);
    justify-content: center;
  }
}