/***********上に戻るボタン***********/
/* 位置修正 */
@media (min-width: 390px) {
    a.top-button {
        bottom: 18%;
    }
}

@media (min-width: 510px) {
    a.top-button {
        bottom: 6%;
    }
}


/********** ヘッダー ***********/
/* ロゴ上の文字サイズ調整 370pxより小さい場合 */
@media (max-width: 370px) {
    .header-left p {
        font-size: 0.65em;
    }
}


/********** ハンバーガーサブメニューの文字の大きさ **********/
@media (max-width: 360px) {
    .subNav {
        margin: 0 0.3em 1em 1em;
    }
    
    .subNav-list a {
        font-size: 1em;
    }
}


/********** 追従CTAボタン ************/
/* 769pxより大きい場合は表示しない */
@media (min-width: 510px) {
    .fix_contact {
        display: none;
    }
}
/* リアルタイムの文字の大きさ */
/* 350pxより小さい場合 */
@media (max-width: 350px) {
    .time-balloon p {
        font-size: 0.8em;
    }
}


/********** 初めのCTAコンテナ **********/
/* 文字の大きさを変更 */
@media (min-width: 481px) {
    .cta-container1 p {
        font-size: 1.3em;
    }
}

@media (min-width: 581px) {
    .cta-container1 p {
        font-size: 1.5em;
    }
}

@media (max-width: 350px) {
    .cta-container1 p {
        left: 6%;
    }
}


/********** トラブル **********/
/* 350pxまでのタイトルの大きさ */
@media (max-width: 350px) {
    .trouble-title p {
        font-size: 1.3em;
    }
}

/* カード内の文字の大きさ 500px以上 */
@media (min-width: 500px) {
    .card__overviewtext p {
        font-size: 1em;
    }
}


/************ 説明コンテナ ***********/
/* タイトルの文字の大きさ変更 */
@media (max-width:370px) {
    .title1 p {
        font-size: 1em;
    }
}

@media (min-width: 481px) {
    .title1 p {
        font-size: 1.3em;
    }
}

@media (min-width: 581px) {
    .title1 p {
        font-size: 1.5em;
    }
}


/********** CTA2のメディアクエリ **********/
@media screen and (min-width: 461px) {
    /* 461px以上の幅の場合に適応される */
    /* タイトルの大きさと位置 */
    .cta2-title p {
        top: 27.5%;
        font-size: 1.8em;
    }
}

@media screen and (max-width: 460px) {
    /* 460pxまでの幅の場合に適応される */
    .cta2-title p {
        top: 30.5%;
    }
}


/********** 対応サービス **********/
@media screen and (max-width: 400px) {
    /* 400pxまでの幅の場合に適応される */
    .card2-name p {
        font-size: 1.2em;
    }
    .btn11 .cta2-btn11 {
        left: 38%;
    }
}

@media screen and (max-width: 360px) {
    /* 350pxまでの幅の場合に適応される */
    .card2 {
        width: 100%;
        margin: 2em;
    }
    .card2-name p {
        font-size: 1.3em;
    }
    .card2__imgframe {
        height: 10em;
    }
    .card2-text {
        margin: 1em 0.7em;
    }
    .btn11 .cta2-btn11 {
        left: 60%;
    }
}


/********** フッター **********/
/* 510pxより大きい場合は追従CTA分の「padding-bottom」を0にする */
@media (min-width: 510px) {
    .footer {
        padding-bottom: 0;
    }
}