@charset"utf-8";


@media screen and (min-width: 643px) {
	main {
		background: url(../../image/special_bg_01.png);
	}

	.main_content {
		position: relative;
		z-index: 9999;
		text-align: center;
		color: white;
		margin: 100px 50px;
	}

	.main_content img {
		width: 700px;
		text-align: center;
	}

	.main_content dl {
		text-align: left;
		font-weight: bold;
		padding: 50px 0;
	}

	.main_content dt {
		font-size: 20px;
		font-weight: normal;
	}

	.main_content dd {
		font-size: 36px;
	}

	.main_content figcaption {
		text-align: left;
		font-size: 14px;
		padding: 50px 0;
	}

	.main_content figcaption a {
		color: white;
		font-weight: bold;
		text-decoration: underline;
	}

	.link {
		display: block;
		color: white;
		padding-top: 40px;
		margin: 0 200px;
	}

	.link::before {
		content: "";
		display: inline-block;
		position: relative;
		top: 5px;
		left: 5px;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-right: 40px solid transparent;
		border-bottom: 20px solid transparent;
		border-left: 40px solid white;
	}

	.link::after {
		content: "";
		display: inline-block;
		position: relative;
		top: 8px;
		right: 8px;
		width: 0;
		height: 0;
		border-top: 20px solid transparent;
		border-right: 40px solid white;
		border-bottom: 20px solid transparent;
		border-left: 40px solid transparent;
	}

	.main_pagelink {
		opacity: 1;
	}

	.main_pagelink a {
		color: white;
	}

	.link_btn1 img {
		padding-bottom: 10px;
	}

	.link_btn1 img {
		opacity: 0.5;
	}

	#oll {
		display: none;
		position: fixed;
		top: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 0.9;
		z-index: 9998;
	}

	#close_btn {
		position: absolute;
		top: -150px;
		left: 750px;
	}

	#close_btn img {
		width: 150px;
	}

	#modal_content {
		display: none;
	}

	.modal_content-eria {
		position: fixed;
		top: 38%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		margin: auto;
		z-index: 9999;
	}

	.modal_content-image {
		background-color: black;
		width: 830px;
		height: 900px;
		color: white;
		text-align: center;
		border: 5px solid red;
		padding: 60px 30px;
		overflow: scroll;
	}

	.modal_content-image h3 {
		font-size: 50px;
		padding-bottom: 60px;
	}

	.modal_content-image ul {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.modal_content-image li {
		margin: 20px 15px;
	}

	.modal_content-image img {
		width: 380px;
	}
}