/* 大きい画面用 (デフォルト設定) */
.contents h1, .career h2 {
    font-size: 40px; /* 見出しのサイズを統一 */
    font-weight: normal; /* 太さを統一 */
    color: rgb(55, 55, 55); /* 色を統一 */
}

.contents p, .career li {
    font-size: 14px; /* 本文のデフォルトサイズ */
    color: rgb(55, 55, 55); /* 本文の色を統一 */
    line-height: 1.8; /* 読みやすさのための行間 */
}

/* 1400px以下 */
@media(max-width:1400px) {
    .contents h1, .career h2 {
        font-size: 38px; /* 見出しを少し小さく */
    }

    .contents p, .career li {
        font-size: 13px; /* 本文を少し小さく */
    }
    .texts{
        width:85%;
    }
}

/* 950px以下 */
@media(max-width:950px) {
    .contents h1, .career h2 {
        font-size: 36px; /* 中画面用の見出しサイズ */
    }

    .contents p, .career li {
        font-size: 12px; /* 中画面用の本文サイズ */
    }

    .logo{
        width:120px;
    }
    .texts{
        width:80%;
        padding-top:15px;
    }
    .text a{
        font-size:17px;
        height:75px;
        padding-top:25px;
    }
}

/* 700px以下 */
@media(max-width:700px) {
    .contents h1, .career h2 {
        font-size: 34px; /* 小画面用の見出しサイズ */
    }

    .contents p, .career li {
        font-size: 12px; /* 小画面用の本文サイズ */
    }
    .logo{
        width:120px;
    }
    .texts{
        width:80%;
        padding-top:22px;
    }
    .text a{
        font-size:16px;
        height:70px;
    }
}

/* 620px以下 */
@media(max-width:620px) {
    .contents h1, .career h2 {
        font-size: 32px; /* 小画面用の見出しサイズ */
    }

    .contents p, .career li {
        font-size: 12px; /* 本文のサイズを維持 */
    }

    .b2 a{
        font-size:16px;
    }
    .logo{
        width:110px;
    }
    .texts{
        width:75%;
        padding-top:15px;
    }
    .text a{
        font-size:15px;
        height:60px;
        padding-top:20px;
    }
}

/* 500px以下 */
@media(max-width:500px) {
    .contents h1, .career h2 {
        font-size: 30px; /* スマホサイズ用の見出し */
        margin-bottom: 20px;
    }

    .contents p, .career li {
        font-size: 12px; /* 本文を少し小さく */
    }

    .b2 a{
        font-size:16px;
    }
    .logo{
        width:85px;
    }
    .texts{
        width:75%;
        padding-top:5px;
    }
    .text a{
        font-size:14px;
        height:55px;
    }
}

/* 430px以下 */
@media(max-width:430px) {
    .contents h1, .career h2 {
        font-size: 28px; /* 最小画面用の見出しサイズ */
    }

    .contents p, .career li {
        font-size: 11px; /* 本文のサイズをさらに小さく */
    }
    .b2 a{
        font-size:16px;
    }
    .logo{
        width:80px;
    }
    .texts{
        width:70%;
        padding-top:5px;
    }
    .text a{
        font-size:14px;
        height:55px;
    }
}