@media screen and (min-width: 960px){
.ip_only {
    display: none !important;
}
}


@media screen and (max-width: 960px){

    .campaign_img {
        position: absolute;
        top: -22%;
        left: -55%;
      }
      .apple_gift .rate_flex_left, .apple_gift .rate_flex_right {
        width: 45%;
    }
      .ratebox.apple_gift .rate_flex1 {
        display: flex;
        justify-content: center;
      }

      .time_rate {
        margin-bottom: 4em !important;
      }

      .campaign_img img {
        width: 30%;
      }

    .header {
        height: 100%;
    }

      .header-body {
        background: #FFEDED;
        text-align: center;
        color: #fff;
        position: fixed;
        width: 100%;
        z-index: 9000;
        margin-top: -18%;
    }

    #header .logo {
        float: left;
        padding: 8px 1%;
        width: 225px;
    }

    #header #nav {
        display: none;
    }

    .openbtn4{
        background:#ff5352;
        cursor: pointer;
        width: 50px;
        height:50px;
        border-radius: 5px;
        position: fixed; /* ボタンを固定表示 */
        top: 10px; /* 画面上部からの距離 */
        right: 10px; /* 画面右端からの距離 */
        z-index: 1000; /* ボタンがメニューの上に表示されるように */
    }
      
      /*ボタン内側*/
    .openbtn4 span{
        display: inline-block;
        transition: all .4s;/*アニメーションの設定*/
        position: absolute;
        left: 14px;
        height: 2px;
        border-radius: 5px;
        background: #fff;
        width: 45%;
    }
      
      
    .openbtn4 span:nth-of-type(1) {
        top:13px; 
    }
      
    .openbtn4 span:nth-of-type(2) {
        top:19px;
    }
      
    .openbtn4 span:nth-of-type(3) {
        top:25px;
    }
      
    .openbtn4 span:nth-of-type(3)::after {
        content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
        position: absolute;
        top:5px;
        left:-2px;
        color: #fff;
        font-size: 0.6rem;
        text-transform: uppercase;
    }
      
      /*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
     
    .openbtn4.sptab.active {
        background: white;
    } 

    .openbtn4.active span:nth-of-type(1) {
        top: 14px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
        background: #ff5352;
    }
      
    .openbtn4.active span:nth-of-type(2) {
        opacity: 0;
    }
      
    .openbtn4.active span:nth-of-type(3){
        top: 26px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
        background: #ff5352;
    }
      
    .openbtn4.active span:nth-of-type(3)::after {
        content:"Close";/*3つ目の要素のafterにClose表示を指定*/
          transform: translateY(0) rotate(-45deg);
        top:5px;
        left:4px;
        color: #ff5352;
    }

    #sp_nav {
        display: none;
        position: absolute;
        background: #ff5352;
        top: 0;
        right: 0;
        height: 100vh;
        z-index: 999;
        color: #fff;
        box-sizing: border-box;
        width: 53.46%;
        padding: 21.33vw 5.33vw 0;
    }

    #sp_nav ul {
        margin: 0 0 7.2vw;
    }

    #sp_nav ul li a{
		border-bottom: solid 5px #4dc9ff;
        display: block;
        color: #fff;
        text-align: left;
        font-size: 4vw;
		padding: 5.33vw 1.6vw;
	}

	#sp_nav .contact{
		text-align: left;
	}

    .contact-btn1 {
        margin: 15% auto;
        width: 100%;
        display: block;
    }

    .formbtn1 {
        border-radius: 20px;
        color: #FFF;
        background: #FF9F1C;
        font-size: 4vw;
        padding: 10%;
        display: inline-block;
        align-content: center;
        height: 40px;
        margin-right: 0;
    }

    .linebtn1 {
        border-radius: 20px;
        color: #fff;
        background: #17bb05;
        font-size: 4vw;
        padding: 10%;
        display: inline-block;
        height: 40px;
        margin-top: 5%;
        align-content: center;
        line-height: 4vw;
    }

    #shadow {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        z-index: 880;
        overflow: hidden;
    }

    #mv img {
        margin: 18.5% auto 0;
    }

    .contact-btn2 {
        margin: 0 auto;
        width: 100%;
        justify-content: center;
        padding-left: 0;
        padding-right: 0;
        position: relative;
        padding-top: 4%;
    }

    .formbtn2 {
        border-radius: 10px;
        font-size: 4vw;
        margin-right: 5%;
        line-height: 5vw;
    }

    .linebtn2 {
        border-radius: 10px;
        font-size: 4vw;
        line-height: 5vw;
    }

    /* ↑top-body↑ */

    /* ↓換金率一覧↓ */

    .rate {
        padding-top: 35px;
        background-size: contain;
        height: 100%;
    }

    .rate-body {
        width: fit-content;
    }

    .rate-title {
        font-size: 1.94em;
        padding-top: 5%;
    }

    .rate-title::before {
        width: 345px;
        height: 150px;
        left: 25px;
        top: 1px;
        background-repeat: no-repeat;
        background-size: 415px;
    }

    .rate-inner {
        padding: 0 0% 15% 2%;
    }

    .rate-title {
        font-size: 9.5vw;
        padding-top: 11%;
        margin: auto;
        padding-bottom: 3%;
    }

    .ratebox {
        border: 6px double #ff5352;
        width: 44%;
        margin: 2% 1%;
        border-radius: 20px;
        background: #ffffff9c;
    }

    .ratebox:last-child {
        border: none;
        background: none;
        margin-left: 3%;
    }

    .ratebox-apptext {
        font-size: 4vw;
    }

    .ratebox-rate {
        font-size: 14vw;
        align-items: center;
    }

    .ratebox-ttext {
        font-size: 5vw;
    }

    .ratebox-stext {
        font-size: 9vw;
        margin-top: 10px;
    }

    .ratebox-transfer {
        margin: 3% auto;
        font-size: 6vw;
        width: 78%;
        padding: 6%;
    }

  .rate-btn {
    margin: 20px auto;
      bottom: -95px;
      width: 100%;
      justify-content: center;
      left: 0;
      padding-bottom: 5%;
      display: block;
    }

    .formbtn3 {
        border-radius: 10px;
        font-size: 4vw;
        height: 40px;
        margin-right: 0;
        display: inline-block;
        line-height: 5vw;
        padding-top: 6%;
        width: 140px;
        align-content: center;
    }

    .linebtn3 {
        border-radius: 10px;
        font-size: 4vw;
        height: 40px;
        display: inline-block;
        line-height: 5%;
        margin-top: 10%;
        padding-top: 6%;
        width: 140px;
        align-content: center;
    }


    /* ↑換金率一覧↑ */

    /* ↓↓ */

    .triangle-body svg {
        height: 45px;
    }

    /* ↑↑ */

    /* ↓魅力↓ */

    .point-title {
        font-size: 7.5vw;
        margin-bottom: 4%;
        padding-top: 5%;
        font-weight: 500;
        width: 100%;
        margin-left: 0%;
    }

    .point-subtitle {
        font-size: 1em;
        margin-bottom: 5%;
        margin-top: 10%;
    }

    .point {
        background-size: contain;
        background-image: url(../img/background3.png),url(../img/background4.png),url(../img/background3.png);
        background-position: left top, right center, left bottom;
        background-repeat: no-repeat, no-repeat, no-repeat;
        padding-top: 25%;
    }

    .point-inner {
        width: 100%;
    }

    .point-img {
        display: none;
    }

    /* ↑魅力↑ */

    /* ↓↓ */

    .triangle2-body svg {
        height: 45px;
    }

    /* ↑↑ */

    /* ↓現金化方法↓ */

    .step {
        height: 100%;
        padding-top: 15%;
    }

    .step-title {
        font-size: 9.5vw;
        margin-bottom: 4%;
        padding-top: 6.3%;
    }

    .step-marker::before {
        background-size: 175px;
        top: 10px;
        right: -55px;
        width: 180px;
        height: 55px;
    }

    .step-subtitle {
        font-size: 3.9vw;
        margin-bottom: 5%;
        margin-top: 10%;
    }

    .step-inner {
        width: 90%;
    }

    .step-number1 {
        width: 35%;
        padding: 25px 10px 25px;
        font-size: 5.3vw;
        border-radius: 5px 0 0 5px;
    }

    .step-number2 {
        width: 35%;
        padding: 25px 10px 25px;
        font-size: 5.3vw;
        border-radius: 8px 0 0 8px;
    }

    .step-number3 {
        width: 35%;
        padding: 25px 10px 25px;
        font-size: 5.3vw;
        border-radius: 8px 0 0 8px;
    }

    .step-box {
        border-radius: 0 5px 5px 0;
        vertical-align: middle;
        padding: 0 3%;
    }

    .step-tit {
        font-size: 5.7vw;
        margin: 0 0 10px;
    }

    .step-text {
        font-size: 4vw;
        margin-bottom: 3.6%;
        padding-left: 10%;
        padding-right: 10%;
      }

    .steptxt {
        font-size: 3.7vw;
    }

    .step-stext {
        font-size: 3.7vw;
        margin-bottom: 5%;
    }

    .step-btn {
        margin: 20px auto;
        bottom: -95px;
        width: 100%;
        justify-content: center;
        left: 0;
        padding-bottom: 5%;
        display: grid;
        grid-template-columns: 45% 45%;
        grid-template-rows: 45% 45%;
    }

    .formbtn4 {
        border-radius: 10px;
        font-size: 4vw;
        height: 40px;
        margin-right: 0;
        display: inline-block;
        line-height: 5vw;
        padding-top: 4%;
        width: 140px;
        align-content: center;
        grid-column: 1/2;
        grid-row: 1/2;
    }

    .linebtn4 {
        border-radius: 10px;
        font-size: 4vw;
        height: 40px;
        display: inline-block;
        line-height: 5vw;
        margin-top: 2%;
        padding-top: 4%;
        width: 140px;
        align-content: center;
        grid-column: 1/2;
        grid-row: 2/3;
    }

    .step-img {
        position: relative;
        width: 160px;
        right: 0;
        bottom: 0;
        grid-column: 2/3;
        grid-row: 1/3;
    }



    /* ↑現金化方法↑ */

    /* ↓解決できる悩み↓ */

    .problem {
        width: 100%;
        height: 100%;
        background-size: contain;
    }

    .problem-title {
        font-size: 9.5vw;
        margin-bottom: 4%;
        padding-top: 6.3%;
        font-weight: 500;
    }

    .problem-subtitle {
        font-size: 4.2vw;
        margin-bottom: 7%;
        margin-top: 5%;
        padding-left: 10%;
        padding-right: 10%;
    }

    .problem-inner {
        width: 95%;
    }

    .problembox {
        font-size: 1em;
        width: 47%;
        margin: 0 5px 20px;
        height: 100px;
    }

    .problembox-title {
        text-align: center;
        margin: 24.39% 6%;
        font-size: 3.5vw;
    }

    /* ↑解決できる悩み↑ */

    /* ↓↓ */

    .wave-body svg {
        height: 40px;
    }

    /* ↑↑ */

    /* ↓理由↓ */

    .solution {
        background-size: contain;
    }

    .solution-body {
        padding-bottom: 5%;
    }

    .solution-title {
        font-size: 8vw;
        margin-bottom: 15%;
        padding-top: 16%;
    }

    .solution-title::before {
        display: none;
    }

    .solution-title::after {
        display: none;
    }

    .solution-inner {
        margin: 1% 10%;
    }

    .solutionbox-title {
        font-size: 5.9vw;
        margin-bottom: 3%;
    }

    .solutionimg {
        width: 45%;
        margin-bottom: 1%;
    }

    .solutionbox-text {
        font-size: 3.8vw;
        line-height: 22px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .solutionbox::before {
        width: 50px;
        height: 50px;
        top: 15%;
        left: -10%;
    }

    .solutionbox::after {
        width: 50px;
        height: 50px;
        top: 65%;
        left: -10%;
    }

    /* ↑理由↑ */

    /* ↓↓ */
    
    .wave2 {
        margin-top: 0px;
        height: 80px;
        background: #ff5352;
    }

    .wave2-body svg {
        height: 50px;
    }

    .wave2-btn {
      margin: 0 6%;
      width: 88%;
      justify-content: center;
      left: 0;
      padding-bottom: 5%;
      grid-template-columns: 45% 45%;
      display: grid;
      grid-template-rows: 45% 45%;
    }

    .formbtn5 {
        border-radius: 10px;
        font-size: 4vw;
        height: 40px;
        margin-right: 0;
        display: inline-block;
        line-height: 5vw;
        padding-top: 4%;
        width: 140px;
        align-content: center;
        grid-column: 2 / 3;
        grid-row: 1 / 2;
    }

    .linebtn5 {
        border-radius: 10px;
        font-size: 4vw;
        height: 40px;
        display: inline-block;
        line-height: 5vw;
        margin-top: 2%;
        padding-top: 4%;
        width: 140px;
        align-content: center;
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }

    .solution-img {
        grid-column: 1 / 2;
        grid-row: 1 / 3;
        position: static;
        width: 160px;
    }

    /* ↑↑ */

    /* ↓口コミ↓ */

    .reviews {
        background-size: contain;
        background-position: top;
    }

    .reviewsbox {
        height: 385px !important;
    }

    .reviews-body {
        padding-bottom: 5%;
    }

    .reviews-title {
        font-size: 8vw;
        padding-top: 22%;
        padding-bottom: 5%;
    }

    .reviews-marker::before {
        background-size: 250px;
        width: 80px;
        height: 90px;
        top: 35px;
        right: -30%;
        transform: scale(-1,1);
    }

    .reviews-inner {
        width: 95%;
    }

    .reviewsbox-title {
        font-size: 5.4vw;
        margin-top: 10%;
    }

    .reviewsbox-dtl {
        margin: 4% auto 8%;
        display: grid;
        grid-template-columns: 65px 85px 98px;
        grid-template-rows: 30px 28px 21px;
    }

    .reviewsbox-img {
        grid-column: 1/2;
        grid-row: 1/3;
        margin-left: 20%;
    }

    .dtl1 {
        padding-right: 5px;
        padding-left: 5px;
        grid-column: 2/3;
        grid-row: 1/2;
        font-size: 3.6vw;
    }

    .dtl2 {
        padding-right: 5px;
        padding-left: 5px;
        grid-column: 3/4;
        grid-row: 1/2;
        font-size: 3.6vw;
    }

    .dtl3 {
        padding-right: 5px;
        padding-left: 5px;
        border-right: none;
        grid-column: 2/4;
        grid-row: 2/3;
        font-size: 3.6vw;
    }

    .dtl4 {
        padding-right: 5px;
        padding-left: 5px;
        border-left: none;
        border-right: none;
        grid-column: 1/4;
        grid-row: 3/4;
        font-size: 3.6vw;
    }

    .reviewsbox-text {
        padding: 2% 6%;
        line-height: 22px;
        font-size: 3.6vw;
    }

    .reviewsimg {
        position: relative;
        top: 0;
        left: 0;
    }

    .reviewsbox-valuation {
        margin-top: 3%;
    }

    /* ↑口コミ↑ */

    /* ↓↓ */

    .triangle3 {
        margin-top: 0px;
    }

    .triangle3-body svg {
        height: 75px;
    }

    /* ↑↑ */

    /* ↓Q&A↓ */

    .question {
        padding-top: 12%;
    }

    .question-title {
        font-size: 8.2vw;
        ;
        font-weight: 600;
        margin-bottom: 10%;
        padding-top: 8%;
        position: relative;
    }

    .question-inner {
        display: block;
        margin: auto 5%;
    }

    .question-inner .question-box {
        width: 100%;
    }

    .questionbox-text {
        font-size: 3.7vw;
    }

    .question-inner .question-box .question-box-content {
        padding: 0 0 0 3em;
    }

    .question-inner .question-box .question-box-content p {
        font-size: 3.6vw;
    }

    .question-inner .question-box .question-box-content::before {
        left: 1em;
    }

    /* ↑Q&A↑ */

    /* ↓会社概要↓ */

    .company-body {
        padding-bottom: 5%;
    }

    .company-title {
        font-size: 7vw;
        margin-bottom: 10%;
        padding-top: 11%;
    }

    .company-inner {
        margin: auto 5%;
    }

    th {
        font-size: 4vw;
        width: 80px;
    }

    td {
        line-height: 25px;
        font-size: 4.3vw;
    }

    #footer {
        padding: 2.4vw 0px 20% 0px;
    }

    .footer-body {
        display: block;
    }

    .footer-body li {
        margin: 0;
        border-bottom: 2px solid #4dc9ff;
        padding-bottom: 3%;
        padding-top: 3%;
    }



    #copy {
        font-size: 2.66vw;
        padding: 3.73vw 0px;
    }


    .ratebox.apple_gift {
      width: 94%;
      padding: 0 0 5%;
    }

    .pc_only {
        display: none !important;
    }
    .apple_gift .rate_flex_right span, .apple_gift .rate_flex_left span {
        width: 85%;
    }
    .ratebox-text.ratebox-text22 a {
        display: block;
        width: 70%;
        margin: 10px auto;
    }
    .contact-btn1 .linebtn2 {
        display: block;
        margin-top: 10%;
        border-radius: 15px;
    }
    .footer-body li {
        margin: 0 !important;
    }
    .footer-body {
        display: block !important;
    }
}