:root{--color-text: #333333;--color-navy: #003083;--color-muted: #6b7280;--color-line: #e5e7eb;--color-orange: #f75f23;--color-white: #ffffff;--color-gray: #f9f8fb;--color-gray2: #aeacaa;--color-border: #c7d0e3;--color-lime: #66bb0a;--font-montserrat: "Montserrat", sans-serif;--font-YuGothic: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "メイリオ", sans-serif;--font-inter: "Inter", sans-serif;--font-sans: "Noto Sans JP", sans-serif;--font-latin: "Figtree", sans-serif;--font-display: "Jost", sans-serif}html{scroll-behavior:auto}.p-material-picks{padding-top:97rem}.p-material-picks__sr-only{position:absolute;width:1rem;height:1rem;padding:0;margin:-1rem;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.p-material-picks__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:36rem}@media only screen and (max-width: 1271px){.p-material-picks__grid{gap:24rem}}@media only screen and (max-width: 767px){.p-material-picks__grid{grid-template-columns:1fr;margin-top:24rem}}.p-pick-card{border-radius:20rem;padding:40rem;overflow:hidden}@media only screen and (max-width: 1271px){.p-pick-card{padding:20rem 10rem}}@media only screen and (max-width: 767px){.p-pick-card{padding:20rem}}.p-pick-card.--new{background:url("../media/images/useful-tips/bg-image-new.webp") center/cover no-repeat}.p-pick-card.--recommend{background:var(--color-gray)}.p-pick-card__title{line-height:1.5;font-weight:bold;color:var(--color-navy);letter-spacing:.07em;font-size:28rem}@media only screen and (max-width: 1271px){.p-pick-card__title{font-size:21rem}}.p-pick-card__items{margin-top:20rem;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:28rem;align-items:stretch}@media only screen and (max-width: 1271px){.p-pick-card__items{gap:14rem}}@media only screen and (max-width: 767px){.p-pick-card__items{grid-template-columns:1fr;gap:24rem}}.p-material-archive{margin-top:100rem;padding:100rem 0 120rem;background:var(--color-gray);position:relative}@media only screen and (max-width: 1271px){.p-material-archive{margin-top:44rem;padding-top:44rem}}.p-material-archive__inner{position:relative}.p-material-archive__eyebrow{font-size:24rem}@media only screen and (max-width: 1271px){.p-material-archive__eyebrow{font-size:19rem}}.p-material-archive__filter{background:var(--color-white);border-radius:10rem;margin-top:14rem;padding:10rem 50rem}@media only screen and (max-width: 767px){.p-material-archive__filter{padding:0 20rem}}.p-material-archive__grid{padding-top:40rem;margin-top:60rem;border-top:1rem solid var(--color-border);display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:50rem 30rem}@media only screen and (max-width: 1271px){.p-material-archive__grid{margin:40rem 0}}@media only screen and (max-width: 767px){.p-material-archive__grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:48rem 19rem}}.p-material-archive__pager-box{min-height:140rem;display:flex;align-items:end;justify-content:center}.p-material-archive__empty{text-align:center;margin:20rem 0 0;color:var(--color-text);line-height:1.6;font-weight:700;font-size:16rem}@media only screen and (max-width: 1271px){.p-material-archive__empty{font-size:13rem}}.p-material-archive__mascot{position:absolute;right:118rem;bottom:-56rem;width:107rem;height:auto;z-index:2;pointer-events:none}@media only screen and (max-width: 1271px){.p-material-archive__mascot{right:0;bottom:-100rem;width:88rem}}.p-material-archive__mascot img{display:block;width:100%;height:auto}.c-pager{margin-top:0}.c-filter-row{display:grid;grid-template-columns:110rem 1fr;gap:40rem;padding:20rem 0}@media only screen and (max-width: 1271px){.c-filter-row{gap:20rem}}@media only screen and (max-width: 767px){.c-filter-row{grid-template-columns:1fr;gap:10rem;padding:14rem 0}}.c-filter-row+.c-filter-row{border-top:1rem solid var(--color-border)}.c-filter-row__label{color:var(--color-text);font-weight:bold;letter-spacing:.07em;line-height:1.87;font-size:16rem}@media only screen and (max-width: 1271px){.c-filter-row__label{font-size:13rem}}.c-filter-row__list{display:flex;flex-wrap:wrap;gap:10rem}.c-pill{display:inline-flex;align-items:center;justify-content:center;padding:6rem 16rem;border-radius:999rem;background:var(--color-gray);color:var(--color-navy);font-weight:bold;letter-spacing:.05em;transition:background-color .3s ease,color .3s ease;font-size:16rem}@media only screen and (max-width: 1271px){.c-pill{font-size:13rem}}@media only screen and (max-width: 767px){.c-pill{padding:3rem 10rem 2rem}}.c-pill:hover,.c-pill:focus-visible{color:var(--color-white);background:var(--color-navy)}.c-pill.is-active{background:var(--color-navy);color:var(--color-white);border-color:rgba(0,0,0,0)}.c-pill--all{position:relative;padding-left:20rem;line-height:1.3;font-weight:700;color:var(--color-navy);font-size:14rem}@media only screen and (max-width: 1271px){.c-pill--all{font-size:13rem}}.c-pill--all::before{position:absolute;content:"";width:14rem;height:14rem;top:2rem;left:-2rem;background:url(../media/images/useful-tips/reload.svg) no-repeat center/cover}.c-pager.--sp{display:none}@media only screen and (max-width: 767px){.c-pager{display:none}.c-pager.--sp{display:flex}}