/*============================
ニュース共通
============================*/
/* 左右のセクション */
.news_common {}

.news_common .wrap {
	display: flex;
}

@media screen and (max-width: 599px) {
	.news_common .wrap {
		flex-wrap: wrap;
	}
}

/* コンテンツ領域 */
.news_common .cont .list {
	margin-bottom: 1.20rem;
	width: 8.00rem;
}

@media screen and (max-width: 599px) {
	.news_common .cont .list {
		margin-bottom: 0.20rem;
		width: 100%;
	}
}

/* サイドバー */
.news_common .news_sidebar {
	width: calc(100% - 8.00rem);
	box-sizing: border-box;
	padding-left: 1.00rem;
}

@media screen and (max-width: 599px) {
	.news_common .news_sidebar {
		width: calc(100% + 0.40rem);
		padding: 0.30rem 0.20rem;
		background-color: #F2F2F2;
		margin: 0.60rem -0.20rem 0;
	}
}

.news_common .news_sidebar .sidebar_title {
	font-size: 0.18rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #003554;
	border-bottom: 3px solid #003554;
	padding-bottom: 0.10rem;
	margin-bottom: 0.15rem;
}

/* 最新記事 */
.news_common .news_sidebar .new {
	margin-bottom: 0.60rem;
}

@media screen and (max-width: 599px) {
	.news_common .news_sidebar .new {
		margin-bottom: 0.40rem;
	}
}

.news_common .news_sidebar .new .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news_common .news_sidebar .new .list .item {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding: 0.10rem 0;
}


.news_common .news_sidebar .new .list .item a {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	text-decoration: none;
	width: 100%;
}

.news_common .news_sidebar .new .list .item a:hover {
	opacity: 0.7;
}

/* 日付 */
.news_common .news_sidebar .new .list .item .date {
	font-size: 0.12rem;
	letter-spacing: 0.05em;
	color: #000;
}

/* カテゴリ */
.news_common .news_sidebar .new .list .item .category {
	margin-left: 0.1rem;
	margin-bottom: 0.05rem;
	position: relative;
	top: -0.01rem;
}

@media screen and (max-width: 599px) {
	.news_common .news_sidebar .new .list .item .category {
		margin-bottom: 0.07rem;
		top: auto;
	}
}

.news_common .news_sidebar .new .list .item .category span {
	font-size: 0.12rem;
	letter-spacing: 0.05em;
	border-radius: 0.03rem;
	box-sizing: border-box;
	padding: 0.03rem 0.06rem 0.05rem;
	display: inline-block;
}

@media screen and (max-width: 599px) {
	.news_common .news_sidebar .new .list .item .category span {
		font-size: 0.10rem;
	}
}

/* ニュース */
.news_common .news_sidebar .new .list .item .category.category_news span {
	color: #003554;
	background: #E5EAEE;
}

@media screen and (max-width: 599px) {
	.news_common .news_sidebar .new .list .item .category.category_news span {
		background: #FFF;
	}
}

/* トピック */
.news_common .news_sidebar .new .list .item .category.category_topic span {
	color: #00A73C;
	background: #EFF7EC;
}

@media screen and (max-width: 599px) {
	.news_common .news_sidebar .new .list .item .category.category_topic span {
		background: #FFF;
	}
}

/* タイトル */
.news_common .news_sidebar .new .list .item a .title {
	width: 100%;
	font-size: 0.15rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #003554;
	line-height: 1.45;
}

.news_common .news_sidebar .new .list .item a .title span {
	border-bottom: 1px solid #003554;
	transition: all 0.3s;
}

.news_common .news_sidebar .new .list .item a:hover .title span {
	border-bottom: none;
}


/* カテゴリ一覧 */
.news_common .news_sidebar .category_list {
	margin-bottom: 0.60rem;
}

.news_common .news_sidebar .category_list .list .item {
	margin-bottom: 0.20rem;
}

.news_common .news_sidebar .category_list .list .item a {
	font-size: 0.15rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	text-decoration: none;
	color: #003554;
	position: relative;
	padding-left: 0.20rem;
}

.news_common .news_sidebar .category_list .list .item a:hover {
	opacity: 0.7;
}

.news_common .news_sidebar .category_list .list .item a::before {
	position: absolute;
	content: "";
	width: 5px;
	height: 8px;
	display: inline-block;
	border: 5px solid transparent;
	box-sizing: border-box;
	border-left-color: #003575;
	top: 0.07rem;
	left: 0;
}

/* 月別お知らせ一覧 */
.news_common .news_sidebar .month select {
	border: 1px solid #CCCCCC;
	width: 100%;
	padding: 0.08rem 0.15rem;
	border-radius: 0.04rem;
	background-color: #FFF;
}


/*============================
ニュースリスト
============================*/
#news_list #lower_mv {
	background-image: url(../img/news_mv.jpg);
}

#news_list_cont {
	margin-bottom: 1.2rem;
}

#news_list_cont .sec_title {
	margin-bottom: 0.8rem;
}

@media screen and (max-width: 599px) {
	#news_list_cont .sec_title {
		margin-bottom: 0.20rem;
	}
}

