/*wordpressログイン時*/
@media screen and (max-width: 782px) {
    .wpbar {
        top: calc(46px + 15px) !important;
        position:fixed;
    }
}
@media screen and (max-width:600px) {
    #wpadminbar {
        position: fixed !important;
        top:calc(0 + 15px);
        left:0;
    }
}

@media screen and (max-width:768px) {
    /*==========
    大枠
    ==========*/
    .frame1 {
        padding:50px 15px 25px;
    }
    .frame2 {
        padding:25px 15px;
    }
    .frame3 {
        padding:25px 15px 50px;
    }
    /*==========
    共通設定
    ==========*/
    #mission,
    #service,
    #company {
        scroll-margin-top:75px;
    }
    
    /*==========
    header
    ==========*/
    .menu-content {
        display:flex;
    }
    .header-nav-wrapper {
        top:15px;
        left:15px;
        right:15px;
        width:calc(100% - 30px);
    }
    .header-nav-inner {
        padding:0 20px;
    }
    .logo-wrapper {
        width:80px;
    }
    .header-nav-pc {
        display:none;
    }
    .header-nav-sp {
        display:flex;
    }
    /*==========
    FV
    ==========*/
    .fv{
        height: 100svh;
    }
    .fv-video{
        width: auto;
        height: 100%;
    }

    .fv-inner{
        padding-left: 24px;
        padding-right: 24px;
    }
    .fv-title {
        left:70px;
        top:55svh;
    }

    /*==========
    mission
    ==========*/
    #misson {
        position:relative;
    }
    .bg-image {
        top:5svh;
    }

    /*==========
    services
    ==========*/
    .small-title-wrapper {
        margin-bottom:10px;
    }
    .title-bar {
        width:30px;
        height:1px;
        background-color: var(--gray);
        margin-right:5px;
        margin-top:2px;
    }
    .service-title {
        margin:15px 0;
    }

    .blake-out-image {
        margin-top:50px;
        margin-bottom:50px;
    }

    /*==========
    recruit
    ==========*/
    .recruit-wrapper {
        display:block;
    }
    .recruit-image {
        width:100%;
        margin-bottom:30px;
    }
    .recruit-text-wrapper {
        width:100%;
    }
    .btn1 a {
        padding:10px 0;
    }
    .btn1 a::before {
        width: 13px;
        height: 13px;
    }

    /*==========
    company
    ==========*/
    .company-list {
        width:100%;
    }
    /*==========
    contact
    ==========*/
    .contact-text {
        text-align:left;
    }
    .btn2 {
        margin-right:auto;
    }
    /*==========
    footer
    ==========*/
    footer small {
        padding:10px 0;
    }
    /*==========
    recruit
    ==========*/
    .bg-title {
        font-size:calc(100vw / 480 * 100);
        bottom:3%;
    }
    .pc {
        display:none;
    }
    .sp {
        display:block;
    }

    .recruit-jenre-wrapper table{
        width: 100%;
    }
    .recruit-jenre-wrapper table th,
    .recruit-jenre-wrapper table td{
        display: block;
        width:100%;
    }
    .recruit-jenre-wrapper table th,
    .recruit-jenre-wrapper table td{
        border-top: none; /* 一旦、すべてのborder-topを削除 */
    }
    .recruit-jenre-wrapper table th {
        text-align:center;  
        padding: .5em 1em;
    }
    .recruit-jenre-wrapper table tr:first-child th{
        border-top: 1px solid #999; /* 一番上にあるthだけborder-topを追加 */
    }
    /*==========
    contact
    ==========*/
    .contact-text {
        margin:30px auto;
    }
    .contact-title.head3 {
        font-size:clamp(28px,calc(100vw / 24), 64px)
    }
    .contact-wrapper {
        display:block;
    }
    .contact-left,
    .contact-right {
        width:100%;
    }
    .contact-flex {
        display:block;
    }
    [data-name="your-name"] input,[data-name="your-email"] input {
        height:40px;
        margin:0;
    }
    .wpcf7-form p {
        margin-bottom:20px;
    }
    .wpcf7-list-item-label {
        margin-bottom:5px;
    }
    .contact-right .title-left {
        margin-bottom:20px;
    }
    /*==========
    thanks
    ==========*/
    .thanks-wrapper .btn1 {
        margin-top:30px;
    }
}