@charset "utf-8";
/* CSS Document */
body{
	letter-spacing: 0.1em;
}
.txt-color10{color: #383743}
.txt-color11{color: #333333}
.txt-color12{color: #C1C1C1}

.pagetitle5{
	padding: 150px 50px 80px 50px;
	width: 100%;
	align-self: flex-start;
	border-bottom: #C1C1C1 2px solid;
}
.pagetitle5 img{
	width: 60%;
}

.cate_box .webgene-blog{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
	flex-direction: row;
	gap: 20px;
}
.cate_box .webgene-blog .webgene-item{
	min-width: 100px;
}
.cate_box .webgene-blog .webgene-item a{
    justify-content: center;
    align-items: center;
	background-color: #fff;
    border: 1px solid #0A183E;
	padding: 5px 20px;
	border-radius: 200px;
}

.cate_box .webgene-blog .webgene-item a.on{
	color: #fff;
	background-color: #0A183E;
	pointer-events: none;
}

.cate_box .webgene-blog .webgene-item a.on p{
	color: #fff;
}
.webgene-pagination {
  width: 100%;
  padding-top: 80px;
}
.webgene-pagination ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 30px;
}
.webgene-pagination ul a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: #222222;
  width: 50px;
  background-color: #fff;
	border: #DEDEDE 2px solid;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  font-family: "Noto Sans", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.webgene-pagination ul a:hover {}
.webgene-pagination ul .selected a {
  pointer-events: none;
  background-color: #0B183D;
  border: none;
  color: #fff;
}
.cate-wrap .webgene-blog .webgene-item a {
  gap: 10px;
  padding: 8px 80px 8px;
  border-radius: 200px;
  line-height: 1;
    background-color: #fff;
}
.cate-wrap .webgene-blog .webgene-item a.on {
  background-color: #0B183D;
  pointer-events: none;
}
.cate-wrap .webgene-blog .webgene-item a.on p, .cate-wrap .webgene-blog .webgene-item a.on i {
  color: #fff;
}

.news_detail .return_bt a {
    padding: 15px 20px;
    min-width: 200px;
    border-radius: 200px;
    background-color: #383743;
}
.news_detail .labelbox{
	justify-content: flex-start;
	gap:70px;
}
.news_detail .labelbox .cate{
	background-color: #383743;
	border-radius: 200px;
	padding: 3px 10px;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){

.pagetitle5 img{
	width: 70%;
}
.news_detail .labelbox{
	gap:40px;
}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.pagetitle5 img{
		width: 85%;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.pagetitle5{
		padding: 100px 30px 50px 30px;
	}
	.pagetitle5 img{
		width: 85%;
	}
.news_detail .labelbox{
	gap:20px;
}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}