@charset "utf-8";
body {
}
.colors {
	color: rgba(20, 117, 135, 1);
	color: rgba(250, 126, 92, 1);
	color: rgba(246, 241, 235, 1);
	color: rgba(254, 203, 95, 1);
	color: rgba(99, 204, 200, 1);
}
.cautionUl li {
	text-indent: -1em;
	margin-left: 1em;
}
#homeImgBox {
	width: 100%;
	height: 56.25vw;
	position: relative;
}
	#homeImgBox span { display: none; }
	#homeImgBox .copyBox, 
	#homeImgBox .subcopyBox {
		color: rgba(255, 255, 255, 1);
		position: absolute;
		text-shadow: 1px 1px rgba(51, 51, 51, 0.5);
	}
	#homeImgBox .copyBox {
		font-size: 4rem;
		font-weight: 900;
		top: 4rem;
		left: 2rem;
		z-index: 10;
	}
	#homeImgBox .copyBox::after {
		content: '';
		display: block;
		width: 100%;
		height: 0.5em;
		background: rgba(51, 51, 51, 1);
		filter: blur(20px);
		position: absolute;
		top: 0.25em;
		left: 0;
		opacity: 0.3;
		z-index: -1;
	}
	#homeImgBox .subcopyBox {
		right: 2rem;
		bottom: 2rem;
	}

	#homeNewsBox { margin: 8rem 0; }
	#homeNewsBox h3 {
		width: 6em;
		border-right: thin solid rgba(51, 51, 51, 1);
	}
	#homeNewsBox .homenewscontentsBox {
		flex: 1;
		padding-left: 2em;
	}
		#homeNewsBox .homenewscontentsBox ul li {
			display: flex;
			flex-wrap: nowrap;
			justify-content: left;
		}
		#homeNewsBox .homenewscontentsBox ul li:not(:last-child) {
			padding-bottom: 0.5em;
			border-bottom: thin solid rgba(51, 51, 51, 1);
			margin-bottom: 0.5em;
		}
			#newslistBox dd .newsDateBox, 
			#homeNewsBox .homenewscontentsBox ul li .newsDateBox {
				padding: 0 2rem 0 5rem;
			}
			#newslistBox dd .newsDateBox .newIconSpan, 
			#homeNewsBox .homenewscontentsBox ul li .newIconSpan { position: relative; }
				#newslistBox dd .newsDateBox .newIconSpan::before, 
				#homeNewsBox .homenewscontentsBox ul li .newIconSpan::before {
					content: '';
					width: 4rem;
					height: 4rem;
					background: rgba(230, 0, 18, 1);
					border-radius: 50%;
					position: absolute;
					top: -1rem;
					left: -5rem;
				}
				#newslistBox dd .newsDateBox .newIconSpan::after, 
				#homeNewsBox .homenewscontentsBox ul li .newIconSpan::after {
					content: 'NEW';
					color: rgba(255, 255, 255, 1);
					font-size: 1rem;
					line-height: 100%;
					width: 4rem;
					text-align: center;
					position: absolute;
					top: 0.5rem;
					left: -5rem;
				}
		#newsContentBox .more-link, 
		#newslistBox dd .more-link, 
		#homeNewsBox .homenewscontentsBox .more-link {
			margin-top: 4rem;
			text-align: right;
		}
	#newslistBox .tabMenuNavUl {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		margin-bottom: 4rem;
		position: relative;
	}
	/*
		#newslistBox .tabMenuNavUl::before {
			content: '';
			width: 100vw;
			height: 100%;
			border-bottom: 2px solid rgba(146, 53, 58, 1);
			position: absolute;
			left: -15vw;
			bottom: -2px;
			z-index: -1;
			pointer-events: none;
		}
	*/
		#newslistBox .tabMenuNavUl::before, 
		#newslistBox .tabMenuNavUl::after {
			content: '';
			width: 15vw;
			height: 100%;
			border-bottom: 2px solid rgba(146, 53, 58, 1);
			position: absolute;
			bottom: 0;
			pointer-events: none;
		}
		#newslistBox .tabMenuNavUl::before { left: -15vw; }
		#newslistBox .tabMenuNavUl::after { right: -15vw; }
		#newslistBox .tabMenuNavUl li {
		/*	width: 48%;*/
			width: 50%;
			position: relative;
		}
		/*
			#newslistBox .tabMenuNavUl li.nowpage::before {
				content: '';
				display: block;
				width: calc(100% + 2.6rem - 4px);
				position: absolute;
				bottom: -2px;
				border-bottom: 2px solid rgba(255, 255, 255, 1);
			}
			#newslistBox .tabMenuNavUl li:nth-child(1).nowpage::before { left: 0; }
			#newslistBox .tabMenuNavUl li:nth-child(2).nowpage::before { left: calc(-2.6rem + 4px); }
		*/
			#newslistBox .tabMenuNavUl li a {
				display: block;
				padding: 1rem 0;
				text-align: center;
				font-size: 2.4rem;
				text-decoration: none;
				position: relative;
				/*
				border: 2px solid rgba(146, 53, 58, 1);
				border-bottom-color: transparent;
				background: rgba(220, 220, 221, 1);
				*/
				background-repeat: no-repeat;
				background-size: cover;
			}
			#newslistBox .tabMenuNavUl li:nth-child(1) a {
				border-left: 2px solid rgba(146, 53, 58, 1);
				background-image: url(../img/news/newsline-lo.svg);
				background-position: 100% 0;
			}
			#newslistBox .tabMenuNavUl li:nth-child(2) a {
				border-right: 2px solid rgba(146, 53, 58, 1);
				background-image: url(../img/news/newsline-ro.svg);
				background-position: 0 0;
			}
			#newslistBox .tabMenuNavUl li:nth-child(1).nowpage a { background-image: url(../img/news/newsline-l.svg); }
			#newslistBox .tabMenuNavUl li:nth-child(2).nowpage a { background-image: url(../img/news/newsline-r.svg); }
		/*
			#newslistBox .tabMenuNavUl li:nth-child(1) a { border-right-color: transparent; }
			#newslistBox .tabMenuNavUl li:nth-child(2) a { border-left-color: transparent; }
			#newslistBox .tabMenuNavUl li.nowpage a { background: rgba(255, 255, 255, 1); }
				#newslistBox .tabMenuNavUl li a::before, 
				#newslistBox .tabMenuNavUl li a::after {
					content: '';
					position: absolute;
					bottom: -2px;
				}
				#newslistBox .tabMenuNavUl li:nth-child(1) a::before {
					border-top: 2.6rem solid transparent;
					border-bottom: 2.6rem solid rgba(146, 53, 58, 1);
					border-right: 1vw solid transparent;
					border-left: 1vw solid rgba(146, 53, 58, 1);
					right: calc(-2vw + 2px);
				}
				#newslistBox .tabMenuNavUl li:nth-child(1) a::after {
					border-top: 2.6rem solid transparent;
					border-bottom: 2.6rem solid rgba(220, 220, 221, 1);
					border-right: 1vw solid transparent;
					border-left: 1vw solid rgba(220, 220, 221, 1);
					right: calc(-2vw + 4px);
				}
				#newslistBox .tabMenuNavUl li:nth-child(1).nowpage a::after {
					border-bottom-color: rgba(255, 255, 255, 1);
					border-left-color: rgba(255, 255, 255, 1);
				}
				#newslistBox .tabMenuNavUl li:nth-child(2) a::before {
					border-top: 2.6rem solid transparent;
					border-bottom: 2.6rem solid rgba(146, 53, 58, 1);
					border-left: 1vw solid transparent;
					border-right: 1vw solid rgba(146, 53, 58, 1);
					left: calc(-2vw + 2px);
				}
				#newslistBox .tabMenuNavUl li:nth-child(2) a::after {
					border-top: 2.6rem solid transparent;
					border-bottom: 2.6rem solid rgba(220, 220, 221, 1);
					border-left: 1vw solid transparent;
					border-right: 1vw solid rgba(220, 220, 221, 1);
					left: calc(-2vw + 4px);
				}
				#newslistBox .tabMenuNavUl li:nth-child(2).nowpage a::after {
					border-bottom-color: rgba(255, 255, 255, 1);
					border-right-color: rgba(255, 255, 255, 1);
				}
		#newslistBox dd ul.newslistUl li:not(:last-child) {
			padding-bottom: 1rem;
			border-bottom: thin solid rgba(51, 51, 51, 1);
			margin-bottom: 2rem;
		}
		*/
	.myPagenation {
		margin-top: 6rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: left;
	}
		.myPagenation li {
			width: 5rem;
			text-align: center;
			border: thin solid rgba(51, 51, 51, 0.5);
			background: rgba(146, 53, 58, 1);
			color: rgba(255, 255, 255, 1);
			line-height: 5rem;
			margin-right: 2rem;
		}
			.myPagenation li a {
				display: block;
				background: rgba(255, 255, 255, 1);
				color: rgba(146, 53, 58, 1);
				text-decoration: none;
				padding: 1.8rem 0;
				font-size: 1.4rem;
				line-height: 100%;
			}
			.myPagenation li a:hover {
				background: rgba(255, 255, 255, 0.5);
				color: rgba(255, 255, 255, 1);
			}
	#newsContentBox.flexBox, 
	#newslistBox dd ul.newslistUl li.flexBox {
		flex-wrap: nowrap;
		margin-bottom: 3em;
	}
	.flexBox .newsdetailBox .newscontent p,
	.flexBox .newsdetailBox .newscontent ul li {
		overflow: hidden;
		text-overflow: ellipsis;
  		word-break: break-all;
	}
	#newslistBox dd ul.newslistUl li.flexBox:not(:last-child) {
		padding-bottom: 1.5em;
		border-bottom: thin solid rgba(51, 51, 51, 0.5);
	}
		#newsContentBox.flexBox .newsDateBox, 
		#newslistBox dd ul.newslistUl li.flexBox .newsDateBox {
				width: 20rem;
				color: rgba(29, 32, 136, 1);
			}
			#newsContentBox.flexBox .newsdetailBox, 
			#newslistBox dd ul.newslistUl li.flexBox .newsdetailBox { flex: 1; }
				#newsContentBox.flexBox .newsdetailBox .newstitle, 
					#newslistBox dd ul.newslistUl li.flexBox .newsdetailBox .newstitle {
						font-size: 150%;
						color: rgba(29, 32, 136, 1);
						margin-bottom: 1rem;
					}

