@charset "UTF-8";

/* ==================================================================

  VIEW

=====================================================================*/

.view__pc {
    display: block !important;
}

@media only screen and (max-width: 767px) {
    .view__pc {
        display: none !important;
    }
}

.view__sp {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .view__sp {
        display: block !important;
    }
}

.view__pc_inline {
    display: inline-block !important;
}

@media only screen and (max-width: 767px) {
    .view__pc_inline {
        display: none !important;
    }
}

.view__sp_inline {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .view__sp_inline {
        display: inline-block !important;
    }
}


/* ==================================================================

  GENERAL

=====================================================================*/


/* box-sizing（全ての要素に適用）
-----------------------------------*/

*,
*:before,
*:after {
    box-sizing: border-box;
}


/* image
-----------------------------------*/

img {
    max-width: 100%;
    width: auto\9;
    height: auto\9;
}


/* anchor
-----------------------------------*/

a {
    color: #333;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

a:link {
    /* color: #333; */
    text-decoration: none;
}

a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #333;
    text-decoration: none;
    opacity: .8;
    transition: .5s;
}


/* others
-----------------------------------*/

sup {
    vertical-align: super;
    font-size: smaller;
    line-height: 1;
}


/* .search {
    visibility: hidden;
} */

.visible {
    visibility: visible;
}


/* ==================================================================

  ELEMENTS

=====================================================================*/


/* cmnHeadlineType
-----------------------------------*/


/* .cmnAnchorLinkType
-----------------------------------*/


/* .cmnBtnType
-----------------------------------*/


/* .cmnTableType
-----------------------------------*/


/* ==================================================================

  FRAME

=====================================================================*/

html {
    font-size: 62.5%;
    /*ベースを10pxに設定*/
    -webkit-text-size-adjust: 100%;
    /*文字サイズの自動調整を無効化*/
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
}

body {
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino KakuGothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-size: 1.6em;
    color: #313131;
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 640px) {
    body {
        min-width: 100%;
        overflow-x: hidden;
    }
}

