@media screen and (max-width:1000px) {
    .section-top img {
        object-fit: cover;
        height: 600px;
        aspect-ratio: 4 / 3;/* ここにアスペクト比を入れる */
        object-position: 40% 50%;
    }

    .section-top .detail {
        display: none;
    }

    .section-top .flame {
        top: 50%;
        height: 90%;
    }

    .section-top .content {
        width: 70%;
    }

    .section-top .title h2 {
        font-size: 30px;
    }

    .section-top .title p {
        font-size: 18px;
    }



    /* nav ul {
        list-style-type: none;
        display: flex;
        flex-flow: column;
        gap: 5px;
    }

    .section-top nav {
        position: absolute;
        color: white;
        text-align: left; 
        top: 2%;
        left: 60%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%);
        margin:0;
        padding:0;
        min-width: 900px;
    } */

    /* ハンバーガーメニュー始まり */

    
    .section-top nav {
        position: unset;
        color: white;
        text-align: left;
        margin: 0;
        padding: 0;
        min-width: 0%;
        transform: translate(0%, 0%);
    }

    header nav {
        width: 250px;
    }
    header ul {
        /*最初はナビゲーションボタンは非表示*/
        display: none;
        list-style:none;
        padding: 20px;
        background: #24476F;
    }
    header li a{
        padding: 8px;
        font-size: 16px;
        color: #464646;
        display: block;
        text-align: center;
        text-decoration: none;
        text-align: left;
    }
    header .hamburger {
        position: absolute;
        top: 0%;
        right: 0%;
        cursor: pointer;
        width: 40px;
        height: 36px;
        margin-right: 5px;
        padding: 4px;
        background: #f0f8ffb3;
    }
    header .hamburger span {
        /*3本の線を作る*/
        transition: all .3s;
        position: absolute;
        height: 2px;
        background-color: #333;
        width:32px;
        margin-top: 4px;
    }
    header .hamburger span:nth-of-type(1) {
        /*上の線の位置*/
        top: 4px;
    }
    header .hamburger span:nth-of-type(2) {
        /*真ん中の線の位置*/
        top: 12px;
    }
    header .hamburger span:nth-of-type(3) {
        /*下の線の位置*/
        top: 20px;
    }
    header .hamburger.open span:nth-of-type(1) {
        /*openのとき、上の線を右斜めにする*/
        top: 7px;
        transform: translateY(6px) rotate(-33deg);
    }
    header .hamburger.open span:nth-of-type(2) {
        /*真ん中の線を消す*/
        opacity: 0;
    }
    header .hamburger.open span:nth-of-type(3) {
        /*下の線を左斜めにする*/
        top: 19px;
        transform: translateY(-6px) rotate(33deg);
    }

    nav ul li:not(:last-child) a:after {
        content: unset;
    }

    nav ul li {
        display: block;
    }

    .menu-box {
        position: fixed;
        top: 2%;
        right: 0%;
        z-index: 1;
    }


    

    /* ハンバーガーメニュー終わり */



    .descriptionArea {
        padding: 1.5em 0px;
        margin: 0em auto;
        display:flex;
        flex-flow: wrap;
        justify-content: center;
        align-items: flex-start;
    }

    .descriptionArea img {
        width: 90%;
        max-width: 460px;
    }


    .descriptionArea .title, .section-business-outline .title, .priceArea .title, .section-member .title, .section-profile .title, .section-contact .title{
        position: relative;
        margin-left: 15px;
    }

    .descriptionArea .title:after, .section-business-outline .title::after, .priceArea .title::after, .section-member .title::after, .section-profile .title::after, .section-contact .title::after {
        top: 12%;
        right: 102%;
        width: 3px;
        height: 50px;
        transform: rotate(0deg);
        content: '';
        display: block;
        position: absolute;
        background-color: #AED5ED;
    }

    .descriptionArea .description {
        background-color: transparent;
        padding-left: 25px;
    }



    /* 業務内容 */
    .section-business-outline .title h2, .section-business-outline .title p, .priceArea .title h2, .priceArea .title p, .section-member .title h2, .section-member .title p, .section-profile .title h2, .section-profile .title p, .section-contact .title h2, .section-contact .title p {
        text-align: left;
    }

    .business-outline {
        padding: 13px;
        border: 0px;
    }

    .businessArea, .section-price, .memberArea {
        padding: 25px;
    }

    .panelsArea {
        background: white;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.22);
        position: relative;
    }

    .panelsArea::before {
        content:"";
        top: 0;
        left: 0;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #FFD57A;
        position: absolute;
        z-index: 100;
    }

    .panels {
        display: block;
        justify-content: space-between;
    }

    .box, .box-2{
        width: 100%;
        padding: 0.5em 1em 0.5em 2em;
        background: rgba(255, 255, 255, 0);
        box-shadow: 1px 1px 4px rgba(255, 255, 255, 0);
        min-height: 100%;
    }

    .box::before, .box-2::before {
        content:none;
    }

    .box .index, .box-2 .index {
        top: 7px;
        left: 12px;
    }

    .section-business-outline h4 {
        text-decoration: underline;
        text-decoration-color: #5d627b
        /* border-bottom: 1px solid #5d627b; */
    }

    .business-outline-gap {
        margin-bottom: 35px;
    }




    /* 料金案内 */
    .priceArea {
        padding: 13px;
    }

    .priceArea table {
        font-size: 12px;
    }

    .readmore label {
        z-index: unset;
    }


    .member {
        margin-right: 0px;
        height: 100%;
        padding: 13px;
    }

    .member-detail {
        flex-flow: column-reverse;
    }





    /* 所属司法書士・行政書士 */
    .section-member .title p span {
        display: block;
    }

    .name-box {
        margin-right: 10px;
    }

    .member {
        position: relative;
        height: 820px;
    }

    

    .member-name {
        font-size: 20px;
    }

    .member-name-read {
        font-size: 12px;
    }

    .member-detail {
        font-size: 12px;
        position: unset;
    }

    .member-img {
        position: relative;
    }

    .member img {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,45%);
        margin:0;
        padding:0;
    }

    .license {
        font-size: 16px;
        margin-top: 27px;
    }

    .status ul {
        font-size: 13px;
        position: absolute;
        right: 2%;
    }

    .from {
        text-align: right;
    }

    .section-member li {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .experience {
        position: relative;
    }

    .experience ul {
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, 450px);
        margin: 0;
        padding: 0;
        width: 80%;
        /* background: #E9F3FF;
        padding: 100px 40px 40px 40px; */
    }

    .experience::before {
        content: "";
        position: absolute;
        background-color: #E9F3FF;
        display: inline-block;
        height: 393px;
        transform: rotate(0deg);
        width: 100%;
        top: 370px;
        right: -14px;
        -ms-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(0%, -50px);
    }



    /* 事務所概要 */
    .profile {
        flex-flow: wrap;
        justify-content: center;
    }

    .profile table {
        margin-bottom: 20px;
    }

    .section-profile iframe {
        height: 300px;
    }

    .profileArea {
        padding: 25px;
    }

    .br-sp {
        display: block;
    }

    .br-sp-reverse {
        display: none;
    }

    /* お問い合わせ */
    .contactArea {
        padding: 25px;
    }




    /* フッター */
    .footer-nav {
        display: none;
    }
}