@media(min-width:769px){
  .sp{
    display: none!important;
  }
}


@media(max-width:768px){
  .pc{
    display: none!important;
  }


  body{
    min-width:auto;
  }

  .hide{
    display: none!important;
  }


  .container{
    width:100%;
    padding:0 3.5vw;
    margin:auto;
  }

  .container2{
    width:85vw;
    max-width:100%;
    margin:0 auto;
  }


  .common-quest-button{
    display:block;
    width:60vw;
    margin:0 auto;
  }

  header{
    padding:0 0 32px;
    overflow:hidden;
  }

  header .color-block{
    padding-top: 32px;
    width:960px;
    max-width:100%;
    margin:auto;
    position: relative;
  }

  header .color-block .red,
  header .color-block .blue{
    height:2.4vw;
  }

  header .color-block .red{
    background-color: #910c53;
    right:auto;
    left:0;
    width:17%;
  }

  header .color-block .blue{
    background-color: #00447d;
    left:auto;
    right:0;
    width:82.5%;
  }

  header .header-logo{
    display: block;
    width:29vw;
  }

  header .header-logo img{
    width:100%;
  }


  .lp-section1{
    padding-bottom: 48px;
  }

  .lp-section1 .top-text{
    margin-bottom: 24px;
  }

  .lp-section1 .top-text img{
    width:78vw;
  }

  .lp-section1 .flex{
    margin-bottom: 24px;
    display: flex;
    flex-direction: column;
  }

  .lp-section1 .flex .left{
    width:100%;
    margin-bottom: 32px;
  }

  .lp-section1 .flex .left p{
    font-size: 3.4vw;
    line-height:1.67;
  }

  .lp-section1 .flex .left p span{
    font-size: 3.4vw;
    line-height:1.67;
  }

  .lp-section1 .flex .right{
    width:100%;
  }

  .lp-section1 .flex .right img{
    position: static;
    width:60vw;
    margin:0 auto;
  }


  .lp-section2{
    background-color:#f4f1eb;
  }

  .lp-section2 .container{
    padding:0 0 44px;
  }

  .lp-section2 img.ponta-banner{
    position: static;
    margin-bottom: 3.6vw;
  }

  .lp-section2 img.ponta-text{
    width:100%;
    margin-bottom: 3.6vw;
  }

  .lp-section2 img.entry-banner{
    width:100%;
    margin:0 auto 4.8vw;
  }

  .lp-section2 .white-box{
    background-color:#fff;
    padding:2px;
  }

  .lp-section2 .white-box .line{
    display: flex;
    padding:10px 3vw;
  }

  .lp-section2 .white-box .line1,
  .lp-section2 .white-box .line3{
    background-color:#f3e9ec;
  }

  .lp-section2 .white-box .line .left{
    width:28vw;
  }

  .lp-section2 .white-box .line .left p{
    font-size: 2.8vw;
  }

  .lp-section2 .white-box .line .right {

  }

  .lp-section2 .white-box .line .right p{
    font-size: 2.8vw;
    line-height: 1;
    font-weight: 500;
  }

  .lp-section2 .white-box .line .right p span{
    font-size: 2.4vw;
    font-weight: 500;
    line-height: 2;
    white-space: nowrap;
  }

  .lp-section3{
    padding:48px 0 56px;
  }

  .lp-section3 h2{
    margin-bottom: 4.2vw;
    font-size: 3.1vw;
  }

  .lp-section3 p{
    font-size: 2.2vw;
    line-height:1.6;
  }

  .lp-section3 p span{
    font-size: 2.2vw;
    line-height:1.6;
    font-weight: bold;
  }

  .lp-section3 p.p1{
    margin-bottom: 3.6vw;
  }

  .lp-section3 p.p2{
    margin-bottom: 8.5vw;
  }

  footer{
    position: relative;
    padding:4.8vw 0 13.6vw;
    background-color:#f4f1eb;
  }

  footer h2{
    margin-bottom: 5.4vw;

    font-size: 3.1vw;

  }

  footer .flex{
    flex-direction: column;
    align-items: center;
  }

  footer .flex a{
    width:60vw;
    margin:0 auto 24px;
  }

  footer .flex a:last-child {
    margin-bottom: 0;
  }

  footer .color-flex{
    position: absolute;
    width:100%;
    bottom:0;
    left:0;
    display: flex;
    justify-content: space-between;
  }

  footer .color-flex .blue,
  footer .color-flex .red{
    height:2.4vw;
  }

  footer .color-flex .blue{
    background-color: #00447d;
    width:82.5%;
  }

  footer .color-flex .red{
    background-color: #910c53;
    width:17%;
  }


}/*@media(max-width:768px)*/