@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:960px){
#news {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.news--contents {
		width: 100%;
		padding: 170px 0px 180px;
		margin: auto auto;
		position: relative;
	}
		.news--contents_inner {
			width: 90%;
			max-width: 1050px;
			margin: auto auto;
			position: relative;
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
		}
			.news--contents_left {
				width: 65%;
			}
				.news-date {
					width: 100%;
					margin-bottom: 5px;
					font-size: 18px;
					color: #CCCCCC;
				}
				.news-title {
					width: 100%;
					margin-bottom: 30px;
					font-size: 28px;
					font-weight: 500;
					color: #000000;
				}
				.article-contents {
					width: 100%;
					margin: auto auto 80px;
				}
					.article-contents img {
						max-width: 100%;
						height: auto;
						margin-bottom: 1.75em;
					}
					.article-contents p {
						width: 100%;
						margin-bottom: 1.75em;
						font-size: 16px;
						line-height: 2.4;
					}
					.wp-block-columns {
						margin-bottom: 0px !important;
					}

				.news-back {
					display: inline-block;
					color: #000000;
				}
				.news-back:after {
					content: '';
					display: block;
					width: 100%;
					height: 1px;
					background-color: #000000;
					opacity: 1;
					transition: .2s;
					-webkit-transition: .2s;
				}
				.news-back:hover:after {
					opacity: 0;
				}

			.news-sidebar {
				width: 27%;
			}
				.sidebar-heading {
					width: 100%;
					padding-bottom: 18px;
					margin-bottom: 15px;
					border-bottom: solid 1px #DEDEDE;
					font-size: 24px;
					font-weight: 700;
					line-height: 1.0;
					letter-spacing: 0.06em;
					position: relative;
				}
				.sidebar-heading:after {
					content: '';
					display: block;
					width: 60px;
					height: 1px;
					background-color: #DF610F;
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.sidebar-cp_cat-list {
					width: 100%;
					margin-bottom: 80px !important;
					position: relative;	
				}
				.sidebar-cp_cat-list:after {
					content: '';
					display: block;
					width: 60px;
					height: 1px;
					background-color: #DF610F;
					position: absolute;
					bottom: -40px;
					left: 0;
				}
					.sidebar-cp_cat-list li {
						width: 100%;
						padding: 8px 0px;
						margin-bottom: 5px;
						font-size: 16px;
						font-weight: 400;
						position: relative;
						pointer-events: none;
					}
					.sidebar-cp_cat-list li:last-of-type {
						margin-bottom: 0px;
					}
						.sidebar-cp_cat-list li a {
							color: #000000;
							pointer-events: auto;
							transition: .2s;
							-webkit-transition: .2s;
						}
						.sidebar-cp_cat-list li a:hover {
							color: #DF610F;
						}
						.sidebar-cp_cat-list li:after {
							content: '';
							width: 20px;
							height: 7px;
							background-image: url(../image/news/cp_cat-arrow_active.svg);
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center;
							position: absolute;
							top: 50%;
							right: 0;
							transform: translate(0%, -50%);
							-webkit-transform: translate(0%, -50%);
							pointer-events: none;
							transition: .2s;
							-webkit-transition: .2s;
						}
						.sidebar-cp_cat-list li:hover:after {
							right: -2px;
						}

			.sidebar-recruitment {
				width: 100%;
			}
				.contact-heading {
					width: 100%;
					margin-bottom: 15px;
					font-family: din-condensed, sans-serif;
					font-size: 32px;
					text-align: left;
					color: #DF610F;
					line-height: 1.0;
					letter-spacing: 0.06em;
					text-indent: 0.06em;
				}
				.contact-container {
					width: 100%;
				}
					.contact-btn {
						display: block;
						width: 100%;
						height: 60px;
						padding-left: 10px;
						font-size: 16px;
						font-weight: 700;
						text-align: left;
						line-height: 60px;
						letter-spacing: 0.06em;
						color: #ffffff;
						position: relative;
					}
					.contact-btn-contact {
						margin-bottom: 3px;
						background-color: #DF610F;
					}
					.contact-btn-essential_point {
						background-color: #000000;
					}
						.contact-btn-arrow {
							width: 20px;
							height: auto;
							position: absolute;
							top: 50%;
							right: 13px;
							transform: translate(0%, -50%);
							-webkit-transform: translate(0%, -50%);
							transition: .1s;
							-webkit-transition: .1s;
						}
						.contact-btn:hover > .contact-btn-arrow {
							right: 10px;
						}
}

