@media (max-width: 1000px) {
    .column-reverse{
        flex-direction: column-reverse
    }
    .column{
        flex-direction: column;
    }
    .title{
        margin-bottom: 40px;
    }
    .ABOUT-ME {
        gap: 30px; /* アイテム間の距離を10pxに設定 */
    }
    .prof {
        width: 250px;
        height: 250px;
    }
    .about-paragraph{
        font-size: 1.4rem;
        margin-top: 30px;
    }
    .aboutp-paragraph{
        margin-top: 30px;
    }
    table {
        margin:auto
    }
    table td{
        font-size: 2.5rem;
        text-align: left;
    }
    .dots {
        flex-grow: 1; /* ドットをスペースで埋める */
        text-align: center;
        padding-left: 5px; /* スキル名とドットの間に少し余白を追加 */
        font-family: monospace; /* 一定幅フォントでドットを揃える */
        font-size: 3.0rem;
    }
    .paw-track {
        display: flex;
        gap: 5px;
    }
    .paw {
        width: 55px;
        height: 55px;
    }
    #skills p {
        font-size: 1.4rem;
    }
    .contact-paragraph{
        font-size: 1.4rem; 
    }

    /* ABOUT ME */
    .aboutp-paragraph{
        font-size: 1.4rem;
    }
    .about-prof {
        width: 300px;
        height: 240px;
    }

    

/* CONTACT FORM */
.worn {
    font-size: 1.2rem;
}

#aboutp-bg::before {
    right: 60%;
    width: 130%;
    }
    .SKILL-bg::before {
        background-size: contain; /* 比率を保ったまま背景画像を表示 */
        background-position: center; /* 上部中央に位置を調整 */
    }


    .SKILL-bg table, .SKILL-bg tr {
        display: block; /* テーブル行をブロック化して縦に並べる */
        width: 100%;
    }

    .SKILL-bg td {
        display: block; /* テーブルセルもブロック化 */
        width: 100%;
        text-align: center;
    }

    /* スキル名とアイコンの間に少しスペースを追加 */
    .SKILL-bg td:first-child {
        margin-bottom: 5px;
    }

    /* アイコンの配置調整 */
    .paw-track {
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 700px) {
    .none{
        display: none;
    }
    .sp{
        display: block !important;
    }

    .main-nav a {
        margin-left: 30px;
    }

    .sp-timeline-item {
        margin-bottom: 30px;
    }
    .sp-timeline-item:last-child {
        margin-bottom: 0;
    }
    /* CAREER */
    
    .timeline-icon {
        width: 200px; /* アイコンのサイズを少し大きくして調整 */
        height: 100px; /* 縦のサイズも少し調整 */
        display: flex;
        /* justify-content: center; */
        margin: 0 auto;
        position: relative;
    }

    
    .timeline-icon p{
        font-size:1.8rem;
    }
    
    .timeline-content {
        margin-left: 0;
    }
    
    .timeline-content p {
        font-size: 1.4rem;
        text-align: center;
    }
    .page_top_btn{
        width: 100px;
        height: 100px;
    }
}