/* list */
.list-inline {
	margin-bottom: 75px;
}

@media only screen and (max-width: 640px) {
	.list-inline {
		margin-bottom: 0;
	}
}

	.is-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.boxA {
		position: relative;
		padding: 30px;
		background: #fff;
		border: solid 1px #ddd;

    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	}
	.boxA .label {
		position: absolute;
		top: 10px;
		right: -30px;
		padding: 5px 20px;
		background: #e95837;
		font-size: 16px;
		color: #fff;
		transform: rotate(30deg);
	}
	.boxA .label.rev {
		left: -30px;
		right: auto;
		transform: rotate(-30deg);
	}

	.section.num1 {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section.num1 .wrap {
	}
@media only screen and (max-width: 640px) {
	.section.num1 {
	}
}

	.section.num2 {
		margin-bottom: 80px;
	}
	.section.num2 .wrap {
		padding-bottom: 60px;
		border-bottom: solid 1px #ccc;
	}
	.mw700 {
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
	}
@media only screen and (max-width: 640px) {
	.section.num2 {
		margin-bottom: 60px;
	}
	.section.num2 .wrap {
		padding-bottom: 40px;
	}
}

	.section.num3 {
	}
	.section.num3 .wrap {
		padding-bottom: 60px;
		border-bottom: solid 1px #ccc;
	}
	.section.num3 .lead {
		margin-bottom: 80px;
	}
	.section.num3 .btn-detail {
		margin: 0 auto;
	}
@media only screen and (max-width: 640px) {
	.section.num3 {
	}
	.section.num3 .lead {
		margin-bottom: 60px;
	}
}

	.arw {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 35px;
		font-size: 60px;
		line-height: 1;
	}
@media only screen and (max-width: 640px) {
	.arw {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 25px;
		font-size: 40px;
	}
}

	.imgBox {
		display: table;
		width: 100%;
	}
	.imgBox .txtArea,
	.imgBox .stepArea {
		display: table-cell;
		vertical-align: middle;

		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.imgBox.num1 .txtArea {
		padding-left: 40px;
	}
	.imgBox.num1 .stepArea {
		position: relative;
		width: 120px;

		font-size: 18px;
		line-height: 1;
		text-align: center;
		color: #fff;
	}
	.imgBox.num1 .stepArea p {
		position: relative;
		width: 120px;
		height: 120px;
		background: #e95837;

    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
	}
	.imgBox.num1 .stepArea p span {
		display: block;
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
	}
	.imgBox.num1 .stepArea strong {
		display: block;
		font-size: 40px;
		line-height: 1.2;
		font-weight: normal;
	}
@media only screen and (max-width: 640px) {
	.imgBox.num1 .txtArea {
		padding-left: 20px;
	}
	.imgBox.num1 .stepArea {
		width: 80px;
		font-size: 14px;
	}
	.imgBox.num1 .stepArea p {
		width: 80px;
		height: 80px;
	}
	.imgBox.num1 .stepArea strong {
		font-size: 28px;
	}
}


