@charset "utf-8";
:root {
  --main-color: #F4811E;
}
.wrap {
	padding: 0 16px;
}
.feature {
	display: none;
}
.recommend {
	line-height: 1.8;
}
.recommend h2{
	font-size: 2.8rem;
	line-height: 1.5;
	text-align: center;
	margin: 40px auto;
	color: var(--main-color);
	letter-spacing: 0.06em;
}
.recommend__txt {
	text-align: justify;
}
.recommend h3 {
	font-size: 1.8rem;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.08rem;
	background-color: var(--main-color);
	color: #FFFFFF;
	padding: 8px;
	margin: 40px 0 24px;
	border-radius: 8px;
}
.recommend__innner {
	margin: 32px 0;

}
.recommend__innner h4 {
	font-size: 1.8rem;
	margin-bottom: 16px;
	padding-bottom: 8px;
	border-bottom: solid 1px var(--main-color);
}
@media screen and (min-width:767px) {
	.pc_hide {
		display: none;
	}
	.recommend {
		font-size: 1.6rem;
		line-height: 2;
	}
	.recommend h2{
		font-size: 3.2rem;
		margin: 40px auto 40px;
	}
	.recommend h3 {
		font-size: 2.4rem;	
	}
	.recommend__innnerFlex {
		display: flex;
		gap: 0 40px;
	}
}
.recommend__en {
	margin-top: 72px;
	border-top: dotted 2px var(--main-color);
	padding: 32px 16px 0px;

}
@media screen and (min-width:767px) {
	.recommend__en {
		margin-top: 100px;
		padding: 48px 16px 0px;
	}
}