/* Tablet ================================================== */
@media all and (min-width:560px) and (max-width:959px){
#news {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.news--contents {
		width: 100%;
		padding: 120px 0px 180px;
		margin: auto auto;
		position: relative;
	}
		.news--contents_inner {
			width: 90%;
			margin: auto auto;
			position: relative;
		}
			.news--contents_left {
				width: 100%;
				margin-bottom: 70px;
			}
				.news-date {
					width: 100%;
					margin-bottom: 10px;
					font-size: 16px;
					color: #CCCCCC;
				}
				.news-title {
					width: 100%;
					margin-bottom: 15px;
					font-size: 20px;
					font-weight: 500;
					line-height: 1.6;
					color: #000000;
				}
				.article-contents {
					width: 100%;
					margin: auto auto 80px;
				}
					.article-contents img {
						max-width: 100%;
						height: auto;
						margin-bottom: 1.75em;
					}
					.article-contents p {
						width: 100%;
						margin-bottom: 1.75em;
						font-size: 16px;
						line-height: 2.4;
					}
					.wp-block-columns {
						margin-bottom: 0px !important;
					}

				.news-back {
					display: inline-block;
					color: #000000;
				}
				.news-back:after {
					content: '';
					display: block;
					width: 100%;
					height: 1px;
					background-color: #000000;
					opacity: 1;
					transition: .2s;
					-webkit-transition: .2s;
				}
				.news-back:hover:after {
					opacity: 0;
				}

			.news-sidebar {
				width: 100%;
			}
				.sidebar-heading {
					width: 100%;
					padding-bottom: 18px;
					margin-bottom: 15px;
					border-bottom: solid 1px #DEDEDE;
					font-size: 24px;
					font-weight: 700;
					line-height: 1.0;
					letter-spacing: 0.06em;
					position: relative;
				}
				.sidebar-heading:after {
					content: '';
					display: block;
					width: 60px;
					height: 1px;
					background-color: #DF610F;
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.sidebar-cp_cat-list {
					width: 100%;
					position: relative;	
				}
					.sidebar-cp_cat-list li {
						width: 100%;
						padding: 8px 0px;
						margin-bottom: 5px;
						font-size: 16px;
						font-weight: 400;
						position: relative;
						pointer-events: none;
					}
					.sidebar-cp_cat-list li:last-of-type {
						margin-bottom: 0px;
					}
						.sidebar-cp_cat-list li a {
							color: #000000;
							pointer-events: auto;
							transition: .2s;
							-webkit-transition: .2s;
						}
						.sidebar-cp_cat-list li:after {
							content: '';
							width: 20px;
							height: 7px;
							background-image: url(../image/news/cp_cat-arrow_active.svg);
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center;
							position: absolute;
							top: 50%;
							right: 0;
							transform: translate(0%, -50%);
							-webkit-transform: translate(0%, -50%);
							pointer-events: none;
							transition: .2s;
							-webkit-transition: .2s;
						}

			.sidebar-recruitment {
				display: none;
			}
}

/* SP ================================================== */
@media all and (max-width:559px){
#news {
	width: 100%;
	border-top: solid 1px #DEDEDE;
}
	.news--topimage {
		width: 100%;
		height: 400px;
		background-image: url(../image/news/news_main.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
	.news--contents {
		width: 100%;
		padding: 120px 0px 180px;
		margin: auto auto;
		position: relative;
	}
		.news--contents_inner {
			width: 90%;
			margin: auto auto;
			position: relative;
		}
			.news--contents_left {
				width: 100%;
				margin-bottom: 70px;
			}
				.news-date {
					width: 100%;
					margin-bottom: 10px;
					font-size: 16px;
					color: #CCCCCC;
				}
				.news-title {
					width: 100%;
					margin-bottom: 15px;
					font-size: 20px;
					font-weight: 500;
					line-height: 1.6;
					color: #000000;
				}
				.article-contents {
					width: 100%;
					margin: auto auto 80px;
				}
					.article-contents img {
						max-width: 100%;
						height: auto;
						margin-bottom: 1.75em;
					}
					.article-contents p {
						width: 100%;
						margin-bottom: 1.75em;
						font-size: 16px;
						line-height: 2.4;
					}
					.wp-block-columns {
						margin-bottom: 0px !important;
					}

				.news-back {
					display: inline-block;
					color: #000000;
				}
				.news-back:after {
					content: '';
					display: block;
					width: 100%;
					height: 1px;
					background-color: #000000;
					opacity: 1;
					transition: .2s;
					-webkit-transition: .2s;
				}
				.news-back:hover:after {
					opacity: 0;
				}

			.news-sidebar {
				width: 100%;
			}
				.sidebar-heading {
					width: 100%;
					padding-bottom: 18px;
					margin-bottom: 15px;
					border-bottom: solid 1px #DEDEDE;
					font-size: 24px;
					font-weight: 700;
					line-height: 1.0;
					letter-spacing: 0.06em;
					position: relative;
				}
				.sidebar-heading:after {
					content: '';
					display: block;
					width: 60px;
					height: 1px;
					background-color: #DF610F;
					position: absolute;
					bottom: -1px;
					left: 0;
				}
				.sidebar-cp_cat-list {
					width: 100%;
					position: relative;	
				}
					.sidebar-cp_cat-list li {
						width: 100%;
						padding: 8px 0px;
						margin-bottom: 5px;
						font-size: 16px;
						font-weight: 400;
						position: relative;
						pointer-events: none;
					}
					.sidebar-cp_cat-list li:last-of-type {
						margin-bottom: 0px;
					}
						.sidebar-cp_cat-list li a {
							color: #000000;
							pointer-events: auto;
							transition: .2s;
							-webkit-transition: .2s;
						}
						.sidebar-cp_cat-list li:after {
							content: '';
							width: 20px;
							height: 7px;
							background-image: url(../image/news/cp_cat-arrow_active.svg);
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center;
							position: absolute;
							top: 50%;
							right: 0;
							transform: translate(0%, -50%);
							-webkit-transform: translate(0%, -50%);
							pointer-events: none;
							transition: .2s;
							-webkit-transition: .2s;
						}

			.sidebar-recruitment {
				display: none;
			}
}