:root{--color-white: #ffffff;--color-black: #000000;--color-yellow: #f8b500;--color-gray: #4d5357;--color-orange: #f8b500;--border-gray: #dadada;--border-dark-gray: #7f7f7f;--border-white-transparent: rgba(255, 255, 255, .3);--border-black-transparent: rgba(0, 0, 0, .3)}.mv{width:100%;height:730px;padding-top:60px;padding-inline:120px;position:relative}@media screen and (max-width: 768px){.mv{height:100%;padding-top:50px;padding-bottom:130px;padding-inline:30px}}.mv__container{position:relative;z-index:1}.mv__heading{margin-top:165px}@media screen and (max-width: 768px){.mv__heading{margin-top:100px}}.mv__heading span{font-weight:700;display:block}.mv__heading span.ja{display:inline-block;font-size:28px;letter-spacing:.12em;text-decoration:underline;text-decoration-color:var(--color-yellow);text-underline-offset:30px;text-decoration-thickness:4px;margin-bottom:40px}@media screen and (max-width: 768px){.mv__heading span.ja{text-underline-offset:15px;text-decoration-thickness:2px;margin-bottom:15px;font-size:18px}}.mv__heading span.en{margin-top:90px;width:271px}@media screen and (max-width: 768px){.mv__heading span.en{margin-top:50px;width:185px}}.topics{border-top:1px solid var(--border-gray);display:grid;grid-template-columns:310px 1fr;position:relative}@media screen and (max-width: 768px){.topics{grid-template-columns:auto}}.topics .topics-nav{padding-inline:120px 40px}@media screen and (max-width: 768px){.topics .topics-nav{padding-inline:0}}.topics .topics-nav .nav-box{width:100%;position:sticky;top:60px;left:0}@media screen and (max-width: 768px){.topics .topics-nav .nav-box{padding-inline:12.5px;top:-84px;position:absolute;z-index:1}}.topics .topics-nav .nav-list{width:100%;padding-block:28px}@media screen and (max-width: 768px){.topics .topics-nav .nav-list{padding-block:0;position:relative;border:1px solid var(--border-gray);height:48px;overflow:hidden;transition:height .3s ease}.topics .topics-nav .nav-list:before{content:"";clip-path:polygon(0 0,100% 0,50% 100%);width:6px;height:5.1961524227px;background-color:var(--color-black);position:absolute;top:21px;right:30px;margin-block:auto}}.topics .topics-nav .nav-list__item{width:150px}@media screen and (max-width: 768px){.topics .topics-nav .nav-list__item{width:100%;height:48px;background-color:#f3f3f3;padding-inline:17.5px}}.topics .topics-nav .nav-list__item+.nav-list__item{margin-top:3px}@media screen and (max-width: 768px){.topics .topics-nav .nav-list__item+.nav-list__item{margin-top:0;border-top:1px solid var(--border-gray)}}.topics .topics-nav .nav-list__item button{color:gray;font-size:22px;font-feature-settings:"palt";font-family:Arial,sans-serif;padding-block:10px;cursor:pointer;display:block;position:relative;width:100%}@media screen and (max-width: 768px){.topics .topics-nav .nav-list__item button{color:var(--color-black);font-size:14px;height:100%;display:flex;align-items:center}}.topics .topics-nav .nav-list__item span{position:relative;padding-bottom:6px;transition:color .15s cubic-bezier(.39,.575,.565,1)}@media screen and (max-width: 768px){.topics .topics-nav .nav-list__item span{padding-bottom:0}}.topics .topics-nav .nav-list__item span:before{content:"";width:100%;height:1px;background-color:var(--border-gray);position:absolute;left:0;bottom:0}@media screen and (max-width: 768px){.topics .topics-nav .nav-list__item span:before{display:none}}.topics .topics-nav .nav-list__item span:after{height:1px}@media screen and (max-width: 768px){.topics .topics-nav .nav-list__item span:after{display:none}}.topics .topics-nav .nav-list__item.is-current{pointer-events:none}@media screen and (max-width: 768px){.topics .topics-nav .nav-list__item.is-current{background-color:var(--color-white)}}.topics .topics-nav .nav-list__item.is-current button{color:var(--color-black)}.topics .topics-nav .nav-list__item.is-current span{font-weight:700}.topics .topics-nav .nav-list__item.is-current span:before{background-color:var(--color-yellow)}.topics .topics-content{border-left:1px solid var(--border-gray)}@media screen and (max-width: 768px){.topics .topics-content{border-left:none}}.topics .topics-list__item{cursor:pointer}.topics .topics-list__item+li{border-top:1px solid var(--border-gray)}.topics .topics-list__item .link{width:100%;height:100%;display:grid;grid-template-columns:328px 1fr;gap:60px;padding:40px 120px 40px 60px;cursor:pointer}@media screen and (max-width: 1024px){.topics .topics-list__item .link{padding:40px 60px;grid-template-columns:auto;gap:0}}@media screen and (max-width: 768px){.topics .topics-list__item .link{padding:25px 30px;min-height:155px}}@media (hover: hover) and (pointer: fine){.topics .topics-list__item .link:hover .title,.topics .topics-list__item .link:hover .date{color:var(--color-white)}.topics .topics-list__item .link:hover .tag-list{color:var(--color-black)}.topics .topics-list__item .link:hover .tag-list:before{background-color:var(--color-white)}}.topics .topics-list__item .text-box{display:grid;align-content:space-between;align-items:center;grid-template-columns:105px auto auto;grid-template-areas:"title title title" "date tag tag"}@media screen and (max-width: 1024px){.topics .topics-list__item .text-box{gap:20px;align-content:flex-start;align-items:flex-start;grid-template-columns:auto;grid-template-areas:"title" "date" "tag"}}@media screen and (max-width: 768px){.topics .topics-list__item .text-box{gap:0}}.topics .topics-list__item .text-box .title{font-size:22px;line-height:1.8181818182;font-weight:700;font-feature-settings:"palt";margin-block:15px;grid-area:title}@media screen and (max-width: 768px){.topics .topics-list__item .text-box .title{font-size:13px;line-height:1.7307692308;margin-block:15px 2px}}.topics .topics-list__item .text-box .date{font-size:13px;font-family:Arial,sans-serif;font-feature-settings:"palt";display:inline-flex;column-gap:5px;grid-area:date}@media screen and (max-width: 768px){.topics .topics-list__item .text-box .date{font-size:11px;margin-top:15px;column-gap:2.5px}}.topics .topics-list__item .tag-list{padding-right:25px;display:flex;flex-wrap:wrap;gap:5px;position:relative;grid-area:tag}@media screen and (max-width: 768px){.topics .topics-list__item .tag-list{width:100%;margin-top:9px}}.topics .topics-list__item .tag-list:before{content:"";clip-path:polygon(0 0,100% 50%,0 100%);height:12px;width:10.3923048454px;background-color:var(--color-black);position:absolute;top:0;right:0;bottom:0;left:auto;margin-block:auto}@media screen and (max-width: 768px){.topics .topics-list__item .tag-list:before{clip-path:polygon(0 0,100% 50%,0 100%);height:6px;width:5.1961524227px;top:auto;bottom:4px}}.topics .topics-list__item .tag-list__item{font-size:13px;font-feature-settings:"palt";font-family:Arial,sans-serif;background-color:#f2f2f2;height:25px;padding-inline:15px;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.topics .topics-list__item .tag-list__item{font-size:11px;height:17.5px;padding-inline:7.5px}}.gradation-bg{background-color:#fff;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.gradation-canvas{width:100%;height:100%;position:sticky;top:0;left:0;z-index:0}.hero-logo{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:-1}.hero-logo-canvas{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0}