/* サイトヘッダー */

.site-header{
	background: linear-gradient(to right,var(--wp--preset--color--vk-color-custom-4) 50%,var(--wp--preset--color--vk-color-custom-1) 50%)
}
.site-header-logo{
	background: linear-gradient(to right, transparent 22rem,var(--wp--preset--color--vk-color-custom-3) 22rem);
	margin-bottom: 0;
	padding-bottom: 1rem;
}
.site-header-logo a:before{
	content:'';
	background:url(https://unitedpersonal.co.jp/wp-content/uploads/2025/08/unitedpersonal-logo.svg) left center/contain no-repeat;
	display: inline-block;
	width: 70px;
	aspect-ratio: 59/31;
}
.header_scrolled .site-header-logo{
	display: block;
}
.header_scrolled .site-header-logo:before{
	content: none;
}
.site-header-logo img{
	width: auto;
	height: 1.4rem;
	max-height: none !important;
}
.global-nav-name{
	color: #fff;
}
.global-nav-list>li .global-nav-name{
    font-size: 1rem;
    font-weight: 500;
}
.global-nav-list>li .global-nav-name:after{
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: var(--wp--preset--color--vk-color-custom-3);
    margin-top: .2em;
    transition: width .2s;
}
.global-nav-list>li .global-nav-name:hover:after{
    width: 100%;
    transition: width .2s;
}

@media (max-width: 991px){
    .site-header{
        background: var(--wp--preset--color--vk-color-custom-4);
    }
    /*.site-header-container:before{
        content:'';
        display: block;
        height: .8rem;
        background:linear-gradient(to left,var(--wp--preset--color--vk-color-custom-2) 30%,var(--wp--preset--color--vk-color-custom-3) 30%,var(--wp--preset--color--vk-color-custom-3) 50%,var(--wp--preset--color--vk-color-custom-4) 50%)
    }*/
    .site-header-logo{
        background: none;
    }
    .vk-mobile-nav-menu-btn{
        background-color: rgba(255,255,255,.8);
        border: none;
    }
    .vk-mobile-nav-menu-btn.menu-open{
        background-color: var(--wp--preset--color--vk-color-custom-4);
    }
    .vk-mobile-nav{
        background: var(--wp--preset--color--vk-color-custom-5);
        color: #fff;
    }
    .mobilenav-footerlinks .vk_button_link_before{
        color: var(--wp--preset--color--vk-color-custom-3);
    }
    .mobile-nav-logo img{
        width: 60vw;
    }
    .vk-mobile-nav-menu-outer{
        border-style: solid;
        border-width: 1px 0;
        border-color: var(--wp--preset--color--vk-color-custom-4);
        margin: 2rem 0;
    }
    .vk-mobile-nav:before,
    .vk-mobile-nav:after{
        content: '';
        display: block;
        height: .5em;
        background: linear-gradient(to right,var(--wp--preset--color--vk-color-custom-2) 30%,var(--wp--preset--color--vk-color-custom-3) 30%,var(--wp--preset--color--vk-color-custom-3) 50%,var(--wp--preset--color--vk-color-custom-4) 50%);
        margin: 2rem 0;
    }
    .vk-mobile-nav:before{
        background: linear-gradient(to left,var(--wp--preset--color--vk-color-custom-2) 30%,var(--wp--preset--color--vk-color-custom-3) 30%,var(--wp--preset--color--vk-color-custom-3) 50%,var(--wp--preset--color--vk-color-custom-4) 50%);
    }
    .vk-mobile-nav nav>ul{
        border-top: none;
    }
    .vk-mobile-nav nav ul li{
        text-align: center;
    }
    .vk-mobile-nav nav ul li a{
        color: #fff;
        font-size: 1.2rem;
        display: block;
        padding: 1em 0;
        margin-bottom: 0;
        border: none;
    }
}


/* サイトフッター */

.site-footer{
	color:#fff;
	background: var(--wp--preset--color--vk-color-custom-1);
}
.footer-nav-list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.5em;
}
.footer-nav-list li a{
    color: #fff;
}
.site-footer-copyright:after{
	content:'';
	display:block;
	margin-top: 1rem;
	margin-bottom: 1rem;
	height: .8rem;
	background:linear-gradient(to right,var(--wp--preset--color--vk-color-custom-2) 30%,var(--wp--preset--color--vk-color-custom-3) 30%,var(--wp--preset--color--vk-color-custom-3) 50%,var(--wp--preset--color--vk-color-custom-4) 50%);
}


/* ページヘッダー */
.page-header{
    color: #fff;
    background: var(--wp--preset--color--vk-color-custom-1);
}
.page-header-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}
.page-header-inner:before,.page-header-inner:after{
    content: '';
    display:block;
    height: 1px;
    background: var(--wp--preset--color--vk-color-custom-3);
    flex: 1rem 1 1;
    max-width:4em;
}
.page-header-title{
    color: var(--wp--preset--color--vk-color-custom-4);
    padding-left: .1em;
    letter-spacing: .1em;
}

/* トップページ */
.frontpage-mv-copy img{
	width: 33rem;
	max-width: 90dvw;
}


/* メールフォーム */

.mailformTable{
    margin-bottom: 2rem;
}
.mailformTable th,.mailformTable td{
    padding: 1rem;
}
.mailformTable .need:after{
    content: '必須';
    font-size: .8em;
    background: #a00;
    color: #fff;
    display: inline-block;
    padding: .4em .75em;
    line-height: 1.1;
    margin-left: .75em;
    border-radius: 4px;
    
}
.mailform-policy{
    background: var(--wp--preset--color--vk-color-custom-4);
    padding: 1rem;
    margin: 1rem 0;
    text-align: center;
}
.mailform-policy a{
    text-decoration: underline;
}
.mailformButtonArea{
    margin-top: 2rem;
    text-align: center;
}
.mailformButtonArea .wpcf7-form-control{
    width: 16em;
    max-width: 100%;
}
.wpcf7 form .wpcf7-response-output {
    padding: .5em 1em;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: var(--vk-color-primary);
    color: var(--vk-color-primary);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
    color: #a00;
    border-color: #a00;
}
.cf7-cf-turnstile{
    text-align:center;
    margin-top: 2rem;
}
.wpcf7-spinner{
    display: block;
}

@media (max-width: 782px){
    .mailformTable,.mailformTable tbody,.mailformTable tr,.mailformTable th,.mailformTable td{
        display: block;
    }
    .mailformTable th{
        background: var(--wp--preset--color--vk-color-custom-4);
    }
    .mailform-policy{
        text-align: left;
    }
}