@charset "utf-8";

/* -------------------------------------------------- */
/* index*/
/* -------------------------------------------------- */

@media screen and (max-width: 767px) {
	.section_column .title_box02 {
		margin: 0 0 5%;
		padding-bottom: 3%;
	}

	.section_column .title_box02 h3 {
		font-size: 2rem;
	}

	.section_column .title_box02 .link_list {
		bottom: 4px;
		right: -15px;
		transform: scale(.8);
	}

	.section_column .title_box02 .link_list a {
		padding-right: 24px;
		position: relative;
	}

}

/* newest */

@media screen and (max-width: 767px) {
	.box_newest {
		margin-bottom: 10%;
	}

	.box_newest .ph {
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		overflow: hidden;
		display: block;
	}

	.box_newest .info_box {
		width: 100%;
		display: block;
		padding: 5%;
	}

	.box_newest .info_box .tit {
		height: 40px;
		font-size: 1.6rem;
		margin: 3% 0 4%;
	}

	.box_newest .info_box .txt {
		height: 36px;
	}

	.box_newest .date {
		margin-top: 3%;
	}
}


/* list */

@media screen and (max-width: 767px) {

.box_new {
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
}

.box_new:nth-child(2n) {
	margin-right: 0;
}

	.box_new.new a::before {
		width: 36px;
		height: 36px;
		line-height: 36px;
		font-size: 1.2rem;
	}

	.box_new .info_box {
		margin-top: -14px;
		padding: 0 5% 5%;
	}

	.box_new .tit {
		margin: 10px 0 8px;
		height: 40px;
	}

	.box_new .date {
		opacity: .5;
		font-size: 1.3rem;
		text-align: right;
	}
}


/* -------------------------------------------------- */
/* detail */
/* -------------------------------------------------- */

@media screen and (max-width: 767px) {
.article_block {
	width: 100%;
	float: none;
}

.detail_box {
	padding: 8% 6%;
}

.detail_box .info_box {
	padding: 0 0 20px;
}

.detail_box .info_box .tit {
	font-size: 1.6rem;
	margin: 3% 0 4%;
}

.detail_box .info_box .staff {
	bottom: 9px;
}

.detail_box .article {
	padding: 10% 0 0;
}

.detail_box .main_ph {
	margin-bottom: 4%;
}

.btn_back {
	margin: 10% auto 0;
	width: 212px;
}

.side {
	width: 100%;
	float: none;
	margin-top: 16%;
}

.side .category_box {
	margin-bottom: 5%;
}

.side .archive .side_tit {
	padding: 0 5%;
	line-height: 40px;
	font-size: 1.5rem;
}

.side .archive ul {
	padding: 3% 5%;
}

.side .archive li a {
	padding: 2% 2% 2% 20px;
}

.side .archive .list_box {
	padding: 1% 5%;
}

.side .archive .box a {
	padding: 4% 0;
}

.side .archive .box .info_box .tit {
	font-size: 1.4rem;
	height: 40px;
}

}