html { --wp-admin--admin-bar--height: 32px; scroll-padding-top: var(--wp-admin--admin-bar--height); }
#wpadminbar * { height: auto; width: auto; margin: 0px; padding: 0px; position: static; text-shadow: none; text-transform: none; letter-spacing: normal; font-size: 13px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-style: normal; line-height: 2.46154; border-radius: 0px; box-sizing: content-box; transition: none; -webkit-font-smoothing: subpixel-antialiased; }
#wpadminbar .ab-empty-item { cursor: default; }
#wpadminbar .ab-empty-item, #wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon { color: rgb(240, 240, 241); }
#wpadminbar #wp-admin-bar-my-sites a.ab-item, #wpadminbar #wp-admin-bar-site-name a.ab-item { white-space: nowrap; }
#wpadminbar a, #wpadminbar a img, #wpadminbar a img:hover, #wpadminbar a:hover { border: none; text-decoration: none; background: 0px 0px; box-shadow: none; }
#wpadminbar a:active, #wpadminbar a:focus, #wpadminbar div, #wpadminbar input[type="email"], #wpadminbar input[type="number"], #wpadminbar input[type="password"], #wpadminbar input[type="search"], #wpadminbar input[type="text"], #wpadminbar input[type="url"], #wpadminbar select, #wpadminbar textarea { box-shadow: none; }
#wpadminbar { direction: ltr; color: rgb(195, 196, 199); font-size: 13px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 2.46154; height: 32px; position: fixed; top: 0px; left: 0px; width: 100%; min-width: 600px; z-index: 99999; background: rgb(29, 35, 39); outline: transparent solid 1px; }
#wpadminbar .ab-sub-wrapper, #wpadminbar ul, #wpadminbar ul li { background: 0px 0px; clear: none; list-style: none; margin: 0px; padding: 0px; position: relative; text-indent: 0px; z-index: 99999; }
#wpadminbar ul#wp-admin-bar-root-default > li { margin-right: 0px; }
#wpadminbar .quicklinks ul { text-align: left; }
#wpadminbar li { float: left; }
#wpadminbar .ab-empty-item { outline: 0px; }
#wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks a, #wpadminbar .shortlink-input { height: 32px; display: block; padding: 0px 10px; margin: 0px; }
#wpadminbar .quicklinks > ul > li > a { padding: 0px 8px 0px 7px; }
#wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { margin: 0px; padding: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 5px; background: rgb(44, 51, 56); display: none; position: absolute; float: none; }
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { min-width: 100%; }
#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper { right: 0px; left: auto; }
#wpadminbar .ab-submenu { padding: 6px 0px; }
#wpadminbar .quicklinks .menupop ul li { float: none; }
#wpadminbar .quicklinks .menupop ul li .ab-item, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li .ab-item, #wpadminbar .shortlink-input, #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item { line-height: 2; height: 26px; white-space: nowrap; min-width: 140px; }
#wpadminbar .ab-icon, #wpadminbar .ab-item::before, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, .wp-admin-bar-arrow { position: relative; float: left; font: 20px / 1 dashicons; padding: 4px 0px; -webkit-font-smoothing: antialiased; margin-right: 6px; background-image: none !important; }
#wpadminbar .ab-label { display: inline-block; height: 32px; }
#wpadminbar .ab-submenu .ab-item { color: rgba(240, 246, 252, 0.7); }
#wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a { color: rgba(240, 246, 252, 0.7); }
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary { display: block; position: relative; right: auto; margin: 0px; box-shadow: none; }
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu { background: rgb(60, 67, 74); }
#wpadminbar .ab-top-secondary { float: right; }
#wpadminbar ul li:last-child, #wpadminbar ul li:last-child .ab-item { box-shadow: none; }
#wpadminbar #wp-admin-bar-user-actions > li { margin-left: 16px; margin-right: 16px; }
#wpadminbar #wp-admin-bar-user-actions.ab-submenu { padding: 6px 0px 12px; }
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { margin-left: 88px; }
#wpadminbar #wp-admin-bar-user-info { margin-top: 6px; margin-bottom: 15px; height: auto; background: 0px 0px; }
#wp-admin-bar-user-info .avatar { position: absolute; left: -72px; top: 4px; width: 64px; height: 64px; }
#wpadminbar #wp-admin-bar-user-info a { background: 0px 0px; height: auto; }
#wpadminbar #wp-admin-bar-user-info span { background: 0px 0px; padding: 0px; height: 18px; }
#wpadminbar #wp-admin-bar-user-info .display-name, #wpadminbar #wp-admin-bar-user-info .username { display: block; }
#wpadminbar #wp-admin-bar-my-account.with-avatar > .ab-empty-item img, #wpadminbar #wp-admin-bar-my-account.with-avatar > a img { width: auto; height: 16px; padding: 0px; border: 1px solid rgb(140, 143, 148); background: rgb(240, 240, 241); line-height: 1.84615; vertical-align: middle; margin: -4px 0px 0px 6px; float: none; display: inline; }
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { width: 15px; height: 20px; margin-right: 0px; padding: 6px 0px 5px; }
#wpadminbar #wp-admin-bar-wp-logo > .ab-item { padding: 0px 7px; }
#wpadminbar #wp-admin-bar-appearance { margin-top: -12px; }
#wpadminbar #wp-admin-bar-comments .ab-icon { margin-right: 6px; }
#wpadminbar #wp-admin-bar-comments .count-0 { opacity: 0.5; }
#wpadminbar #wp-admin-bar-search .ab-item { padding: 0px; background: 0px 0px; }
#wpadminbar #adminbarsearch { position: relative; height: 32px; padding: 0px 2px; z-index: 1; }
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { display: inline-block; float: none; position: relative; z-index: 30; font-size: 13px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1.84615; text-indent: 0px; height: 24px; width: 24px; max-width: none; padding: 0px 3px 0px 24px; margin: 0px; color: rgb(195, 196, 199); background-color: rgba(255, 255, 255, 0); border: none; outline: 0px; cursor: pointer; box-shadow: none; box-sizing: border-box; transition-duration: 0.4s; transition-property: width, background; transition-timing-function: ease; }
#wpadminbar #adminbarsearch .adminbar-button { display: none; }
#wpadminbar .screen-reader-text, #wpadminbar .screen-reader-text span { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; }
@media screen and (max-width: 782px){html { --wp-admin--admin-bar--height: 46px; }
html #wpadminbar { height: 46px; min-width: 240px; }
#wpadminbar * { font-size: 14px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 2.28571; }
#wpadminbar .quicklinks .ab-empty-item, #wpadminbar .quicklinks > ul > li > a { padding: 0px; height: 46px; line-height: 3.28571; width: auto; }
#wpadminbar .ab-icon { margin: 0px; padding: 0px; width: 52px; height: 46px; text-align: center; font: 40px / 1 dashicons !important; }
#wpadminbar .ab-submenu { padding: 0px; }
#wpadminbar #wp-admin-bar-my-account a.ab-item, #wpadminbar #wp-admin-bar-my-sites a.ab-item, #wpadminbar #wp-admin-bar-site-name a.ab-item { text-overflow: clip; }
#wpadminbar .quicklinks .menupop ul li .ab-item, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li .ab-item, #wpadminbar .shortlink-input, #wpadminbar.nojs .quicklinks .menupop:hover ul li .ab-item { line-height: 1.6; }
#wpadminbar .ab-label { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; }
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper .ab-item { font-size: 16px; padding: 8px 16px; }
#wpadminbar #wp-admin-bar-wp-logo > .ab-item { padding: 0px; }
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { padding: 0px; width: 52px; height: 46px; text-align: center; vertical-align: top; }
#wpadminbar .ab-icon, #wpadminbar .ab-item::before { padding: 0px; }
#wpadminbar #wp-admin-bar-customize > .ab-item, #wpadminbar #wp-admin-bar-edit > .ab-item, #wpadminbar #wp-admin-bar-my-account > .ab-item, #wpadminbar #wp-admin-bar-my-sites > .ab-item, #wpadminbar #wp-admin-bar-site-editor > .ab-item, #wpadminbar #wp-admin-bar-site-name > .ab-item { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 52px; padding: 0px; color: rgb(167, 170, 173); position: relative; }
#wpadminbar .ab-icon, #wpadminbar .ab-item::before, #wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon { padding: 0px; margin-right: 0px; }
#wpadminbar #wp-admin-bar-appearance { margin-top: 0px; }
#wpadminbar #wp-admin-bar-search { display: none; }
#wpadminbar #wp-admin-bar-updates { text-align: center; }
#wpadminbar #wp-admin-bar-comments .ab-icon { margin: 0px; }
#wpadminbar #wp-admin-bar-my-account > a { position: relative; white-space: nowrap; text-indent: 150%; width: 28px; padding: 0px 10px; overflow: hidden; }
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { position: absolute; top: 13px; right: 10px; width: 26px; height: 26px; }
#wpadminbar #wp-admin-bar-user-actions.ab-submenu { padding: 0px; }
#wpadminbar #wp-admin-bar-user-actions.ab-submenu img.avatar { display: none; }
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { margin: 0px; }
#wpadminbar #wp-admin-bar-user-info .display-name { height: auto; font-size: 16px; line-height: 1.5; color: rgb(240, 240, 241); }
#wpadminbar #wp-admin-bar-user-info a { padding-top: 4px; }
#wp-toolbar > ul > li { display: none; }
#wpadminbar li#wp-admin-bar-comments, #wpadminbar li#wp-admin-bar-customize, #wpadminbar li#wp-admin-bar-edit, #wpadminbar li#wp-admin-bar-menu-toggle, #wpadminbar li#wp-admin-bar-my-account, #wpadminbar li#wp-admin-bar-my-sites, #wpadminbar li#wp-admin-bar-new-content, #wpadminbar li#wp-admin-bar-site-editor, #wpadminbar li#wp-admin-bar-site-name, #wpadminbar li#wp-admin-bar-updates, #wpadminbar li#wp-admin-bar-wp-logo { display: block; }
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { min-width: fit-content; }
#wpadminbar ul#wp-admin-bar-root-default > li { margin-right: 0px; }
#wpadminbar #wp-admin-bar-comments, #wpadminbar #wp-admin-bar-edit, #wpadminbar #wp-admin-bar-my-account, #wpadminbar #wp-admin-bar-my-sites, #wpadminbar #wp-admin-bar-new-content, #wpadminbar #wp-admin-bar-site-name, #wpadminbar #wp-admin-bar-updates, #wpadminbar #wp-admin-bar-wp-logo, #wpadminbar .ab-top-menu, #wpadminbar .ab-top-secondary { position: static; }
}
@media screen and (max-width: 600px){#wpadminbar { position: absolute; }
#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { width: 100%; left: 0px; }
#wpadminbar #wp-admin-bar-wp-logo.menupop .ab-sub-wrapper { margin-left: 0px; }
#wpadminbar li#wp-admin-bar-updates, #wpadminbar li#wp-admin-bar-wp-logo { display: none; }
}
@media screen and (max-width: 400px){#wpadminbar li#wp-admin-bar-comments { display: none; }
}
@media screen{html { margin-top: 32px !important; }
}
@media screen and (max-width: 782px){html { margin-top: 46px !important; }
}
@media print{#wpadminbar { display: none; }
}
ol, ul { box-sizing: border-box; }
:root { --wp--preset--font-size--normal: 16px; --wp--preset--font-size--huge: 42px; }
.screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; }
:root { --wp--preset--aspect-ratio--square: 1; --wp--preset--aspect-ratio--4-3: 4/3; --wp--preset--aspect-ratio--3-4: 3/4; --wp--preset--aspect-ratio--3-2: 3/2; --wp--preset--aspect-ratio--2-3: 2/3; --wp--preset--aspect-ratio--16-9: 16/9; --wp--preset--aspect-ratio--9-16: 9/16; --wp--preset--color--black: #000000; --wp--preset--color--cyan-bluish-gray: #abb8c3; --wp--preset--color--white: #ffffff; --wp--preset--color--pale-pink: #f78da7; --wp--preset--color--vivid-red: #cf2e2e; --wp--preset--color--luminous-vivid-orange: #ff6900; --wp--preset--color--luminous-vivid-amber: #fcb900; --wp--preset--color--light-green-cyan: #7bdcb5; --wp--preset--color--vivid-green-cyan: #00d084; --wp--preset--color--pale-cyan-blue: #8ed1fc; --wp--preset--color--vivid-cyan-blue: #0693e3; --wp--preset--color--vivid-purple: #9b51e0; --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%); --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%); --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%); --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%); --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%); --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%); --wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%); --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%); --wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%); --wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%); --wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%); --wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%); --wp--preset--font-size--small: 13px; --wp--preset--font-size--medium: 20px; --wp--preset--font-size--large: 36px; --wp--preset--font-size--x-large: 42px; --wp--preset--spacing--20: 0.44rem; --wp--preset--spacing--30: 0.67rem; --wp--preset--spacing--40: 1rem; --wp--preset--spacing--50: 1.5rem; --wp--preset--spacing--60: 2.25rem; --wp--preset--spacing--70: 3.38rem; --wp--preset--spacing--80: 5.06rem; --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2); --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4); --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2); --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1); --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1); }
* { margin: 0px; padding: 0px; box-sizing: border-box; }
body { font-family: "Helvetica Neue", Arial, sans-serif; line-height: 1.6; color: rgb(51, 51, 51); background-color: rgb(15, 15, 15); }
a { color: rgb(0, 0, 0); text-decoration: none; transition: color 0.3s; }
img { max-width: 100%; height: auto; margin: auto; }
/* Header Styles */
.site-header {
    background: linear-gradient(90deg, #a6a6a6, #ffffff);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.main-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
    max-width: 1200px;
    margin: 0 auto;
}

.site-branding {
    display: flex;
    align-items: center;
    gap: 1rem; /* 画像とテキストの間隔 */
}

.site-logo {
    width: 50px;     /* 任意のサイズに調整 */
    height: auto;
}

.site-title {
    line-height: 1;
}

.site-title a {
    color: #333;
    text-decoration: none;
    font-size: clamp(12px, 1.7vw, 24px);
    font-weight: bold;
}

.hamburger {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0.5rem;
}

.hamburger span {
    display: block;
    width: 25px;
    height: 3px;
    background: #333;
    margin: 5px 0;
    transition: 0.3s;
}

.nav-menu {
    display: flex;
    list-style: none;
    gap: 1rem;
}

.nav-menu a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}

.nav-menu a:hover {
    color: #007cba;
}
.content-area { max-width: 100%; margin: 50px auto 0px; }
.section-container { max-width: 1200px; margin: 0px auto; background-color: rgb(255, 255, 255); padding: 10px; }
.site-footer { background: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 3rem 0px; }
.footer-content { max-width: 1200px; margin: 0px auto; padding: 0px 1rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.footer-menu { list-style: none; margin: 0px; padding: 0px; }
.footer-menu li { margin-bottom: 0.5rem; }
.footer-menu li a { color: rgb(204, 204, 204); transition: color 0.3s; }
.site-info { text-align: center; padding-top: 2rem; border-top: 1px solid rgb(68, 68, 68); margin-top: 2rem; grid-column: 1 / -1; }
.site-info p { color: rgb(204, 204, 204); font-size: 0.9rem; }
/* Responsive Design */
@media (max-width: 768px) {
    .hamburger {
        display: block;
        position: absolute;
        right: 0%;
    }

    .nav-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: linear-gradient(90deg, #a6a6a6, #ffffff);
        flex-direction: column;
        padding: 1rem;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .nav-menu.active {
        display: flex;
    }

    .footer-content { 
        grid-template-columns: 1fr; 
    }
}
.youtube-container { max-width: 200px; background: rgb(255, 255, 255); border: 2px solid rgb(0, 0, 0); border-radius: 8px; padding: 1rem; text-align: center; margin: 5px; }
.youtube-title { font-weight: bold; margin-bottom: 1rem; font-size: 1.2rem; }
.youtube-frame { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 1rem; }
.youtube-subtitle { font-size: 0.9rem; color: rgb(0, 0, 0); font-weight: bold; }
@media (max-width: 992px){.mc-image { max-width: 100px; }
.youtube-container { max-width: 100%; }
}
.process-header-v2 { background: rgb(255, 255, 255); max-width: 1200px; margin: auto; padding: 2rem 1rem 1.5rem; }
.process-top-row { display: flex; justify-content: center; align-items: center; margin: 10px 0px; }
.process-apply-block { display: flex; flex-direction: row; align-items: center; gap: 1.2rem; }
.process-apply { background: rgb(183, 215, 168); color: rgb(34, 34, 34); font-weight: bold; border: none; border-radius: 8px; padding: 0.7em; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; transition: background 0.2s; }
.page-id-187 .process-apply { background: rgb(190, 125, 74); }
.process-apply-btn { background: rgb(183, 215, 168); color: rgb(34, 34, 34); font-size: clamp(14px, 2vw, 24px); font-weight: bold; border: none; border-radius: 8px; cursor: pointer; transition: background 0.2s; }
.page-id-187 .process-apply-btn { background: rgb(190, 125, 74); }
.process-deadline { background: rgb(247, 230, 194); color: rgb(34, 34, 34); font-size: clamp(14px, 1.5vw, 24px); font-weight: bold; border-radius: 30px; padding: 0.5em 1.2em; margin-left: 0.7em; }
.process-main-row { display: flex; flex-direction: row; justify-content: center; align-items: center; gap: 2.5rem; margin-top: 1.5rem; }
.process-main-right { display: flex; flex-direction: column; align-items: flex-start; gap: 1.2em; min-width: 260px; }
.process-youtube-row { margin-bottom: 0.7em; }
@media (max-width: 900px){.process-main-row { flex-direction: column; gap: 1.2rem; }
.process-main-left, .process-main-right { min-width: 0px; }
.process-youtube-row { flex-direction: column; gap: 0.7em; }
}
@media (max-width: 600px){.process-header-v2 { padding: 1rem 0.2rem; }
.process-main-row { flex-direction: column; gap: 0.7rem; }
.process-main-left, .process-main-right { align-items: center; }
.process-youtube-row { flex-direction: column; gap: 0.5em; }
.process-deadline { font-size: 0.9rem; padding: 0.3em 0.7em; }
}
.main-navigation .menu-item-has-children { position: relative; }
.main-navigation .sub-menu { display: none; position: absolute; top: 100%; left: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; min-width: 200px; z-index: 100; border-radius: 4px; padding: 0.5rem 0px; }
.main-navigation .sub-menu li { display: block; width: 100%; }
.main-navigation .sub-menu a { padding: 0.5rem 1rem; display: block; color: rgb(51, 51, 51); transition: background-color 0.3s; }
@media (max-width: 768px){.main-navigation .sub-menu { position: static; display: none; box-shadow: none; background-color: rgb(245, 245, 245); padding-left: 1rem; }
.main-navigation .menu-item-has-children > a { position: relative; padding-right: 2rem; }
}
.life-song-label-c { background: rgb(197, 99, 22); color: rgb(255, 255, 255); font-weight: bold; font-size: clamp(1rem, 1.8vw, 24px); border-radius: 50%; width: 2.2em; height: 2.2em; display: flex; align-items: center; justify-content: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 8px; border: 2px solid rgb(255, 255, 255); }
.process-flow-title { text-align: center; font-size: clamp(20px, 2vw, 2rem); font-weight: bold; color: rgb(34, 34, 34); margin-bottom: 1.2rem; letter-spacing: 0.08em; position: relative; padding-bottom: 2rem; }
.process-flow-diagram-timeline { width: 100%; max-width: 1000px; margin: 2rem auto 0px; }
.process-timeline { position: relative; padding: 20px 0px; }
.timeline-row { display: grid; grid-template-columns: 1fr 0px 1fr; align-items: center; margin: 0.7em 0px; position: relative; z-index: 1; }
.timeline-row.left .timeline-box { grid-column: 1 / 2; justify-self: end; }
.timeline-row.left .timeline-num { grid-column: 2 / 3; justify-self: center; background: rgb(255, 255, 255); border: 2px solid rgb(46, 139, 87); border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: rgb(46, 139, 87); font-size: 1.2rem; z-index: 2; }
.page-id-187 .timeline-row.left .timeline-num { color: rgb(190, 125, 74); }
.timeline-row.left .timeline-spacer { grid-column: 3 / 4; }
.timeline-row.right .timeline-box { grid-column: 3 / 4; }
.timeline-row.right .timeline-num { grid-column: 2 / 3; justify-self: center; background: rgb(255, 255, 255); border: 2px solid rgb(46, 139, 87); border-radius: 50%; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; font-weight: bold; color: rgb(46, 139, 87); font-size: 1.2rem; z-index: 2; }
.page-id-187 .timeline-row.right .timeline-num { color: rgb(190, 125, 74); }
.timeline-row.right .timeline-spacer { grid-column: 1 / 2; }
.timeline-box { background: rgb(255, 255, 255); border: 2px solid rgb(34, 34, 34); border-radius: 12px; padding: 1.1em 1.2em; font-size: 1.05rem; color: rgb(34, 34, 34); min-width: 180px; max-width: 500px; width: 100%; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 8px; font-family: inherit; position: relative; }
@media (max-width: 700px){.timeline-row.left .timeline-num, .timeline-row.right .timeline-num { grid-column: 2 / 3; margin: 0px auto 0.5em; }
.timeline-spacer { display: none; }
}
.timeline-num { display: inline-block; vertical-align: middle; margin-right: 0.5em; font-weight: bold; color: rgb(46, 139, 87); font-size: 1.1em; border: none; background: none; width: auto; height: auto; }
.timeline-row.left .timeline-num, .timeline-row.right .timeline-num { background: none; border: none; border-radius: 0px; width: auto; height: auto; display: inline-block; margin: 0px 0.5em 0px 0px; justify-self: unset; align-items: unset; font-size: clamp(8px, 2vw, 20px); }
.timeline-row.left .timeline-box, .timeline-row.right .timeline-box { display: flex; align-items: center; justify-content: flex-start; font-size: clamp(7px, 2vw, 20px); }
.timeline-row.both { grid-template-columns: 1fr; margin-top: 1.5em; }
.timeline-box.both-box { display: flex; justify-content: space-between; align-items: stretch; width: 100%; min-width: 0px; max-width: 100%; padding: 1.1em 1.2em; gap: 2vw; background: rgb(255, 255, 255); border: 2px solid rgb(34, 34, 34); border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.07) 0px 2px 8px; font-size: 1.05rem; color: rgb(34, 34, 34); }
.timeline-both-left, .timeline-both-right { flex: 1 1 0px; text-align: center; display: flex; align-items: center; justify-content: center; min-width: 0px; font-size: 1.05rem; color: rgb(34, 34, 34); padding: 0px 0.5em; position: relative; }
@media (max-width: 700px){.timeline-row.both .timeline-box.both-box { flex-direction: column; gap: 1em; padding: 1em 0.5em; }
.timeline-both-left, .timeline-both-right { padding: 0.5em 0px; font-size: 0.95rem; }
}
.timeline-both-right { flex: 1 1 0px; text-align: center; display: flex; align-items: center; justify-content: center; min-width: 0px; font-size: 1.05rem; color: rgb(34, 34, 34); padding: 0px 0.5em; }
.timeline-row.left .timeline-box { justify-content: space-between; font-size: clamp(8px, 2vw, 20px); }
.timeline-row.left .timeline-num { margin: 0px 0px 0px 0.5em; order: 2; }
.timeline-row.both .timeline-box.both-box { flex-direction: column; align-items: stretch; position: relative; }
.timeline-both-num-center { position: absolute; top: 0.5em; left: 50%; transform: translateX(-50%); width: 3em; text-align: center; z-index: 2; }
.timeline-row.both .timeline-num { font-size: clamp(8px, 2vw, 20px); background: rgb(255, 255, 255); width: 2.2em; height: 2.2em; display: inline-flex; align-items: center; justify-content: center; margin: 0px auto; font-weight: bold; color: rgb(46, 139, 87); }
.page-id-187 .timeline-row.both .timeline-num { color: rgb(190, 125, 74); }
.timeline-row.both .timeline-both-left, .timeline-row.both .timeline-both-right { display: inline-flex; align-items: center; justify-content: center; width: 50%; min-width: 0px; font-size: clamp(7px, 2vw, 20px); color: rgb(34, 34, 34); padding: 0.7em 0.5em; text-align: center; }
.timeline-row.both .timeline-box.both-box { flex-flow: wrap; justify-content: space-between; align-items: flex-start; padding-top: 2em; }
.timeline-row.both .timeline-box.both-box { flex-flow: wrap; justify-content: space-between; align-items: flex-start; padding-top: 2em; }
.timeline-row.both .timeline-both-left, .timeline-row.both .timeline-both-right { width: 48%; }
@media (max-width: 700px){.timeline-row.both .timeline-box.both-box { flex-flow: wrap; }
.timeline-row.both .timeline-both-left, .timeline-row.both .timeline-both-right { width: 48%; padding: 0.7em 0.2em; }
}
.process-labels-row { display: flex; justify-content: space-between; align-items: center; max-width: 900px; margin: 1.5em auto 0px; padding: 0px 1em; }
.process-label-left, .process-label-right { font-size: clamp(14px, 1.5vw, 26px); font-weight: bold; color: rgb(46, 139, 87); width: 45%; text-align: center; }
.page-id-187 .process-label-left, .page-id-187 .process-label-right { color: rgb(190, 125, 74); }
@media (max-width: 700px){.process-labels-row { flex-direction: row; padding: 0px 0.2em; }
.process-label-left, .process-label-right { width: 48%; padding: 0.2em 0px; }
}
.reference-4782-section { background: rgb(255, 255, 255); max-width: 1200px; margin: auto; }
.reference-4782-section .section-container { max-width: 1000px; margin: 0px auto; }
.genre-boxes-row { display: flex; gap: 2rem; justify-content: center; padding: 2rem; }
.genre-box { background: rgb(221, 230, 233); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 8px; padding: 1.2rem 1rem 1.5rem; flex: 1 1 0px; min-width: 180px; max-width: 260px; text-align: center; border: 2px solid rgb(191, 207, 214); }
.genre-box.anime { background: rgb(207, 216, 223); }
.genre-box.ballad { background: rgb(243, 215, 215); }
.genre-box.enka { background: rgb(205, 230, 214); }
.genre-title { font-weight: bold; font-size: 1.1rem; margin-bottom: 0.7rem; }
.genre-youtube { margin: 0.5rem 0px 0px; }
.genre-yt-label { font-size: 1.1rem; font-weight: bold; margin-bottom: 0.2rem; }
.genre-yt-desc { font-size: clamp(12px, 1.4vw, 23px); font-weight: bold; color: rgb(51, 51, 51); margin-top: 0.3rem; }
.fee-table-block { margin: 1rem; }
.fee-table-left, .fee-table-right, .fee-table-option { flex: 1 1 0px; background: rgb(230, 242, 230); }
.page-id-187 .fee-table-left, .page-id-187 .fee-table-right, .page-id-187 .fee-table-option { background: rgb(231, 189, 156); }
.fee-plan-desc { font-size: clamp(8px, 1.9vw, 23px); color: rgb(51, 51, 51); margin-bottom: 0.2rem; }
.about-tournament-block { padding: 1.2rem 1rem 1rem; margin-bottom: 1.5rem; }
.about-tournament-title { font-weight: bold; font-size: clamp(14px, 1.5vw, 23px); text-align: center; margin-bottom: 0.5rem; }
.about-tournament-desc { font-size: clamp(12px, 1.5vw, 23px); line-height: 1.7; }
.more-youtube-block { border-bottom: solid rgb(20, 115, 91); border-top: solid rgb(20, 115, 91); background: rgb(255, 255, 255); padding: 1rem 1rem 0.7rem; text-align: center; }
.more-youtube-title { font-size: clamp(0.8rem, 1.8vw, 2.5rem); color: rgb(51, 51, 51); margin-bottom: 0.3rem; }
.more-youtube-search { font-size: clamp(0.8rem, 1.8vw, 2.5rem); font-weight: bold; color: rgb(0, 0, 0); }
@media (max-width: 600px){.genre-boxes-row { flex-direction: column; gap: 1.2rem; align-items: center; }
}
@media (max-width: 600px){.reference-4782-section { padding: 1.2rem 0px 1rem; }
.genre-box { min-width: 0px; max-width: 100%; padding: 1rem 0.5rem; }
.fee-table-block, .about-tournament-block, .more-youtube-block { margin: 0.3rem; }
}
.lifesong-hero { max-width: 1200px; margin: auto; background: rgb(233, 198, 164); padding: 20px 0px; font-family: "Yu Mincho", "Hiragino Mincho Pro", serif; }
.lifesong-hero-banner { display: flex; justify-content: center; max-width: 600px; align-items: center; background: rgb(255, 243, 198); padding: 0.5em 1em; margin: auto; border-bottom: 2px solid rgb(191, 167, 111); position: relative; }
.lifesong-hero-banner-title { font-size: clamp(14px, 3vw, 2rem); font-weight: bold; line-height: 1.3; }
.lifesong-hero-banner-highlight { color: rgb(184, 0, 0); background: rgb(255, 243, 198); padding: 0.1em 0.3em; border-radius: 4px; font-size: 1.2em; font-weight: bold; display: inline-block; margin-top: 0.2em; }
.lifesong-hero-main { display: flex; flex-direction: column; align-items: center; }
.lifesong-hero-family-photo img { width: 100%; max-width: 600px; border-radius: 8px; box-shadow: rgba(191, 167, 111, 0.333) 0px 2px 8px; }
.lifesong-hero-main-content { width: 100%; max-width: 1100px; background: rgb(255, 249, 196); box-shadow: rgba(191, 167, 111, 0.2) 0px 2px 8px; padding: 1.2em 1em 1.5em; text-align: center; position: relative; }
.lifesong-hero-main-star { color: rgb(184, 0, 0); font-weight: bold; font-size: 1.1em; margin-bottom: 0.3em; }
.lifesong-hero-main-title { display: flex; justify-content: center; color: rgb(230, 184, 0); font-size: clamp(20px, 3vw, 2rem); font-weight: bold; margin-bottom: 0.5em; letter-spacing: 0.05em; }
.lifesong-hero-main-flower { display: flex; justify-content: center; position: relative; }
.lifesong-hero-main-flower img { height: 200px; margin: 0px; border-radius: 6px; }
.lifesong-hero-main-desc { font-size: clamp(12px, 2vw, 23px); font-weight: bold; color: rgb(51, 51, 51); margin-top: 1em; line-height: 1.7; }
@media (max-width: 600px){.lifesong-hero-main-content { padding: 0.7em 0.2em 1em; }
.lifesong-hero-main-flower img { height: 100px; }
}
.payment-method-btn-container { text-align: center; margin-top: 0.5rem; }
.life-song-recruitment-section { border: 3px solid rgb(190, 125, 74); padding: 2rem; margin: 2rem 0px; }
.life-song-recruitment-title { font-size: clamp(1.2rem, 2vw, 1.8rem); font-weight: bold; text-align: center; margin-bottom: 1.5rem; color: rgb(190, 125, 74); }
.singer-recruitment-content, .life-song-recruitment-content { font-size: clamp(0.9rem, 1.2vw, 1.1rem); line-height: 1.8; }
.singer-recruitment-item, .life-song-recruitment-item { margin-bottom: 1rem; padding-left: 1.5rem; position: relative; }
@media (max-width: 768px){.singer-recruitment-section, .life-song-recruitment-section { padding: 1.5rem; margin: 1.5rem 0px; }
.singer-recruitment-content, .life-song-recruitment-content { font-size: 0.9rem; }
}
:root { --reach-combobox: 1; }
.googlesitekit-plugin { color: rgb(22, 27, 24); font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.43; }
.googlesitekit-plugin *, .googlesitekit-plugin ::before, .googlesitekit-plugin ::after { box-sizing: border-box; }
:root { --mdc-layout-grid-margin-desktop: 24px; --mdc-layout-grid-gutter-desktop: 24px; --mdc-layout-grid-column-width-desktop: 72px; --mdc-layout-grid-margin-tablet: 16px; --mdc-layout-grid-gutter-tablet: 16px; --mdc-layout-grid-column-width-tablet: 72px; --mdc-layout-grid-margin-phone: 16px; --mdc-layout-grid-gutter-phone: 16px; --mdc-layout-grid-column-width-phone: 72px; }
#wpadminbar .googlesitekit-adminbar * { font-family: "Google Sans Text", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: normal; }
#wpadminbar .googlesitekit-plugin.ab-sub-wrapper { left: 0px; width: 100%; }
#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar { box-shadow: rgba(0, 0, 0, 0.19) 0px 1.25px 5px 0px, rgba(0, 0, 0, 0.04) 0px 0.33px 1.5px 0px; background: rgb(255, 255, 255); color: rgb(0, 0, 0); left: 0px; padding: 0px; position: absolute; right: 0px; top: 46px; z-index: 9999; }
@media (min-width: 783px){#wpadminbar .googlesitekit-plugin .googlesitekit-adminbar { top: 32px; }
}
#wpadminbar .googlesitekit-wp-adminbar { display: block; position: static; }
#wpadminbar .googlesitekit-wp-adminbar .ab-item { display: block; float: left; height: 46px; position: static; width: 52px; }
@media (min-width: 783px){#wpadminbar .googlesitekit-wp-adminbar .ab-item { height: auto; width: auto; }
}
#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__icon { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2243%22%20height%3D%2244%22%20viewBox%3D%220%200%2043%2044%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3Cpath%20d%3D%22M42.5%2018H22v8.5h11.8C32.7%2031.9%2028.1%2035%2022%2035c-7.2%200-13-5.8-13-13S14.8%209%2022%209c3.1%200%205.9%201.1%208.1%202.9l6.4-6.4C32.6%202.1%2027.6%200%2022%200%209.8%200%200%209.8%200%2022s9.8%2022%2022%2022c11%200%2021-8%2021-22%200-1.3-.2-2.7-.5-4z%22%20id%3D%22a%22%2F%3E%3C%2Fdefs%3E%3Cuse%20fill%3D%22%23FFF%22%20xlink%3Ahref%3D%22%23a%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: contain; display: block; height: 26px; margin: 10px auto; opacity: 0.6; padding: 0px; position: relative; width: 26px; }
@media (min-width: 783px){#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__icon { float: left; height: 15px; margin: 8px 8px 5px 0px; width: 15px; }
}
#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__label { display: none; }
@media (min-width: 783px){#wpadminbar .googlesitekit-wp-adminbar .googlesitekit-wp-adminbar__label { display: inline; }
}