@charset "utf-8";

/* -----------------------------------------------------------------
tpoint css
--------------------------------------------------------------------*/

.required_item {
	margin:15px 0 25px;
	overflow:hidden;
	border-radius:5px;
	background-color:#eef4fb;
}
.required_item .item{
	width:100%;
	padding:15px 20px;
	float:left;
	box-sizing:border-box;
	overflow:hidden;
}
.required_item .item .img{
	width:136px;
	float:left;
}
.required_item .item .txt{
	width:510px;
	height:136px;
	float:left;
	box-sizing:border-box;
	font-size:16px;
	line-height:24px;
	position:relative;
}
.required_item .item .txt span{
	margin:auto 0!important;
	padding:0 0 0 20px!important;
	position:absolute;
	top:45px;
	left:0;
}

.tpointLinkBox {
	width:80%;
	max-width:720px;
	margin:0 auto;
	padding:20px 0 35px;
	overflow:hidden;
}
.tpointLinkBox .tbox {
	width:50%;
	padding:0 2.5%;
	float:left;
	text-align:center;
	box-sizing:border-box;
}
.tpointLinkBox .tbox img{
	max-width:280px!important;
	width:100%;
}

.tpoint_step {
	margin-top:25px;
	overflow:hidden;
}
.tpoint_step .stepbox{
	width:18.4%;
	padding-right:2%;
	float:left;
	background:url(/images/service/benefits/tpoint/img_arrow.png) no-repeat 98% 50%;
	box-sizing:content-box;
}
.tpoint_step .stepbox:last-child{
	padding-right:0%;
}
.tpoint_step .stepbox .step{
	height:275px;
	padding:175px 15px 20px;
	border-radius:5px;
	font-size:12px;
	line-height:1.8em;
	background-color:#eef4fb;
	background-repeat:no-repeat;
	background-position:50% 10px;
	background-size:136px auto;
	position:relative;
	box-sizing:border-box;
}
.tpoint_step .stepbox .step1{
	background-image:url(/images/service/benefits/tpoint/img_step1.png);
}
.tpoint_step .stepbox .step2{
	background-image:url(/images/service/benefits/tpoint/img_step2_2403.png);
}
.tpoint_step .stepbox .step3{
	background-image:url(/images/service/benefits/tpoint/img_step3_2403.png);
}
.tpoint_step .stepbox .step4{
	background-image:url(/images/service/benefits/tpoint/img_step4.png);
}
.tpoint_step .stepbox .step5{
	background-image:url(/images/service/benefits/tpoint/img_step5_2403.png);
}

.tpoint_step .stepbox .use_step1{
	background-image:url(/images/service/benefits/tpoint/img_use_step1_2403.png);
}
.tpoint_step .stepbox .use_step2{
	background-image:url(/images/service/benefits/tpoint/img_use_step2_2403.png);
}
.tpoint_step .stepbox .use_step3{
	background-image:url(/images/service/benefits/tpoint/img_use_step3.png);
}
.tpoint_step .stepbox .use_step4{
	background-image:url(/images/service/benefits/tpoint/img_use_step4_2403.png);
}


.tpoint_step .step .number{
	width:54px;
	position:absolute;
	top:115px;
	left:0;
	right:0;
	margin:0 auto;
}
.listTxt {
	margin:0!important;
	padding:0!important;
}
.listTxt li{
	margin:0!important;
	padding:0 0 6px 1em!important;
	font-size:16px;
	line-height:1.6em;
	text-indent:-1em!important;
	background:url()!important;
}
.listTxt.coution li{
	font-size:14px;
}


@media screen and (max-width: 768px){

.required_item .item{
	padding:10px;
}
.required_item .item .img{
	width:100%;
	max-width:136px;
	margin:0 auto;
	float:none;
}
.required_item .item .txt{
	width:100%;
	height:auto;
	padding:15px 15px 15px;
	font-size:12px;
	line-height:1.6em;
	text-align:left;
	float:none;
}
.required_item .item .txt span{
	position:static;
	padding:0!important;
}


.tpointLinkBox {
	width:90%;
	max-width:720px;
	margin:0 auto;
	padding:20px 0 35px;
	overflow:hidden;
}
.tpointLinkBox .tbox {
	width:100%;
	padding:0;
	float:none;
}
.tpointLinkBox .tbox:first-child {
	margin-bottom:30px;
}

.tpoint_step {
	margin-top:25px;
	overflow:hidden;
}
.tpoint_step .stepbox{
	width:100%;
	padding:0 0 20px;
	float:none;
	background:url(/images/service/benefits/tpoint/img_arrow2.png) no-repeat 50% 98%;
}
.tpoint_step .stepbox:last-child{
	background:url();
	padding-right:0%;
}
.tpoint_step .stepbox .step{
	height:auto;
	padding:205px 25px 25px;
	border-radius:5px;
	font-size:12px;
	line-height:1.8em;
	background-color:#eef4fb;
	background-repeat:no-repeat;
	background-position:50% 15px;
	background-size:160px auto;
	position:relative;
	box-sizing:border-box;
}
.tpoint_step .stepbox .step1{
	background-image:url(/images/service/benefits/tpoint/img_step1.png);
}
.tpoint_step .stepbox .step2{
	background-image:url(/images/service/benefits/tpoint/img_step2_2403.png);
}
.tpoint_step .stepbox .step3{
	background-image:url(/images/service/benefits/tpoint/img_step3_2403.png);
}
.tpoint_step .stepbox .step4{
	background-image:url(/images/service/benefits/tpoint/img_step4.png);
}
.tpoint_step .stepbox .step5{
	background-image:url(/images/service/benefits/tpoint/img_step5_2403.png);
}
.tpoint_step .step .number{
	width:54px;
	position:absolute;
	top:140px;
	left:0;
	right:0;
	margin:0 auto;
}

.listTxt li{
	font-size:12px;
	padding:0 0 3px 1em!important;
}
.listTxt.coution li{
	font-size:12px;
}