/*TOPICS*/
.topics{
  padding: 0 0 clamp(28px,calc(28px + 48 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),76px);
  background-color: var(--bg-default-grey);
}
.topics__content{
  width: 100vw;
  margin-top: clamp(31px,calc(31px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),39px);
  padding-left: 30px;
  padding-right: 20px;
}
.topics__card{
  color: var(--default-font-color);
}
.topics__category-wrap{
  display: flex;
  align-items: center;
}
.topics__category-icon{
  padding-left: 1.2em;
  font-size: 13px;
  display: flex;
  align-items: center;
  position: relative;
}
.topics__category-icon:before{
  content: "";
  width:1em;
  height: 1em;
  display: block;
  background-color: var(--corp-main-color);
  border-radius: 50%;
  position: absolute;
  left: 0;
}
.topics__content.-shop_all .topics__category-icon:not(.shop_all){
  display: none;
}
.topics__card:hover .topics__image img{
  transform: scale(1.2);
}
.topics__card:hover .topics__title{
  color: var(--corp-main-color);
}
.topics__image{
  margin-top: clamp(12px,calc(12px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.topics__image img{
  width: 100%;
  transition: 0.3s transform ease-in;
}
.topics__detail{
  margin-top: clamp(12px,calc(12px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
}
.topics__title{
  font-size: 15px;
  line-height: 1.8;
  transition: 0.3s color ease;
}
.topics__time{
  margin-top: clamp(12px,calc(12px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),17px);
  font-size: 14px;
}
.topics .btn-more__area{
  margin-top: 32px;
  text-align: right;
}
.topics-sort{
  padding: clamp(68px,calc(68px + 22 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),90px) 0 clamp(60px,calc(60px + 130 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),190px);
}
.topics-sort__content{
  margin-top: clamp(30px,calc(30px + 35 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),65px);
}
.topics-sort__tab{
  margin-top: clamp(16px,calc(16px + 6 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),22px);
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.topics-sort__button{
  padding: 0.5em 0.6em;
  color: var(--default-font-color);
  font-size: clamp(15px,calc(15px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
  background-color: #F0F0F0;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  transition: 0.3s color ease;
}
.topics-sort__button:hover{
  color: var(--corp-main-color);
}
.topics-sort__button[aria-selected="true"]{
  color: #fff;
  background-color: #EFBD8B;
}
.topics-sort__tabpanel-content{
  margin-top: clamp(42px,calc(42px + 26 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),68px);
}
.topics-sort__tabpanel-content[aria-hidden="true"]{
  display: none;
}
.topics__lists.wrap{
  display: flex;
  flex-wrap: wrap;
  gap: clamp(40px,calc(40px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),60px) clamp(13px,calc(13px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),33px);
}
.topics__lists.wrap .topics__item{
  width: calc((100% - clamp(13px,calc(13px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),33px)) / 2);
}
.topics-sort__tabpanel-content .topics__category-icon:not(:last-of-type){
  display: none;
}
.topics-sort__tabpanel-content .topics__category-icon:last-of-type:before{
  background-color: #D9ABC6;
}

.navipage_.bottom_{
   margin-top: clamp(40px,calc(40px + 25 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),85px);
}
.navipage_.bottom_ center{
  display: flex;
  justify-content: center;
  gap: 0 clamp(20px,calc(20px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),20px);
}
.navipage_reverse_,
.navipage_forward_{
  display: none;
}
.navipage_.bottom_ center > a{
  padding: 0.2em 0.8em;
  color: var(--default-font-color);
  font-size: 22px;
  border-radius: 5px;
  background-color: #F0F0F0;
}
.navipage_now_{
  padding: 0.2em 0.8em;
  color: #fff;
  font-size: 22px;
  border-radius: 5px;
  background-color: #D9ABC6;
}


@media screen and (min-width:769px){
  .topics__lists.wrap .topics__item{
    width: calc((100% - (clamp(13px,calc(13px + 20 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),33px) * 3)) / 4);
  }
  .navipage_.bottom_ center{
    justify-content: flex-end;
  }
}
@media screen and (min-width:1261px){
  .topics__content{
    padding-left: calc((100vw - 1200px) / 2);
    padding-right: 40px;
  }
}

/*NEWS MEDIA*/
.corp-news .page-head__title-en{
  color: #89A3C7;
}
.article{
  padding: clamp(60px,calc(60px + 46 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),106px) 0 clamp(67px,calc(67px + 64 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),131px);
}
.article__lists{
  display: flex;
  flex-wrap: wrap;
  gap: clamp(40px,calc(40px + 34 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),74px) clamp(13px,calc(13px + 54 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),67px);
  align-items: flex-start;
}
.article__item{
  width: calc((100% - clamp(13px,calc(13px + 54 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),67px)) / 2);
  height: 100%;
}
.article__card{
  width: 100%;
  height: 100%;
  color: var(--default-font-color);
}
.article__card:hover .article__image img{
  transform: scale(1.2);
}
.article__card:hover .article__title{
  color: var(--corp-main-color);
}
.article__head{
  display: flex;
  align-items: flex-end;
  gap: 0 11px;
}
.article__category-wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 5px 10px;
}
.article__category-icon{
  padding: 0.3em 0.5em;
  display: inline-block;
  color: #fff;
  font-size: clamp(12px,calc(12px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),14px);
  border-radius: 5px;
  background-color: var(--corp-main-color);
}
.corp-news .article__category-icon:not(.articles_media, .articles_topics){
  display: none;
}
.article__category-icon.articles_media
{
  background-color: #D9ABC6;
}
.article__category-icon.articles_topics{
  background-color: var(--corp-main-color);
}
.corp-media .article__category-icon{
   background-color: #D9ABC6;
}
.corp-media .article__category-icon.articles_news,
.corp-media .article__category-icon.articles_media,
.corp-media .article__category-icon.articles_topics{
  display: none;
}
.articel__time{
  margin-top: 1em;
  font-size: clamp(12px,calc(12px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
  text-align: right;
}
.article__image{
  margin-top: clamp(11px,calc(11px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.article__image img{
  width: 100%;
  transition: 0.3s transform ease-in-out;
}
.article__detail{
  margin-top: clamp(11px,calc(11px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
}
.article__title{
  font-size: clamp(14px,calc(14px + 4 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  letter-spacing: 0.05em;
  line-height: 1.7;
  transition: 0.3s color ease;
}
.corp-news .navipage_now_{
  background-color: #89A3C7;
}
@media screen and (min-width:769px){
  .article__item{
   width: calc((100% - (clamp(13px,calc(13px + 54 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),67px) * 3)) / 4);
  }
}
/*MEDIA*/
.corp-media .page-head__title-en{
  color: #D9ABC6;
}
.corp-media .navipage_now_{
  background-color: #D9ABC6;
}
/*article detail*/
.aricle-detail-head{
  padding: clamp(52px,calc(52px + 57 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),109px) 0 clamp(28px,calc(28px + 48 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),76px);
  background-color: var(--bg-default-grey);
}
.aricle-detail-head__inner{
  width: 100%;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 20px;
}
.aricle-detail-head__time{
  font-size: clamp(14px,calc(14px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),16px);
}
.aricle-detail-head__title{
  margin-top: clamp(19px,calc(19px + 8 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),27px);
}
.page-head__title-jp{
  font-size: clamp(22px,calc(22px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),32px);
  letter-spacing: 0.1em;
  line-height: 2;
  font-weight: 500;
}
.article-detail__main{
  width: 100%;
  padding: clamp(50px,calc(50px + 40 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),90px) 0 clamp(97px,calc(97px + 76 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),173px);
  background-color: #fff;
}
.article-detail__main-inner{
  width: 100%;
  max-width: 1030px;
  margin: 0 auto;
  padding: 0 15px;
}
.article-detail__thumnail{
  width: 100%;
}
.article-detail__thumnail.-small{
  max-width: 500px;
  margin: 0 auto;
}
.article-detail__thumnail img{
  width: 100%;
  height: auto;
}
.article-detail__body{
  margin-top: clamp(60px,calc(60px + 27 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),87px);
}
.article-detail__body p{
  font-size: clamp(15px,calc(15px + 3 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),18px);
  line-height: 2.1;
}
.article-detail__body a{
  color: var(--corp-main-color);
  text-decoration: underline;
}
.article-detail__body a:hover{
  text-decoration: none;
}
.article-detail__footer{
  margin-top: clamp(67px,calc(67px + 50 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),117px);
}
.article-detail__footer-wrap{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 71px 30px;
}
.article-detail__tag{

}
.tag-lists{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.tag-link{
  padding: 0.5em 12px;
  font-size: clamp(13px,calc(13px + 2 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),15px);
  background-color: var(--bg-default-grey);
  border-radius: 5px;
  display: block;
}
.sns-lists{
  display: flex;
    justify-content: center;
  gap: 0 clamp(14px,calc(14px + 5 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),19px);
}
.sns-item{
  width: clamp(42px,calc(42px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),52px);
  height: clamp(41px,calc(41px + 10 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),51px);
}
.sns-item img{
  width: 100%;
}
.article-detail__btn-wrap{
  margin-top: clamp(61px,calc(61px + 41 * ((100vw - calc(var(--vmin) * 1px)) / calc(var(--vmax) - var(--vmin)))),102px);
}

@media screen and (min-width:769px){
  .article-detail__footer-wrap{
    flex-direction: row;
  }
  .sns-lists{
    justify-content: flex-start;
  }
}