@media screen and (min-width: 850px) {
  .mainviual{
    margin-top: 80px;
    height: 636px;
    & h1{
      font-size: 230%;
      font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
      font-weight: normal;
    }
  }
  .content01{
    max-width: 1100px;
    margin: 0 auto 120px;
    & .change_title{
      max-width: 1100px;
      margin: 0 auto;
    }
    & .reason{
      & .title{
        font-size: 230%;
        text-align: center;
      }
      & >div{
        display: flex;
        margin-bottom: 40px;
        & img{
          width: 40%;
          height: auto;
        }
        & .text-box{
          width: 50%;
          font-size: 116%;
          & .orenji{
            font-size: 180%;
            letter-spacing: 1px;
            background: unset;
            color: #f60;
            font-weight: bold;
            padding: 0;
          }
        }
      }
    }
  }
  .worries{
    max-width: 1100px;
    margin: 0 auto;
    & h2{
      font-size: 230%;
      text-align: center;
    }
    & .inner{
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      & img{
        width: 40%;
        height: auto;
      }
      & ul{
        width: fit-content;
        margin: 0;
        & li{
          font-size: 116%;
          letter-spacing: 1px;
        }
      }
    }
  }
  .advantage{
    max-width: 1100px;
    margin: 0 auto 80px;
    & h3{
      font-size: 230%;
      text-align: center;
      margin-bottom: 30px;
    }
    & .inner{
      display: flex;
      margin-bottom: 30px;
      & img{
        width: 45%;
        height: auto;
      }
      & .text-box{
        width: 45%;
        font-size: 130%;
        & .red{
          font-size: 150%;
          margin-bottom: 5px;
        }
      }
    }
  }
  .attempt{
    max-width: 1100px;
    margin: 0 auto 120px;
    & h3{
      font-size: 230%;
      text-align: center;
    }
    & img{
      width: 30%;
      height: auto;
      float: right;
      margin-left: 50px;
    }
    & .text{
      font-size: 130%;
      & .big_title{
        margin-top: 30px;
      }
    }
    & .btn{
      margin: 60px auto 30px;
      & a{
        width: fit-content;
        margin: 0 auto;
        padding: 20px 60px;
        font-size: 150%;
        transition: 0.3s all;
      }
      &:hover a{
        outline: 1px solid #f60;
        outline-offset: 5px;
      }
    }
  }
  .review{
    & article{
      width: calc(95% / 3);
    }
  }
  .review .accordion-box .accordion-container{
    height: 150px;
  }
  .swiper-slide{
    display: flex;
    align-items: flex-start;
  }
  /* =======================================
    告知バナー
  ======================================= */
  #auto-popup{
    display: block;
    position: fixed;
    width: 15% !important;
    max-width: 300px;
    min-width: 250px;
    right: 20px;
    bottom: 20px;
    z-index:9999;
  }

  .auto-popup {
    display: block;
      opacity: 0;
      text-decoration: none;
      transition: bottom 500ms cubic-bezier(0.105, 0.295, 0.400, 1.275) 0ms,
          opacity 500ms cubic-bezier(0.105, 0.295, 0.400, 1.275) 0ms,
          box-shadow 200ms ease 0ms,
          transform 200ms ease 0ms;
  }
  .auto-popup img{
    width: 100%;
  }
  .auto-popup-active {
      bottom: 2em;
      opacity: 1;
    border-radius:20px;
  }
  .auto-popup:hover {
      box-shadow: 0em 0em 0.3em 0em rgba(0, 0, 0, 0.5);
      transform: translate(0.1em, 0.1em);
  }
  .auto-popup-close {
      position: absolute;
      right: -0.5em;
      top: -0.8em;
    background-color: #000000;
      width: 2em;
      height: 2em;
      border-radius: 1em;
      transform: rotate(45deg);
      cursor: pointer;
      transition: transform 200ms ease 0ms,
          background-color 200ms ease 0ms;
  }
  .auto-popup-close:hover {
      background-color: #ff0000;
      transform: rotate(135deg);
  }
  .auto-popup-close-line:nth-child(odd) {
      position: absolute;
      width: 60%;
      height: 10%;
      left: 20%;
      top: 45%;
      background-color: #ffffff;
  }
  .auto-popup-close-line:nth-child(even) {
      position: absolute;
      width: 10%;
      height: 60%;
      left: 45%;
      top: 20%;
      background-color: #ffffff;
  }
  /* =======================================
    ここまで告知バナー
  ======================================= */
}