@charset "utf-8";
/* CSS Document */

.field-title-area {
	background: url("../images/road_title_bg.jpg") left center no-repeat;
}
.field-half-area .field-txt {
    width: 70%;
}
.field-half-area .field-txt b {
    display: block;
	font-size: 1.8rem;
    margin-bottom: 10px;
}
.field-half-area .field-img {
    width: 26%;
}
.field-txt.related_info_magagine_area {
	display: block;
}


@media screen and (max-width: 750px) {
	.field-half-area {
		justify-content: center;
	}
	.field-half-area .field-txt {
		width: 100%;
		order: 2;
	}
	.field-half-area .field-txt b {
		font-size: 3.2rem;
		margin-bottom: 10px;
	}
	.field-half-area .field-img {
		width: 60%;
		margin: 0 auto 20px;
		order: 1;
	}
}



.list_jump_area {
	margin-bottom: 30px;
}
.list_jump_area a:hover {
	opacity: 1 !important;
}

.related-perfomance-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
}
.related-perfomance-title-box {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	background-color: #eee;
	width: 320px;
	padding: 25px 30px;
}
.related-perfomance-title {
	margin: 0;
	font-size: 2.4rem;
	line-height: 1.5;
}
.related-perfomance-img {
	text-align: center;
}
.related-perfomance-list-area {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding: 10px 0 0 40px;
}
.related-perfomance-list {
	margin: 0;
	padding: 0;
}
.related-perfomance-list a {
	color: #000;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
}
.related-perfomance-list a:hover {
	opacity: 0.8;
	text-decoration: underline;
}
.related-perfomance-list li {
	margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
	.related-perfomance-inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.related-perfomance-title-box {
		width: 100%;
		padding: 20px;
	}
	.related-perfomance-title {
		font-size: 3.5rem;
	}
	.related-perfomance-list-area {
		padding: 20px 0 0;
	}
	.related-perfomance-list {
		margin-bottom: 60px
	}
	.related-perfomance-list a {
		font-size: 3rem;
		line-height: 1.5;
		text-decoration: underline;
	}
}

/* 2024-7/22追記 */

.half-flex {
	display: flex;
	width: 100%;
	justify-content: space-between;
	margin: 0px;
}

.half-flex img {
	width: 49%;
}

.mt20 {
	margin-top: 20px;
}