@charset "utf-8";

/* --------------- common --------------- */

.date,
.category {color: #99b0c0;}

.date {letter-spacing: 0;}
.category {
	font-size: 0.875em;
	letter-spacing: 0.0715em;
	padding: 0.25em 0;
	border: solid 1px #99b0c0;}

@media (min-width:641px) {}
@media (max-width:640px) {}

/* --- pagetitle --- */
.pagetitle {
	height: 380px;
	padding-top: 160px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 120%;}

.pagetitle h2 small {color: #fff;}
.pagetitle h2 small span {border-color: #fff;}

.pagetitle.list {background-image: url("../img/news/backimg_news.jpg");}
.pagetitle.detail{background-image: url("../img/news/backimg_news.jpg");}

@media (min-width:641px) {
	.pagetitle {
		height: auto;
		padding: 8.334% 0 6.146% 0;
		background-size: 100% auto;}
}
@media (max-width:640px) {
	.pagetitle.rc-qa {background-position: center right 15%;}
}

/* --- news_list --- */
.news_list li {padding: 1.25em 2.587%;}
.news_list li a {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	align-items: center;
	width: 100%;
	padding: 0.3125em 0;}

.news_topwk .list_box a {
 	margin-bottom: 0;}
.list_box .more_btn {width: 53.572%;}
	
.news_topwk .list_box h3 {width: 100%;}

.list_name {
	width: 100%;
	margin-right: 0 !important;
	padding-bottom: 0.4996em;
	border-bottom: solid 2px currentColor;
	color: rgb(153, 176, 192);
	font-size: 1.75em;
	letter-spacing: 0.1072em;
	text-align: center;}
.more_btn {
	display: block;
	width: 11em;
	margin: 1.875em auto 0;
	padding: 1.1875em 5.556%;
	border: solid 1px #99b0c0;
	border-radius: 3em;
	text-align: center;
}

@media (min-width:641px) {
	.news_list li {
		padding-left: 2.174%;
		padding-right: 2.174%;}
	
	.news_topwk .list_box {width: 46.667%;}
}
@media (max-width:640px) {
	.news_topwk .list_box + .list_box {margin-top: 90px;}
}
/* --- pager --- */
.pager {
	display: flex; flex-wrap: wrap; justify-content: space-between;
	align-items: center;}

.pager a {display: block;}

.pager .ima {padding: 1.59375em 0;}
.pager .btn_line {
	padding: 1.59375em 6.8966% 1.59375em 12.069%;
	border: solid 1px #99b0c0;
	border-radius: 3em;}
.pager .btn_line::before {left: 14.458%;}

.pager .btn_line:hover {background: #f4f4f4;}

.news_list + .pager,
.list_box + .pager {margin-top: 7.5em;}

.pager .nasi {
	pointer-events: none;
	cursor: default;
	background: rgba(153,176,192,0.25);
	border: none;}

@media (min-width:641px) {
	.news_list + .pager,
	.list_box + .pager {margin-top: 4.25em;}
	
	.pager a {margin-top: 1.375em;}
	.pager .btn_line {
		padding-left: 6.4815%;
		padding-right: 3.70371%;}
}
@media (max-width:640px) {}


/* --------------- base --------------- */

/* --- base --- */
.news_topwk {	
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}

.news_topwk div,
.news_topwk ul {width: 100%;}

	.news_topwk div a {
		letter-spacing: 0;
		margin-bottom: 1.625em;}

	.news_topwk p {
		margin-right: 4.348%;
		transition: all 0.3s 0s ease-out;}
	.news_topwk .date {width: 5.3125em;}
	.news_topwk .category {
		width: 8.572em;
		text-align: center;}

	.news_topwk h3 {
		width: 100%;
		font-size: 1.25em;
		font-weight: 500;}

/* --- ctg00 お知らせ --- */
.news_topwk li {transition: all 0.3s 0s ease-out;}
.news_topwk li:hover {background: rgba(222,240,252,0.375);}
.news_topwk li:hover p {color: #3572f0;}
.news_topwk li:hover .category {border-color: #3572f0;}

/* --- ctg01 --- */
.news_topwk .ctg01:hover {background: #fef4f3;}
.news_topwk .ctg01:hover p,
.news_topwk .ctg01:hover h3 {color: #d13e24;}
.news_topwk .ctg01:hover .category {border-color: #d13e24;}

/* --- ctg02 --- */
.news_topwk .ctg02:hover {background: #f0fcf4;}
.news_topwk .ctg02:hover p,
.news_topwk .ctg02:hover h3 {color: #006f26;}
.news_topwk .ctg02:hover .category {border-color: #006f26;}

/* --- ctg-rep --- */
.news_topwk .ctg-rep:hover {background: #f9fcde;}
.news_topwk .ctg-rep:hover p,
.news_topwk .ctg-rep:hover h3 {color: #909802;}
.news_topwk .ctg-rep:hover .category {border-color: #909802;}


/* --- page --- */
.page .news_topwk {max-width: 1200px;}




/* --------- scroll animation --------- */
.news_topwk.slin {
	opacity: 0;
	transform: translateY(110%);
	transition: all 0.5s 0s ease-out;}

.news_topwk.slin.start {
	opacity: 1;
	transform: translateY(0);}


@media (min-width:641px) {
	.news_topwk h3 {
		width: calc(100% - 5.3125em - 7.5em - 8.696%);
		font-size: 1em;}
}
@media (max-width:640px) {	
	.news_topwk p + h3 {margin-top: 0.5em;}
}

/* --------------- page list --------------- */
/* --- base --- */


@media (min-width:641px) {}
@media (max-width:640px) {}


/* --------------- page detail --------------- */

/* --- ctg00 お知らせ --- */
.detail_wk {max-width: 960px;}

.sec01 .info {
	display: flex; justify-content: flex-start;
	align-items: center;}
.sec01 .info > * {display: block;}
.sec01 .date + .category {margin-left: 1.875em;}
.sec01 .date {font-size: 0.875em;}
.sec01 .category {
	width: 8.572em;
    text-align: center;}

.sec01 h2 {font-size: 1.6875em;}
.sec01 p +h2 {margin-top: 2.25em;}
.sec01 h2 + p {margin-top: 1.25em;}

.sec03 {display: flex; flex-wrap: wrap; justify-content: center;}
.sec03 a {
	display: block;
	margin: 1.875em 6.25% 0 0;
	padding: 1.1875em 5.556%;
	border: solid 1px #99b0c0;
	border-radius: 3em;}
.sec03 a + a {margin-right: 0;}


.sec01 + .sec02 {margin-top: 3.5em;}
.sec01 + .sec03,
.sec02 + .sec03 {margin-top: 3.75em;}
.sec02 + .pager,
.sec03 + .pager {margin-top: 6.125em;}

/* --- sec02 > gallery --- */
.gallery {display: flex; flex-wrap: wrap; justify-content: flex-start;}
.gallery a {
	width: 47.414%;
	margin-top: 5.173%;
	padding: 18.966% 0;
	background: #f5f7f8;}
.gallery a img {max-width: 90%; max-height: 90%;}


/* --- ctg00 --- */
.detail_wk .ctg00 .date {}
.detail_wk .ctg00 .category,
.detail_wk .ctg00 .sec03 a:hover {background: rgba(222,240,252,0.375);}

/* --- ctg01 --- */
.detail_wk .ctg01 .date {color: #d13e24;}
.detail_wk .ctg01 .category,
.detail_wk .ctg01 .sec03 a:hover {background: #fef4f3;}

/* --- ctg02 --- */
.detail_wk .ctg02 .date {color: #006f26;}
.detail_wk .ctg02 .category,
.detail_wk .ctg02 .sec03 a:hover {background: #f0fcf4;}

/* --- ctg-rep → report --- */
.detail_wk .ctg-rep .date {color: #909802;}
.detail_wk .ctg-rep .category,
.detail_wk .ctg-rep .sec03 a:hover {background: #f9fcde;}


@media (min-width:641px) {
	.sec01 h2 {font-size: 1.5em;}
	
	.sec03 {justify-content: flex-start;}
	
	/* --- sec02 > gallery --- */
	.gallery a {
		width: calc((100% - 6.25%) / 3);
		margin-top: 3.125%;
		padding: 12.5% 0;}
	.gallery a + a {margin-left: 3.125%;}
	.gallery a:nth-of-type(4) {margin-left: 0;}
}
@media (max-width:640px) {
	.sec01 p,
	.sec03 a {font-size: 1.25em;}
	
	/* --- sec02 > gallery --- */
	.gallery a:nth-of-type(2n) {margin-left: 5.172%;}
}