@charset "utf-8";

body {
	background: #00384C url("../images/news/bg.jpg") no-repeat center top;
	background-size: 1920px auto;
}
#container {
	padding-top: 160px;
}
.main {
	margin: 64px auto 120px;
	padding: 62px 48px 96px;
	width: 1160px;
	border-radius: 24px;
	box-sizing: border-box;
	background: rgba(255,255,255,0.05);
}
.main .pagePath {
	margin: 0 0 13px 4px;
	display: flex;
	font-size: 14px;
	color: rgba(255,255,255,0.5);
}
.main .pagePath li {
	margin-right: 6px;
}
.main .pagePath li a {
	margin-right: 2px;
	color: rgba(255,255,255,0.3);
}
.main .pagePath li a:hover {
	color: #fff;
}
.main .pagePath li span {
	color: #fff;
}
.main .ttl {
	margin-bottom: 6px;
	color: #fff;
	font-size: 48px;
}
.main .time {
	margin-bottom: 55px;
	color: rgba(255,255,255,0.3);
	font-size: 18px;
}
.main .detail {
	margin-bottom: 47px;
	padding-bottom: 26px;
	border-bottom: 1px solid rgba(245, 245, 245, 0.10);
}
.main .detail .photo {
	margin-bottom: 56px;
}
.main .detail img {
	margin: 0 auto !important;
	max-width: 100%;
	display: block;
}
.main .detail p {
	margin-bottom: 30px;
	color: rgba(255,255,255,0.7) !important;
	font-size: 20px !important;
	white-space: pre-line;
}
.main .shareBox {
	margin-left: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: rgba(255,255,255,0.3);
	font-size: 16px;
}
.main .shareBox ul {
	display: flex;
	align-items: center;
}
.main .shareBox li {
	margin: 0 12px 0 0;
}

@media all and (min-width: 750px) and (max-width: 1239px) {
	body {
		background: #00384C url("../images/news/sp_bg.png") no-repeat center top;
		background-size: 100% auto;
	}
	#container {
		padding-top: 120px;
	}
	.main {
		margin: 0;
		padding: 60px 40px 66px;
		width: auto;
		background: none;
		border-radius: 0;
	}
	.main .pagePath {
		margin-bottom: 44px;
		font-size: 28px;
	}
	.main .ttl {
		margin-bottom: 18px;
		font-size: 48px;
		line-height: 1.4;
	}
	.main .time {
		margin-bottom: 80px;
		font-size: 28px;
	}
	.main .detail {
		margin-bottom: 60px;
		padding-bottom: 32px;
	}
	.main .detail .photo {
		margin: 0 24px 80px;
	}
	.main .detail .photo img {
		max-width: 100%;
		width: auto;
	}
	.main .detail p {
		margin-bottom: 48px;
		font-size: 32px;
		line-height: 48px;
	}
	.main .shareBox {
		font-size: 28px;
	}
	.main .shareBox li img {
		width: 80px;
	}
	
}


@media all and (min-width: 0) and (max-width: 749px) {
	body {
		background: #00384C url("../images/news/sp_bg.png") no-repeat center top;
		background-size: 100% auto;
	}
	#container {
		padding-top: 60px;
	}
	.main {
		margin: 0;
		padding: 30px 20px 33px;
		width: auto;
		background: none;
		border-radius: 0;
	}
	.main .pagePath {
		margin-bottom: 22px;
	}
	.main .ttl {
		margin-bottom: 9px;
		font-size: 24px;
		line-height: 1.4;
	}
	.main .time {
		margin-bottom: 40px;
		font-size: 14px;
	}
	.main .detail {
		margin-bottom: 30px;
		padding-bottom: 16px;
	}
	.main .detail .photo {
		margin: 0 12px 40px;
	}
	.main .detail .photo img {
		max-width: 100%;
		width: auto;
	}
	.main .detail p {
		margin-bottom: 24px;
		font-size: 16px;
		line-height: 24px;
	}
	.main .shareBox {
		font-size: 14px;
	}
	.main .shareBox li img {
		width: 40px;
	}
}