@charset "Shift_JIS";

.c5-app-section {
	margin-bottom: 80px;
}
.c5-app-section img {
	max-width: 100%;
	height: auto;
}
* + .c5-app-cols {
	margin-top: 30px;
}
.c5-app-cols {
	display: flex;
	flex-wrap: nowrap;
}
.c5-app-cols + h3 {
	margin-top: 60px;
}
.c5-app-cols p {
	margin: 0 0 1em 0;
	padding: 0;
}
.c5-app-cols .c5-app-cols__img {
	flex: 0 0 30%;
	padding-right: 20px;
}
.c5-app-cols__txt {
	flex: auto;
}
.c5-app-cols p + .c5-app-iconslist {
	margin-top: 30px;
}
.c5-app-iconslist {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: .9em;
	line-height: 1.4;
}
.c5-app-iconslist li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 15px 20px 0;
}
.c5-app-icons {
	display: inline-block;
	text-align: center;
	background-color: #e4e7ec;
	font-weight: bold;
	padding: .5em .7em;
}
.c5-app-iconimg {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}
.c5-app-iconimg li {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 15px;
	line-height: 1;
	margin-right: 5px;
}
.c5-app-iconimg img {
	width: 60px;
}
.c5-icon-desc {
	text-align: right;
	font-size: 13px;
}
.c5-icon-desc ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.c5-icon-desc li {
	display: inline-block;
	margin: 0 0 10px 20px;
}
.c5-icon-desc img {
	vertical-align: middle;
	width: 45px;
}
.s5-button.ver_orange {
	background-color: orange;
}
.s5-button.ver_orange:hover {
	opacity: .7;
}
@media (max-width: 767px) {
	.c5-app-section {
		margin-bottom: 40px;
	}
	.c5-app-cols + h3 {
		margin-top: 30px;
	}
	* + .c5-app-cols {
		margin-top: 15px;
	}
	.c5-app-cols {
		display: block;
	}
	.c5-app-cols__img {
		text-align: center;
	}
	.c5-app-cols .c5-app-cols__img {
		padding-right: 0;
		margin-bottom: 10px;
	}
	.c5-app-iconimg li {
	}
	.c5-icon-desc img,
	.c5-app-iconimg img {
		width: 30px;
	}
}
@media screen and (min-width: 768px){
  .c5-app-download-row{
    display: flex;
  }
  .c5-app-download-col{
    width: 250px;
  }
}