:root{--color-knowhow-heading:#ff6e6e;--color-knowhow-meta:#777}.p-knowhow{padding-bottom:40px}.p-knowhow__container{--container-inline:var(--space-container-sm)}.p-knowhow .p-search-pagination__container{--container-inline:var(--space-container-xs)}.p-knowhow__heading{border-top:1px solid var(--color-gray-primary);border-bottom:1px solid var(--color-gray-primary);place-content:center;padding-block:20px;display:grid}.p-knowhow__logo{aspect-ratio:381.3/79;width:191px}.p-knowhow__section{margin-top:var(--knowhow-section-margin-top,50px)}.p-knowhow__section--category{--knowhow-section-margin-top:16px}.p-knowhow__section-heading{font-size:20px;font-weight:var(--font-weight-medium);color:var(--color-knowhow-heading);border-bottom:2px solid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding-bottom:8px;display:grid}.p-knowhow__section-heading:before{width:var(--knowhow-heading-icon-width);aspect-ratio:var(--knowhow-heading-icon-aspect-ratio);content:"";background-color:var(--color-knowhow-heading);-webkit-mask-image:var(--knowhow-heading-icon-mask-image);mask-image:var(--knowhow-heading-icon-mask-image);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.p-knowhow__section-heading--new{--knowhow-heading-icon-width:31px;--knowhow-heading-icon-aspect-ratio:20.8/15;--knowhow-heading-icon-mask-image:url(/assets/images/icon/megaphone.svg)}.p-knowhow__section-heading--rank,.p-knowhow__section-heading--pickup{--knowhow-heading-icon-width:30px;--knowhow-heading-icon-aspect-ratio:60/43.4;--knowhow-heading-icon-mask-image:url(/assets/images/icon/crown.svg)}.p-knowhow__section-heading--popular{--knowhow-heading-icon-width:23px;--knowhow-heading-icon-aspect-ratio:15.6/15;--knowhow-heading-icon-mask-image:url(/assets/images/icon/star.svg)}.p-knowhow__category{--container-inline:var(--space-container-xs)}.p-knowhow__category-heading{height:56px;font-size:20px;font-weight:var(--font-weight-bold);color:#fff;background-color:var(--knowhow-category-color);place-items:center;display:grid}.p-knowhow__category-heading--mensetsu{--knowhow-category-color:#dc96e6}.p-knowhow__category-heading--shimei{--knowhow-category-color:#ff8c8c}.p-knowhow__category-heading--okomari{--knowhow-category-color:#8cc8e6}.p-knowhow__category-text{margin-top:var(--spacing-lg-trim);font-size:14px}.p-knowhow__tag{width:fit-content;height:32px;font-size:14px;font-weight:var(--font-weight-medium);color:#fff;background-color:var(--knowhow-tag-color);border-radius:var(--rounded-sm);align-items:center;column-gap:7px;margin-top:15px;padding-inline:10px;display:flex}.p-knowhow__tag--mensetsu{--knowhow-tag-color:#dc96e6}.p-knowhow__tag--shimei{--knowhow-tag-color:#ff8c8c}.p-knowhow__tag--okomari{--knowhow-tag-color:#8cc8e6}.p-knowhow__tag:before{--icon-tag-width:16px;--icon-tag-color:#fff;content:""}.p-knowhow__items{display:grid}.p-knowhow__items--horizontal{row-gap:30px;margin-top:20px}.p-knowhow__items--category{margin-top:25px}.p-knowhow__count{margin-top:calc(50px + var(--half-leading));text-align:center}.p-knowhow__bottom-link{margin-top:var(--spacing-2xl-trim)}.p-knowhow-nav__list{border-bottom:1px solid #cbc6b7;grid-template-columns:repeat(4,1fr);display:grid}.p-knowhow-nav__link{color:#ff5847;place-items:center;height:36px;display:grid;position:relative}.p-knowhow-nav__link:after{content:"";opacity:0;background-color:#ff5847;width:100%;height:4px;position:absolute;bottom:0}.p-knowhow-nav__link.is-active:after{opacity:1}.p-knowhow-pickup__heading{margin-top:var(--spacing-lg-trim);font-size:23px;font-weight:var(--font-weight-regular);text-transform:uppercase;place-items:center;display:grid}.p-knowhow-pickup__slider{--slider-pagination-margin-top:24px;--slider-pagination-color:#606060;margin-top:20px}.p-knowhow-pickup .c-slider__pagination{column-gap:8px}.p-knowhow-pickup .c-slider__page{aspect-ratio:16/3;border-radius:unset;width:32px}.p-knowhow-pickup .c-slider__page.is-active{--slider-pagination-color:#ff7070}.p-knowhow-card{border-bottom:1px solid #e6e6e6;padding-block:15px;display:grid}.p-knowhow-card__heading{margin-top:var(--spacing-md-trim);font-size:20px;font-weight:var(--font-weight-bold)}.p-knowhow-card__heading a{text-decoration:underline}.p-knowhow-card__text{margin-top:var(--spacing-md-trim)}.p-knowhow-card__meta{margin-top:var(--spacing-lg-trim)}.p-knowhow-card-horizontal{grid-template:"img heading""img meta"1fr/62px 1fr;gap:15px;display:grid}.p-knowhow-card-horizontal__img{grid-area:img}.p-knowhow-card-horizontal__heading{font-size:16px;font-weight:var(--font-weight-medium);grid-area:heading}.p-knowhow-card-horizontal__heading a{text-decoration:underline}.p-knowhow-card-horizontal__meta{grid-area:meta;align-self:start}.p-knowhow-meta{color:var(--color-knowhow-meta);align-items:center;column-gap:10px;font-size:12px;display:flex}.p-knowhow-meta dd{align-items:center;column-gap:5px;display:flex}.p-knowhow-bottom-nav{--container-inline:var(--space-container-xs);margin-top:40px}.p-knowhow-bottom-nav__list{row-gap:8px;display:grid}.p-knowhow-bottom-nav__link{--icon-caret-size:10px;height:68px;font-size:16px;font-weight:var(--font-weight-medium);color:#ff5a46;border:2px solid var(--color-gray-primary);border-radius:var(--rounded-sm);align-items:center;column-gap:15px;padding-inline:20px;display:flex}.p-knowhow-detail{margin-top:20px}.p-knowhow-detail__title{font-size:20px;font-weight:var(--font-weight-bold)}.p-knowhow-detail__header{row-gap:15px;display:grid}.p-knowhow-detail__body{row-gap:20px;margin-top:20px;display:grid}.p-knowhow-detail__section{row-gap:20px;margin-top:30px;display:grid}.p-knowhow-detail__heading{font-size:18px;font-weight:var(--font-weight-bold);color:#934b30;background-color:#fffcdf;border:1px solid #e0ceb1;padding:10px 15px}.p-knowhow-detail__sub-heading{font-size:16px;font-weight:var(--font-weight-bold);color:#934b30;border-bottom:2px solid #fabe50;padding-bottom:10px}.p-knowhow-detail__toc{background-color:#fffffa;border:2px solid #dcdcd2;padding:20px 24px}.p-knowhow-detail__toc-heading{font-size:16px;font-weight:var(--font-weight-bold)}.p-knowhow-detail__toc-list{row-gap:15px;margin-top:25px;display:grid}.p-knowhow-detail__toc-link{width:fit-content;font-size:14px;font-weight:var(--font-weight-bold);color:#ff8c64;text-decoration:underline;display:block}.p-knowhow-detail__img+.u-trim{margin-top:var(--spacing-sm-trim)}.p-knowhow-detail__recommend{margin-top:10px}.p-knowhow-detail__recommend-heading{width:fit-content;height:40px;font-size:14px;font-weight:var(--font-weight-bold);color:#fff;background-color:#fa8c6e;border-radius:15px 15px 0 0;align-items:center;column-gap:5px;padding-inline:18px;display:flex}.p-knowhow-detail__recommend-heading:before{aspect-ratio:495.175/512;content:"";background-color:#fff;width:15px;-webkit-mask-image:url(/assets/images/icon/sparkles.svg);mask-image:url(/assets/images/icon/sparkles.svg);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.p-knowhow-detail__recommend-list{background-color:#fff;border:4px solid #fa8c6e;border-radius:0 15px 15px;padding:5px 15px}.p-knowhow-detail__recommend-item:not(:first-child){border-top:2px dashed #d7d7d7}.p-knowhow-detail__recommend-link{width:fit-content;font-weight:var(--font-weight-medium);color:#d94b24;padding-block:15px;text-decoration:underline;display:block}.p-knowhow-detail .p-search-pagination{margin-top:30px}.p-knowhow-detail__features{margin-top:40px}.p-knowhow-detail__features-list{border:1px solid #c5c5c5;row-gap:15px;display:grid}.p-knowhow-detail__features-item{grid-template:"img heading""img text"/116px 1fr;gap:15px;padding:15px;display:grid}.p-knowhow-detail__features-heading a{font-size:16px;font-weight:var(--font-weight-bold);color:#a02200;text-decoration:underline}.p-knowhow-detail__features-img{grid-area:img;width:116px;height:98px}.p-knowhow-detail__features-heading{grid-area:heading}.p-knowhow-detail__features-text{grid-area:text;align-self:start;font-size:12px}.p-search-results__count{margin-top:var(--spacing-lg-trim);text-align:center}.p-search-pagination{margin-top:20px}.p-search-pagination__container{row-gap:20px;display:grid}.p-search-pagination__list--actions{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.p-search-pagination__list--pages{column-gap:clamp(8px,2.85714vw - 1.14286px,10px);display:flex}.p-search-pagination__list--pages li{width:11.696%}.p-search-pagination__list--pages li:last-child{margin-left:auto}.p-search-pagination__item.is-active>*{--pagination-link-color:#444}.p-search-pagination__item.is-disabled{--pagination-link-color:#8c8c8c}.p-search-pagination__item.is-disabled>*{--icon-arrow-color:#8c8c8c;--pagination-link-color:#8c8c8c;--icon-chevron-color:#8c8c8c}.p-search-pagination__link{height:var(--pagination-link-height,100%);aspect-ratio:var(--pagination-link-aspect-ratio,1);font-weight:var(--font-weight-medium);color:var(--pagination-link-color,#ffb108);border:4px solid var(--color-gray-primary);border-radius:var(--rounded-sm);background-color:#fff;justify-content:center;align-items:center;display:grid}.p-search-pagination__link--prev,.p-search-pagination__link--next{--pagination-link-height:60px;--pagination-link-aspect-ratio:auto;--icon-arrow-size:25px;--pagination-link-color:#444;grid-template-columns:1fr auto 1fr;padding-inline:15px}.p-search-pagination__link--prev:before{rotate:180deg}.p-search-pagination__link--prev:after,.p-search-pagination__link--next:before{content:""}.p-search-pagination__link--next:after{justify-self:end}.p-search-pagination__link--first,.p-search-pagination__link--last{grid-template-columns:auto auto}.p-search-pagination__link--first:after,.p-search-pagination__link--last:after{margin-right:-2px}.p-search-pagination__link--first:before,.p-search-pagination__link--first:after{margin-left:-2px;rotate:180deg}.p-search-pagination__link--last:before,.p-search-pagination__link--last:after{margin-right:-2px}
/* expの既存共通CSSにない、同期デザイン側のノウハウ用トークン。 */
.p-knowhow{--color-gray-primary:#d3d3d3;--space-container-xs:8px}
/* exp共通CSSの旧アイコン色を、同期デザインのページネーション色へ揃える。 */
.p-knowhow .p-search-pagination__link--prev,.p-knowhow .p-search-pagination__link--next{--icon-arrow-color:#ffb108}
.p-knowhow .p-search-pagination__item.is-disabled>*{--icon-arrow-color:#8c8c8c;--icon-chevron-color:#8c8c8c;--pagination-link-color:#8c8c8c}
/* 同期デザインの目次番号と旧記事本文のレイアウト互換。 */
.p-knowhow-detail__toc-list{color:#ff8c64;padding-left:1em;list-style-type:decimal}.p-knowhow-detail__toc-link{color:inherit}.p-knowhow-detail__lead{display:grid;row-gap:16px}.p-knowhow-detail__lead p{line-height:var(--leading-lg)}
/* 旧管理画面から移行した本文HTMLを詳細デザインの見出し・目次・おすすめ欄へ合わせる。 */
.p-knowhow-detail__legacy-body{row-gap:20px;display:grid;min-width:0}.p-knowhow-detail__legacy-body h3{font-size:18px;font-weight:var(--font-weight-bold);color:#934b30;background-color:#fffcdf;border:1px solid #e0ceb1;padding:10px 15px}.p-knowhow-detail__legacy-body h4{font-size:16px;font-weight:var(--font-weight-bold);color:#934b30;border-bottom:2px solid #fabe50;padding-bottom:10px}.p-knowhow-detail__legacy-body :is(p,li){line-height:var(--leading-lg)}.p-knowhow-detail__legacy-body img{max-width:100%;height:auto}.p-knowhow-detail__legacy-body :is(iframe,video){max-width:100%}.p-knowhow-detail__legacy-body p+p{margin-top:16px}.p-knowhow-detail__legacy-body .disc{padding-left:1.5em;list-style:disc}.p-knowhow-detail__legacy-body .related_article{width:100%;max-width:100%;margin-top:10px}.p-knowhow-detail__legacy-body .related_article dt{width:fit-content;height:40px;font-size:14px;font-weight:var(--font-weight-bold);color:#fff;background-color:#fa8c6e;border-radius:15px 15px 0 0;align-items:center;padding-inline:18px;display:flex}.p-knowhow-detail__legacy-body .related_article dd{min-width:0;border:4px solid #fa8c6e;border-radius:0 15px 15px;padding:5px 15px}.p-knowhow-detail__legacy-body .related_article li+li{border-top:2px dashed #d7d7d7}.p-knowhow-detail__legacy-body .related_article a{overflow-wrap:anywhere;width:fit-content;font-weight:var(--font-weight-medium);color:#d94b24;padding-block:15px;text-decoration:underline;display:block}
.p-knowhow-detail__legacy-body :is(.tit_list,.non_display){display:none}.p-knowhow-detail__legacy-body .related_article dt{font-size:0}.p-knowhow-detail__legacy-body .related_article dt:after{content:"オススメコラム";font-size:14px}

/* 同期デザインの共通部品。expの既存main.cssには未定義のためノウハウ内で補完する。 */
.p-knowhow .c-bottom-link{width:fit-content;font-weight:var(--font-weight-medium);color:#ff6414;margin-inline:auto;text-decoration:underline;display:block}

/* 同期デザインのカテゴリタグ用しおりアイコン。 */
.p-knowhow .c-icon-tag:before{width:var(--icon-tag-width,12px);aspect-ratio:19.977/20.001;content:"";background-color:var(--icon-tag-color,var(--color-knowhow-meta));-webkit-mask-image:var(--icon-tag-mask-image,url(/assets/images/icon/tag.svg));mask-image:var(--icon-tag-mask-image,url(/assets/images/icon/tag.svg));-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.p-knowhow .c-icon-calendar:before{width:var(--icon-calendar-width,13px);aspect-ratio:18.002/20.002;content:"";background-color:var(--icon-calendar-color,var(--color-knowhow-meta));-webkit-mask-image:var(--icon-calendar-mask-image,url(/assets/images/icon/calendar.svg));mask-image:var(--icon-calendar-mask-image,url(/assets/images/icon/calendar.svg));-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

/* リード内画像と、記事タイトルをh1とした本文見出し階層の表示調整。 */
.p-knowhow-detail__lead img{max-width:100%;height:auto}
.p-knowhow-detail__legacy-body h2{font-size:18px;font-weight:var(--font-weight-bold);color:#934b30;background-color:#fffcdf;border:1px solid #e0ceb1;padding:10px 15px}
.p-knowhow-detail__legacy-body h3{font-size:16px;font-weight:var(--font-weight-bold);color:#934b30;background:transparent;border:0;border-bottom:2px solid #fabe50;padding:0 0 10px}