@charset "utf-8";
	
@media screen and (max-width: 768px) {
	.detail_top {
		position: relative;
	}
	.symbol img {
		width: 80%;
	}
	.detail_top.event .symbol, .detail_top.news .symbol {
		top: 0;
		left: -15%;
	}
	.detail-wrapper {
		width: calc(100% - 32px);
		margin: 0 auto;
	}
	#page_header .title-block {
		margin: 16vw 0 8vw 0;
		padding: 8.4vw 0 1.8vw 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	h1 {
		padding-top: 0;
		font-size: 5.6vw;
		font-weight: 700;
		line-height: 8.4vw;
		margin-bottom: 4.8vw;
	}
	.date {
		font-size: 3.6vw;
		font-weight: 700;
		margin-bottom: 2.4vw;
	}
	.published {
		font-size: 3.2vw;
		color: #808080;
		margin-bottom: 2.0vw;
	}
	#event_detail, #news_detail {
		margin-bottom: 16vw;
	}
	#event_detail .main-image, #news_detail .main-image {
		width: 100%;
		margin-bottom: 4.0vw;
	}
	#event_detail .main-image img, #news_detail .main-image img {
		width: 100%;
	}
	#event_detail .content, #news_detail .content {
		font-size: 4.0vw;
		line-height: 7.6vw;
		text-align: justify;
		margin-bottom: 16vw;
	}
	#event_detail .content p, #news_detail .content p {
		line-height: inherit;
		margin-bottom: 4.8vw;
	}
	#event_detail .tag, #news_detail .tag {
		font-size: 3.2vw;
		line-height: 5.6vw;
		color: #808080;
	}
	#event_detail .navi, #news_detail .navi {
		width: calc(100% - 32px);
		margin: 0 auto 8.4vw auto;
	}
}
@media screen and (max-width: 400px) {
}
@media screen and (min-width: 769px) {
	.detail_top {
		position: relative;
	}
	.symbol img {
		width: 80%;
	}
	.detail_top.event .symbol, .detail_top.news .symbol {
		top: -20%;
		left: -5%;
	}
	#page_header .title-block {
		margin: 4.8rem 0 2.4rem 0;
		padding: 6.4rem 0 1.6rem 0;
		border-top: 1px solid #000;
		border-bottom: 1px solid #000;
	}
	h1 {
		font-size: 2.4rem;
		line-height: 4.4rem;
		margin-bottom: 3.2rem;
	}
	.date {
		font-size: 1.4rem;
		font-weight: 700;
		margin-bottom: 2.0rem;
	}
	.published {
		font-size: 1.0rem;
		color: #808080;
	}
	#event_detail .main-image, #news_detail .main-image {
		width: 100%;
		margin-bottom: 3.2rem;
	}
	#event_detail .main-image img, #news_detail .main-image img {
		width: 100%;
	}
	#event_detail .content, #news_detail .content {
		font-size: 1.3rem;
		line-height: 2.6rem;
		margin-bottom: 8.4rem;
	}
	#event_detail .content p, #news_detail .content p {
		line-height: inherit;
		margin-bottom: 3.2rem;
	}
	#event_detail .tag, #news_detail .tag {
		font-size: 1.1rem;
		line-height: 2.2rem;
	}
	#event_detail .navi, #news_detail .navi {
		display: flex;
		justify-content: center;
		margin-bottom: 8.4rem;
	}
}
@media screen and (min-width: 769px) and (max-width: 1199px) {
	.detail-wrapper {
		width: min(calc(100% - 64px) , 880px);
		margin: 0 auto;
	}
}
@media screen and (min-width: 1200px) {
	.detail-wrapper {
		width: 880px;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1600px) {
}