.c-article-item{position:relative;display:grid;grid-template-columns:1fr;align-content:start}@media screen and (min-width:768px){.c-article-item{gap:max(1.6rem,1px)}}@media screen and (max-width:767px){.c-article-item{gap:max(1.4rem,1px)}.page-top .tips .c-article-item{gap:max(1rem,1px)}}@media screen and (hover:hover) and (min-width:768px){.c-article-item:has(a:hover:hover) .c-article-item-img img{transform:scale(1.02)}.c-article-item:has(a:hover:hover) .c-article-item-illust{opacity:0}.c-article-item:has(a:hover:hover) .c-article-item-illust-hover{opacity:1}}@media (hover:none){.c-article-item:has(a:hover:active) .c-article-item-img img{transform:scale(1.02)}.c-article-item:has(a:hover:active) .c-article-item-illust{opacity:0}.c-article-item:has(a:hover:active) .c-article-item-illust-hover{opacity:1}}.c-article-item-detail{position:relative;aspect-ratio:368/246;overflow:hidden;border-radius:var(--border-radius-s)}.c-article-item-img{width:100%;height:100%}.c-article-item-img img{display:inline-block;width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-power4-out)}.c-article-item-info{position:absolute;top:0;right:0;display:grid;grid-template-rows:auto auto;grid-template-columns:auto auto;place-content:start center;place-items:start center;background-color:var(--color-beige);mask-image:url(../images/article/info_bg.svg);mask-repeat:no-repeat;mask-size:100% 100%;transition:color .15s var(--ease-power1-out)}@media screen and (min-width:768px){.c-article-item-info{gap:max(.4rem,1px) 0;width:max(10.4rem,1px);height:max(6.8rem,1px);padding:max(.5rem,1px) 0 max(.8rem,1px) max(.8rem,1px)}}@media screen and (max-width:767px){.c-article-item-info{gap:max(.4rem,1px) 0;width:max(10.2rem,1px);height:max(6.6rem,1px);padding:max(.5rem,1px) 0 max(.6rem,1px) max(.6rem,1px)}}@media screen and (min-width:768px){.page-top .articles .c-article-item-info{gap:max(.4rem,1px) 0;width:max(13.4rem,1px);height:max(8.8rem,1px);padding:max(.8rem,1px) 0 max(.8rem,1px) max(.8rem,1px)}}.c-article-item-date{grid-row:1/2;grid-column:1/3;font-family:var(--font-family-hanken);font-weight:var(--font-weight-extra-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}@media screen and (min-width:768px){.c-article-item-date{font-size:max(2.8rem,1px)}}@media screen and (max-width:767px){.c-article-item-date{font-size:max(2.8rem,1px)}}@media screen and (min-width:768px){.page-top .articles .c-article-item-date{font-size:max(3.6rem,1px)}}.c-article-item-year{grid-row:2/3;grid-column:1/2;font-family:var(--font-family-hanken);font-weight:var(--font-weight-regular);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}@media screen and (min-width:768px){.c-article-item-year{font-size:max(1.4rem,1px)}}@media screen and (max-width:767px){.c-article-item-year{font-size:max(1.4rem,1px)}}@media screen and (min-width:768px){.page-top .articles .c-article-item-year{font-size:max(1.8rem,1px)}}.c-article-item-week{position:relative;grid-row:2/3;grid-column:2/3;font-family:var(--font-family-hanken);font-weight:var(--font-weight-regular);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}@media screen and (min-width:768px){.c-article-item-week{padding-left:max(.6rem,1px);margin-left:max(.6rem,1px);font-size:max(1.4rem,1px)}}@media screen and (max-width:767px){.c-article-item-week{padding-left:max(.6rem,1px);margin-left:max(.6rem,1px);font-size:max(1.4rem,1px)}}.c-article-item-week:before{position:absolute;top:0;bottom:0;left:0;height:100%;margin-block:auto;content:"";background-color:currentcolor}@media screen and (min-width:768px){.c-article-item-week:before{width:max(.1rem,1px)}}@media screen and (max-width:767px){.c-article-item-week:before{width:max(.1rem,1px)}}@media screen and (min-width:768px){.page-top .articles .c-article-item-week{font-size:max(1.8rem,1px)}}.c-article-item-category{position:absolute;display:grid;grid-template-columns:1fr}@media screen and (min-width:768px){.c-article-item-category{bottom:max(1.2rem,1px);left:max(1.2rem,1px);gap:max(.2rem,1px)}}@media screen and (max-width:767px){.c-article-item-category{bottom:max(.4rem,1px);left:max(.4rem,1px);gap:max(.1rem,1px)}}.c-article-item-category-item{width:fit-content;font-family:var(--font-family-hanken);font-weight:var(--font-weight-regular);line-height:var(--leading-base);color:var(--color-white);letter-spacing:var(--tracking-tight);background-color:var(--color-black);border-radius:var(--border-radius-full)}@media screen and (min-width:768px){.c-article-item-category-item{padding:max(.2rem,1px) max(1.2rem,1px);font-size:max(1.2rem,1px)}}@media screen and (max-width:767px){.c-article-item-category-item{padding:max(.2rem,1px) max(1rem,1px);font-size:max(1.1rem,1px)}}@media screen and (min-width:768px){.page-top .articles .c-article-item-category-item{font-size:max(1.3rem,1px)}}.c-article-item-illust{position:absolute;right:0;bottom:0}@media screen and (min-width:768px){.c-article-item-illust{width:max(9.6rem,1px)}}@media screen and (max-width:767px){.c-article-item-illust{width:max(9rem,1px)}}@media screen and (min-width:768px){.page-top .articles .c-article-item-illust{width:max(12rem,1px)}}.c-article-item-illust-hover{position:absolute;right:0;bottom:0;opacity:0}@media screen and (min-width:768px){.c-article-item-illust-hover{width:max(9.6rem,1px)}}@media screen and (max-width:767px){.c-article-item-illust-hover{width:max(9rem,1px)}}@media screen and (min-width:768px){.page-top .articles .c-article-item-illust-hover{width:max(12rem,1px)}}.c-article-item-ttl{transition:color .15s var(--ease-power1-out)}.c-article-item-link{display:block;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-tight);text-decoration:none;text-align:justify;text-align-last:left;text-justify:inter-character;word-break:normal;overflow-wrap:anywhere}@media screen and (min-width:768px){.c-article-item-link{font-size:max(1.8rem,1px)}}@media screen and (max-width:767px){.c-article-item-link{font-size:max(1.8rem,1px)}}.c-article-item-link:before{position:absolute;inset:0;content:""}.page-top .articles .c-article-item-link{line-height:var(--leading-base)}@media screen and (min-width:768px){.page-top .articles .c-article-item-link{font-size:max(2rem,1px)}}@media screen and (max-width:767px){.page-top .tips .c-article-item-link{font-size:max(1.5rem,1px)}}@media screen and (min-width:768px){.article{max-width:max(120rem,1px);padding-top:max(24rem,1px);margin-inline:auto}}@media screen and (max-width:767px){.article{padding:max(19.8rem,1px) max(2rem,1px) 0}}.article-grad{position:absolute}@media screen and (min-width:768px){.article-grad-top{top:max(29.1rem,1px);left:50%;margin-left:max(24rem,1px)}}@media screen and (max-width:767px){.article-grad-top{top:max(27.1rem,1px);right:-9.1rem}}@media screen and (min-width:768px){.article-grad-bottom{bottom:max(16.8rem,1px);left:50%;margin-left:-80rem}}@media screen and (max-width:767px){.article-grad-bottom{right:-6.3rem;bottom:max(10rem,1px)}}.article-header{position:relative}@media screen and (min-width:768px){.article-label{position:absolute;top:0;right:0;bottom:0;height:fit-content;margin-block:auto}}@media screen and (max-width:767px){.article-label{margin-inline:auto}}.article-ttl{margin-inline:auto}@media screen and (min-width:768px){.article-ttl{width:max(27.6rem,1px)}}@media screen and (max-width:767px){.article-ttl{width:max(23rem,1px);margin-top:max(3rem,1px)}}.article-count{border:0 solid var(--color-gray)}@media screen and (min-width:768px){.article-count{padding-bottom:max(.8rem,1px);margin-top:max(7.2rem,1px);border-bottom-width:max(.1rem,1px)}}@media screen and (max-width:767px){.article-count{padding-bottom:max(.8rem,1px);margin-top:max(4rem,1px);border-bottom-width:max(.1rem,1px)}}.article-count-txt{display:flex;align-items:flex-end}@media screen and (min-width:768px){.article-count-txt{gap:max(.4rem,1px)}}@media screen and (max-width:767px){.article-count-txt{gap:max(.4rem,1px)}}.article-count-num{font-family:var(--font-family-hanken);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}@media screen and (min-width:768px){.article-count-num{font-size:max(3.6rem,1px)}}@media screen and (max-width:767px){.article-count-num{font-size:max(3.6rem,1px)}}.article-count-uni{line-height:var(--leading-relaxed);letter-spacing:var(--tracking-tight)}@media screen and (min-width:768px){.article-count-uni{font-size:max(2rem,1px)}}@media screen and (max-width:767px){.article-count-uni{font-size:max(2rem,1px)}}.article-list{display:grid;align-items:start}@media screen and (min-width:768px){.article-list{grid-template-columns:repeat(3,1fr);gap:max(7.2rem,1px) max(4.8rem,1px);margin-top:max(7.2rem,1px)}}@media screen and (max-width:767px){.article-list{grid-template-columns:1fr;gap:max(4rem,1px);margin-top:max(4rem,1px)}}.article-empty{text-align:center}@media screen and (min-width:768px){.article-empty{margin-top:max(7.2rem,1px)}}@media screen and (max-width:767px){.article-empty{margin-top:max(4rem,1px)}}.search{position:relative;overflow:hidden;background-color:var(--color-beige);border:0 solid var(--color-black);border-radius:var(--border-radius)}@media screen and (min-width:768px){.search{margin-top:max(9.6rem,1px);border-width:max(.1rem,1px)}}@media screen and (max-width:767px){.search{margin-top:max(6rem,1px);border-width:max(.1rem,1px)}}.search-header{display:flex;align-items:center;width:100%;text-align:left;cursor:pointer;background-color:initial;border:0}@media screen and (min-width:768px){.search-header{padding:max(4.8rem,1px)}}@media screen and (max-width:767px){.search-header{padding:max(3rem,1px) max(2rem,1px)}}@media screen and (hover:hover) and (min-width:768px){.search-header:hover .search-btn{color:var(--color-white);background-color:var(--color-green);border-color:var(--color-green)}}@media (hover:none){.search-header:active .search-btn{color:var(--color-white);background-color:var(--color-green);border-color:var(--color-green)}}.search-ttl{display:flex;flex:0 0 auto;align-items:center}@media screen and (min-width:768px){.search-ttl{gap:max(1.2rem,1px)}}@media screen and (max-width:767px){.search-ttl{gap:max(1.2rem,1px)}}.search-ttl-icon{aspect-ratio:1/1;line-height:var(--leading-none);color:var(--color-green)}@media screen and (min-width:768px){.search-ttl-icon{width:max(1.6rem,1px)}}@media screen and (max-width:767px){.search-ttl-icon{width:max(1.6rem,1px)}}.search-ttl-txt{padding-bottom:.2em}@media screen and (min-width:768px){.search-ttl-txt{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);font-size:max(2rem,1px)}}@media screen and (max-width:767px){.search-ttl-txt{font-family:var(--font-family-base);font-weight:var(--font-weight-bold);line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);font-size:max(1.8rem,1px)}}.search-btn{position:relative;aspect-ratio:1/1;margin-left:auto;line-height:var(--leading-none);color:var(--color-green);background-color:var(--color-white);border:0 solid var(--color-gray);border-radius:var(--border-radius-s);transition:color .15s var(--ease-power1-out),border-color .15s var(--ease-power1-out),background-color .15s var(--ease-power1-out)}@media screen and (min-width:768px){.search-btn{width:max(4.8rem,1px);border-width:max(.1rem,1px)}}@media screen and (max-width:767px){.search-btn{width:max(3rem,1px);border-width:max(.1rem,1px)}}.search-btn:after,.search-btn:before{position:absolute;inset:0;margin:auto;content:"";background-color:currentcolor}@media screen and (min-width:768px){.search-btn:after,.search-btn:before{width:max(1.6rem,1px);height:max(.2rem,1px)}}@media screen and (max-width:767px){.search-btn:after,.search-btn:before{width:max(1rem,1px);height:max(.1rem,1px)}}.search-btn:after{transform:rotate(90deg);transition:transform .4s var(--ease-power3-out)}.is-open .search-btn:after{transform:rotate(0)}.search-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease-power3-out)}.is-open .search-body{grid-template-rows:1fr}.is-closing .search-body{grid-template-rows:0fr}.search-mask{min-block-size:0;overflow:hidden}@media screen and (min-width:768px){.search-mask{margin-inline:max(4.8rem,1px)}}@media screen and (max-width:767px){.search-mask{margin-inline:max(2rem,1px)}}.search-mask-inline{border:0 solid var(--color-gray)}@media screen and (min-width:768px){.search-mask-inline{padding-top:max(3.4rem,1px);padding-bottom:max(4.8rem,1px);border-top-width:max(.1rem,1px)}}@media screen and (max-width:767px){.search-mask-inline{padding-top:max(2.8rem,1px);padding-bottom:max(3rem,1px);border-top-width:max(.1rem,1px)}}.is-opening.is-open .search-mask-inline{animation:search-body-show .4s var(--ease-power2-out)}.is-closing .search-mask-inline{animation:search-body-hide .4s var(--ease-power2-out)}.search-control{min-inline-size:0;padding:0;margin:0;border:0}@media screen and (min-width:768px){.search-control+.search-control{margin-top:max(3.3rem,1px)}}@media screen and (max-width:767px){.search-control+.search-control{margin-top:max(2.8rem,1px)}}.search-label{padding:0;line-height:var(--leading-normal);color:var(--color-dark-gray);letter-spacing:var(--tracking-widest)}@media screen and (min-width:768px){.search-label{font-size:max(1.4rem,1px)}}@media screen and (max-width:767px){.search-label{font-size:max(1.3rem,1px)}}.search-field{display:flex;flex-wrap:wrap;align-items:center}@media screen and (min-width:768px){.search-field{gap:max(.5rem,1px);margin-top:max(1.8rem,1px)}}@media screen and (max-width:767px){.search-field{gap:max(.4rem,1px);margin-top:max(1.8rem,1px)}}.search-checkbox,.search-radio{position:relative;overflow:hidden;background-color:var(--color-white);border:0 solid var(--color-gray);border-radius:var(--border-radius-full);transition:color .15s var(--ease-power1-out),border-color .15s var(--ease-power1-out),background-color .15s var(--ease-power1-out)}@media screen and (min-width:768px){.search-checkbox,.search-radio{gap:max(.8rem,1px);border-width:max(.1rem,1px)}}@media screen and (max-width:767px){.search-checkbox,.search-radio{gap:max(.8rem,1px);border-width:max(.1rem,1px)}}.search-checkbox-input,.search-radio-input{position:absolute;inset:0;cursor:pointer}.search-checkbox-icon,.search-radio-icon{position:relative;aspect-ratio:1/1;line-height:var(--leading-tight);color:var(--color-gray);border:0 solid}@media screen and (min-width:768px){.search-checkbox-icon,.search-radio-icon{border-width:max(.1rem,1px)}}@media screen and (max-width:767px){.search-checkbox-icon,.search-radio-icon{border-width:max(.1rem,1px)}}.search-checkbox-txt,.search-radio-txt{line-height:var(--leading-normal);letter-spacing:var(--tracking-widest)}.search-checkbox:has(input:checked),.search-radio:has(input:checked){color:var(--color-white);background-color:var(--color-green);border-color:var(--color-green)}.search-checkbox:has(input:checked) input+i,.search-radio:has(input:checked) input+i{color:var(--color-white)}.search-checkbox:has(input:checked) input+i:after,.search-radio:has(input:checked) input+i:after{opacity:1}@media screen and (hover:hover) and (min-width:768px){.search-checkbox:hover,.search-radio:hover{color:var(--color-white);background-color:var(--color-green);border-color:var(--color-green)}}@media (hover:none){.search-checkbox:active,.search-radio:active{color:var(--color-white);background-color:var(--color-green);border-color:var(--color-green)}}.search-radio{display:flex;align-items:center}@media screen and (min-width:768px){.search-radio{padding:max(.8rem,1px) max(1.8rem,1px) max(.6rem,1px) max(1.1rem,1px)}}@media screen and (max-width:767px){.search-radio{width:100%;padding:max(.8rem,1px) max(1.2rem,1px) max(.6rem,1px) max(1rem,1px)}}.search-radio-icon{border-radius:var(--border-radius-full)}@media screen and (min-width:768px){.search-radio-icon{width:max(1.6rem,1px);border-width:max(.1rem,1px)}}@media screen and (max-width:767px){.search-radio-icon{width:max(1.6rem,1px);border-width:max(.1rem,1px)}}.search-radio-icon:after{position:absolute;inset:0;aspect-ratio:1/1;margin:auto;line-height:var(--leading-tight);content:"";background-color:currentcolor;border-radius:var(--border-radius-full);opacity:0}@media screen and (min-width:768px){.search-radio-icon:after{width:max(1rem,1px)}}@media screen and (max-width:767px){.search-radio-icon:after{width:max(1rem,1px)}}.search-radio-txt{font-family:var(--font-family-hanken);font-weight:var(--font-weight-regular)}@media screen and (min-width:768px){.search-radio-txt{font-size:max(1.6rem,1px)}}@media screen and (max-width:767px){.search-radio-txt{font-size:max(1.5rem,1px)}}.search-checkbox{display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px){.search-checkbox{gap:max(.8rem,1px);padding:max(.6rem,1px) max(1.6rem,1px) max(.6rem,1px) max(1.7rem,1px)}}@media screen and (max-width:767px){.search-checkbox{gap:max(.7rem,1px);padding:max(.8rem,1px) max(1.5rem,1px) max(.5rem,1px)}}@media screen and (min-width:768px){.search-checkbox-icon{width:max(1.2rem,1px);margin-top:-.2rem;border-radius:max(.2rem,1px)}}@media screen and (max-width:767px){.search-checkbox-icon{width:max(1.2rem,1px);margin-top:-.2rem;border-radius:max(.2rem,1px)}}.search-checkbox-icon:after{position:absolute;inset:0;aspect-ratio:1/1;margin:auto;line-height:var(--leading-tight);content:"";border:0 solid;opacity:0;transform:rotate(-45deg);transition:opacity .15s var(--ease-power1-out)}@media screen and (min-width:768px){.search-checkbox-icon:after{width:max(.8rem,1px);height:max(.5rem,1px);border-bottom-width:max(.2rem,1px);border-left-width:max(.2rem,1px)}}@media screen and (max-width:767px){.search-checkbox-icon:after{width:max(.8rem,1px);height:max(.5rem,1px);border-bottom-width:max(.2rem,1px);border-left-width:max(.2rem,1px)}}.search-checkbox-txt{padding-bottom:.2em}@media screen and (min-width:768px){.search-checkbox-txt{font-size:max(1.4rem,1px)}}@media screen and (max-width:767px){.search-checkbox-txt{font-size:max(1.3rem,1px)}}.search-action{display:flex;justify-content:flex-end;border:0 solid var(--color-gray)}@media screen and (min-width:768px){.search-action{gap:max(.8rem,1px);padding-top:max(3.6rem,1px);margin-top:max(3.6rem,1px);border-top-width:max(.1rem,1px)}}@media screen and (max-width:767px){.search-action{gap:max(.6rem,1px);padding-top:max(3rem,1px);margin-top:max(3rem,1px);border-top-width:max(.1rem,1px)}}.search-reset,.search-submit{line-height:var(--leading-normal);letter-spacing:var(--tracking-widest);cursor:pointer;border-radius:var(--border-radius-full);transition:color .15s var(--ease-power1-out),border-color .15s var(--ease-power1-out),background-color .15s var(--ease-power1-out)}@media screen and (min-width:768px){.search-reset,.search-submit{padding:max(1.6rem,1px) max(3.2rem,1px) max(1.8rem,1px);font-size:max(1.6rem,1px)}}@media screen and (max-width:767px){.search-reset,.search-submit{padding:max(1.4rem,1px) max(2.8rem,1px) max(1.6rem,1px);font-size:max(1.5rem,1px)}}@media screen and (hover:hover) and (min-width:768px){.search-reset:hover,.search-submit:hover{color:var(--color-white);background-color:var(--color-green);border-color:var(--color-green)}}@media (hover:none){.search-reset:active,.search-submit:active{color:var(--color-white);background-color:var(--color-green);border-color:var(--color-green)}}.search-reset{background-color:var(--color-gray)}.search-submit{color:var(--color-white);background-color:var(--color-black)}.pager{position:relative}@media screen and (min-width:768px){.pager{margin-top:max(9.6rem,1px)}}@media screen and (max-width:767px){.pager{margin-top:max(6rem,1px)}}.pager-list{display:flex;justify-content:center}@media screen and (min-width:768px){.pager-list{gap:max(.4rem,1px)}}.pager-btn{display:inline-block;aspect-ratio:1/1;font-family:var(--font-family-hanken);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-base);text-decoration:none;border:0 solid var(--color-green);border-radius:var(--border-radius-full);transition:color .15s var(--ease-power1-out);display:flex;align-items:center;justify-content:center}@media screen and (min-width:768px){.pager-btn{width:max(7.2rem,1px);font-size:max(1.8rem,1px)}}@media screen and (max-width:767px){.pager-btn{width:max(4rem,1px);font-size:max(1.6rem,1px)}}@media screen and (min-width:768px){.pager-btn svg{width:max(1.8rem,1px)}}@media screen and (max-width:767px){.pager-btn svg{width:max(1.8rem,1px)}}.pager-btn.prev svg{transform:scaleX(-1)}.pager-btn.current,.pager-btn.is-current{pointer-events:none}.pager-btn.current.next,.pager-btn.current.prev,.pager-btn.is-current.next,.pager-btn.is-current.prev{color:var(--color-dark-gray)}.pager-btn.current{color:var(--color-green)}@media screen and (min-width:768px){.pager-btn.current{border-width:max(.1rem,1px)}}@media screen and (max-width:767px){.pager-btn.current{border-width:max(.1rem,1px)}}@media screen and (hover:hover) and (min-width:768px){.pager-btn:hover{color:var(--color-green)}}@media (hover:none){.pager-btn:active{color:var(--color-green)}}