.p-top-nav__main{--container-inline:var(--space-container-lg);background:var(--gradient-primary);padding-block:80px 35px}.p-top-nav__inner{box-shadow:var(--shadow-primary);background-color:#fff;border-radius:20px;padding-block:40px 20px;padding-inline:clamp(15px,7.14286vw - 7.85714px,20px)}.p-top-nav__logo img{max-width:100%;height:auto}.p-top-nav__menu{grid-template-columns:1fr 1fr;column-gap:clamp(15px,7.14286vw - 7.85714px,20px);margin-top:-13px;display:grid}.p-top-nav__button{aspect-ratio:1;width:100%;font-weight:var(--font-weight-medium);border:4px solid var(--color-button-primary);background-color:#fff;border-radius:30px;align-content:center;justify-items:center;row-gap:clamp(10px,7.14286vw - 12.8571px,15px);display:grid}.p-top-nav__button-text>:first-child{font-weight:var(--font-weight-bold);font-size:clamp(14px,4.85714px + 2.85714vw,16px)}.p-top-nav__button-text>:last-child{font-weight:var(--font-weight-medium);font-size:clamp(12px,2.85714px + 2.85714vw,14px)}.p-top-nav__button:before{height:53px}.p-top-nav__button--area{--icon-area-width:auto;--icon-area-color:#59dea7}.p-top-nav__button--all{--icon-search-width:auto;--icon-search-color:#fb67c5}.p-top-nav__sub{row-gap:20px;margin-top:-20px;display:grid}.p-top-nav__warning{margin-block:var(--half-leading);justify-content:center;align-items:center;column-gap:15px;display:flex}.p-top-nav__warning strong{color:#797979;font-size:12px}.p-top-nav__warning a{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-link-primary)}.p-top-nav__job-stats{background-color:#fffabe;justify-content:center;align-items:center;column-gap:15px;padding:10px;font-size:14px;display:flex}.p-top-nav__job-stats-count{font-weight:var(--font-weight-medium)}.p-top-nav__job-stats>* :is(span,strong){color:#f542bc}.p-top-nav__about-link{--button-primary-font-size:clamp(12px, 2.85714px + 2.85714vw, 14px)}.p-top-nav__about-link:before{rotate:90deg}.p-top-popular-areas{margin-top:-20px}.p-top-pr{padding-block:10px 30px}.p-top-match__aside{margin-top:40px}.p-top-timeline__items{row-gap:20px;margin-top:30px;display:grid}.p-top-timeline .c-timeline-card{border:1px solid #e1e1e1}.p-top-timeline__aside{margin-top:40px}.p-top-about{background:var(--gradient-primary);padding-block:40px}.p-top-about :where(*){text-align:center}.p-top-about__inner{background-color:#fff;margin-top:30px;padding:40px 20px 30px}.p-top-about__heading{margin-top:var(--spacing-lg-trim)}.p-top-about__em{font-weight:var(--font-weight-bold);color:var(--color-heading-secondary);font-size:clamp(16px,6.85714px + 2.85714vw,18px)}.p-top-about__text{margin-top:var(--spacing-xl-trim);line-height:var(--leading-lg);text-align:left}.p-top-about__link{width:fit-content;margin-inline:auto;margin-top:var(--spacing-xl-trim);font-size:20px;font-weight:var(--font-weight-medium);color:var(--color-link-primary);justify-content:center;align-items:center;column-gap:10px;display:flex}.p-top-about__button{--icon-area-width:16px;--icon-area-color:#59dea7;font-weight:var(--font-weight-bold);margin-top:15px;font-size:clamp(16px,6.85714px + 2.85714vw,18px)}.p-top-recommend-contents{padding-block:40px}.p-top-recommend-contents :where(dd){margin-block:var(--half-leading)}.p-top-recommend-contents__heading{text-align:center}.p-top-recommend-contents__list{row-gap:30px;margin-top:30px;display:grid}.p-top-recommend-contents__item{display:grid}.p-top-recommend-contents__link{height:80px;font-weight:var(--font-weight-bold);border:4px solid var(--color-gray-primary);border-radius:var(--rounded-sm);background-color:#fff;justify-content:center;align-items:center;column-gap:clamp(15px,7.14286vw - 7.85714px,20px);padding-inline:clamp(20px,14.2857vw - 25.7143px,30px);font-size:clamp(16px,6.85714px + 2.85714vw,18px);display:flex}.p-top-recommend-contents__link:before{width:40px;aspect-ratio:var(--icon-recommend-contents-aspect-ratio);content:"";background-color:var(--color-icon-primary);-webkit-mask-image:var(--icon-recommend-contents-mask-image);mask-image:var(--icon-recommend-contents-mask-image);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--icon-recommend-contents-mask--size);mask-size:var(--icon-recommend-contents-mask--size);flex-shrink:0}.p-top-recommend-contents__link--knowhow{--icon-recommend-contents-mask--size:40px;--icon-recommend-contents-aspect-ratio:579.5/512;--icon-recommend-contents-mask-image:url(/assets/images/icon/knowhow.svg)}.p-top-recommend-contents__link--dictionary{--icon-recommend-contents-mask--size:31px;--icon-recommend-contents-aspect-ratio:507/512;--icon-recommend-contents-mask-image:url(/assets/images/icon/dictionary.svg)}.p-top-recommend-contents__link--word{--icon-recommend-contents-mask--size:23px;--icon-recommend-contents-aspect-ratio:378.7/512;--icon-recommend-contents-mask-image:url(/assets/images/icon/word.svg)}.p-top-recommend-contents__link--manga{--icon-recommend-contents-mask--size:28px;--icon-recommend-contents-aspect-ratio:472.2/512;--icon-recommend-contents-mask-image:url(/assets/images/icon/manga.svg)}.p-top-recommend-contents__description{margin-top:var(--spacing-sm-trim)}.p-top-new{background-color:var(--background-secondary);padding-block:30px 40px}.p-top-new__heading{text-align:center}.p-top-bottom-nav{box-shadow:var(--shadow-primary);z-index:10;background-color:#fff;padding-block:10px;position:sticky;bottom:0;left:0}.p-top-bottom-nav__row{grid-template-columns:repeat(3,1fr);column-gap:6px;display:grid}.p-top-bottom-nav__button{height:60px;font-weight:var(--font-weight-bold);color:#fff;background:linear-gradient(180deg in srgb, var(--bottom-nav-gradient-start), var(--bottom-nav-gradient-end));border-radius:var(--rounded-md);align-content:center;justify-items:center;row-gap:5px;font-size:clamp(12px,2.85714px + 2.85714vw,14px);display:grid}.p-top-bottom-nav__button-text>:first-child{font-size:clamp(12px,2.85714px + 2.85714vw,14px)}.p-top-bottom-nav__button-text>:last-child{font-size:clamp(10px,.857143px + 2.85714vw,12px)}.p-top-bottom-nav__button--search-area{--bottom-nav-gradient-start:#5fd5a5;--bottom-nav-gradient-end:#30c179;--icon-area-width:auto;--icon-area-color:#fff}.p-top-bottom-nav__button--search-all{--bottom-nav-gradient-start:#ff7fd0;--bottom-nav-gradient-end:#ff3eb8;--icon-search-width:auto;--icon-search-color:#fff}.p-top-bottom-nav__button--timeline{--bottom-nav-gradient-start:#fd9c46;--bottom-nav-gradient-end:#fc6a22;--icon-timeline-width:auto}.p-top-bottom-nav__button:before{height:26px}