@charset "UTF-8";

.service {
  padding: 100px 0;
}
.service#service_02 {
  background-color: #F2F2F2;
}
.service h3 {
  font-size: 3.0rem;
  font-weight: 700;
  color: #fff;
  background-color: #333;
  margin-bottom: 50px;
  padding: .4em 1em .6em;
}
.service h3 .number {
  font-size: 1.6em;
  font-weight: 900;
  vertical-align: text-bottom;
  color: #FFDF00;
  margin-right: 1em;
}
.service h3 small {
  font-size: .53em;
  margin-left: 1em;
  vertical-align: .25em;
}
.service .detail {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media (769px <= width < 890px) {
  .service .detail {
    flex-direction: column;
  }
}
.service .detail .image {
  width: 456px;
}
.service .detail .text {
  flex: 1;
}
.service .detail .text p {
  font-size: 1.6rem;
  line-height: 1.8;
}
.service .detail .text p + p {
  margin-top: 2em;
}
.service .detail .text p strong {
  background: linear-gradient(transparent 40%, #FFDF00 40%);
  padding: 0 .2em;
}
.achievements{
	margin: 30px 0 10px 0;
	padding: 15px;
	border: 1px solid #CCC;
	line-height: 160%;
	font-size:12px;
}
.achievements span{
	display:block;
	font-size:16px;
	font-weight: bold;
	margin-bottom:10px;
}