/* 共通CSS */
body {
    margin: 0;
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    line-height: 1.8;
}

p {
    margin: 0;
}

.pc {
    display: block;
}

.sp {
    display: none;
}
.s-text{
    font-size: 1.8vw!important;
}
.amagifu img{
    width: 60%!important;
    margin: 20px auto;
}
@media screen and (max-width: 750px) {
    .s-text{
        font-size: 4vw!important;
    }
}
#content-width {
    width: 850px;
    margin: 0 auto;
}

.header-img{
    width: 100%;
    height: auto;
}
.header-row{
    background-color: #f4f4f4;
}
.header-row img {
    width: 50%;
    margin: 0 25%;
    padding: 3% 0 2%; 
}

.btn-area {
    text-align: center;
    padding: 30px 0;
    width: 850px;
    margin: 0 auto;
}

.btn-area img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    #content-width {
        width: 100%;
        margin: 0 auto;
    }
    
    .header-img{
        width: 100%;
        height: auto;
    }
    .header-row{
        background-color: #f4f4f4;
    }
    .header-row img {
        width: 70%;
        margin: 0% 15%;
        padding: 2% 0 0 0;
    }
    
    .btn-area {
        text-align: center;
        padding: 2.5% 0;
        width: 90%;
        margin: 0 5%;
    }
    
    .btn-area img {
        width: 100%;
    }
.amagifu img{
    width: 70%;
    margin: 2.5% 0;
    }
}


.taC {
    text-align: center;
}


.yellow-line {
    font-weight: bold;
    background: linear-gradient(transparent 50%, #fde730 50%);
}
.yellow{
    color: #fde730;
}
.red{
    color: #fe0c0c;
}
.white{
    color: white;
}

/* footer */
footer {
    background-color:black;
    color: white;
    padding: 2.5% 0;
    text-align: center;
}

footer a {
    color: white;

}

/* footer */

/*スクロール フェードイン*/
.fadeIn {
    transition: 1s;
    opacity: 0;
}

.fadeIn.animated {
    opacity: 1;
}


.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;

}

.fade_on {
    opacity: 1;
}

/*スクロール フェードイン 終わり */

/**  ボタンアニメーション **/
/* ボタン拡大縮小アニメーション */
.cv_btn {
    margin: 0 auto;
}

.cv_btn .floating_btn {
    animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
}


@keyframes anime1 {
    from {
        transform: scale(0.9, 0.9);
    }

    to {
        transform: scale(1, 1);
    }
}

/* ボタン拡大縮小アニメーション */


/* 追従 ナビゲーション */
.floating_btn {
    width: 40%;
    height: auto;
}

.floating_btn {
    animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
}


.floating_btn {
    width: 60%;
    height: auto;
}

.floating-banner {
    top: unset;
    /* PCで指定していた上下の位置指定をクリア */
    right: 0;
    /* 左右の隙間が空かないように */
    bottom: 0;
    /* 画面の最下部にぴったりくっつくように指定 */
    text-align: end;
    padding: 0 2.5% 0 0;
}

.flow-navi {
    position: fixed;
    top: 70% !important;
    z-index: 3;
    width: 100%;
    text-align: center;
    left: auto;
    bottom: 0;
    padding: 2.5% 0;
}

/* 追従 ナビゲーション */

/* ポヨヨンアニメーション */
.poyoyon {
    animation: poyoyon 2.5s infinite;
    opacity: 1;
  }
  @keyframes poyoyon {
    0%, 40% {
      transform: skew(0deg, 0deg);
    }
    5% {
      transform: skew(5deg, 5deg);
    }
    10% {
      transform: skew(-4deg, -4deg);
    }
    15% {
      transform: skew(3deg, 3deg);
    }
    20% {
      transform: skew(-2deg, -2deg);
    }
    25% {
      transform: skew(1deg, 1deg);
    }
    30% {
      transform: skew(-0.6deg, -0.6deg);
    }
    35% {
      transform: skew(0.3deg, 0.3deg);
    }
  }
/* ポヨヨンアニメーション */
  /**  ボタンアニメーション **/
@media screen and (max-width: 768px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    #header-bg {
        background: url(../img/header-bg-sp.png);
        background-size: cover;
        margin: 0 0 5% 0;

    }
}

/*好きな場所・好きな時間に稼ぐ人続出！*/
.voice-area{
    background-color: #fffdcb;
    padding: 5% 0 1.5% 0;
}
.voice-title-img{
    width: 90%;
    margin: 0 5%;
}
.w100-img{
    width: 100%;
}
.voice-img{
    margin: 2.5% 0;
}

@media screen and (max-width: 750px) {
    .voice-area{
        background-color: #fffdcb;
        padding: 5% 0 1.5% 0;
    }
    .voice-title-img{
        width: 95%;
        margin: 0 2.5%;
    }
    .w100-img{
        width: 100%;
        margin: 0;
    }
    .voice-img{
        margin: 0 2.5%;
        width: 95%;
    }
}
/*好きな場所・好きな時間に稼ぐ人続出！*/

/*副業をしている会社員の平均月収をあなたは知っていますか？*/
.monthly-income-content,
.point-content,
.present-content{
    margin: 5% 0;
}
.monthly-income-title,
.point-title{
background-color:#247ee3;
font-size: 4.6vw;
padding: 2.5% 0;
}
.monthly-income-content p,
.point-content p,
.present-content p{
    font-size: 2.6vw;
    margin: 0;
}

@media screen and (max-width: 750px) {
.monthly-income-content,
.point-content{
    width: 90%;
    margin: 5%;

}
.monthly-income-title,
.point-title{
    background-color:#247ee3;
    font-size: 6vw;
    padding: 2.5% 0;
    }
    .monthly-income-content p,
    .point-content p,
    .present-content p{
        font-size: 4.8vw;
        margin: 0;
    }
}
/*副業をしている会社員の平均月収をあなたは知っていますか？*/

/*  LINE登録者限定！「即金30万円レポート」プレゼント！ */
.present-title{
background-color:#fffdcb;
width: 90%;
padding: 2.5% 5%;
}
.present-title p{
    font-size: 2.6vw;
    margin: 0;
}

@media screen and (max-width: 750px) {
.present-content{
    width: 90%;
    margin: 5%;

}
.present-title{
    background-color:#fffdcb;
    width: 95%;
    padding: 2.5% 2.5% 0 2.5%;
    }
    .present-title p{
        font-size: 4.8vw;
        margin: 0;
    }
    .present-title-img{
        width: 90%;
        margin: 0 5%;
    }
}

/*  LINE登録者限定！「即金30万円レポート」プレゼント！ */
.font-feature-settings{
    font-feature-settings: "palt";
    }

    .logo-img{
        width: 100%;
    }