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

	Syntax - SP First

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

	ulmainvisual

--------------------------------------------------- */
.ulmainvisual{
  margin: 0 0 3rem;
  text-align: center;
}
.ulmainvisual__title{
  display: inline-block;
}
.ulmainvisual__title__text{
  display: inline-block;
  font-family: "M PLUS Rounded 1c", system-ui;
  font-size: 2.5rem;
  font-weight: 600;
  line-height: 1;
  margin: 0;
  position: relative;
}
/* scheme */
/*.page_topics .ulmainvisual__title__text{
  color: rgba(212,60,7,1.00);
}
.page_voice .ulmainvisual__title__text{
  color: rgba(26,76,159,1.00);
}*/
.page_error .ulmainvisual__title__text{
  font-size: 2rem;
}
/* scheme Fin */
.ulmainvisual__title__text:after{
  background-image: url("/src/images/common/background/rainbow.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -0.2em;
  content: "";
  display: inline-block;
  height: 3px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 130%;
}

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

	ulbreadcrumbs

--------------------------------------------------- */
.ulbreadcrumbs{
  margin: 0 0 1.5rem;
}
/* scheme */
.page_topics_detail .ulbreadcrumbs{
  margin: 0 0 2.5rem;
}
.page_voice .ulbreadcrumbs{
  margin: 0 0 2.5rem;
}
/* scheme Fin */
.ulbreadcrumbs__inner{}
.ulbreadcrumbs__list{
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.ulbreadcrumbs__list__item{
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
  margin: 0 1em 0 0;
  padding: 0 1em 0 0;
}
.ulbreadcrumbs__list__item:last-of-type{
  margin: 0;
  padding: 0;
}
.ulbreadcrumbs__list__item-link{
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.ulbreadcrumbs__list__item-link:after{
  border-right: 2px rgba(0,0,0,1.00) solid;
  border-top: 2px rgba(0,0,0,1.00) solid;
  content: "";
  display: inline-block;
  height: 8px;
  position: absolute;
  right: -1.2rem;
  top: 50%;
  transform: translateY(-30%) rotateZ(45deg);
  width: 8px;
}

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

	MediaQuery

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

	Tablet-Mode

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

	ulmainvisual

------------------------------------ */
.ulmainvisual{
  margin: 0 0 3rem;
  }
.ulmainvisual__title{}
.ulmainvisual__title__text{
  font-size: 3.25rem;
  }
/* scheme */
.page_error .ulmainvisual__title__text{
  font-size: 3.25rem;
  }
/* scheme Fin */
.ulmainvisual__title__text:after{}


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

	ulbreadcrumbs

------------------------------------ */
.ulbreadcrumbs{}
/* scheme */
.page_topics_detail .ulbreadcrumbs{}
.page_voice .ulbreadcrumbs{}
/* scheme Fin */
.ulbreadcrumbs__inner{}
.ulbreadcrumbs__list{}
.ulbreadcrumbs__list__item{}
.ulbreadcrumbs__list__item-link{}

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



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

	PC-Mode

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

	ulmainvisual

------------------------------------ */
.ulmainvisual{
  margin: 0 0 5rem;
  }
.ulmainvisual__title{}
.ulmainvisual__title__text{
  font-size: 4rem;
  }
/* scheme */
.page_error .ulmainvisual__title__text{
  font-size: 4rem;
  }
/* scheme Fin */
.ulmainvisual__title__text:after{
  bottom: -0.4em;
  height: 6px;
  width: 170%;
  }


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

	ulbreadcrumbs

------------------------------------ */
.ulbreadcrumbs{
  margin: 0 0 1.25rem;
  }
/* scheme */
.page_topics_detail .ulbreadcrumbs{
  margin: 0 0 3rem;
  }
.page_voice .ulbreadcrumbs{
  margin: 0 0 3rem;
}
/* scheme Fin */
.ulbreadcrumbs__inner{}
.ulbreadcrumbs__list{}
.ulbreadcrumbs__list__item{}
.ulbreadcrumbs__list__item-link{}
.ulbreadcrumbs__list__item-link:hover{}
.ulbreadcrumbs__list__item-link:before{
  background-color: rgba(0,40,120,1.00);
  bottom: -5px;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: all 0.3s;
  width: 100%;
  }
.ulbreadcrumbs__list__item-link:hover:before{
  transform: scale(1, 1);
  }

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