/* ==================================================
	 NEWS Page Specific Styles
	 ================================================== */
/* --------------------------------------------------
 トップページ
-------------------------------------------------- */

.p-topMv_lw {
  background: #eeebe9;
  position: relative;
}
@media (min-width:1024px){
	.p-topMv_lw{display:none !important;}
}
.p-topMv_lw:before {
  content: "";
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgb(0, 0, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 100%);
  height: 25rem;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0.4;
}
@media screen and (max-width: 767px) {
  .p-topMv_lw:before {
    height: 10.5rem;
  }
}
.p-topMv_lw__slider .slide {
  height: 80vh;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .p-topMv_lw__slider .slide {
    height: 60svh;
  }
}
.p-topMv_lw__slider .slide-img {
  height: 100%;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.p-topMv_lw__slider .slide-img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}






.index__whitesection {padding-top:20rem; padding-bottom:10rem;}
.index__news__main {margin-top:10rem;}
.news .page__header{padding-top:20rem}
.news .page__header--small .page__header__body{padding-left:max(26rem,260px)}
.news__index{align-items:flex-start;display:flex;flex-flow:row nowrap;justify-content:flex-end;margin:10rem auto 0;position:relative;width:calc(100% - 12rem)}
.news__index__aside{flex:0 0 36rem;padding-right:3rem;width:36rem}
.news__index__aside__label{font-size:max(1.8rem,18px);letter-spacing:0;line-height:1em}
.news__index__aside__categories__list{display:flex;flex-flow:row wrap;gap:.8rem;margin-top:2rem;max-width:30rem;width:100%}
.news__index__aside__categories__list__item{display:block;flex:0 0 auto;height:max(2.2rem,22px);min-width:9.6rem;width:auto}
.news__index__aside__categories__list__link{border:1px solid #ccc;border-radius:9999px;display:block;font-size:max(1rem,10px);letter-spacing:0;line-height:2em;padding:0 1.5rem;text-align:center;text-decoration:none}
.news__index__aside__categories__list__link.current{background-color:#000;border-color:#000;color:#fff;pointer-events:none}
.news__index__aside__archive{margin-top:5rem}
.news__index__aside__archive__list{margin-top:2rem}
.news__index__aside__archive__list__item:last-child{margin-top:3.4rem}
.news__index__aside__archive__list__item a,.news__index__aside__archive__list__link{color:#999;display:block;font-size:max(1.4rem,14px);letter-spacing:0;line-height:2.4285714286em;text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:max(.6rem,6px);width:-moz-fit-content;width:fit-content}body:not(.touch) .news__index__aside__archive__list__item a:hover,body:not(.touch) .news__index__aside__archive__list__link:hover{text-decoration:none}
.news__index__aside__archive__list__item a[aria-current=page],.news__index__aside__archive__list__link[aria-current=page]{color:#000!important;pointer-events:none;text-decoration:none}
.news__index__main{flex:0 0 96rem;width:96rem}
.news__index__list__item{border-top:1px solid #ccc}
.news__index__list__item+.news__index__list__item{margin-top:2.8rem}
.news__index__list__item__link{display:block;padding-bottom:2.1rem;padding-top:calc(2.1rem + max(4.5rem, 45px));position:relative}
.news__index__list__item__date{left:0;line-height:2.2em}
.news__index__list__item__date,.news__index__list__item__term{font-size:max(1rem,10px);letter-spacing:0;position:absolute;top:2.1rem}
.news__index__list__item__term{border:1px solid #ccc;border-radius:9999px;display:block;height:max(2.2rem,22px);left:10rem;line-height:2em;min-width:9.6rem;padding:0 1.5rem;text-align:center;text-decoration:none;width:auto}
.news__index__list__item__title{font-size:max(1.8rem,18px);letter-spacing:0;line-height:1.2777777778em;position:relative;transition:padding .5s cubic-bezier(.19,1,.22,1) 0s}
.news__index__list__item__title:after{background-color:#039;clip-path:polygon(0 0,100% 50%,0 100%);content:"";display:block;height:max(.8rem,8px);left:min(-2rem,-20px);opacity:1;opacity:0;pointer-events:none;position:absolute;top:calc(50% - max(.4rem, 4px));width:max(.8rem,8px)}body:not(.touch) .news__index__list__item__link:not(.clicked) .news__index__list__item__title,body:not(.touch) .news__index__list__item__link:not(:hover) .news__index__list__item__title{animation:articlelistItemTextOff .5s cubic-bezier(.19,1,.22,1) 0s 1 normal both}body:not(.touch) .news__index__list__item__link.clicked .news__index__list__item__title,body:not(.touch) .news__index__list__item__link:hover .news__index__list__item__title{animation:articlelistItemTextOn 1s cubic-bezier(.19,1,.22,1) 0s 1 normal both}body:not(.touch) .news__index__list__item__link.clicked .news__index__list__item__title:after,body:not(.touch) .news__index__list__item__link:hover .news__index__list__item__title:after{animation:articlelistItemArrowTick 1s cubic-bezier(.19,1,.22,1) .75s infinite normal both;left:0;opacity:1}
.news__index__pagenation{align-items:center;display:flex;flex-flow:row wrap;justify-content:center;margin-top:10rem;min-height:6.6rem;padding:0 23rem;position:relative;width:100%}
.news__index__pagenation__next,.news__index__pagenation__prev{position:absolute;top:0;width:21rem}
.news__index__pagenation__prev{left:0}
.news__index__pagenation__next{right:0}
.news__index__pagenation .current,.news__index__pagenation .first,.news__index__pagenation .last,.news__index__pagenation .page,.news__index__pagenation__page{color:#999;display:block;font-size:max(1.4rem,14px);letter-spacing:0;line-height:1em;padding:max(.7rem,7px);text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:max(.6rem,6px)}body:not(.touch) .news__index__pagenation .current.clicked,body:not(.touch) .news__index__pagenation .current:hover,body:not(.touch) .news__index__pagenation .first.clicked,body:not(.touch) .news__index__pagenation .first:hover,body:not(.touch) .news__index__pagenation .last.clicked,body:not(.touch) .news__index__pagenation .last:hover,body:not(.touch) .news__index__pagenation .page.clicked,body:not(.touch) .news__index__pagenation .page:hover,body:not(.touch) .news__index__pagenation__page.clicked,body:not(.touch) .news__index__pagenation__page:hover{text-decoration:none!important}
.news__index__pagenation .extend{color:#999;display:block;font-size:max(1.4rem,14px);letter-spacing:0;line-height:1em;padding:max(.2rem,2px)}
.news__index__pagenation .current,.news__index__pagenation__page.current{color:#000;text-decoration:none}
.news__article{margin:0 auto;width:84rem}
.news__article__header{padding-top:6rem;position:relative}
.news__article__header__date{left:0;line-height:2.2em}
.news__article__header__date,.news__article__header__term{font-size:max(1rem,10px);letter-spacing:0;position:absolute;top:0}
.news__article__header__term{border:1px solid #ccc;border-radius:9999px;display:block;height:max(2.2rem,22px);left:max(10rem,100px);line-height:2em;min-width:9.6rem;padding:0 1.5rem;text-align:center;text-decoration:none;width:auto}
.news__article__header__title{font-size:max(4.2rem,42px);letter-spacing:0;line-height:1.5380952381em; font-weight:500;}
.news__article__body{margin:10rem auto 0;width:74rem}
.news__article__body .subheading {font-size:1.2em; margin-bottom:1rem;}
.news__article__body p {margin-bottom:2rem;line-height:1.8380952381em;}
.news__article__backbtn{margin:10rem auto 0;width:30rem}







@media (max-width:1023px){
.index__whitesection {padding-top:10rem; padding-bottom:10rem;}
	.news .page__header{padding-top:12rem}
	.news .page__header--small .page__header__body{padding-left:0}
	.news__index{flex-flow:column nowrap;margin:2rem auto 0;position:relative;width:calc(100% - 3rem)}
	.news__index,.news__index__aside{align-items:flex-start;display:flex;justify-content:flex-start}
	.news__index__aside{flex:0 0 100%;flex-flow:row wrap;margin-top:10rem;order:2;padding-right:0;width:100%}
	.news__index__aside__label{font-size:max(1.5rem,15px);letter-spacing:0;line-height:1em}
	.news__index__aside__categories{flex:0 0 calc(50% - 0.75rem)}
	.news__index__aside__categories__list{display:flex;flex-flow:row wrap;gap:.8rem;margin-top:2rem;max-width:30rem;width:100%}
	.news__index__aside__categories__list__item{display:block;flex:0 0 auto;height:max(2.2rem,22px);min-width:9.6rem;width:auto}
	.news__index__aside__categories__list__link{border:1px solid #ccc;border-radius:9999px;display:block;font-size:max(1rem,10px);letter-spacing:0;line-height:2em;padding:0 1.5rem;text-align:center;text-decoration:none}
	.news__index__aside__archive{flex:0 0 calc(50% - 0.75rem);margin-top:0}
	.news__index__aside__archive__list{display:flex;flex-flow:row wrap;margin-top:1rem}
	.news__index__aside__archive__list__item{flex:0 0 50%;width:50%}
	.news__index__aside__archive__list__item:last-child{flex:0 0 100%;margin-top:3.3rem;width:100%}
	.news__index__aside__archive__list__item a,.news__index__aside__archive__list__link{font-size:max(1.3rem,13px);letter-spacing:0;line-height:2.5384615385em}
	.news__index__main{flex:0 0 100%;order:1;width:100%}
	.news__index__list__item{border-top:1px solid #ccc}
	.news__index__list__item+.news__index__list__item{margin-top:1.5rem}
	.news__index__list__item__link{display:block;padding-bottom:1.5rem;padding-top:max(4.2rem,42px);position:relative}
	.news__index__list__item__date{font-size:max(1rem,10px);left:0;letter-spacing:0;line-height:1em;position:absolute;top:1.8rem;transform:scale(.9);transform-origin:left center}
	.news__index__list__item__term{border:1px solid #ccc;font-size:max(1rem,10px);height:max(2.2rem,22px);left:7.5rem;letter-spacing:0;line-height:2em;min-width:max(9rem,90px);padding:0 max(2rem,20px);position:absolute;text-decoration:none;top:1.2rem;transform:scale(.8);transform-origin:left center}
	.news__index__list__item__title{font-size:max(1.5rem,15px);letter-spacing:0;line-height:1.3333333333em}
	.news__index__pagenation{margin-top:3.5rem;min-height:0;padding:0 0 8rem}
	.news__index__pagenation__next,.news__index__pagenation__prev{bottom:0;top:auto;width:calc(50% - .75rem)}
	.news__index__pagenation .current,.news__index__pagenation .first,.news__index__pagenation .last,.news__index__pagenation .page,.news__index__pagenation__page{color:#999;display:block;font-size:max(1.3rem,13px);letter-spacing:0;line-height:1em;padding:max(.6rem,6px);text-decoration:underline;text-decoration-color:#ccc;text-underline-offset:max(.6rem,6px)}
	body:not(.touch) .news__index__pagenation .current.clicked,body:not(.touch) .news__index__pagenation .current:hover,body:not(.touch) .news__index__pagenation .first.clicked,body:not(.touch) .news__index__pagenation .first:hover,body:not(.touch) .news__index__pagenation .last.clicked,body:not(.touch) .news__index__pagenation .last:hover,body:not(.touch) .news__index__pagenation .page.clicked,body:not(.touch) .news__index__pagenation .page:hover,body:not(.touch) .news__index__pagenation__page.clicked,body:not(.touch) .news__index__pagenation__page:hover{text-decoration:none!important}
	.news__index__pagenation .extend{font-size:max(1.3rem,13px);letter-spacing:0;line-height:1em;padding:max(.2rem,2px)}
	.news__article{margin:1rem auto 0;width:calc(100% - 3rem)}
	.news__article__header{padding-top:3rem}
	.news__article__header__date{left:0;line-height:1em;top:0;transform:scale(.9);transform-origin:left center}
	.news__article__header__date,.news__article__header__term{font-size:max(1rem,10px);letter-spacing:0;position:absolute}
	.news__article__header__term{border:1px solid #ccc;height:max(2.2rem,22px);left:7.5rem;line-height:2em;min-width:max(9rem,90px);padding:0 max(2rem,20px);text-decoration:none;top:-.6rem;transform:scale(.8);transform-origin:left center}
	.news__article__header__title{font-size:max(2.8rem,28px);letter-spacing:0;line-height:1.4385714286em}
	.news__article__body{margin:5rem auto 0;width:100%}
	.news__article__backbtn{margin:6rem auto 0;width:23rem}
}
