html { box-sizing: border-box; word-break: break-word; tab-size: 4; }
*, ::after, ::before { box-sizing: inherit; background-repeat: no-repeat; }
::after, ::before { vertical-align: inherit; text-decoration: inherit; }
* { margin: 0px; padding: 0px; }
hr { overflow: visible; height: 0px; }
details, main { display: block; }
[hidden] { display: none; }
a { background-color: transparent; }
a:active, a:hover { outline-width: 0px; }
input { border-radius: 0px; }
[type="search"] { outline-offset: -2px; appearance: textfield; }
[type="search"]::-webkit-search-decoration { appearance: none; }
button, input, optgroup, select, textarea { font: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
[role="button"], [type="button"], [type="reset"], [type="submit"], button { cursor: pointer; }
[type="reset"], [type="submit"], button, html [type="button"] { appearance: button; }
button, input, select, textarea { border-style: none; background-color: transparent; }
::-webkit-file-upload-button { font: inherit; appearance: button; }
img { border-style: none; }
*, ::after, ::before { box-sizing: border-box; }
html { font-family: Helvetica Neue, Arial, sans-serif; }
body, html { line-height: 1.6; }
body { min-width: 76.25rem; text-align: left; background-color: rgb(245, 245, 245); overflow-wrap: break-word; }
a, body { color: rgb(33, 33, 33); }
ol, ul { list-style-type: none; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
img, video { max-width: 100%; height: auto; }
button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; color: inherit; outline: 0px; }
hr { margin: 40px 0px 20px; border-top: 1px solid rgb(224, 224, 224); }
.l-wrap { display: flex; width: 1180px; margin-top: 16px; margin-right: auto; margin-left: auto; justify-content: space-between; }
.l-main { width: 860px; margin-right: 20px; }
.l-sub { width: 300px; }
.l-flex { display: flex; }
.l-flex.--center { align-items: center; }
.u-mt-reset { margin-top: 0px; }
.u-mtS { margin-top: 12px; }
.u-mrS { margin-right: 12px; }
.u-mbS { margin-bottom: 12px; }
.u-mbM { margin-bottom: 16px; }
.u-mt { margin-top: 20px; }
.u-minH-S > div { min-height: 90px; }
.u-minH-M > div { min-height: 250px; }
.u-fs-XS { font-size: 0.6875rem; }
.lazy { transition: opacity 0.5s; opacity: 0; }
.lazy[data-loaded="true"] { opacity: 1; }
.u-close { position: absolute; top: 10px; right: 10px; display: flex; width: 20px; height: 20px; border-radius: 50%; background-color: rgb(255, 255, 255); }
.c-btn, .u-close { cursor: pointer; align-items: center; justify-content: center; }
@keyframes loading {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1turn); }
}
.c-btn__link { font-size: 0.8125rem; font-weight: 700; display: flex; text-decoration: none; color: rgb(117, 117, 117); align-items: center; }
.c-btn__link-wrap { display: flex; margin-top: 16px; margin-left: auto; justify-content: flex-end; }
.c-btn__link::after { display: inline-block; width: 16px; height: 16px; margin-left: 10px; content: ""; background-image: url("2d96720ca479e126b45eafae61e1ae26931ebbac.svg"); }
.c-label { font-size: 0.6875rem; font-weight: 700; line-height: 1.091; display: inline-block; padding: 2px 8px; white-space: nowrap; text-decoration: none; letter-spacing: 0.05em; border-radius: 99rem; }
.c-label.--updates { padding: 3px 10px; color: rgb(255, 255, 255); background-color: rgb(255, 67, 24); }
.c-label.--feature { font-size: 0.8125rem; margin-right: 6px; padding: 4px 6px; color: rgb(255, 255, 255); background-color: rgb(32, 158, 200); }
.ad-bnr { display: flex; padding-top: 20px; padding-bottom: 20px; justify-content: center; }
.ad-bnr.--line { background-image: url("ab98a6e47acbcf3c9a23debca40e3403ba744339.png"); background-repeat: repeat; background-size: 8px; }
.ad-bnr.--nopad { padding-top: 0px; padding-bottom: 0px; }
.ad-article-bottom, .ad-article-top { margin-top: 40px; }
.ad-overlay { position: fixed; z-index: 9999; right: 0px; bottom: 0px; left: 0px; display: block; width: 100%; margin: 0px; padding: 0px; text-align: center; }
.ad-overlay.--back { background-color: rgba(0, 0, 0, 0.4); }
.ad-overlay div { margin: auto; }
.ad-sticky { position: sticky; }
.ad-sticky.--top { top: 94px; }
.js-ad-show { display: flex !important; }
.js-bottom-sticky, .js-top-sticky { display: none; opacity: 0; }
.c-tag { font-size: 0.8125rem; font-weight: 700; line-height: 1.231; margin: 4px; padding: 8px 16px; text-decoration: none; color: rgb(255, 255, 255); border: 0px solid; border-radius: 99rem; background-color: rgb(158, 158, 158); }
.c-tag-wrap { display: flex; margin-top: 12px; flex-wrap: wrap; }
.c-tag-wrap.--news .c-tag { color: rgb(32, 158, 200); border: 1px solid rgb(32, 158, 200); background-color: transparent; }
.c-type { font-size: 0.8125rem; font-weight: 700; display: inline-flex; height: 30px; padding-right: 10px; padding-left: 10px; border-left: 4px solid; align-items: center; }
.c-type, .c-type a { text-decoration: none; }
.c-type::before { font-size: 15px; margin-right: 10px; }
.c-type.--news-article, .c-type.news { border-color: rgb(32, 158, 200); }
.m-ticker { font-size: 1rem; width: 1180px; margin: 0px auto; }
.m-gnav { position: sticky; z-index: 5; top: 56px; left: 0px; background-color: rgb(245, 245, 245); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.18s; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 3px 0px; }
.m-gnav-wrap { display: flex; width: 1180px; margin: auto; }
.m-gnav-item { font-size: 14px; position: relative; }
.m-gnav-item:hover { font-weight: 700; background-color: rgb(234, 234, 234); }
.m-gnav-item:hover .m-gnav-item-wrap { display: block; }
.m-gnav-item__label { display: flex; height: 38px; padding-right: 16px; padding-left: 16px; cursor: pointer; text-decoration: none; align-items: center; }
.m-gnav-item__content { display: flex; min-width: 640px; }
.m-gnav-item-wrap { font-size: 0.8125rem; position: absolute; display: none; padding: 12px 16px 20px; background-color: rgb(234, 234, 234); box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 4px 1px; }
.m-gnav-item--feature hr { width: auto; margin: 3px 0px 12px; border-color: rgb(215, 215, 215); }
.m-gnav-item--feature a { font-weight: 400; display: inline-block; padding-left: 16px; }
.m-gnav-item__link { display: flex; width: max-content; height: 40px; padding-right: 16px; padding-left: 16px; text-decoration: none; word-break: keep-all; align-items: center; justify-content: center; flex-shrink: 0; }
.m-gnav-item__num8 { flex-wrap: wrap; }
.m-gnav-item__num8 .m-gnav-item__link { height: 28px; }
.m-gnav__line { width: 580px; margin: 2px; border: medium; }
.m-breadcrumb { width: 1180px; margin: 2px auto; }
.m-breadcrumb__list { display: flex; flex-wrap: wrap; }
.m-breadcrumb-item__link { font-size: 0.6875rem; line-height: 1.4; display: inline-flex; text-decoration: none; color: rgb(117, 117, 117); align-items: center; }
.m-breadcrumb-item__link::after { display: inline-flex; margin: 0px 12px 3px; content: ">"; color: rgb(158, 158, 158); }
.m-breadcrumb-item:last-child .m-breadcrumb-item__link { color: rgb(33, 33, 33); }
.m-breadcrumb-item:last-child .m-breadcrumb-item__link::after { content: none; }
.m-special { margin-top: 40px; }
.m-special__ttl { font-size: 1rem; }
.m-piano-button-container { display: flex; visibility: hidden; margin-left: auto; align-items: center; }
.m-piano-button-container.is-show { visibility: visible; }
.m-piano-button-container .is-show { display: block; }
.m-piano-button-container .is-hide { display: none; }
.m-piano-button { font-size: 0.8125rem; font-weight: 700; display: inline-flex; padding: 2px 8px; text-decoration: none; color: rgb(117, 117, 117); border: 1px solid rgb(221, 221, 221); border-radius: 2px; background: rgb(255, 255, 255); }
.m-piano-button:hover { background-color: rgba(0, 0, 0, 0.04); }
.header { position: sticky; z-index: 10; top: 0px; left: 0px; display: flex; width: 100%; min-width: 1220px; background-color: rgb(255, 255, 255); background-image: url("bg-rainbow.png"); background-repeat: no-repeat; background-position: 0px 100%; background-size: 100% 2px; box-shadow: rgba(0, 0, 0, 0.08) 0px 3px 3px 0px; }
.header-logo { font-size: 16px; line-height: 1; margin-top: 0px; margin-right: auto; margin-bottom: 0px; flex-shrink: 0; }
.header-logo__link { display: flex; height: 100%; margin-right: -20px; margin-left: -20px; padding-right: 20px; padding-left: 20px; text-decoration: none; color: inherit; align-items: center; }
.header-logo__img { width: 180px; }
.header-inner { position: relative; display: flex; width: 1180px; height: 56px; margin: 0px auto; }
.header-nav { display: flex; margin-right: 30px; align-items: center; }
.header-nav-item-wrap { display: flex; height: 56px; margin-bottom: 0px; padding-left: 0px; }
.header-nav-item { height: 100%; margin-left: 12px; }
.header-nav-item__link { display: flex; height: 100%; padding-right: 8px; padding-left: 8px; text-decoration: none; color: rgb(117, 117, 117); align-items: center; }
.header-nav-updates-wrap { position: relative; }
.header-nav-updates-wrap .c-label { cursor: pointer; }
.header-nav-updates { font-size: 0.8125rem; position: absolute; z-index: 1001; top: 40px; display: none; width: 380px; margin-top: 8px; border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; }
.header-nav-updates::before { position: absolute; top: -5px; left: 20px; width: 12px; height: 12px; content: ""; transform: rotate(45deg); border-radius: 2px; background-color: rgb(255, 255, 255); }
.header-nav-updates__link, .header-nav-updates__txt { position: relative; display: block; padding: 16px 20px; font-family: Yu Gothic, sans-serif; line-height: 1.38; font-feature-settings: "palt"; }
.header-nav-updates__link:nth-child(n+2)::before, .header-nav-updates__txt:nth-child(n+2)::before { position: absolute; top: 0px; right: 20px; left: 20px; content: ""; border-top: 1px solid rgb(224, 224, 224); }
.header-nav-updates__link { text-decoration: none; }
.header-nav-updates__btn { position: absolute; top: -3px; right: -3px; display: inline-block; width: 19px; height: 19px; background-image: url("dcb6ad0543e0821e4ace2e99eb4705348c47fd27.svg"); }
.header-search { position: absolute; right: 0px; display: flex; overflow: hidden; height: 54px; transition: 0.3s; background-color: rgb(255, 255, 255); align-items: center; }
.header-search .header-search-form { display: none; }
.header-search-label { display: flex; visibility: hidden; align-items: center; }
.header-search__txt { line-height: 1.5; box-sizing: border-box; width: 288px; padding: 12px; border: 0px; }
.header-search__btn { margin-left: 8px; color: transparent; border: 0px; background-image: url("5f5955864187e248fb656984eb759c90e9d19a78.svg"); background-position: 50% center; background-size: 24px 24px; display: inline-block; background-repeat: no-repeat; }
.header-nav-updates-wrap { display: flex; align-items: center; }
.footer { min-width: 1220px; margin-top: 40px; padding-top: 28px; background-color: rgb(255, 255, 255); background-image: url("bg-rainbow.png"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 100% 2px; }
.footer.--adjust { padding-bottom: 90px; }
.footer-wrap { display: flex; width: 1180px; margin-right: auto; margin-left: auto; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.footer-logo { font-size: 1rem; line-height: 1; width: 280px; margin-top: 0px; margin-bottom: 0px; }
.footer-logo__img { width: 180px; }
.footer-nav { position: relative; margin-right: auto; }
.footer-nav::before { position: absolute; top: 0px; right: 0px; left: 0px; content: ""; border-top: 1px solid rgb(224, 224, 224); }
.footer-nav-headline { display: inline-block; background-repeat: no-repeat; height: 10px; }
.footer-nav-item { margin-right: 20px; padding-top: 12px; list-style-type: none; }
.footer-nav-item-wrap { font-size: 0.8125rem; line-height: 1.25; display: flex; padding-left: 0px; }
.footer-nav-item__link { text-decoration: none; color: inherit; }
.footer-nav-item__link:hover { text-decoration: underline; }
.footer-social { display: flex; margin-top: 0px; margin-bottom: 0px; align-items: center; flex-wrap: wrap; }
.footer-social__link { width: 32px; height: 32px; margin: 12px 20px 0px 2px; text-decoration: none; color: transparent; background-repeat: no-repeat; }
.footer-social .--mail { width: 42px; height: 42px; background-image: url("icon-mail.png"); background-size: 42px 42px; }
.footer-social .--facebook { background-image: url("9ca052032ed05843787163d8ad48b8c158d34032.svg"); background-size: 32px 32px; }
.footer-social .--twitter { border-radius: 3px; background-color: rgb(0, 0, 0); background-image: url("2d45ab1b78518a8beb5d73cbde7890902b2594ac.svg"); background-position: 50% center; background-size: 22px; }
.footer-social .--youtube { background-image: url("27ff37693fe0da8bb8dd97d82674ea06697ca9af.svg"); background-position: 50% center; background-size: 32px 23px; }
.footer p { margin-top: 0px; margin-bottom: 0px; }
.footer-group { position: relative; display: flex; width: 100%; margin-top: 40px; padding-top: 16px; padding-bottom: 16px; flex-shrink: 0; align-items: center; }
.footer-group::before { position: absolute; top: 0px; right: 0px; left: 0px; content: ""; border-top: 1px solid rgb(224, 224, 224); }
.footer-group-item { font-size: 0.8125rem; line-height: 1.8; margin-left: 16px; }
.footer-group-item__link { text-decoration: none; }
.footer-group-item__link:hover { text-decoration: underline; }
.footer-group-item.--mail { margin-left: 0px; }
.footer-group-item.--mail a::before { width: 22px; height: 16px; content: ""; background-image: url("7ab48eac4d65e7215e78f658d32f0482d970283c.svg"); background-position: 0px 4px; background-size: 16px 16px; display: inline-block; background-repeat: no-repeat; }
.js-copy, .js-station-notice { font-size: 0.8125rem; line-height: 1.25; position: fixed; z-index: 1000; bottom: 16px; left: 16px; display: none; padding: 1rem; color: rgb(255, 255, 255); border-radius: 4px; background-color: rgb(33, 33, 33); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 0.18s; }