@charset "utf-8";
/* CSS Document */
/* トップページのCSS*/
.jyuken_top_wrap {
    width: 100%;
    margin-top: 20px;
}

.jyuken_top_title h1 {
    font-size: 25px;
    color: #002f7b;
    font-weight: 600;
    margin-top: 30px;
}

.jyuken_top_box {
    margin: 10px auto;
}

.jyuken_top_box h2 {
    font-size: 23px;
    border-bottom: 2px solid #002f7b;
	padding: .5rem;
	font-weight:600;
}
.jyuken_top_ul {
	margin-bottom: 70px;
}
.jyuken_top_box h3 {
    font-size: 20px;
    padding-left: 2rem;
    margin: 40px 0 10px 0;
    position: relative;
    /* display: flex; */
    /* flex-direction: column; */
}
.jyuken_top_box h3::before {
	content: "";
	position:absolute;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: #002f7b;
	left: 0;
	top: 0;
	/* transform: translateY(-50%); */
}
/* 公開前の記述 START */
.jyuken_top_box .pre-open h3 {
	display: flex;
	flex-direction: column;
}
.jyuken_top_box h3 .info {
	color: #ff3425;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
	padding-top: 10px;
}
@media (min-width: 768px) {
	.jyuken_top_box .pre-open h3 {
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}
	.jyuken_top_box h3 .info {
		right: 0;
		bottom: 50%;
		font-size: min(2.0833vw, 18px);
		padding-top: 0;
		text-align: end;
	}
}
.jyuken_top_box .pre-open ul li a {
	pointer-events: none;
	color: #808080;
}
.jyuken_top_box .pre-open ul li {
	pointer-events: none;
}
.jyuken_top_box .pre-open ul li:before {
	display: none;
}
	/* 20250114、リストアイテム用のクラス名追加 */
	.jyuken_top_box ul .pre-open-li a{
		pointer-events: none;
		color: #808080;
	}
	.jyuken_top_box ul .pre-open-li {
		pointer-events: none;
	}
	.jyuken_top_box ul .pre-open-li:before {
		display: none;
	}
/* 公開前の記述 END */

.jyuken_top_box ul li {
    list-style: none;
    position: relative;
	border-bottom: 1px solid #cdcdcd;
}

.jyuken_top_box ul li:before {
    content: "";
    position: absolute;
    top: 41%;
	right: 1rem;
	width: 10px;
	height: 10px;
	border-top: 2px solid #002f7b;
	border-right: 2px solid #002f7b;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.jyuken_top_box ul li a{
    color: #002f7b;
    font-size: 16px;
	padding: 1.5rem;
	width: 100%;
	line-height: 1.5rem;
}

.jyuken_top_box ul li:hover  {
    opacity: 1;
    color: #fff;
    background-color:#d3e0fb;
    transition: .5s;
}

.jyuken_top_box ul li:hover a {
    opacity: 1;
}
.jyulen_top_place {
	font-size: 15px;
}

.zenteiin-nyusi {
	padding-top: 1.5rem;
	font-weight: bold
}

.other-nyusi{
	padding-top: 3rem;
	font-weight: bold
}

/* 表のCSS*/
.jyuken_top_table {
	width: 100%;
	margin: 30px auto;
	border: 1px solid #d3e0fb;
}
.jyuken_top_box ul li a {
    font-size: 17px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.jyuken_top_box ul li a p {
	display: flex;
	align-items: center;
	gap: 4px
}
.jyuken_top_box ul li a .pay {
	display: inline-block;
	width: 18px;
	height: 20px;
	background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><defs><style>.cls-1{fill:%238e8e8e;}</style></defs><path class="cls-1" d="M26.03,30.08H9.97c-1.59,0-2.89-1.3-2.89-2.89v-9.87c0-1.59,1.3-2.89,2.89-2.89H26.03c1.59,0,2.89,1.3,2.89,2.89v9.87c0,1.59-1.3,2.89-2.89,2.89ZM9.97,16.43c-.49,0-.89,.4-.89,.89v9.87c0,.49,.4,.89,.89,.89H26.03c.49,0,.89-.4,.89-.89v-9.87c0-.49-.4-.89-.89-.89H9.97Z"/><path class="cls-1" d="M25.87,15.13h-2.5v-1.33c0-2.97-2.42-5.39-5.39-5.39s-5.39,2.42-5.39,5.39v1.27h-2.5v-1.27c0-4.35,3.54-7.89,7.89-7.89s7.89,3.54,7.89,7.89v1.33Z"/><path class="cls-1" d="M18.99,23.05v2.48h-1.85v-2.48c-.75-.35-1.28-1.11-1.28-1.99,0-1.22,.99-2.2,2.2-2.2s2.2,.99,2.2,2.2c0,.89-.53,1.64-1.28,1.99Z"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.jyuken_top_table div:nth-of-type(1) {
	background-color: #002f7b;
	display: grid;
	place-items: center;
	padding: 1em;
}

.jyuken_top_table div:nth-of-type(1) p {
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.jyuken_top_table div dl {
	display: flex;
	border-bottom: 1px solid #d3e0fb;
}

.jyuken_top_table div dl:last-child {
	border-bottom: none;
}

.jyuken_top_table div dl dt,
.jyuken_top_table div dl dd {
	width: 50%;
	padding: .7em 1em;
}

.jyuken_top_table div dl dt {
	border-right: 1px solid #d3e0fb;
}
.jyuken_top_comment {
	max-width: 90%;
	margin: 0 auto;
}

.jyuken_top_comment p {
	line-height: 1.7rem;
}

@media (min-width: 540px) {

	.jyuken_top_title h1 {
		font-size: 31px;
	}
	.jyuken_top_box {
    margin: 30px auto;
	}

	.jyuken_top_wrap h2 {
		font-size:27px;
	}
	.jyuken_top_box h3 {
    font-size: 24px;
}
	.jyuken_top_table {
	width: 90%;
	margin: 50px auto;
	}

	.jyuken_top_ul {
	margin-bottom: 100px;
	}
	.jyuken_top_box ul li:before {
	right: 1.5rem;
	}

	.jyuken_top_table div:nth-of-type(1) {
		padding: 1.5em;
	}
	
	.jyuken_top_table div dl dt,
	.jyuken_top_table div dl dd {
	padding: 1em 1.5em;
}
}