body {
    background-color: #fff3f2;
}

#lp_content img {
    display: block;
    max-width: 750px;
    margin: 0 auto;
    /* 左右のマージンを自動で設定して中央に配置 */
}

.br {
    display: block;
    /*PCでは有効（改行する）*/
}

.heading {
    margin-left: 100px;
}

.btn_relative {
    position: relative;
    display: block;
    margin: 0 auto;
    /* 左右のマージンを自動で設定して中央に配置 */
}

.btn_wrap1 {
    position: absolute;
    /* 親要素の上端に配置 */
    bottom: 2px;
    right: 2px;
    /* 親要素の左端に配置 */
    width: 100%;
    height: auto;
}

/* 大きい画像の上に小さい画像を重ねるパターン */
.tokutyo_relative {
    position: relative;
}

.tokutyo_absolute{
    position: absolute; /* 位置を絶対指定 */
    top: 20px; /* 上からの位置 */
    left: 25px; /* 左からの位置 */
    z-index: 1; /* 大きい画像より手前に表示 */
}


.tokutyo_sabtitle {
max-width: 100%;
margin-top: 1px;
}

.tokutyou_text {
    /* ピュアリの特徴内容 */
    /* 水平方向の中央揃え */
    text-align: left;
    margin-left: 25px;
    margin-right: 25px;
    font-size: 23px;
    line-height: 1.5;
    /* 行の高さを1.6倍に設定 */
    color: #69167e;
}

.sma {
    /*PCでは無効（改行しない）*/
    display: none;
}

.tokutyou {
    /* ピュアリの特徴内容_ピンクの背景 */
    background-color: #c7abb1;
    max-width: 700px;
    height: 980px;
    margin-left: 9px;
    display: block;
    max-width: 750px;
    margin: 0 auto;
    /* 左右のマージンを自動で設定して中央に配置 */
}

.tokutyou_white {
    /* ピュアリの特徴内容_白の背景 */
    background-color: #ffffff;
    max-width: 700px;
    height: 660px;
    display: block;
    margin: 0 auto;
    /* 左右のマージンを自動で設定して中央に配置 */
}
.kasen{
    right: 2px;
    bottom: 2px;
}
.btn_relative2 {
    position: relative;
    display: block;
}

.btn_wrap2 {
    position: absolute;
    /* 親要素の上端に配置 */
    bottom: 2px;
    left: 0px;
    /* 親要素の左端に配置 */
    width: 100%;
    height: auto;
}

.uranaishi_text {
    /* 先生のおすすめポイント */
    display: block;
    max-width: 700px;
    margin: 0 auto;
    /* 左右のマージンを自動で設定して中央に配置 */
    font-size: 23px;
    line-height: 1.5;
    /* 行の高さを1.6倍に設定 */
}

.highlight {
    background-color: #ffec70;
    /* マーカーの背景色 */
    font-weight: normal;
    /* マーカーの太字 */
}

.highlight2 {
    background-color: #fff6ba;
    /* マーカーの背景色 */
    font-weight: normal;
    /* マーカーの太字 */
}

.sensei_bg {
    background: linear-gradient(#ffebde, #fdd5d3);
    max-width: 750px;
    margin-left: 9px;
    display: block;
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 3%;

}

.line_all {
    padding-bottom: 2%;
}
.sensei_bg2 {
    background: linear-gradient(#ffebde, #fdd5d3);
    max-width: 750px;
    margin-left: 9px;
    display: block;
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 3%;
}
.sensei_bg3{
    background: linear-gradient(#ffebde, #fdd5d3);
    max-width: 750px;
    margin-left: 9px;
    display: block;
    max-width: 750px;
    margin: 0 auto;
    padding-bottom: 3%;
}
.btn_relative3 {
    position: relative;
    display: block;
}

.btn_wrap3 {
    position: absolute;
    /* 親要素の上端に配置 */
    margin-top: 480px;
    left: 0px;
    /* 親要素の左端に配置 */
    width: 100%;
    height: auto;
}

.situmon_text {
    display: block;
    max-width: 700px;
    margin: 0 auto;
    /* 左右のマージンを自動で設定して中央に配置 */
    font-size: 23px;
    line-height: 1.5;
    /* 行の高さを1.6倍に設定 */
}

.situmon {
    background-color: #ffffff;
    max-width: 750px;
    margin-left: 15px;
    display: block;
    margin: 0 auto;
    padding-bottom: 5%;
}

footer {
    text-align: center;
    /* テキストの中央揃え */
    padding: 20px 0;
    /* 上下のパディング */
    width: 100%;
    /* 幅を100%に設定 */
    bottom: 0;
    /* 画面下部に固定 */
    left: 0;
    /* 左端からの位置 */
    margin-left: auto;
    /* 左側のマージンを自動で設定 */
    margin-right: auto;
    /* 右側のマージンを自動で設定 */
}

@media only screen and (max-width: 750px) {
    br {
        display: none;
        /* <br> タグを非表示にする */
    }

    .sma {
        /*スマートフォンでは有効（改行する）*/
        display: block;
    }

    /*スマホ用のCSS */
    body {
        margin: 0px;
    }

    #lp_content img {
        width: 100%;

    }


    .btn_wrap1 {
        top: 80%;
        /* 親要素の上端に配置 */
        width: 100%;
    }

    .tokutyo_absolute {
        position: absolute;
        top:3px;
        left: 0px; /* 左からの位置 */
        z-index: 1;
    }
    .tokutyou_white {
        /* ピュアリの特徴内容_白の背景 */
        background-color: #ffffff;
        height: auto;
        display: block;
        margin: 0 auto;
        /* 左右のマージンを自動で設定して中央に配置 */
    }

    .tokutyou_text {
        /* ピュアリの特徴内容 */
        /* 水平方向の中央揃え */
        font-family: ヒラギノ角ゴシック;
        text-align: left;
        margin-left: 20px;
        margin-right: 20px;
        font-size: 15px;
        line-height: 1.5;
        /* 行の高さを1.6倍に設定 */
        color: #69167e;
    }

    .tokutyou {
        height: 600px;
    }


    .btn_wrap2 {
        top: 87%;
        /* 親要素の上端に配置 */
        width: 100%;
        max-height: 1000px;
    }

  
    .uranai_img {
        display: inline-block;
        vertical-align: bottom;
    }

    .uranaishi_text {
        /* 先生のおすすめポイント */
        font-family: ヒラギノ角ゴシック;
        max-width: 350px;
        margin: 0 auto;
        /* 左右のマージンを自動で設定して中央に配置 */
        font-size: 14px;
        line-height: 1.5;
        /* 行の高さを1.6倍に設定 */
    }

    .btn_wrap3 {
        /* 親要素の上端に配置 */
        margin-top: 65%;
        left: 0px;
        /* 親要素の左端に配置 */
        width: 100%;
        height: auto;
    }

    .situmon {
        display: inline-block;
        background-color: #ffffff;
        height: 800px;
    }

    .situmon_sabtitle {
        margin-top: 25px;
        margin-bottom: 10px;
    }

    .situmon_text {
        font-family: ヒラギノ角ゴシック;
        max-width: 350px;
        font-size: 14px;

    }
    footer p {
        font-size: 10px;
    }
}