article.title_area .e_title {
	letter-spacing: -0.05em;
}

.online_inner {
}
.online_inner h2.subtitle {
    margin-bottom: 0.5em;
}
.online_inner > div {
    max-width: 1100px;
    margin: auto;
}
.online_inner .online_intro {
    background: #fff;
    padding: 15px;
    margin-bottom: 30px;
}
.online_inner .online_list {
    list-style: none;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.online_inner .online_list li {
    width: 48%;
    background: #fff;
    padding: 15px 15px 30px;
    margin-bottom: 20px;
}
.online_inner .online_list li .online_banner {
    width: 100%;
    height: 70px;
    padding: 0 10px;
    margin-bottom: 10px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
}
.online_inner .online_list li .online_banner img {
    max-height: 70px;
}
.online_inner .online_list li .online_link {
    margin-bottom: 10px;
}
.online_inner .online_list li .online_link a {
    display: block;
    color: #fff;
    background: #004b9e;
    padding: 7px;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	display: -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex; /* Safari6.1以降 */
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.online_inner .online_list li .online_link a img {
    width: 16px;
    margin-right: 5px;
}

@media (min-width: 768px) {
.online_inner h2.subtitle {
    margin-bottom: 0.8em;
}
.online_inner .online_intro {
    padding: 40px 30px;
    margin-bottom: 50px;
}
.online_inner .online_list li {
    padding: 20px 20px 40px;
    margin-bottom: 30px;
}
.online_inner .online_list li .online_banner {
    height: 140px;
    padding: 0 20px;
    margin-bottom: 20px;
}
.online_inner .online_list li .online_banner img {
    max-height: 140px;
}
.online_inner .online_list li .online_link {
    margin-bottom: 20px;
}
.online_inner .online_list li .online_link a {
    padding: 8px 10px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
.online_inner .online_list li .online_link a img {
    margin-right: 8px;
}
}

@media (min-width: 1000px) {
}

@media (min-width: 1200px) {
.online_inner .online_intro {
    padding: 50px 40px;
    margin-bottom: 60px;
}
.online_inner .online_list li {
    width: 537px;
    padding: 25px 20px 40px;
    margin-bottom: 50px;
}
.online_inner .online_list li .online_banner {
    height: 160px;
    padding: 0 25px;
    margin-bottom: 25px;
}
.online_inner .online_list li .online_banner img {
    max-height: 160px;
}
.online_inner .online_list li .online_link {
    margin-bottom: 30px;
}
.online_inner .online_list li .online_link a {
    padding: 10px 10px;
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}
.online_inner .online_list li .online_link a img {
    width: auto;
    margin-right: 10px;
}
}