@charset "utf-8";
/* ---------------------------------------------------

	Syntax - SP First

--------------------------------------------------- */
/* ---------------------------------------------------

	category

--------------------------------------------------- */
.category{
  margin: 0 0 3rem;
}
.category__inner{}
.category__list{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.category__list__item{
  border-radius: 10px;
  height: 50px;
  margin: 0 0.5rem 0.5rem 0;
  width: calc((100% - calc(0.5rem * 1)) / 2);
}
.category__list__item:nth-of-type(2n){
  margin: 0 0 0.5rem 0;
  }
/* scheme */
.category__list__item.topicsCategoryAll{
  border: 1px rgba(26,76,159,1.00) solid;
}
.category__list__item.topicsCategory1{  
  border: 1px rgba(1,180,123,1.00) solid;
}
.category__list__item.topicsCategory2{
  border: 1px rgba(231,82,1,1.00) solid;
}
.category__list__item.topicsCategory3{
  border: 1px rgba(4,177,227,1.00) solid;
}

.category__list__item.current{
  background-color: rgba(255,255,255,1.00);
  pointer-events: none;
}
/* scheme Fin */
.category__list__item-link{
  align-items: center;
  color: rgba(255,255,255,1.00);
  display: flex;
  height: 100%;
  justify-content: center;
  text-decoration: none;
  width: 100%;
}
/* scheme */
.category__list__item.topicsCategoryAll.current .category__list__item-link{
  color: rgba(26,76,159,1.00);
}
.category__list__item.topicsCategory1.current .category__list__item-link{
  color: rgba(1,180,123,1.00);
}
.category__list__item.topicsCategory2.current .category__list__item-link{
  color: rgba(231,82,1,1.00);
}
.category__list__item.topicsCategory3.current .category__list__item-link{
  color: rgba(4,177,227,1.00);
}
/* scheme Fin */
.category__list__item__text{
  font-size: 1rem;
  font-weight: 600;
  line-height: 1;
  padding: 0 0 0.2em;
}


/* ---------------------------------------------------

	topicList

--------------------------------------------------- */
.topicList{}
.topicList__inner{}
.topicList__item{
  border-bottom: 1px rgba(197,198,199,1.00) solid;
}
.topicList__item-link{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.5rem 0;
  position: relative;
  text-decoration: none;
}
.topicList__item__figure{
  margin: 0 0 1rem;
}
.topicList__item__figure__image{
  font-size: 0;
}
.topicList__item__figure__image img{
  border: 1px rgba(197,198,199,1.00) solid;
}
.topicList__item__note{
  width: 100%;
}
.topicList__item__note__date{
  align-items: center;
  display: flex;
  justify-content: center;
}
.topicList__item__note__date__category{
  align-items: center;
  border-radius: calc(35px / 2);
  color: rgba(255,255,255,1.00);
  display: flex;
  justify-content: center;
  font-size: 1rem;
  height: 35px;
  margin: 0 1rem 0 0;
  padding: 0 0 0.1em;
  width: 100%;
  max-width: 140px;
}
.topicList__item__note__date__text{
  font-size: 1rem;
}
.topicList__item__note__text{
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75;
  margin: 0;
  padding: 1em 0 0;
}
.topicList__item__arrow{
  background-color: rgba(117,117,118,1.00);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 30px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
}
.topicList__item__arrow:before{
  border-right: 2px rgba(255,255,255,1.00) solid;
  border-top: 2px rgba(255,255,255,1.00) solid;
  content: "";
  display: inline-block;
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%) rotateZ(45deg);
  width: 8px;
}
/* scheme */
.topicList__item-link[target="_blank"] .topicList__item__arrow:before{
  background-image: url("/src/images/common/icon/external_white.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: none;
  height: 15px;
  transform: translate(-50%,-50%);
  width: 15px;
}
/* scheme Fin */


/* ---------------------------------------------------

	topicListPagination

--------------------------------------------------- */
.topicListPagination{
  padding: 3rem 0 0;
}
.topicListPagination__inner{}
.topicListPagination__list{
  background-color: rgba(254,235,228,1.00);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 1.25rem 0;
}
.topicListPagination__list__item{
  border: 2px rgba(250,191,171,1.00) solid;
  border-radius: 50%;
  box-sizing: border-box;
  height: 50px;
  margin: 0 0.25rem;
  overflow: hidden;
  width: 50px;
}
.topicListPagination__list__item-link{
  align-items: center;
  background-color: rgba(255,255,255,1.00);
  color: rgba(212,60,7,1.00);
  display: flex;
  font-family: "M PLUS Rounded 1c", system-ui;
  font-size: 1.125rem;
  font-weight: 600;
  height: 100%;
  justify-content: center;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.topicListPagination__list__item.prev .topicListPagination__list__item-link,
.topicListPagination__list__item.next .topicListPagination__list__item-link{
  font-size: 1.25rem;
}


/* ---------------------------------------------------

	topicDetail

--------------------------------------------------- */
.topicDetail{}
.topicDetail__inner{}
.topicDetail__head{
  border-bottom: 2px rgba(197,198,199,1.00) solid;
  margin: 0 0 1.25rem;
  padding: 0 0 1.25rem;
}
.topicDetail__head__date{
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin: 0 0 1rem;
}
.topicDetail__head__date__category{
  align-items: center;
  border-radius: calc(35px / 2);
  color: rgba(255,255,255,1.00);
  display: flex;
  justify-content: center;
  font-size: 1rem;
  height: 35px;
  margin: 0 1rem 0 0;
  padding: 0 0 0.1em;
  width: 100%;
  max-width: 140px;
}
.topicDetail__head__date__text{
  font-size: 1rem;
}
.topicDetail__head__title{
  font-size: 1.5rem;
  font-weight: 800;
  line-height: 1.5;
  margin: 0;
}
.topicDetail__body{}

/* wysiwygArea */
.wysiwygArea p{
  font-size: 1rem;
  line-height: 1.75;
  margin: 0.5em 0;
}
.wysiwygArea img{
  margin: 1rem 0;
}
/* wysiwygArea Fin */


/* ---------------------------------------------------

	topicDetailPagination

--------------------------------------------------- */
.topicDetailPagination{
  padding: 3rem 0 0;
}
.topicDetailPagination__inner{}
.topicDetailPagination__list{
  background-color: rgba(254,235,228,1.00);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 1.25rem 0;
}
.topicDetailPagination__list__item{
  border: 2px rgba(250,191,171,1.00) solid;
  border-radius: calc(50px / 2);
  box-sizing: border-box;
  height: 45px;
  margin: 0 0.25rem;
  overflow: hidden;
  width: 80px;
}
.topicDetailPagination__list__item-link{
  align-items: center;
  background-color: rgba(255,255,255,1.00);
  color: rgba(212,60,7,1.00);
  display: flex;
  font-family: "M PLUS Rounded 1c", system-ui;
  font-size: 1.25rem;
  font-weight: 500;
  height: 100%;
  justify-content: center;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.topicDetailPagination__list__item.prev .topicDetailPagination__list__item-link,
.topicDetailPagination__list__item.next .topicDetailPagination__list__item-link{
  font-size: 1.75rem;
}


/* ---------------------------------------------------

	MediaQuery

--------------------------------------------------- */
/* ------------------------------------

	Tablet-Mode

------------------------------------ */
@media screen and (min-width: 600px) {
/* ------------------------------------

	category

------------------------------------ */
.category{}
.category__inner{}
.category__list{}
.category__list__item{
  border-radius: 17px;
  height: 50px;
  margin: 0 0.5rem 0 0;
  width: calc((100% - calc(0.5rem * 3)) / 4);
  }
.category__list__item:nth-of-type(2n){
  margin: 0 0.5rem 0 0;
  }
.category__list__item:nth-of-type(4n){
  margin: 0;
  }
.category__list__item-link{}
/* scheme */
.category__list__item-link.topicsCategoryAll{}
.category__list__item-link.topicsCategory1{}
.category__list__item-link.topicsCategory2{}
.category__list__item-link.topicsCategory3{}
/* scheme Fin */
.category__list__item__text{
  font-size: 1.125rem;
  padding: 0 0 0.2em;
  }


/* ------------------------------------

	topicList

------------------------------------ */
.topicList{}
.topicList__inner{}
.topicList__item{
  border-bottom: 2px rgba(197,198,199,1.00) solid;
  }
.topicList__item-link{}
.topicList__item__figure{
  margin: 0 2rem 0 0;
  width: 180px;
  }
.topicList__item__figure__image{}
.topicList__item__note{
  width: calc((100% - 2rem) - 180px);
  }
.topicList__item__note__date{
  justify-content: flex-start;
  }
.topicList__item__note__date__category{
  margin: 0 1.25rem 0 0;
  max-width: 165px;
  }
.topicList__item__note__date__text{}
.topicList__item__note__text{
  font-size: 1.125rem;
  padding: 0.75em calc(35px + 1rem) 0 0;
  }
.topicList__item__arrow{
  height: 35px;
  width: 35px;
  }
.topicList__item__arrow:before{}
/* scheme */
.topicList__item-link[target="_blank"] .topicList__item__arrow:before{}
/* scheme Fin */


/* ------------------------------------

	topicListPagination

------------------------------------ */
.topicListPagination{}
.topicListPagination__inner{}
.topicListPagination__list{}
.topicListPagination__list__item{
  border: 5px rgba(250,191,171,1.00) solid;
  }
.topicListPagination__list__item-link{}
.topicListPagination__list__item.prev .topicListPagination__list__item-link,
.topicListPagination__list__item.next .topicListPagination__list__item-link{}


/* ------------------------------------

	topicDetail

------------------------------------ */
.topicDetail{}
.topicDetail__inner{}
.topicDetail__head{
  border-bottom: 2px rgba(197,198,199,1.00) solid;
  margin: 0 0 1.875rem;
  padding: 0 0 1.875rem;
  }
.topicDetail__head__date{
  margin: 0 0 1.5rem;
  }
.topicDetail__head__date__category{
  margin: 0 1.25rem 0 0;
  max-width: 165px;
  }
.topicDetail__head__date__text{}
.topicDetail__head__title{}
.topicDetail__body{}

/* wysiwygArea */
.wysiwygArea p{}
.wysiwygArea img{}
/* wysiwygArea Fin */


/* ------------------------------------

	topicDetailPagination

------------------------------------ */
.topicDetailPagination{}
.topicDetailPagination__inner{}
.topicDetailPagination__list{}
.topicDetailPagination__list__item{
  border: 5px rgba(250,191,171,1.00) solid;
  width: 120px;
  }
.topicDetailPagination__list__item-link{}
.topicDetailPagination__list__item.prev .topicDetailPagination__list__item-link,
.topicDetailPagination__list__item.next .topicDetailPagination__list__item-link{}

}/* /min-width: 600px */



/* ------------------------------------

	PC-Mode

------------------------------------ */
@media screen and (min-width: 1025px) {
/* ------------------------------------

	category

------------------------------------ */
.category{
  margin: 0 0 5rem;
  }
.category__inner{}
.category__list{}
.category__list__item{
  margin: 0 1rem 0 0;
  transition: all 0.3s;
  width: calc((100% - calc(1rem * 3)) / 4);
  }
.category__list__item:nth-of-type(2n){
  margin: 0 1rem 0 0;
  }
.category__list__item:nth-of-type(4n){
  margin: 0;
  }
.category__list__item:hover{
  background-color: rgba(255,255,255,1.00);
  }
.category__list__item-link{}
/* scheme */
.category__list__item.topicsCategoryAll .category__list__item-link:hover{
  color: rgba(26,76,159,1.00);
}
.category__list__item.topicsCategory1 .category__list__item-link:hover{
  color: rgba(1,180,123,1.00);
}
.category__list__item.topicsCategory2 .category__list__item-link:hover{
  color: rgba(231,82,1,1.00);
}
.category__list__item.topicsCategory3 .category__list__item-link:hover{
  color: rgba(4,177,227,1.00);
}
/* scheme Fin */
.category__list__item__text{
  font-size: 1.3125rem;
  padding: 0 0 0.1em;
  }


/* ------------------------------------

	topicList

------------------------------------ */
.topicList{}
.topicList__inner{}
.topicList__item{}
.topicList__item-link{
  padding: 2rem 0;
  }
.topicList__item-link:hover{
  background-color: rgba(0,0,0,0.1);
  padding: 2rem 1rem;
  }
.topicList__item__figure{
  margin: 0 3.75rem 0 0;
  width: 200px;
  }
.topicList__item__figure__image{}
.topicList__item__note{
  width: calc((100% - 3.75rem) - 200px);
  }
.topicList__item__note__date{}
.topicList__item__note__date__category{
  max-width: 165px;
  }
.topicList__item__note__date__text{}
.topicList__item__note__text{
  padding: 1em calc(35px + 1rem) 0 0;
  }
.topicList__item__arrow{
  transition: all 0.3s;
  }
.topicList__item__arrow:before{}
.topicList__item-link:hover .topicList__item__arrow{
  right: 0.5rem;
  }
/* scheme */
.topicList__item-link[target="_blank"] .topicList__item__arrow:before{}
/* scheme Fin */


/* ------------------------------------

	topicListPagination

------------------------------------ */
.topicListPagination{
  padding: 5rem 0 0;
  }
.topicListPagination__inner{}
.topicListPagination__list{
  padding: 2rem 0;
  }
.topicListPagination__list__item{
  height: 50px;
  margin: 0 0.5rem;
  transition: all 0.3s;
  width: 50px;
  }
.topicListPagination__list__item:hover{
  margin: 0 0.75rem;
  transform: scale(1.2);
  }
.topicListPagination__list__item-link{
  font-size: 1.25rem;
  }
.topicListPagination__list__item-link:hover{
  background-color: rgba(250,191,171,1.00);
  color: rgba(255,255,255,1.00);
  }
.topicListPagination__list__item.prev .topicListPagination__list__item-link,
.topicListPagination__list__item.next .topicListPagination__list__item-link{
  font-size: 1.5rem;
  }


/* ------------------------------------

	topicDetail

------------------------------------ */
.topicDetail{}
.topicDetail__inner{}
.topicDetail__head{}
.topicDetail__head__date{}
.topicDetail__head__date__category{
  max-width: 165px;
  }
.topicDetail__head__date__text{}
.topicDetail__head__title{
  font-size: 2.1875rem;
  }
.topicDetail__body{}

/* wysiwygArea */
.wysiwygArea p{
  font-size: 1.125rem;
  margin: 1em 0;
  }
.wysiwygArea img{}
/* wysiwygArea Fin */


/* ------------------------------------

	topicDetailPagination

------------------------------------ */
.topicDetailPagination{
  padding: 5rem 0 0;
  }
.topicDetailPagination__inner{}
.topicDetailPagination__list{
  padding: 2rem 0;
  }
.topicDetailPagination__list__item{
  height: 50px;
  margin: 0 0.5rem;
  transition: all 0.3s;
  width: 150px;
  }
.topicDetailPagination__list__item:hover{
  margin: 0 0.75rem;
  transform: scale(1.1);
  }
.topicDetailPagination__list__item-link{
  font-size: 1.375rem;
  }
.topicDetailPagination__list__item-link:hover{
  background-color: rgba(250,191,171,1.00);
  color: rgba(255,255,255,1.00);
  }
.topicDetailPagination__list__item.prev .topicDetailPagination__list__item-link,
.topicDetailPagination__list__item.next .topicDetailPagination__list__item-link{
  font-size: 1.75rem;
  }

}/* /min-width: 1025px */

/* ------------------------------------

	PC-Mode > Irregular

------------------------------------ */
@media screen and (min-width: 1366px) {
/* ------------------------------------

	〇〇〇

------------------------------------ */


}/* /min-width: 1366px */