@charset "utf-8";

.l-content .mainVisual img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*==================
New
------------------*/
.l-content .button_area {
	background-color: #01389e;
	padding: 0 20px 30px 20px;
}

.l-content .section1 {
	background: url('/th/sp/pr/mobile_app/so_campaign_jul_sep/images/bg_01.png');
	padding: 20px;
	text-align: center;
}

.l-content .text-white {
	color: #ffffff;
}

.l-content .m-table > thead > tr > th {
	border: 1px solid #dddddd;
	border-width: 0 1px 0 0;
}

.l-content .m-table > thead > tr > th:last-child {
	border-right: 0
}

.l-content .m-table > tbody > tr > td {
	border: 1px solid #dddddd;
	border-width: 1px 1px 0 0;
}

.l-content .m-table > tbody > tr > td:last-child {
	border-right: 0;
}

.l-content .m-table tr:last-child th:first-child {
	border-top-left-radius: 20px;
}

.l-content .m-table tr:last-child th:last-child {
	border-top-right-radius: 20px;
}

.l-content .m-table tr:last-child td:first-child {
	border-bottom-left-radius: 20px;
}

.l-content .m-table tr:last-child td:last-child {
	border-bottom-right-radius: 20px;
}

.l-content .section2 {
	background: url('/th/sp/pr/mobile_app/so_campaign_jul_sep/images/bg_02.png');
	background-color: #0424aa;
	padding: 20px;
	text-align: center;
}

.l-content .box_white {
	display: block;
	background-color: #ffffff;
	padding: 15px;
	font-size: 18px;
	border-radius: 10px;
	height: 60px;
	margin: auto;
}

.l-content .section3 {
	background: url('/th/sp/pr/mobile_app/so_campaign_jul_sep/images/bg_03.png');
	padding: 20px;
	text-align: center;
}

.l-content .contact {
	background-color: #ffcb00;
	padding: 25px;
}

.l-content .section4 {
	padding: 20px;
	background-color: #ffffff;
}

.l-content .m-cols__1of3-edit {
	width: 41.33%;
}

@media only screen and (max-width: 590px) {
	.l-content .box_white {
		height: 80px;
	}
	.l-content .arrow {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 425px) {
	.l-content .box_white {
		height: 110px;
	}
	.l-content .arrow {
		margin-top: 40px;
	}
}

@media only screen and (max-width: 391px) {
	.l-content .box_white {
		height: 140px;
	}
	.l-content .arrow {
		margin-top: 60px;
	}
}