/* コンテンツ */
#news_list_cont .cont {
	width: 100%;
}

#news_list_cont .cont .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#news_list_cont .cont .list .item {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	border-top: 1px solid #CCCCCC;
	padding: 0.20rem 0;
}

#news_list_cont .cont .list .item:last-child {
	border-bottom: 1px solid #CCCCCC;
}

#news_list_cont .cont .list .item a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	text-decoration: none;
	width: 100%;
}

@media screen and (max-width: 599px) {
	#news_list_cont .cont .list .item a {
		box-sizing: border-box;
		padding-right: 0.20rem;
	}
}

#news_list_cont .cont .list .item a::before {
	position: absolute;
	content: "";
	width: 0.05rem;
	height: 0.08rem;
	display: inline-block;
	border: 0.05rem solid transparent;
	box-sizing: border-box;
	border-left-color: #CCCCCC;
	top: 50%;
	right: 0.10rem;
	transform: translateY(-50%);
	transition: all .3s;
}

@media screen and (max-width: 599px) {
	#news_list_cont .cont .list .item a::before {
		right: 0;
	}
}

#news_list_cont .cont .list .item a:hover {
	opacity: 0.7;
}

#news_list_cont .cont .list .item a:hover::before {
	right: 0.05rem;
}

@media screen and (max-width: 599px) {
	#news_list_cont .cont .list .item a:hover::before {
		right: 0;
	}
}

/* 日付 */
#news_list_cont .cont .list .item .date {
	font-size: 0.16rem;
	letter-spacing: 0.05em;
	color: #000;
	width: 14%;
}

@media screen and (max-width: 599px) {
	#news_list_cont .cont .list .item .date {
		font-size: 0.13rem;
		width: 0.80rem;
	}
}

/* カテゴリ */
#news_list_cont .cont .list .item .category {
	width: 12%;
}

@media screen and (max-width: 599px) {
	#news_list_cont .cont .list .item .category {
		width: calc(100% - 0.80rem);
	}
}

#news_list_cont .cont .list .item .category span {
	font-size: 0.14rem;
	letter-spacing: 0.05em;
	border-radius: 0.04rem;
	box-sizing: border-box;
	padding: 0.05rem 0.10rem;
	display: inline-block;
}

@media screen and (max-width: 599px) {
	#news_list_cont .cont .list .item .category span {
		font-size: 0.11rem;
		padding: 0.03rem 0.10rem;
	}
}

/* ニュース */
#news_list_cont .cont .list .item .category.category_news span {
	color: #003554;
	background: #E5EAEE;
}

/* トピック */
#news_list_cont .cont .list .item .category.category_topic span {
	color: #00A73C;
	background: #EFF7EC;
}


/* タイトル */
#news_list_cont .cont .list .item a .title {
	font-size: 0.16rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #003554;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 74%;
	box-sizing: border-box;
	padding-right: 0.40rem;
}

@media screen and (max-width: 599px) {
	#news_list_cont .cont .list .item a .title {
		width: 100%;
		padding-top: 0.08rem;
		font-size: 0.15rem;
		padding-right: 0;
	}
}

#news_list_cont .cont .list .item a .title span {
	border-bottom: 1px solid #003554;
	transition: all 0.3s;
}

#news_list_cont .cont .list .item a:hover .title span {
	border-bottom: none;
}




/*============================
ニュース詳細
============================*/
#news_detail #lower_mv {
	background-image: url(../img/news_mv.jpg);
}

#news_detail_cont .sec_title {
	margin-bottom: 0.7rem;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .sec_title {
		margin-bottom: 0.20rem;
	}
}

/* コンテンツ */
/* #news_detail_cont .cont {
	width: 70%;
	box-sizing: border-box;
	padding-right: 3%;
} */


#news_detail_cont .cont {
	width: 8.00rem;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont {
		width: 100%;
	}
}

/* タイトル */
#news_detail_cont .cont .article_title {
	font-size: 0.30rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #003554;
	margin-bottom: 0.05rem;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont .article_title {
		font-size: 0.20rem;
		line-height: 1.55;
	}
}

/* 日付 */
#news_detail_cont .cont .date {
	font-size: 0.14rem;
	letter-spacing: 0.075em;
	margin-bottom: 0.40rem;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont .date {
		font-size: 0.12rem;
		margin-bottom: 0.30rem;
	}
}

/* 本文 */
#news_detail_cont .cont h1 {
	font-size: 0.24rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #01479D;
	padding-bottom: 0.10rem;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont h1 {
		font-size: 0.20rem;
		line-height: 1.75;
	}
}

#news_detail_cont .cont h2 {
	font-size: 0.22rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #01479D;
	padding-bottom: 0.10rem;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont h2 {
		font-size: 0.18rem;
		line-height: 1.75;
	}
}

#news_detail_cont .cont h3 {
	font-size: 0.24rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.05em;
	color: #01479D;
	padding-bottom: 0.10rem;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont h3 {
		font-size: 0.16rem;
		line-height: 1.75;
	}
}

#news_detail_cont .cont ul {}