.contentsInner {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

@media only screen and (max-width: 640px) {
    .contentsInner {
        width: 100%;
    }
}


/* ==================================================================

  HEADER

=====================================================================*/

/* header {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d9d9d9;
} */
å
/* @media only screen and (max-width: 640px) {
    header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
} */

header h1 {
    color: #828282;
    /*ベースを10pxに設定*/
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
    header .siteLogo {
        width: 138px;
        margin-left: 10px;
    }
}

/* header .hour {
    position: absolute;
    top: 10px;
    right: 180px;
} */

header .dial {
    position: absolute;
    top: 10px;
    right: 0;
}

header .globalNav {
    position: absolute;
    bottom: 0;
    right: 0;
}

header .globalNav li {
    display: inline-block;
    background-image: url(../images/common/icon_arrow_or.gif);
    background-position: 0 9px;
    background-repeat: no-repeat;
    padding-left: 10px;
}

header .globalNav li a {
    /*ベースを10pxに設定*/
    font-size: 12px;
    font-size: 1.2rem;
}

/* 
header .breadList {
    border-top: 1px solid #dadada;
    padding-top: 5px;
    padding-top: 3px;
    margin-top: 10px;
} */

header .breadList li {
    display: inline-block;
    /*ベースを10pxに設定*/
    font-size: 12px;
    font-size: 1.2rem;
    padding-left: 3px;
}

header .breadList li:before {
    content: ">";
    display: inline-block;
    padding-right: 3px;
}

header .breadList li:first-child:before {
    content: "";
}

/* ==================================================================

  CONTENTS(MODULES)

=====================================================================*/


/* ==================================================================

  FOOTER

=====================================================================*/

footer {
    text-align: center;
    background: #f0f0f0;
    padding-top: 20px;
    padding-bottom: 110px;
    /*ベースを10pxに設定*/
    font-size: 12px;
    font-size: 1.2rem;
}

@media only screen and (max-width: 640px) {
    footer {
        padding-bottom: 100px;
    }
}

footer .logo {
    width: 60px;
    margin: 0 auto;
    margin-bottom: 10px;
}

@media only screen and (max-width: 640px) {
    footer .logo {
        width: 44px;
    }
}

footer .companyName {
    display: inline-block;
    /*ベースを10pxに設定*/
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-right: 10px;
}

@media only screen and (max-width: 640px) {
    footer .companyName {
        font-weight: normal;
    }
}

footer .address {
    display: inline-block;
}

@media only screen and (max-width: 640px) {
    footer .address {
        margin-bottom: 10px;
    }
}

footer .copyRight {
    margin-top: 20px;
}

/* 2026.0212追加 */
.l-headerBottomContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.l-headerLogo {
    width: 179px;
    height: 35px;
}

.l-headerLogo .logo::after {
    content: "";
    width: 130px;
    height: 50px;
    background: url(https://www.c-c-j.com/images/logo.png) no-repeat;
    display: block;
    z-index: 1000;
    background-size: contain;
    position: absolute;
    top: 8px;
    left: 0;
}

.l-headerLogo p {
    font-size: 20px;
    color: transparent;
    position: relative;
}

.l-headerRight {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.l-headerEntryWrapper {
    position: relative;
}

.l-headerEntry {
    color: #0068c0 !important;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #0068c0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 35px;
}

.l-headerEntry span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.l-headerEntry span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 20px;
    background-image: url(https://www.c-c-j.com/renewal/img/top/siryou_icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.l-headerMenuButton {
    display: none;
}

.l-headerNav {
    display: none;
}

@media (max-width: 767px) {
.l-header {
    color: #fff;
    font-size: 11.5px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.l-header__bottom {
    background-color: #fff;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #bcbcbc;
    height: 55px;
}

.l-container {
    width: 94.87%;
    max-width: 1344px;
    margin: auto;
}

.l-headerBottomContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
} 

.l-headerLogo {
    width: 143px;
}


.l-headerRight {
    display: flex;
    align-items: center;
    gap: 10px;
}

.l-headerEntryWrapper {
    position: relative;
}

.l-headerEntry {
    color: #0068c0;
    font-size: 11px;
    font-weight: bold;
    border: 2px solid #0068c0;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 110px;
    height: 35px;
}

.l-headerEntry span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.l-headerEntry span::before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 20px;
    background-image: url(https://www.c-c-j.com/renewal/img/top/siryou_icon.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.l-headerMenuButton {
    display: block;
    width: 42px;
    height: 42px;
    background-color: #9b490f;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.l-headerMenuButton::before {
    content: "";
    display: inline-block;
    width: 29px;
    height: 31px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA+CAYAAAB6Kgg+AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMrSURBVGhD7ZhNiE1hGMfvSSJphBIZSmwwiZQNKTXlYza+FxZqipRGWQxmMhZkZEhWJFaU5dTMQqN8lGI1ESlmIcpH42sUC8M1jN//9l6dbuece+Vynfc8b/07733e9zzn+T//9/MGo5RcBkpgRD1T2RT1TNBcdhT1Tbk4PoER9SwDpqhnguZMUVM0pRmwoZtS4WLDzs4R0O6jno1dG7qeCWr3Ud8EtbOuKZrWDNhZN63K2Z9jvilnimZGUbumeSa1XdM8EzRD17TMLEa+DVE7MJiinmXA7qOeCWp/jvkmaLSiHCIewHSRY9sfBMGyInPaVlG/GcrEetp7se/DdiIhQyP0G6v2kP/3/JyL/VPI/xXq68Bx7O30XU39qmtfgO1xqO8B9QN57OOS1IlcjEqIfsNBHY6+uCDbeR6rElG56cR3R62JviKAmWAFwdxxRHt5NoKvYDIoVfQttqaI7I7i426Jovr5GcyjbdC11UTRHhEBrQRyygXyhucAWAimRhB9Sd9ZScMoNGJEcgI4zzu7akn0IB8/CroJZAsBzqH+FGgu7gBTYhRdE0F0EB+vSxQ9ye89QHO3gfYBvlETRVsIYDeYRBD1BLGN+mWwCVyIIRonZgc+OkuIyr+mhuZ9D+0bakl0KUE0Aw3H/U4BBfcwhuh37M8i2J6GyNkIopewPQHTwHKgUfTPV11lfAScA1uBtpDpBDybzA/FEP2dOdqCrzP40vzUN7TgaatZC4rbixa+ay5xi+mvra9QeO8QjyNgGLvmemwpt72I6G1wH0iNnaDXzddqEh3jvtHgiNaFiC6hfs8x2My3u0NEL1LfDsomtxKiyvRHoCGpAAorcIKi2iY03KPKEO/mQ6tuQVGnTvhgIFMXbW30nUj9HRivJION2H9g1/TpBzNAHzYN99hSlqgbWrfwsNJ5KeypCUSTvtfIuzeiiDqyfTyLK3aBqLNrdW51jj/wfA7mA52G8qCJvterQbQLJ1qIdErSCjz8l4hqb9Yc1FD+RdSRPcxzL9CoKpYXVJqVvCSSakvVfZTkKl7t5fXgEQR1Vq6opIpoRYxiOhnRP8ne//juTy3WExUmx49SAAAAAElFTkSuQmCC);
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.l-headerMenuButton span {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.l-headerMenuButton::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f67921;
    border-radius: 5px;
    position: absolute;
    z-index: 0;
    top: -2px;
    left: 0;
}

.l-headerMenuButton {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.l-headerNav {
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #f67921;
    position: fixed;
    top: 55px;
    left: 0;
    z-index: 3;
}

.l-headerNavMenu.hasIcon {
    font-size: 16px;
    font-weight: bold;
}

.l-headerNavMenu li {
    border-bottom: 1px solid #f67921;
    list-style: none;
}

.l-headerNavMenu.hasIcon a {
    position: relative;
}

.l-headerNavMenu {
    color: #333;
    font-size: 13px;
    list-style: none;
}

.l-headerNavMenu a {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 40px;
    padding-left: 18px;
    padding-right: calc(16px + 1em);
}

.l-headerNavMenu.hasIcon a::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-size: contain;
}

.l-headerNavMenu.hasIcon .course::before {
    background-image: url(https://www.c-c-j.com/renewal/img/top/valentine_2025/icon_course_02.png);
}

.l-headerNavMenu.hasIcon .quality::before {
    background-image: url(https://www.c-c-j.com/renewal/img/top/valentine_2025/icon_search02.svg);
}

.l-headerNavMenu.hasIcon .comment::before {
    background-image: url(https://www.c-c-j.com/renewal/img/top/valentine_2025/icon_comment_02.png);
}

.l-headerNavMenu.hasIcon .support02::before {
    background-image: url(https://www.c-c-j.com/renewal/img/top/qa_icon.png);
}

.l-headerNavMenu.hasIcon .support::before {
    background-image: url(https://www.c-c-j.com/renewal/img/top/sarvis_icon_02.png);
}

.l-headerNavMenu a::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 15px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2LjU2OCIgaGVpZ2h0PSIxMS41MjIiIHZpZXdCb3g9IjAgMCA2LjU2OCAxMS41MjIiPgogIDxwYXRoIGlkPSJhcnJvd19mb3J3YXJkX2lvc19GSUxMMF93Z2h0NDAwX0dSQUQwX29wc3o0OCIgZD0iTTI0OC44MDctODcwLjQ3OCwyNDgtODcxLjNsNC45NC00Ljk0LTQuOTQtNC45NC44MDctLjgyMSw1Ljc2MSw1Ljc2MVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yNDggODgyKSIgZmlsbD0iI2M4YzhjOCIvPgo8L3N2Zz4K);
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
}

.l-headerNavButtons {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    padding: 15px 18px;
}

.l-headerNavButton {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 66px;
    border-radius: 5px;
}

.l-headerNavButton__whitepaper {
    background-color: #00a8ff;
}

.l-headerNavButton__entry {
    background-color: #e23a62;
}

.l-headerNavButton::before {
    content: "";
    display: inline-block;
    width: 32px;
    height: 32px;
    background-size: contain;
    background-position: center;
}

.l-headerNavButton__whitepaper::before {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAUVSURBVHgB7ZjfaxxVFMfvzM5sdpPUJMbGGFPTbWgNISnV2kptoFEsIn0QClXwQfsU6B/gcyLER18LefJN8MkXaaiK2ApNwVhsa6JoGlLzq0swNk03u9ndmfFzdu7qdLNZN6GwCnPgy707955zz49773K/SoUSSiih1FIMtUPxPM/QekH8PQxcaQ3D8Er0zDI6xTku8121C7HU7iQCbBAFZuB7LgCn+FEHLTox3RZ1vMD8TbULqSoAcWBmZjza2flqBz9fAYfBQXBIO2rqYFbAz67r3kTnW/q/gnbQ67r506ZpvUT/Sb2uJGADJJk/x/yruVzudiqVmmtpabmvqpQtW2hsbMweGhp6TTuX1oiyyB7TNPfRPwDiys/YPLivg7Bwooe2me0gGZ0GP4FOscXYc7RrtCvYWdRBPAHa+NaOzgPWEHvLejwDYnyL8TuVTqe/icfjy8zLB/21AlmW8tYtLCw0uo5z1oxEJIhV8Ic4jJEW2qe04TviYDab/SwajSZ1kNg23qV9AxwBfeA4EL02xmZx5ntwDVuTMp+Md0cikQHGzvD7Rb4fwQ9x8HfwUCejmW+rrCPVzdJPS7BbKsBAP8bPOI6TsCzrFJMkc3elxGCDsYcsIBm9BqYYT6oygh2p0jFwAQyAX9C9srm5+XEymVxJJBKZ4PyRkRGzt1dZ584Ny9Y8qqv1DPbrJHBdIRt8RX9G/CHoi+UWfgvcAbfBn2CWYD6iPU2mj+FAP/0uIBmJqm2EsTjlTuTz+ffoL4OL4CCo0zdRyXxlSBDarth/nvWO0p4AHxD8OO06+A3cABPbLXze8+USuIviNAEM0W/VGYioKoW5TWyPAdol8CGo+raTC0Pm64DPgk/BPLiuA1gKzt+SERz/kWZV7nG2TOF6k0MJHFW9eGzD4mHzSg9eJZF1ZT6QS6J4xa7il2yfxdL5pvqfSxhArSUMoNYSBlBrCQOotYQB1FrCAGotYQC1ljCAWsuOiS15XiqfA2rg7drKy2mP8hPh8Q5e5O0sbIJdoiPP0Xreys288uqB6Li2baeUzw0JyyB6bimj99gD0M63gqd5Nr7Mu3k//ThPPgfqYxzGYD6TyWzEYrGgjgSwF4cP4bzMT4AcOveEPEBnlt9zqoTR23UA8rBGJIsFFk1oDlohpo6z6Emc6KffSdsAhIxKa9ULOLNAKxDuSDL9uvL5pDcJuJ52Tfm8T07blGTIQ34CTAKhbma0jUaNHQXg6ge8UIJvA6EDhT9qAIUtoOmS6/SvKn8LFB7t+Wz2cMS2X6Dbgw3hdKRa3Vp3CnwJ7il/y8CfOUJcdWHnAO0JHcwpsK7tPgv2sVZhviccjGFUDgBjolik/qQCe5VPwjracBIjP1CJCdpLQd0HKyvTDc3NedOyhOfpY1zmZ5XP5l0BX0j2i0z05OSk3dfX10Vleqhcm+GzeLJmR8DsulA86Kzp8/aIBJm58zSfgPf1ghKAbB0poZRbDpzs1Vs6iIwqI9ip53B3m6Z6x7KiktUpMv3d6Ojo58PDw852h/Tm5csNPYODCc6RZL296Bu6WQ7/rcbGRqnMSTCIjY5KAUimhLDd0EEEaybZzOuAtrstZL7pOU6LEYlI8GkdfKq4VFkt1zUpi8UOkANfSqLJuvuVTzU2BQMIbiEhcW+of3h6u8wyUY1/FZyXLVe4GvU6TRUVKFmFPyXRl4ovaTwyUBQ59V+DOvXfFDmXUvkNFUoooYQSyuOSvwDoWZN/tJigrQAAAABJRU5ErkJggg==);
}

.l-headerNavButton__entry::before {
    background-image: url(data:image/png;base64,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);
}

.zyukousei_form {
    background: #3da841;
    color: #fff;
    height: 60px;
    margin: 0 auto;
    width: 90%;
    margin-bottom: 15px;
    font-size: 17px;
    text-align: center;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    padding: 8px 13px;
    display: flex;
    gap: 5px;
    align-items: center;
    border-radius: 5px;
}

.zyukousei_form::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 20px;
    background-image: url(https://www.c-c-j.com/renewal/img/top/zyukou_icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.zyukousei_form em {
    font-style: normal;
    font-size: 80%;
    padding-left: 5px;
}

.l-headerMenuButton::before {
    content: "";
    display: inline-block;
    width: 29px;
    height: 31px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAA+CAYAAAB6Kgg+AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMrSURBVGhD7ZhNiE1hGMfvSSJphBIZSmwwiZQNKTXlYza+FxZqipRGWQxmMhZkZEhWJFaU5dTMQqN8lGI1ESlmIcpH42sUC8M1jN//9l6dbuece+Vynfc8b/07733e9zzn+T//9/MGo5RcBkpgRD1T2RT1TNBcdhT1Tbk4PoER9SwDpqhnguZMUVM0pRmwoZtS4WLDzs4R0O6jno1dG7qeCWr3Ud8EtbOuKZrWDNhZN63K2Z9jvilnimZGUbumeSa1XdM8EzRD17TMLEa+DVE7MJiinmXA7qOeCWp/jvkmaLSiHCIewHSRY9sfBMGyInPaVlG/GcrEetp7se/DdiIhQyP0G6v2kP/3/JyL/VPI/xXq68Bx7O30XU39qmtfgO1xqO8B9QN57OOS1IlcjEqIfsNBHY6+uCDbeR6rElG56cR3R62JviKAmWAFwdxxRHt5NoKvYDIoVfQttqaI7I7i426Jovr5GcyjbdC11UTRHhEBrQRyygXyhucAWAimRhB9Sd9ZScMoNGJEcgI4zzu7akn0IB8/CroJZAsBzqH+FGgu7gBTYhRdE0F0EB+vSxQ9ye89QHO3gfYBvlETRVsIYDeYRBD1BLGN+mWwCVyIIRonZgc+OkuIyr+mhuZ9D+0bakl0KUE0Aw3H/U4BBfcwhuh37M8i2J6GyNkIopewPQHTwHKgUfTPV11lfAScA1uBtpDpBDybzA/FEP2dOdqCrzP40vzUN7TgaatZC4rbixa+ay5xi+mvra9QeO8QjyNgGLvmemwpt72I6G1wH0iNnaDXzddqEh3jvtHgiNaFiC6hfs8x2My3u0NEL1LfDsomtxKiyvRHoCGpAAorcIKi2iY03KPKEO/mQ6tuQVGnTvhgIFMXbW30nUj9HRivJION2H9g1/TpBzNAHzYN99hSlqgbWrfwsNJ5KeypCUSTvtfIuzeiiDqyfTyLK3aBqLNrdW51jj/wfA7mA52G8qCJvterQbQLJ1qIdErSCjz8l4hqb9Yc1FD+RdSRPcxzL9CoKpYXVJqVvCSSakvVfZTkKl7t5fXgEQR1Vq6opIpoRYxiOhnRP8ne//juTy3WExUmx49SAAAAAElFTkSuQmCC");
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.l-headerMenuButton.is-active::before {
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC41MDYiIGhlaWdodD0iMjAuNTA2IiB2aWV3Qm94PSIwIDAgMjAuNTA2IDIwLjUwNiI+CiAgPGcgaWQ9IuOCsOODq+ODvOODl181NiIgZGF0YS1uYW1lPSLjgrDjg6vjg7zjg5cgNTYiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zNDguMzE0IC01Ny4zMTQpIj4KICAgIDxyZWN0IGlkPSLplbfmlrnlvaJfMyIgZGF0YS1uYW1lPSLplbfmlrnlvaIgMyIgd2lkdGg9IjI2IiBoZWlnaHQ9IjMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1MC40MzUgNTcuMzE0KSByb3RhdGUoNDUpIiBmaWxsPSIjZmZmIi8+CiAgICA8cmVjdCBpZD0i6ZW35pa55b2iXzUiIGRhdGEtbmFtZT0i6ZW35pa55b2iIDUiIHdpZHRoPSIyNiIgaGVpZ2h0PSIzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDguMzE0IDc1LjY5OCkgcm90YXRlKC00NSkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=");
}

.l-headerNavButtons a:visited,
.zyukousei_form {
    color: #fff !important;
}
}