@charset "utf-8";

.contentPage_title {
	background-image: linear-gradient(rgba(0, 0, 0, .3),  rgba(0, 0, 0, .3)),  url(../img/reason/page-title-bg.jpg); 
}
.reason {
    background-color: #EFEFEF;
	padding: 6em 0 8em;
}
.reason_inner {
}
.reason_dsc {
	margin-bottom: 5em;
}
.reason_list {
	counter-reset: number 0;
}
.reason_list_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.reason_list_item:not(:last-child) {
	margin-bottom: 8em;
}
.reason_list_item .picbox {
	width: 47%;
	padding-right: 5%;
}
.reason_list_item .picbox_inner {
    position: relative;
}
.reason_list_item .picbox_cont {
	display: inline-block;
	color: #fff;
	background-color: rgba(54,53,49,0.7);
	padding: 1em 1.8em;
	position: absolute;
	top: 0;
	left: 0;
}
.reason_list_item .picbox_num::after {
	display: inline-block;
	counter-increment: number 1;
	content: counter(number,decimal-leading-zero); 
	font-size: 2em;
	vertical-align: top;
	padding-left: .2em;
	letter-spacing: 2px;
}
.reason_list_item .picbox_smartphone {
	width: 34%;
	position: absolute;
	bottom: -10%;
	right: -10%
}
.reason_list_item .txtbox {
	width: 50%;
}
.reason_list_item .txtbox_tit {
    margin-bottom: .8em;
}
.reason_list_item .txtbox_text {
}

@media (max-width: 768px) {
	.reason_list_item .picbox {
		width: 100%;
		padding-right: 0;
	}
	.reason_list_item:first-child .picbox {
		/*width: 90%;*/
	}
	.reason_list_item .txtbox {
		width: 100%;
		margin-top: 2em;
	}
}

@media (max-width: 540px) {
	.reason {
		padding: 4em 0 6em;
	}
	.reason_list_item:not(:last-child) {
		margin-bottom: 4em;
	}
	.reason_list_item .picbox_num {
		font-size: 0.7em;
	}
	.section_voice {
		padding-top: 5em;
	}
}