.cChangeImage{display:grid}.cChangeImage__color{z-index:0;grid-area:1/1;filter:brightness(1.5);transition:filter 3s var(--ease-out-quint)}.cChangeImage__monochro{z-index:1;grid-area:1/1;opacity:1;transition:opacity 2s var(--ease-out-quint)}.cChangeImage.is-active .cChangeImage__color{filter:brightness(1)}.cChangeImage.is-active .cChangeImage__monochro{opacity:0}.cGradientImage{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;filter:brightness(1.5);-webkit-mask-image:linear-gradient(-35deg,transparent 55%,#000 70%,#000);mask-image:linear-gradient(-35deg,transparent 55%,#000 70%,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:300% 600%;mask-size:300% 600%;transition:opacity var(--_animation-time, 1s) var(--ease-out-circ),filter var(--_animation-time, 3.5s) var(--ease-out-circ),-webkit-mask-position var(--_animation-time, 3.2s) var(--ease-out-circ);transition:opacity var(--_animation-time, 1s) var(--ease-out-circ),filter var(--_animation-time, 3.5s) var(--ease-out-circ),mask-position var(--_animation-time, 3.2s) var(--ease-out-circ);transition:opacity var(--_animation-time, 1s) var(--ease-out-circ),filter var(--_animation-time, 3.5s) var(--ease-out-circ),mask-position var(--_animation-time, 3.2s) var(--ease-out-circ),-webkit-mask-position var(--_animation-time, 3.2s) var(--ease-out-circ)}.cGradientImage.is-active{opacity:1;filter:brightness(1);-webkit-mask-position:0 0;mask-position:0 0}@keyframes gradientimage{0%{opacity:1;filter:brightness(1.5);-webkit-mask-position:0 100%;mask-position:0 100%}to{opacity:1;filter:brightness(1);-webkit-mask-position:0 0;mask-position:0 0}}.cGradientToptoImage{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;filter:brightness(1.2);-webkit-mask-image:linear-gradient(0deg,transparent 55%,#000 70%,#000);mask-image:linear-gradient(0deg,transparent 55%,#000 70%,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 400%;mask-size:100% 400%}.cGradientToptoImage.is-active{transition:opacity var(--_animation-time, 3.5s) var(--ease-out-circ),filter var(--_animation-time, 3.5s) var(--ease-out-circ),-webkit-mask-position var(--_animation-time, 3s) var(--ease-out-circ);transition:opacity var(--_animation-time, 3.5s) var(--ease-out-circ),filter var(--_animation-time, 3.5s) var(--ease-out-circ),mask-position var(--_animation-time, 3s) var(--ease-out-circ);transition:opacity var(--_animation-time, 3.5s) var(--ease-out-circ),filter var(--_animation-time, 3.5s) var(--ease-out-circ),mask-position var(--_animation-time, 3s) var(--ease-out-circ),-webkit-mask-position var(--_animation-time, 3s) var(--ease-out-circ)}.cGradientBottomUpImage{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-mask-image:linear-gradient(180deg,transparent 45%,#000 70%,#000);mask-image:linear-gradient(180deg,transparent 45%,#000 70%,#000);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:100% 400%;mask-size:100% 400%}.cGradientBottomUpImage.is-active{animation:gradient-bottom-up-image 2s var(--ease-out-circ) forwards}@keyframes gradient-bottom-up-image{0%{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}to{opacity:1;-webkit-mask-position:0 100%;mask-position:0 100%}}.cGradientToRightImage{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 60%);mask-image:linear-gradient(90deg,#000 30%,transparent 60%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:100% 0;mask-position:100% 0;-webkit-mask-size:400% 100%;mask-size:400% 100%}.cGradientToRightImage.is-active{animation:gradientToRightImage 2s var(--ease-out-circ) forwards}@keyframes gradientToRightImage{0%{opacity:1;-webkit-mask-position:100% 0;mask-position:100% 0}to{opacity:1;-webkit-mask-position:0 0;mask-position:0 0}}.cLinePath__path{fill:none;stroke:#fff}.cPageAnimation{opacity:0;transition:opacity 2s var(--ease-out-circ)}.cPageAnimation.is-active{opacity:1}.cPagination{position:relative;padding-bottom:calc(45 * var(--px))}.cPagination__list{display:flex;gap:calc(16 * var(--px));justify-content:center}.cPagination__item{width:calc(40 * var(--px));height:calc(40 * var(--px))}.cPagination__dot{display:grid;place-items:center;width:calc(40 * var(--px));height:calc(40 * var(--px))}.cPagination__number_link{display:grid;place-items:center;width:100%;height:100%}.cPagination__number_text{grid-area:1/1;font-family:var(--font-en);font-size:calc(16 * var(--px));font-weight:400;line-height:1;letter-spacing:.04em}.cPagination__number_current{grid-area:1/1;width:calc(24 * var(--px));height:calc(2 * var(--px));margin-top:auto}.cPagination__arrow{position:absolute;bottom:0}.cPagination__arrow_link.is-disable{pointer-events:none;opacity:.3}.cPagination__arrow_icon{position:relative;width:calc(64 * var(--px));height:calc(22 * var(--px))}.cPagination__arrow[data-arrow=prev]{left:calc(76 * var(--px))}.cPagination__arrow[data-arrow=prev] .cPagination__arrow_icon_left{position:absolute;top:0;left:calc(2 * var(--px));width:calc(13 * var(--px));height:calc(21 * var(--px))}.cPagination__arrow[data-arrow=prev] .cPagination__arrow_icon_right{position:absolute;top:calc(15 * var(--px));left:0;width:calc(64 * var(--px));height:calc(2 * var(--px))}.cPagination__arrow[data-arrow=next]{right:calc(76 * var(--px))}.cPagination__arrow[data-arrow=next] .cPagination__arrow_icon_left{position:absolute;top:calc(15 * var(--px));left:0;width:calc(64 * var(--px));height:calc(2 * var(--px))}.cPagination__arrow[data-arrow=next] .cPagination__arrow_icon_right{position:absolute;top:0;right:calc(2 * var(--px));width:calc(13 * var(--px));height:calc(21 * var(--px))}@media screen and (min-width: 767px){.cPagination__nav{display:flex;align-items:center}.cPagination__arrow{position:relative;bottom:auto}.cPagination__arrow[data-arrow=prev]{left:auto;margin-right:calc(40 * var(--px))}.cPagination__arrow[data-arrow=next]{right:auto;margin-left:calc(40 * var(--px))}.cPagination__arrow_link{position:relative;width:calc(64 * var(--px));height:calc(22 * var(--px))}.cPagination__arrow_icon{position:absolute;top:0;left:0;transition:transform .5s var(--ease-out-expo)}}@media screen and (min-width: 767px) and (any-hover: hover){.cPagination__number_link .cPagination__number_text{transition:transform .5s var(--ease-out-expo)}.cPagination__number_link:hover .cPagination__number_text{transform:translateY(calc(-5 * var(--px)));transition:transform 1s var(--ease-out-expo)}.cPagination__prev_link{padding-left:calc(5 * var(--px));margin-left:calc(5 * var(--px))}.cPagination__prev_link:hover .cPagination__arrow_icon{transform:translate(calc(-5 * var(--px)));transition:transform 1s var(--ease-out-expo)}.cPagination__next_link:hover .cPagination__arrow_icon{transform:translate(calc(5 * var(--px)));transition:transform 1s var(--ease-out-expo)}}.lMain{opacity:0}.pWP{position:relative;display:grid}.pWP__background{position:sticky;top:0;left:0;z-index:-1;grid-area:1/1;width:100%;height:100vh;pointer-events:none}.pWP__wrapper{position:relative;grid-area:1/1;width:100%;padding:calc(84 * var(--px)) 0 0}.pWP__head{position:relative;width:100%}.pWP__head_breadcrumb{width:calc(260 * var(--px));padding-left:calc(16 * var(--px))}.pWP__head_inner{width:100%;padding:0 calc(24 * var(--px));margin-top:calc(62 * var(--px))}.pWP__head_title{display:flex;justify-content:center}.pWP__head_title_text{position:relative;width:-moz-fit-content;width:fit-content;font-family:var(--font-en);font-size:calc(25 * var(--px));font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:0}.pWP__head_title_text:after{position:absolute;bottom:calc(3 * var(--px));left:0;width:100%;height:calc(2 * var(--px));content:"";background-image:url(../images/common/line_yoko_repeat.png);background-repeat:repeat-x;background-size:auto calc(2 * var(--px))}.pWP__box{display:flex;flex-wrap:wrap;gap:calc(16 * var(--px));align-items:center;width:100%;padding:0 calc(24 * var(--px));margin-top:calc(16 * var(--px))}.pWP__inner{position:relative;padding:calc(32 * var(--px)) calc(24 * var(--px)) calc(96 * var(--px))}.pWP__line{position:absolute;top:calc(32 * var(--px));right:calc(24 * var(--px));z-index:0;display:grid;width:calc(208 * var(--px));height:calc(96 * var(--px))}.pWP__line_yoko{grid-area:1/1;align-self:self-start;width:calc(208 * var(--px));height:calc(2 * var(--px));margin-top:calc(8 * var(--px));clip-path:polygon(0 100%,0 100%,0 0,0 0);transition:clip-path 1s var(--ease-out-quint)}.pWP__line_tate{grid-area:1/1;justify-self:self-end;width:calc(2 * var(--px));height:calc(96 * var(--px));margin-right:calc(16 * var(--px));clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:clip-path 1s var(--ease-out-quint) .5s}.pWP__line.is-active .pWP__line_yoko,.pWP__line.is-active .pWP__line_tate{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.pWP__item_inner{display:flex;gap:calc(16 * var(--px))}.pWP__item_meta{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between}.pWP__item_upper{display:flex;flex-direction:column;align-items:flex-start}.pWP__item_image{position:relative;flex-shrink:0;width:calc(120 * var(--px));height:calc(120 * var(--px));margin-bottom:calc(16 * var(--px))}.pWP__item_image img{position:relative;z-index:0;width:100%;height:100%}.pWP__item_image_overlay{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;transition:opacity 2s var(--ease-out-circ)}.pWP__item_image_overlay.is-active{opacity:0}.pWP__item_date{font-family:var(--font-en);font-size:calc(10 * var(--px));font-weight:400;line-height:1;letter-spacing:.04em}.pWP__item_title{margin-top:calc(12 * var(--px));font-size:calc(18 * var(--px));font-weight:500;line-height:1.8;letter-spacing:-.02em}.pWP__item_category{display:flex;flex-wrap:wrap;gap:calc(5 * var(--px));margin-top:calc(6 * var(--px))}.pWP__item_category_name{min-width:calc(96 * var(--px));padding:calc(2 * var(--px)) calc(24 * var(--px)) calc(3 * var(--px));font-size:calc(13 * var(--px));font-weight:500;line-height:1;letter-spacing:-.02em;background-color:var(--color-white)}.pWP__item_bottom{display:flex;justify-content:flex-end}.pWP__item_arrow{width:calc(22 * var(--px));height:calc(5 * var(--px))}.pWP__item[data-post="1"]{padding-top:calc(32 * var(--px))}.pWP__item[data-post="1"] .pWP__item_inner{flex-direction:column;gap:calc(18 * var(--px))}.pWP__item[data-post="1"] .pWP__item_image{width:calc(224 * var(--px));height:calc(224 * var(--px));margin:0}.pWP__item[data-post="1"] .pWP__item_category{margin-top:calc(8 * var(--px))}.pWP__item[data-post="1"] .pWP__item_title{margin-top:calc(8 * var(--px));font-size:calc(20 * var(--px))}.pWP__item[data-post="1"] .pWP__item_bottom{display:grid;grid-template-columns:calc(248 * var(--px)) auto;align-items:flex-end;justify-content:space-between;margin-top:calc(22 * var(--px))}.pWP__item[data-post="1"] .pWP__item_excerpt{display:-webkit-box;max-height:calc(99 * var(--px));overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;font-size:calc(14 * var(--px));font-weight:500;line-height:1.8;letter-spacing:-.02em;-webkit-box-orient:vertical}.pWP__item[data-post="2"]{padding-top:calc(48 * var(--px))}.pWP__item[data-post="7"]{padding-bottom:calc(5 * var(--px))}.pWP__pagination{width:100%;padding:0 calc(16 * var(--px));margin-top:calc(80 * var(--px))}.pWPHeadNav{display:flex;flex-direction:column;gap:calc(9 * var(--px));margin-top:calc(80 * var(--px))}.pWPHeadNav__wrapper{display:flex;flex-direction:column;gap:calc(8 * var(--px));width:100%}.pWPHeadNav__wrapper.category{gap:calc(8 * var(--px))}.pWPHeadNav__wrapper.tag{gap:calc(13 * var(--px))}.pWPHeadNav__headline{font-family:var(--font-en);font-size:calc(13 * var(--px));font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.04em}.pWPHeadNav__inner{position:relative}.pWPHeadNav__list{position:relative;display:flex;flex-wrap:wrap;gap:calc(5 * var(--px))}.pWPHeadNav__list.tag{gap:calc(8 * var(--px))}.pWPHeadNav__item{flex:0 0 auto;flex-shrink:0;white-space:nowrap}.pWPHeadNav__link{font-size:calc(13 * var(--px));font-weight:500;line-height:1;letter-spacing:-.02em}.pWPHeadNav__link.category{padding:calc(1 * var(--px)) calc(16 * var(--px)) calc(2 * var(--px));text-align:center;background-color:var(--color-white)}.pWPHeadNav__link.category.is-current{background-color:var(--color-blue-gray)}.pWPHeadNav__link.tag{word-break:break-all;background-image:linear-gradient(var(--color-black),var(--color-black));background-repeat:no-repeat;background-position:0 100%;background-size:0% 1px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.pWPHeadNav__link.tag.is-current{background-size:100% 1px}.pWPHeadNavMore__button{display:flex;gap:calc(5 * var(--px));align-items:center;justify-content:space-between;width:-moz-fit-content;width:fit-content;padding:calc(8 * var(--px)) 0 0;margin-left:auto;word-break:break-all;background-image:linear-gradient(var(--color-black),var(--color-black));background-repeat:no-repeat;background-position:0 100%;background-size:100% 1px;transition:opacity .6s var(--ease-out-circ);-webkit-box-decoration-break:clone;box-decoration-break:clone}.pWPHeadNavMore__button.tag{margin-top:calc(5 * var(--px))}.pWPHeadNavMore__button_headline{font-family:var(--font-en);font-size:calc(11 * var(--px));font-weight:400;line-height:1;text-transform:uppercase;letter-spacing:.04em}.pWPHeadNavMore__button_icon{position:relative;display:block;flex-shrink:0;width:calc(9 * var(--px));height:calc(9 * var(--px));margin-top:calc(-2 * var(--px))}.pWPHeadNavMore__button_icon:after,.pWPHeadNavMore__button_icon:before{position:absolute;inset:0;display:block;margin:auto;content:"";background-color:var(--color-black);transition:transform .3s var(--ease-out-circ)}.pWPHeadNavMore__button_icon:before{width:calc(9 * var(--px));height:1px}.pWPHeadNavMore__button_icon:after{width:1px;height:calc(9 * var(--px))}.pWPHeadNavMore__content{height:0;overflow:hidden;transition:transform .6s var(--ease-out-circ),height .6s var(--ease-out-circ)}.pWPHeadNavMore.is-open .pWPHeadNavMore__button{visibility:hidden;opacity:0}.pWPHeadNavMore.is-open .pWPHeadNavMore__content{transform:translateY(calc(-12 * var(--px)))}.pWPHeadNavMore.is-open .pWPHeadNavMore__content.tag{transform:translateY(calc(-16 * var(--px)))}@media screen and (min-width: 767px){.pWP__background{height:100vh}.pWP__wrapper{padding-top:calc(132 * var(--px))}.pWP__head{display:grid;grid-template-rows:min-content;grid-template-columns:repeat(var(--grid-columns),1fr)}.pWP__head_breadcrumb{grid-column:3/23;padding:0}.pWP__head_inner{grid-column:3/61;padding:0;margin-top:calc(86 * var(--px))}.pWP__head_title_text{font-size:calc(27 * var(--px))}.pWP__head_title_text:after{height:calc(3 * var(--px));background-image:url(../images/common/line_yoko_repeat-pc.png);background-size:auto calc(3 * var(--px))}.pWP__inner{display:grid;grid-template-rows:min-content;grid-template-columns:repeat(var(--grid-columns),1fr);padding:0;margin-top:calc(16 * var(--px))}.pWP__line{top:0;right:calc(48 * var(--px-raw));width:calc(380 * var(--px-raw));height:calc(216 * var(--px-raw))}.pWP__line_yoko{width:calc(380 * var(--px-raw));height:calc(2 * var(--px-raw));margin-top:calc(17 * var(--px-raw))}.pWP__line_tate{width:calc(2 * var(--px-raw));height:calc(216 * var(--px-raw));margin-right:calc(32 * var(--px-raw))}.pWP__list{position:relative;display:grid;grid-template-columns:calc(656 * var(--px-raw)) calc(432 * var(--px-raw));grid-column:3/61;gap:0 calc(80 * var(--px));width:100%;padding:0 calc(112 * var(--px))}.pWP__list:after{position:absolute;top:calc(64 * var(--px));left:0;width:calc(3 * var(--px));height:calc(100% - 64 * var(--px));content:"";background-image:url(../images/common/line_tate_repeat-pc.png);background-repeat:repeat-y;background-size:calc(3 * var(--px)) auto;clip-path:polygon(100% 0,0 0,0 0,100% 0);transition:clip-path 1.5s var(--ease-out-quint)}.pWP__list.is-active:after{clip-path:polygon(0 100%,100% 100%,100% 0,0 0)}.pWP__item_image{width:calc(192 * var(--px-raw));height:calc(192 * var(--px-raw));margin:0}.pWP__item_image_overlay{transition:opacity 1s var(--ease-out-circ)}.pWP__item_image_overlay.is-active{opacity:1}.pWP__item_meta{display:flex;flex-direction:column;justify-content:space-between;margin-top:calc(2 * var(--px))}.pWP__item_upper{flex-grow:1}.pWP__item[data-post="1"]{grid-row:span 2;grid-column:1/2;padding-top:calc(64 * var(--px));margin:0}.pWP__item[data-post="1"] .pWP__item_inner{flex-direction:row;gap:calc(16 * var(--px-raw))}.pWP__item[data-post="1"] .pWP__item_image{width:calc(392 * var(--px-raw));height:calc(392 * var(--px-raw))}.pWP__item[data-post="1"] .pWP__item_meta{justify-content:flex-start}.pWP__item[data-post="1"] .pWP__item_upper{flex-grow:0}.pWP__item[data-post="1"] .pWP__item_title{font-size:calc(22 * var(--px))}.pWP__item[data-post="1"] .pWP__item_category{margin-top:calc(11 * var(--px))}.pWP__item[data-post="1"] .pWP__item_bottom{display:flex;flex-grow:1;flex-direction:column;justify-content:space-between;margin-top:calc(18 * var(--px))}.pWP__item[data-post="1"] .pWP__item_excerpt{flex-grow:1}.pWP__item[data-post="2"]{grid-column:2/3;padding-top:calc(64 * var(--px))}.pWP__item[data-post="3"]{grid-column:2/3;padding-top:calc(8 * var(--px))}.pWP__item[data-post="4"]{grid-column:1/2;width:calc(432 * var(--px-raw));padding-top:calc(64 * var(--px))}.pWP__item[data-post="5"]{grid-column:2/3;padding-top:calc(64 * var(--px))}.pWP__item[data-post="6"]{grid-column:1/2;width:calc(432 * var(--px-raw));padding-top:calc(8 * var(--px))}.pWP__item[data-post="7"]{grid-column:2/3;padding-top:calc(8 * var(--px))}.pWP__pagination{display:flex;grid-column:18/45;justify-content:center;padding:0;padding-bottom:calc(152 * var(--px));margin-top:calc(147 * var(--px))}.pWPHeadNav{gap:calc(14 * var(--px));margin-top:calc(92 * var(--px))}.pWPHeadNav__wrapper{display:grid;grid-template-columns:calc(121 * var(--px)) 1fr;gap:0;align-items:flex-start;padding:0;margin-top:0}.pWPHeadNav__wrapper.category,.pWPHeadNav__wrapper.tag{gap:0}.pWPHeadNav__headline{font-size:calc(13 * var(--px))}.pWPHeadNav__inner{display:flex;flex-wrap:wrap;gap:calc(5 * var(--px))}.pWPHeadNav__inner.category{gap:calc(8 * var(--px)) calc(5 * var(--px));margin-top:calc(-6 * var(--px))}.pWPHeadNav__inner.tag{gap:calc(11 * var(--px)) calc(5 * var(--px))}.pWPHeadNav__inner:after,.pWPHeadNav__inner:before{content:none}.pWPHeadNav__list{gap:calc(8 * var(--px));overflow:hidden}.pWPHeadNav__list.tag{gap:calc(12 * var(--px))}.pWPHeadNav__link{font-size:calc(13 * var(--px))}.pWPHeadNav__link.category{padding:calc(3 * var(--px)) calc(40 * var(--px)) calc(5 * var(--px))}.pWPHeadNav__link.tag{font-size:calc(14 * var(--px))}.pWPHeadNavMore{display:contents}.pWPHeadNavMore__button{display:none}.pWPHeadNavMore__content{display:contents;height:auto}.pWPHeadNavMore__content_inner,.pWPHeadNavMore__list{display:contents}}@media screen and (min-width: 767px) and (any-hover: hover){.pWP__item_inner:hover .pWP__item_image_overlay{opacity:0;transition:opacity 2s var(--ease-out-circ)}.pWPHeadNav__link.category:hover{background-color:var(--color-blue-gray);transition:background-color 1s var(--ease-out-circ)}.pWPHeadNav__link.tag{background-position:right 100%;background-size:0 1px;transition:background-size .5s var(--ease-out-circ)}.pWPHeadNav__link.tag.is-current{background-size:100% 1px}.pWPHeadNav__link.tag:hover{background-position:left 100%;background-size:100% 1px}}