#news_detail_cont .cont ul li::before {
	content: "";
	width: 0.12rem;
	height: 0.12rem;
	display: inline-block;
	background-color: #003554;
	border-radius: 50%;
	position: relative;
	top: 0.02rem;
	margin-right: 0.05rem;
}

#news_detail_cont .cont ul li {
	text-indent: -0.17rem;
	margin-left: 0.17rem;
}

#news_detail_cont .cont ol {
	padding: 0;
	list-style: outside decimal;
	margin-left: 0.16rem;
}

#news_detail_cont .cont li {
	font-size: 0.16rem;
	line-height: 2;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont li {
		font-size: 0.15rem;
		line-height: 1.86;
		letter-spacing: 0.05em;
	}
}

#news_detail_cont .cont p {
	font-size: 0.16rem;
	line-height: 2;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 599px) {
	#news_detail_cont .cont p {
		font-size: 0.15rem;
		line-height: 1.86;
		letter-spacing: 0.05em;
	}
}






/* タイトル */
#example_detail_cont .cont .cont_title {
	font-size: 0.30rem;
	font-weight: bold;
	line-height: 2;
	letter-spacing: 0.075em;
	color: #003554;
	margin-bottom: 0.15rem;
}

/* 施工後 */
#example_detail_cont .cont .after {
	margin-bottom: 0.20rem;
}

#example_detail_cont .cont .after .ph_wrap {
	width: 100%;
	height: 6.00rem;
	position: relative;
}

#example_detail_cont .cont .after .ph_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#example_detail_cont .cont .after .ph_wrap span {
	position: absolute;
	bottom: 0.20rem;
	left: 0.20rem;
	font-size: 0.16rem;
	font-weight: bold;
	color: #fff;
	background: #C1272D;
	padding: 0.05rem 0.10rem 0.08rem;
	display: block;
}


/* 施工前 */
#example_detail_cont .cont .before {
	display: flex;
	margin-bottom: 0.40rem;
}

#example_detail_cont .cont .before .ph_wrap {
	width: 3.00rem;
	height: 2.25rem;
}

#example_detail_cont .cont .before .ph_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#example_detail_cont .cont .before table {
	width: calc(100% - 3.20rem);
	box-sizing: border-box;
	margin-left: 0.20rem;
	border-collapse: collapse;
}

#example_detail_cont .cont .before table tr {
	width: 100%;
	border-top: 1px solid #000;
}

#example_detail_cont .cont .before table tr:last-child {
	border-bottom: 1px solid #000;
}

#example_detail_cont .cont .before table th {
	width: 2.45rem;
	font-size: 0.16rem;
	font-weight: bold;
	text-align: left;
	background: #F2F2F2;
	line-height: 1.75;
	letter-spacing: 0.05em;
	padding: 0.15rem 0.15rem 0.20rem;
	box-sizing: border-box;
}

#example_detail_cont .cont .before table td {
	width: calc(100% - 2.45rem);
	font-size: 0.16rem;
	padding: 0.15rem 0.15rem 0.20rem;
	line-height: 1.75;
	letter-spacing: 0.05em;
	box-sizing: border-box;
}

/* テキスト */
#example_detail_cont .cont .text {
	font-size: 0.16rem;
	line-height: 2;
	letter-spacing: 0.05em;
}


/* サイドバー */
#example_detail_cont .sidebar {
	width: 25%;
	box-sizing: border-box;

}

#example_detail_cont .sidebar .title {
	font-size: 0.18rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	color: #003554;
	border-bottom: 3px solid #003554;
	padding-bottom: 0.10rem;
	margin-bottom: 0.15rem;

}


/* 最新の事例 */
#example_detail_cont .sidebar .new {
	margin-bottom: 0.75rem;
}

#example_detail_cont .sidebar .new .sidebar_cont {}

#example_detail_cont .sidebar .new .sidebar_cont a {
	display: block;
	text-decoration: none;
}

#example_detail_cont .sidebar .new .sidebar_cont a:hover {
	opacity: 0.7;
}


#example_detail_cont .sidebar .new .sidebar_cont a .link_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 0.30rem;
}

/* 画像 */
#example_detail_cont .sidebar .new .sidebar_cont a .link_box .ph_wrap {
	width: 1.00rem;
	height: 1.00rem;
}


#example_detail_cont .sidebar .new .sidebar_cont a .link_box .ph_wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* テキスト */
#example_detail_cont .sidebar .new .sidebar_cont a .link_box .text {
	width: calc(100% - 1.00rem);
	box-sizing: border-box;
	padding-left: 0.20rem;
}

#example_detail_cont .sidebar .new .sidebar_cont a .link_box .text span {
	color: #000;
	font-size: 0.14rem;
	letter-spacing: 0.05em;
	margin-bottom: 0.10rem;
	display: inline-block;
}


#example_detail_cont .sidebar .new .sidebar_cont a .link_box .text .new_title {
	color: #003554;
	font-size: 0.16rem;
	font-weight: bold;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #003554;
	display: inline-block;
	transition: all .3s;
}

#example_detail_cont .sidebar .new .sidebar_cont a:hover .link_box .text .new_title {
	border-bottom: none;
}