@charset "UTF-8";

/* =========================================
   manabi-letters.html / 文学部 Tablet (768〜1200px)
   PC値を vw に変換: 1200px基準 (1px = 0.0833vw)
   ========================================= */

@media screen and (min-width: 768px) and (max-width: 1200px) {

    .inner {
        display: block;
        width: 90vw;
        margin: 0 auto;
    }

    body {
        position: relative;
    }

    .back_img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        overflow: hidden;
        z-index: -1;
        max-width: 100vw;
    }

    .back_img2 {
        position: fixed;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        min-width: 100vw;
        height: auto;
        z-index: -2;
    }

    /* ===== メインビジュアル ===== */
    .ml_main {
        padding-top: 15.583vw;
        text-align: center;
    }

    .ml_main_series {
        font-size: 1.833vw;
        line-height: 3vw;
        letter-spacing: 0.183vw;
        margin-bottom: 1.583vw;
    }

    .ml_main_title {
        font-size: 3.5vw;
        line-height: 5.417vw;
        letter-spacing: 0.28vw;
        margin: 0 auto 2.25vw;
        padding-bottom: 2.917vw;
        width: 89.919vw;
    }

    .ml_main_label_row {
        gap: 2.333vw;
        margin-bottom: 2.917vw;
    }

    .ml_main_label {
        font-size: 2.083vw;
        line-height: 2.083vw;
        height: 3.5vw;
        padding: 0.667vw 2.25vw;
        border-radius: 0.417vw;
    }

    .ml_main_subject {
        font-size: 2.583vw;
        line-height: 4vw;
    }

    .ml_main_visual {
        width: 90.333vw;
        height: 38.5vw;
        border-radius: 19.25vw;
    }

    .ml_main_caption {
        margin-top: 1.333vw;
        font-size: 1vw;
        line-height: 1.5;
    }

    /* ===== 授業紹介 ===== */
    .ml_intro {
        margin-top: 9.083vw;
    }

    .ml_intro_box {
        border-radius: 2.083vw;
        padding: 2.75vw 4.417vw;
    }

    .ml_intro_title {
        font-size: 1.833vw;
        line-height: 3vw;
        letter-spacing: 0.183vw;
        margin-bottom: 1.667vw;
    }

    .ml_intro_body {
        width: 81.083vw;
    }

    .ml_intro_body p {
        font-size: 1.5vw;
        line-height: 2.5vw;
    }

    .ml_intro_body p + p {
        margin-top: 2.5vw;
    }

    .ml_mark {
        font-size: 1.5vw;
        line-height: 2.5vw;
    }

    /* ===== 教員紹介 ===== */
    .ml_prof {
        margin-top: 5.25vw;
        gap: 5.833vw;
    }

    .ml_prof_photo {
        width: 20.667vw;
        height: 20.667vw;
    }

    .ml_prof_info {
        width: 60.167vw;
    }

    .ml_prof_name {
        font-size: 1.833vw;
        line-height: 2.417vw;
        margin-bottom: 0.5vw;
    }

    .ml_prof_role {
        font-size: 1.5vw;
        line-height: 2.417vw;
        margin-bottom: 1.25vw;
    }

    .ml_prof_body p {
        font-size: 1.333vw;
        line-height: 2.167vw;
    }

    .ml_prof_body p + p {
        margin-top: 1.333vw;
    }

    /* ===== Q&A ===== */
    .ml_qa_list {
        margin-top: 5.25vw;
        gap: 3.167vw;
    }

    .ml_qa_box {
        border-radius: 2.583vw;
        padding: 4.167vw 4.667vw;
        gap: 3.167vw;
    }

    .ml_qa_q {
        font-size: 2.083vw;
        line-height: 4vw;
        letter-spacing: 0.125vw;
        border-radius: 0.833vw;
        padding: 0.833vw 2.083vw;
    }

    .ml_qa_row {
        gap: 4.833vw;
    }

    .ml_qa_img {
        border-radius: 2.583vw;
        min-height: 23.333vw;
    }

    .ml_qa_img_books {
        padding: 2vw 5.583vw;
        min-height: 23.333vw;
        border-radius: 2.583vw;
    }

    .ml_qa_books_inner {
        position: relative;
        width: 14vw;
        height: 15.5vw;
    }

    .ml_qa_book {
        position: absolute;
        width: 8.5vw;
    }

    .ml_qa_book_back {
        left: 0;
        top: 0;
        margin-right: 0;
    }

    .ml_qa_book_front {
        left: 5.5vw;
        top: 3.667vw;
        transform: none;
    }

    .ml_qa_text {
        width: 51vw;
        gap: 1.167vw;
    }

    .ml_qa_h {
        font-size: 1.833vw;
        line-height: 2.5vw;
    }

    .ml_qa_text p {
        font-size: 1.333vw;
    }

    .ml_qa_caption {
        font-size: 1vw !important;
    }

    /* ===== 短歌 ===== */
    .ml_qa_box_tanka {
        gap: 3.583vw;
    }

    .ml_tanka_unit {
        padding-bottom: 4.167vw;
        gap: 2.583vw;
    }

    .ml_tanka_title {
        font-size: 2vw;
    }

    .ml_tanka_card {
        padding: 3.333vw 3.333vw 3.333vw 8.333vw;
        gap: 3.333vw;
        width: 81vw;
    }

    .ml_tanka_poem p {
        font-size: 2.512vw;
    }

    .ml_tanka_poem ruby rt {
        font-size: 0.879vw;
    }

    .ml_tanka_credit {
        font-size: 1.167vw !important;
    }

    .ml_tanka_trans {
        padding: 2.5vw;
        width: 27.667vw;
        gap: 1.667vw;
    }

    .ml_tanka_label {
        padding: 0.833vw;
        width: 10.083vw;
        font-size: 1.167vw;
    }

    .ml_tanka_trans_lead,
    .ml_tanka_trans_body {
        font-size: 1.167vw;
    }

    /* ===== 受講学生の声 ===== */
    .ml_student {
        margin-top: 5.25vw;
    }

    .ml_student_box {
        border-radius: 2.583vw;
        padding: 4.167vw 4.667vw;
        gap: 3.583vw;
    }

    .ml_student_title {
        font-size: 2.083vw;
        line-height: 4vw;
        letter-spacing: 0.125vw;
        border-radius: 0.833vw;
        padding: 0.833vw 2.083vw;
    }

    .ml_student_prof {
        gap: 1.75vw;
        width: 77.917vw;
    }

    .ml_student_photo {
        width: 20.667vw;
        height: 20.667vw;
    }

    .ml_student_info {
        gap: 0.5vw;
    }

    .ml_student_name {
        font-size: 1.833vw;
        line-height: 2.417vw;
    }

    .ml_student_role {
        font-size: 1.5vw;
        line-height: 2.417vw;
    }

    .ml_student_bio {
        font-size: 1.333vw;
        line-height: 2.167vw;
    }

    .ml_student_block {
        gap: 4.667vw;
        padding-bottom: 2.5vw;
    }

    .ml_student_img {
        width: 30.417vw;
        border-radius: 2.583vw;
    }

    .ml_student_text {
        gap: 1.167vw;
    }

    .ml_student_tag {
        font-size: 1.667vw;
        border-radius: 0.25vw;
        padding: 0 0.833vw;
    }

    .ml_student_h {
        font-size: 1.667vw;
    }

    .ml_student_text p {
        font-size: 1.333vw;
    }

    .ml_tanka_unit_student {
        padding-bottom: 4.167vw;
    }

    /* ===== 締めコピー ===== */
    .ml_outro {
        margin-top: 5.25vw;
    }

    .ml_outro_copy {
        font-size: 2vw;
        margin-bottom: 3.583vw;
    }

    .ml_outro_btn {
        gap: 2.833vw;
        width: 68vw;
        height: 8vw;
        border-radius: 4vw;
        font-size: 2.083vw;
        line-height: 2.333vw;
        letter-spacing: 0.313vw;
    }

    .ml_outro_btn_blank {
        width: 1.583vw;
        height: 1.583vw;
    }

    .ml_outro_btn::after {
        width: 3.333vw;
        height: 1vw;
        margin-left: 3.667vw;
        background-size: 100% 100%;
    }

    /* ===== バナー ===== */
    .banner {
        margin-top: 10vw;
        margin-bottom: 8.333vw;
    }

}