@charset "UTF-8";
/*
 * index.css
 *
 */

/*==================================
              after
==================================*/
#top_copy h3 {
    font-size: 28px;
    font-weight: bold;
	background-image:url(../../../img/service_ttl.jpg);
    background-position: 50% 58%;
    background-repeat: no-repeat;
	margin:0 auto 20px;
}
#after_list h3 {
    font-size: 28px;
    color: #255028;
    border-bottom: #006633 solid 1px;
    margin: 0 0 30px;
}
#after_list p,
#after_list img,
.online_info {
	display:inline-block;
	vertical-align:top;
}
#after_list p {
    font-size: 16px;
	width:500px;
	margin:0 20px;
	line-height: 1.7em;	
}
.after_list_01 {
	margin:30px auto 40px;
}
#after_list .online_info {
	width:570px;
	margin:30px auto 0;
}
#after_list .online_info p {
	width:auto;
}
#after_list .online_info h4,
#after_list .ec_info h4 {
	margin:20px auto;
	color:#E23341;
	font-size:24px;
	font-weight:bold;
}
#after_list .ec_info h3 {
    border-bottom: #E23341 solid 1px;
}
#after_list .ec_info li {
	width:300px;
	padding:20px;
    border: #E23341 solid 1px;	
}
#after_list .ec_info li img {
	margin:20px auto;
}
#after_list .button {
	width:220px;
}
#after_list .ec_info img,
#after_list .ec_info p {
	display:block;
	width:auto;
	margin:0 auto;
	text-align:center;
}
#after_list .ec_info h5 {
	font-size:17px;
	font-weight:bold;
}
#after_list .ec_info .button {
	width:200px;
}
.button a {
  padding: 5px 20px 5px 6px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 1;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  border-radius: 20px;
  background-color: #E23341;
}
#after_list .ec_info ul {
  display: flex;
  justify-content: space-around;
  width:800px;
  margin:30px auto 0;
}
.button a::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f105';
  color: #fff;
  font-weight: 900;
  float: right;
  background: none;
}
.ec_shop {
	color:#E23341;
	font-size:17px;
	font-weight:bold;
}