@media (max-width: 1100px) {
    .section__inner {
        max-width: 800px;
    }

	/*改行調整*/
	.auto-phrase{
		word-break: keep-all;
	}
    /* header ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    .header__nav {
        display: none;
    }
    .header__ham-btn {
        display: block;
    }
    
    /* footer ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    .footer__details-wrap {
        align-items: center;
        flex-direction: column;
    }
    .footer__details-text h3 {
        font-size: 1.5rem;
    }
    .footer__nav {
        gap: 0.5rem;
    }
}

@media (max-width: 500px) {
    :root {
        --header-nav-height: 0.8rem;
        --header-padding-x: 0.8rem;
    }

    * {
        font-size: 14px;
    }

    /* header ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    header {
        padding: var(--header-padding-x) 1rem;
    }
    .header__ham-btn {
        right: 10px;
        /* top: 10px; */
        top: calc(10px + var(--wp-admin--admin-bar--height, 0));
        height: 40px;
        width: 40px;
    }
    .header__ham-btn span{
        left: 11px;
    }
    /* ボタンの線（active） */
    .header__ham-btn.active span:nth-of-type(1) {
        left: 8.5px;
        top: 14px;
    }
    .header__ham-btn.active span:nth-of-type(2) {
        left: 8.5px;
        top: 14px;
    }

    .header__ham-nav-wrap {
        width: 100%;
    }
    .header__logo img {
        width: 200px;
    }
    
    /* footer ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
    .footer__details-address,
    .footer__details-numbers {
        flex-direction: column;
        gap: 0;
    }
    .footer__nav {
        align-items: center;
        flex-direction: column;
        gap: 0.5rem;
    }
}