#mainContentsBox ul.disc li, 
#mainContentsBox ul.square li, 
#mainContentsBox ul.pointUl li {
	margin: 0 0 0.5rem 2em;
	position: relative;
}
#mainContentsBox ul.pointUl li {
	margin: 0 0 2rem 2rem;
}
	#mainContentsBox ul.disc li::before, 
	#mainContentsBox ul.square li::before, 
	#mainContentsBox ul.pointUl li::before {
		position: absolute;
		top: 0;
		left: -1.5em;
	}
	#mainContentsBox ul.disc li::before, 
	#mainContentsBox ul.pointUl li::before { content: '●'; }
	#mainContentsBox ul.square li::before { content: '■'; }

.submitBox {
	margin: 3rem 0;
	text-align: center;
}
	.submitBox input {
		font-size: 1.8rem;
		width: 30vw;
		padding: 2rem 0;
		background: rgba(51, 51, 51, 0.2);
	}
.mw_wp_form_confirm form p {
	padding-bottom: 1rem;
	border-bottom: 1px solid rgba(51, 51, 51, 1);
}

.wp-block-table tr td {
	padding: 0.5em 0;
}
.wp-block-table tr td:first-child {
	padding-right: 2em;
}
.wp-block-image img { height: auto !important; }


/* [1280over] ============================================ */
@media only screen and (min-width: 1830px) {
	/* 1830の70% */
	#newslistBox .tabMenuNavUl::before {
		left: calc((50vw - 640px) * -1);
		width: calc(50vw - 640px);
	}
	#newslistBox .tabMenuNavUl::after {
		right: calc((50vw - 640px) * -1);
		width: calc(50vw - 640px);
	}
}
@media only screen and (min-width: 1600px) {
	/* 1600の80% */
	h2::before {
		left: calc((50vw - 640px) * -1);
		width: calc(50vw - 640px);
	}
	h2::after {
		right: calc((50vw - 640px) * -1);
		width: calc(50vw - 640px);
	}
}


/* [sp] ============================================ */
@media only screen and (max-width: 780px) {
	#newslistBox .tabMenuNavUl::before { left: -5vw; width: 5vw; }
	#homeImgBox .copyBox {
		font-size: 2.8rem;
		font-weight: 700;
	}
	#homeNewsBox h3 {
		width: 100%;
		border-right: none;
		margin-bottom: 1rem;
	}
	#homeNewsBox .homenewscontentsBox { padding-left: 0; }
		#newsContentBox.flexBox, 
		#newslistBox dd ul.newslistUl li.flexBox, 
		#homeNewsBox .homenewscontentsBox ul li { flex-wrap: wrap; }
			#homeNewsBox .homenewscontentsBox ul li .newstitle {
				width: 100%;
				padding-left: 5rem;
			}
			#newsContentBox.flexBox .newsDateBox, 
			#newslistBox dd ul.newslistUl li.flexBox .newsDateBox {
				width: 100%;
				padding: 0 0 1rem 0;
			}

	#newslistBox dd .newsDateBox .newIconSpan {
		float: right;
	}
}