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

	Syntax - SP First > news

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

	newsList

--------------------------------------------------- */
.newsList{
  padding: 4rem 0 0;
}
.newsList__inner{}
.newsList__item{
  border-bottom: 1px rgba(175,176,179,1.00) solid;
  padding: 2rem 0;
}
.newsList__item:first-of-type{
  border-top: 1px rgba(175,176,179,1.00) solid;
}
.newsList__item__date{
  align-items: center;
  display: flex;
}
.newsList__item__date__text{
  font-size: 1rem;
  font-weight: 600;
}
.newsList__item__date__category{
  align-items: center;
  border-radius: 15px;
  color: rgba(255, 255, 255, 1.00);
  display: flex;
  font-size: 1em;
  height: 30px;
  justify-content: center;
  line-height: 1;
  margin: 0 1em;
  padding: 0 1em 4px;
}
/* scheme */
.newsList__item__date__category.cat1{
  background-color: rgba(40,58,145,1.00);
}
.newsList__item__date__category.cat2{
  background-color: rgba(41,41,41,1.00);
}
/* scheme Fin */
.newsList__item__title{
  font-size: 1.25rem;
  line-height: 1.5;
}
.newsList__item__contents{}
.newsList__item__contents__note{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
}

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

	MediaQuery

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

	Tablet-Mode

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

	newsList

------------------------------------ */
.newsList{}
.newsList__inner{}
.newsList__item{}
.newsList__item__date{}
.newsList__item__date__text{}
.newsList__item__date__category{
  margin: 0 1em;
  padding: 0 1em 3px;
  }
.newsList__item__title{
  font-size: 1.5rem;
  }
.newsList__item__contents{}
.newsList__item__contents__note{
  line-height: 2;
  }

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



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

	PC-Mode

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

	newsList

------------------------------------ */
.newsList{
  padding: 7.25rem 0 0;
  }
.newsList__inner{}
.newsList__item{
  padding: 3.125rem 0;
  }
.newsList__item__date{}
.newsList__item__date__text{}
.newsList__item__date__category{}
.newsList__item__title{
  font-size: 2rem;
  }
.newsList__item__contents{}
.newsList__item__contents__note{}


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