/* K-Partners Logo CSS */
.site-logo {
    --logo-base-width: 305px;
    --logo-base-height: 56px;
    --logo-scale: 1.15;
    position: relative;
    display: block;
    width: calc(var(--logo-base-width) * var(--logo-scale));
    height: calc(var(--logo-base-height) * var(--logo-scale));
    text-decoration: none;
    cursor: pointer;
    z-index: 2;
    margin-bottom: 25px;
}

.site-logo-inner {
    position: relative;
    display: block;
    width: var(--logo-base-width);
    height: var(--logo-base-height);
    transform: scale(var(--logo-scale));
    transform-origin: left top;
}

/* 英語部分 */
.site-logo-en {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    font-family: "Times New Roman", Times, serif;
    color: #0c4a24;
}

.site-logo-en span {
    position: absolute;
    display: block;
    font-weight: 700;
    transform-origin: left top;
    text-shadow: 0px 0px 0.5px rgba(12, 74, 36, 0.5);
}

.site-logo-en .initial { font-size: 33px; top: 1px; transform: scaleX(0.96); }
.site-logo-en .rest { font-size: 24.5px; top: 8px; transform: scaleX(0.96); }

/* X座標 */
.site-logo-en .en-k { left: 0px; }
.site-logo-en .en-o { left: 20px; }
.site-logo-en .en-j { left: 38px; }
.site-logo-en .en-i1 { left: 51px; }
.site-logo-en .en-m { left: 59.5px; }
.site-logo-en .en-a1 { left: 82px; }
.site-logo-en .en-c { left: 98.5px; }
.site-logo-en .en-h { left: 116.5px; }
.site-logo-en .en-i2 { left: 138px; }

.site-logo-en .en-p { left: 152px; }
.site-logo-en .en-a2 { left: 169px; }
.site-logo-en .en-r1 { left: 184.5px; }
.site-logo-en .en-t { left: 200px; }
.site-logo-en .en-n { left: 214px; }
.site-logo-en .en-e { left: 230.5px; }
.site-logo-en .en-r2 { left: 246px; }
.site-logo-en .en-s { left: 262px; }

/* 中央の緑線 */
.site-logo-line {
    position: absolute;
    top: 38px;
    left: 0px;
    width: 279px;
    height: 1px;
    background-color: #0c4a24;
    display: block;
}

/* 日本語部分 */
.site-logo-ja {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 16px;
    font-family: "Yu Mincho", "游明朝", "Hiragino Mincho ProN", serif;
    color: #111;
    font-size: 14px;
    font-weight: 700;
}

.site-logo-ja span {
    position: absolute;
    display: block;
    top: 0;
    transform: scaleY(1.02);
    margin-top: 0;
    text-shadow: 0px 0px 0.5px rgba(0, 0, 0, 0.4);
}

.site-logo-ja .ja-1 { left: 0px; }
.site-logo-ja .ja-2 { left: 14.5px; }
.site-logo-ja .ja-3 { left: 29.5px; }
.site-logo-ja .ja-4 { left: 40px; font-size: 13px; top: 1px; }
.site-logo-ja .ja-5 { left: 51.5px; font-size: 13px; top: 1px; }
.site-logo-ja .ja-6 { left: 65px; }
.site-logo-ja .ja-7 { left: 81px; }
.site-logo-ja .ja-8 { left: 95px; }
.site-logo-ja .ja-9 { left: 110px; }
.site-logo-ja .ja-10 { left: 125px; }
.site-logo-ja .ja-11 { left: 139px; }
.site-logo-ja .ja-12 { left: 153.5px; }
.site-logo-ja .ja-13 { left: 168px; }
.site-logo-ja .ja-14 { left: 182.5px; }
.site-logo-ja .ja-15 { left: 197px; }
.site-logo-ja .ja-16 { left: 211.5px; }

@media screen and (max-width:900px) {
    .site-logo {
        --logo-scale: 1.05;
    }
}

@media screen and (max-width:760px) {
    .site-logo {
        --logo-scale: 0.92;
    }
}

@media screen and (max-width:640px) {
    .site-logo {
        --logo-scale: 0.85;
    }
}

@media screen and (max-width:480px) {
    .site-logo {
        --logo-scale: 0.78;
    }
}