@charset "utf-8";
.reform_lead {
		font-size: 16px;
		line-height: 1.8;
		margin: 0 0 60px;
}
.reform_all {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
}
.reform_item {
		width: 480px;
		margin: 0 0 90px
}
dd .reform_all {
		max-width: 690px;
		margin: 0 auto 60px;
}
dd .reform_item {
		margin: 0;
		width: calc(50% - 40px);
}
@media(max-width: 768px) {
		dd .reform_item {
				width: 100%;
				max-width: 400px;
				margin: 0 auto 60px;
		}
}
.reform_item img {
		width: 100%;
		height: auto;
		border-radius: 8px;
}
.reform_thumb {
		margin: 0 0 20px;
}
dd .reform_thumb {
		margin: 0 0 15px;
}
.reform_caption h5 {
		font-size: 24px;
		font-weight: 600;
		margin: 0 0 20px;
}
.reform_caption p {
		line-height: 1.8;
		font-size: 15.5px;
		text-align: justify;
}
.reform_caption dl {
		display: flex;
		align-items: center;
		font-size: 24px;
}
dd .reform_caption dl {
		font-size: 18px;
}
.reform_caption dt {
		font-family: "Manrope", sans-serif;
		font-weight: 600;
		padding-right: 25px;
		margin-right: 25px;
		position: relative;
}
.reform_caption dt::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 10px);
		right: 0;
		width: 1px;
		height: 20px;
		background: #282828;
}
.after .reform_caption dt::after {
		background: #14b46e;
}
.reform_caption dd {
		font-weight: 600;
		flex: 1;
}
.after .reform_caption dt, .after .reform_caption dd {
		color: #14b46e;
}
.reform_thumb {
		position: relative;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
}
.before .reform_thumb::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 13.5px);
		right: -52px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 12px 0 12px 24px;
		border-color: transparent transparent transparent #14b46e;
}
.reform_merit_section {
		margin-top: 80px;
}
.reform_merit_section h3 {
		font-size: 36px;
		font-weight: 600;
		text-align: center;
		margin: 0 0 10px
}
.hd_gr h3 {
		font-size: 36px;
		font-weight: 600;
		text-align: center;
		margin: 0 0 10px;
}
.hd_gr p {
		text-align: center;
		font-family: "Manrope", sans-serif;
		font-size: 12px;
		color: #aaa;
}
.hd_gr {
		margin: 140px 0 40px;
}
@media(max-width: 768px) {
		.hd_gr h3 {
				font-size: 24px;
				margin: 0 0 10px;
		}
		.hd_gr p {
				font-size: 12px;
		}
		.hd_gr {
				margin: 100px 0 40px;
		}
}
.hd_gr.first {
		margin-top: 0;
}
.reform_merit_flex {
		display: flex;
		justify-content: space-between;
}
.reform_merit_item {
		width: calc(50% - 30px);
}
.reform_merit_item dl {
		display: flex;
		align-items: center;
}
.reform_merit_item dl dt {
		width: 82px;
		margin-right: 25px;
		transform: translateY(-15px)
}
.reform_merit_item dl dt img {
		width: 100%;
		height: auto;
}
.reform_merit_item dl dd {
		flex: 1;
		background: #f3f4f8;
		border-radius: 10px;
		padding: 35px;
}
.reform_merit_item dl dd h4 {
		font-size: 22px;
		font-weight: 600;
		margin: 0 0 15px;
}
.reform_merit_item dl dd p {
		line-height: 1.8;
		font-size: 16px;
}
@media(max-width: 1200px) {
		.reform_item {
				width: calc(50% - 30px);
		}
		.before .reform_thumb::after {
				right: -45px;
		}
		.reform_caption h5 {
				font-size: 20px;
		}
}
@media(max-width: 1100px) {
		.reform_merit_item {
				width: calc(50% - 15px);
		}
		.reform_merit_item dl dt {
				width: 50px;
				margin-right: 20px;
				transform: translateY(-10px);
		}
		.reform_merit_item dl dt img {
				width: 100%;
				height: auto;
		}
		.reform_merit_item dl dd {
				padding: 20px;
		}
}
@media(max-width: 840px) {
		.reform_merit_item dl {
				display: block;
		}
		.reform_merit_item dl dt {
				width: 50px;
				margin: 0;
				position: relative;
				z-index: 5;
				margin-bottom: -19px;
				margin-left: 20px;
				transform: translateY(0);
		}
		.reform_merit_item dl dd {
				padding: 40px 25px 25px;
		}
}
@media(max-width: 768px) {
		.before .reform_thumb::after {
				display: none
		}
		.before {
				margin-bottom: 0 !important;
		}
		.before::after {
				content: '';
				display: block;
				width: 27px;
				height: 27px;
				background: url("../n_images/reform_arw_sp.png") no-repeat 0 0;
				background-size: 27px;
				margin: 35px auto;
		}
		.reform_caption dl {
				font-size: 22px;
		}
		.reform_caption dt {
				padding-right: 20px;
				margin-right: 20px;
		}
		.reform_thumb {
				margin: 0 0 10px;
		}
		.reform_all {
				display: block;
		}
		.reform_item {
				width: 100%;
				max-width: 400px;
				margin: 0 auto 60px;
		}
		.reform_merit_section h3 {
				font-size: 22px;
				margin: 0 0 50px;
		}
		.reform_merit_flex {
				display: block;
				max-width: 400px;
		}
		.reform_merit_item {
				width: 100%;
				margin: 0 0 35px;
		}
		.reform_merit_item dl dd {
				padding: 30px 15px 20px;
		}
		.reform_merit_item dl dd h4 {
				font-size: 22px;
				margin: 0 0 10px;
		}
}