@charset "utf-8";

p {
	line-height: 140%;
}
.flex {
	display: flex;
	align-items: center;
	gap: .5em
}
.flex-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5em
}
.net-use {
	border: 2px solid #ccc;
	border-radius: .4em;
	margin: 0;
	padding: 1em;
}
.net-use p, .net-use img {
	margin: 0;
	padding: 0;
}
#use .mastercard {
	display: flex;
	align-items: center;
	gap: 1em;
	border: 2px solid #eb5505;
	border-radius: .5em;
	padding: 1em;
}
#use .mastercard p.head {
	line-height: 140%;
}
#use .mastercard img {
	width: 100%;
	max-width: 50px
}
#use img.illust {
	width: 100%;
	max-width: 500px;
	margin: auto;
}

.indent {
	text-indent: -1em;
	margin-left: 1em;
}

.swiper {
	margin: 0 0 .8em 0;
}


/* PC
-------------------------------------------------------------------------------------------------*/

@media (min-width: 800px) {
	
	#use .mastercard {
		display: flex;
		align-items: center;
		gap: 1em;
		border: 2px solid #eb5505;
		border-radius: .5em;
		padding: 1em;
	}
	#use .mastercard img {
		width: 100%;
		max-width: 100px
	}
	.flex-content {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 2em
	}
	.net-use {
		border: 2px solid #ccc;
		border-radius: .4em;
		margin: 0;
		padding: 1em;
	}
	.net-use p, .net-use img {
		margin: 0;
		padding: 0;
	}
	
}