@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : news.css
Description : 新着情報ページCSS
===================================================================== */


/* =====================================================================
*    #main
* =================================================================== */

.subpage .main_inner {
	padding: 9.375% 6.25%;
}

.main_inner:not(:first-of-type) {
	margin-top: 6.25%;
}

.title {
	font-size: 1.5rem;
	line-height: 1.4em;
	font-weight: bold;
	color: #0c45ae;
	border-bottom: 1px dotted #aaaaaa;
	padding-top: 25px;
	padding-bottom: 15px;
}

.subpage .main_inner .date {
	font-size: 1.2rem;
	line-height: 1.2em;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: 10%;
	margin-left: 6.6667%;
}

.text {
	font-size: 1.4rem;
	line-height: 1.5em;
	margin-top: 20px;
}

.img_left,
.img_right,
.img_center {
	box-sizing: border-box;
	border: 3px solid #0c45ae;
	margin-top: 20px;
}

.btn {
	margin-top: 20px;
}

@media screen and (min-width:640px){
	.subpage .main_inner {
		padding: 60px 40px;
	}

	.main_inner:not(:first-child) {
		margin-top: 40px;
	}
}

@media screen and (min-width:800px){
	.page_ttl::before {
		background: url(../images/news/img_ttl_pc.png) no-repeat center top;
		background-size: 100% auto;
	}

	.subpage .main_inner {
		padding: 5.8824% 3.9216%;
	}

	.main_inner:not(:first-of-type) {
		margin-top: 1.9608%;
	}

	.title {
		font-size: 2.4rem;
		line-height: 1.4em;
		border-bottom: 2px dotted #aaaaaa;
		padding-top: 0;
		padding-bottom: 15px;
		padding-left: 130px;
	}

	.subpage .main_inner .date {
		font-size: 1.8rem;
		line-height: 1.6em;
		margin-top: 5.8824%;
		margin-left: 3.9216%;
	}

	.text {
		font-size: 1.8rem;
		line-height: 1.5em;
		margin-top: 15px;
	}

	.img_center {
		width: 75.532%;
		border: 6px solid #0c45ae;
		margin-left: auto;
		margin-right: auto;
	}

	.img_left {
		width: 38.2979%;
		float: left;
		border: 6px solid #0c45ae;
		box-sizing: border-box;
		margin-right: 3.1915%;
		margin-bottom: 3.1915%;
	}

	.img_right {
		width: 38.2979%;
		float: right;
		border: 6px solid #0c45ae;
		box-sizing: border-box;
		margin-left: 3.1915%;
		margin-bottom: 3.1915%;
	}
}

@media screen and (min-width:1401px){
	.subpage .main_inner {
	    padding: 60px 40px;
	}
	.main_inner:not(:first-of-type) {
		margin-top: 20px;
	}

	.subpage .main_inner .date {
		margin-top: 60px;
		margin-left: 40px;
	}
}