@charset "utf-8";
/* CSS Document */

#sec_lead{
	padding: 26px 0 100px;
}

#sec_lead .container{
	margin-top: 190px;
}

#sec_lead .container .txt{
	margin-top: 43px;
	line-height: 2;
}

#sec_lead .container .btn{
	margin-top: 60px;
}

#sec_lead .payMark{
	margin: 60px auto 0;
	max-width: 266px;
	width: 100%;
}

#sec_lead .payIcon{
	justify-content: center;
	margin-top: 50px;
}
#sec_lead .payIcon li{
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#sec_lead .payIcon .quicpay img{
	max-width: 229px;
	width: 100%
}
#sec_lead .payIcon li.googlepay{
	max-width: 221px;
	width: 50%;
}
#sec_lead .payIcon li.googlepay img{
	max-width: 120px;
	width: 100%
}

@media screen and (max-width: 768px){
	.mainVisual{
		max-width: 320px;
		margin: 0 auto;
	}
	
	#sec_lead {
		padding: 50px 0 90px;
	}
	#sec_lead .container{
		margin-top: 94px;
		text-align: left;
	}
	#sec_lead .container .txt{
		margin-top: 25px;
	}
	#sec_lead .container .btn{
		margin-top: 33px;
	}
	
	#sec_lead .container .spStyle + .spStyle .btn{
		margin-top: 20px;
	}
	
	#sec_lead .payIcon{
		margin-top: 15px;
	}
	#sec_lead .payIcon li{
		padding: 5% 10px;
		width: 50%;
		height: auto;
	}
	#sec_lead .payIcon li.quicpay{
		width: 35%;
		min-width: 173px;
	}
	#sec_lead .payIcon li.googlepay{
		width: 20%;
		min-width: 110px;
	}
}
@media screen and (max-width: 767px){
	#sec_lead .payMark{
		margin-top: 27px;
		max-width: 170px;
	}
}

/* ------------------------------------------------------------------------ */

/*  Google Pay の使い方

/* ------------------------------------------------------------------------ */

#sec_howto{
	background: #fcdfcc;
	padding: 90px 0 100px;
}
#sec_howto .container .txt{
	line-height: 2;
}

#sec_howto .container .btn{
	max-width: inherit;
	width: calc(100% / 2 - 20px);
	margin-top: 40px;
}

@media screen and (max-width: 768px){
	#sec_howto .hd01{
		text-align: left;
	}
}
@media screen and (max-width: 767px){
	#sec_howto .container{
		flex-direction: column;
		align-items: flex-start;
	}
	#sec_howto .container .btn{
		width: 100%;
	}
	#sec_howto .container .btn + .btn{
		margin-top: 20px;
	}
}