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

/* タブレット（一般的なサイズ） */
@media screen and (max-width: 1024px) {}



/* 小さめタブレット・スマホ大きめ */
@media screen and (max-width: 896px) {}



/* スマホ（iPhoneなど） */
@media screen and (max-width: 768px) {
    main {

        /* セクションタイトル */
        .library-area {

            .main-text {
                .main-text-area {
                    .main-text-title {
                        h1 {
                            font-size: 16px;
                        }
                    }

                    .main-text-detail {
                        p {
                            margin-top: 0;
                            line-height: normal;
                            font-size: 15px;
                        }
                    }
                }
            }

            /* メイン画像 */
            .main-text-img {
                width: 80%;
                margin: 0 auto;

                img {
                    width: 100%;
                }

            }

            /* サブテキスト */
            .sub-text {
                max-width: 1360px;
                width: 100%;

                .sub-text-area {
                    width: 90%;
                    margin: 30px auto;

                    .sub-text-detail {
                        line-height: normal;

                        p {
                            font-size: 15px;
                        }
                    }

                    .sub-text-title {
                        h2 {
                            display: flex;
                            font-size: 16px;
                            margin-bottom: 10px;

                            &::before {
                                content: url("../../images/library/icon_sub.png");
                                margin-right: 10px;
                            }

                        }
                    }

                }
            }
        }

    }
}

/* 超小型スマホ（iPhone SEなど） */
@media screen and (max-width: 440px) {}