@charset "utf-8";
.activity_wrap {
		padding-top: 60px;
}
.activity_top_flex {
		display: flex;
		align-items: center;
		margin: 0 0 80px;
}
.activity_top_figure {
		width: 375px;
		margin-right: 30px;
		overflow: hidden;
}
.activity_top_figure img {
		width: 100%;
		height: auto;
		transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.activity_top_figure a:hover img {
				transform: scale(1.05)
		}
}
.activity_top_caption {
		flex: 1;
		font-weight: 500;
}
.activity_top_caption h4 {
		color: #004ea2;
		font-size: 20px;
		margin: 0 0 15px;
		font-weight: 500;
		line-height: 1.8;
}
.activity_top_caption p {
		line-height: 1.8;
}
.activity_top_link {
		margin-top: 30px;
}
.activity_top_link a {
		position: relative;
		color: #004ea2;
		padding-right: 52px;
		text-decoration: none;
}
.activity_top_link a .link_btn {
		position: absolute;
		right: 0;
		top: calc(50% - 21px);
}
@media(max-width: 1100px) {
		.activity_top_figure {
				width: 40%;
		}
		.activity_top_caption p br {
				display: none;
		}
}
@media(max-width: 767px) {
		.activity_top_flex {
				display: block;
				padding: 0 15px;
				margin: 0 0 50px;
		}
		.activity_top_flex.first {
				margin-bottom: 100px;
		}
		.activity_top_figure {
				width: 100%;
				margin: 0 0 20px;
		}
		.activity_top_caption h4 {
				font-size: 18px;
		}
}
/* =================== */
.activity_hdr_flex {
		display: flex;
		margin: 0 0 80px;
}
.activity_hdr_figure {
		width: 375px;
		margin-right: 30px;
}
.activity_hdr_figure img {
		width: 100%;
		height: auto;
}
.activity_hdr_flex p {
		flex: 1;
		line-height: 1.8;
		font-weight: 500;
}
.activity_tbl {
		width: 100%;
		border-collapse: collapse;
		border-top: 1px solid #dadce0;
}
.activity_tbl.mgnb100 {
		margin-bottom: 100px;
}
@media(max-width: 768px) {
		.activity_tbl.mgnb100 {
				margin-bottom: 80px;
		}
}
.activity_tbl th, .activity_tbl td {
		font-family: "Inter", YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 15px;
		font-weight: 500;
		border-bottom: 1px solid #dadce0;
		padding-top: 30px;
		padding-bottom: 30px;
		line-height: 1.6;
		vertical-align: top;
		text-align: left;
}
.activity_tbl .alignmiddle th, .activity_tbl .alignmiddle td {
		vertical-align: middle;
}
.activity_tbl th {
		width: 20%;
		white-space: nowrap;
}
table.activity_tbl td ol {
		padding-left: 1em;
		margin-top: 15px;
}
table.activity_tbl td ol li {
		line-height: 1.8;
		margin: 0 0 15px
}
.activity_sb {
		color: #004ea2;
		font-size: 24px;
		padding-bottom: 15px;
		margin: 0 0 30px;
		border-bottom: 1px solid #dadce0;
		font-weight: 500;
}
@media(max-width: 767px) {
		.activity_sb {
				font-size: 18px;
		}
}
.activity_sb.none {
		border-bottom: none;
}
.activity_sb.mgnb20 {
		margin-bottom: 20px;
}
.activity_sb.none2 {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 20px;
}
.activity_lead {
		line-height: 1.8;
		font-weight: 500;
		margin-bottom: 35px;
}
.notice_flex {
		display: flex;
		flex-wrap: wrap;
		list-style: none;
		margin-bottom: 80px;
}
.notice_flex li {
		width: 20%;
		font-weight: 500;
		margin: 0 0 15px;
		font-size: 14px;
}
.notice_flex li a {
		color: #4c5768;
		text-decoration: none;
		transition: color 0.2s;
}
.notice_flex li span {
		padding-left: 15px;
		position: relative;
}
.notice_flex li span::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 2.5px);
		left: 0;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		background: #b2cae3;
}
.notice_flex li span::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 6px);
		right: -17px;
		width: 9px;
		height: 12px;
		background: url("../n_images/icon_file.png") no-repeat 0 0;
		background-size: 9px;
}
@media (hover: hover) {
		.notice_flex li a:hover {
				color: #004ea2;
				text-decoration: underline;
		}
}
@media(max-width: 1100px) {
		.activity_hdr_figure {
				width: 40%;
		}
		.activity_hdr_flex p br {
				display: none;
		}
}
@media(max-width: 840px) {
		.notice_flex li {
				width: 25%;
		}
}
@media(max-width: 767px) {
		.activity_hdr_flex {
				display: block;
				padding: 0 15px;
				margin: 0 0 50px;
		}
		.activity_hdr_figure {
				width: 100%;
				margin: 0 0 20px;
		}
		table.activity_tbl th, table.activity_tbl td {
				display: block;
				width: auto;
				padding: 0 15px;
				border: none;
				font-size: 15px;
		}
		table.activity_tbl th {
				padding-top: 15px;
				padding-bottom: 10px;
		}
		table.activity_tbl td {
				padding-bottom: 15px;
				border-bottom: 1px solid #dadce0;
		}
		.notice_flex li {
				width: 50%;
				margin: 0 0 8px
		}
}