@charset "UTF-8";

/* 
common
//////////////////////////////////////////////// */

@media (min-width: 768px) {

	.secWrap {
		max-width: 1200px;
		margin: 0 auto;
	}

}

@media (max-width: 769px) {

	.secWrap {
		margin: 1.5em;
	}

}


/* 
news
//////////////////////////////////////////////// */


.secWrap ul li {
	margin-bottom: 1.3rem;
}

.secWrap ul li:last-child {
	margin-bottom: 0;
}

.secWrap ul li a {
	display: block;
}

.secWrap a {
	color: #1f1f1f;
}

@media (min-width: 769px) {

	.secWrap {
		min-height: 100vh;
		padding: 50px 0;
		box-sizing: border-box;
	}

	.secWrap ul li span {
		width: 17.5%;
		display: inline-block;
	}

	.secWrap ul li strong {
		width: 82.5%;
		display: inline-block;
	}

}

@media (max-width: 769px) {

	.secWrap {
		font-size: 0.82rem;
		padding: 0 0 2.5rem;
		box-sizing: border-box;
	}

	.secWrap ul li a {
		text-decoration: none;
	}

	.secWrap ul li span,
	.secWrap ul li strong {
		display: block;

	}

	.secWrap ul li span {
		color: #888;
	}

}


p.back_btn {
	text-align: center;
	margin-top: 1.5rem;
}

p.back_btn a {
	box-shadow: 3px 3px 3px #eee;
	text-decoration: none;
	border-radius: 2rem;
	padding: 1rem 2rem;
	position: relative;
	background: #fff;
	font-size: 0.82rem;
}

p.back_btn a span {
	color: #1f1f1f;
}

p.back_btn a span:before {
	display: inline-block;
	transform: scale( 1, 2 );
	content: "\03c";
	color: #c8c8c8;
	padding-right: 1rem;
}


@media (min-width: 768px) {

	.secWrap {
		max-width: 1200px;
		margin: 0 auto;
	}

	p.back_btn a,
	p.back_btn a span,
	p.back_btn a span:after {
		transition: .3s;
	}

	.secWrap a {
		transition: .3s;
	}

	.secWrap a:hover {
		opacity: 0.5;
	}

	p.back_btn a:hover {
		background: #0ea0d4;
		opacity: 1;
	}

	p.back_btn a:hover span {
		color: #fff;
	}


}

/* 
detail
//////////////////////////////////////////////// */

.page_title {
	text-align: center;
}

.date {
	text-align: right;
}