@charset "utf-8";
/* -----------------------------------------------------------------------
use : /sevenmax/about/autoloan/

style.css

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


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

	iconPoint

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

.iconPoint {
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
	padding-top:20px;
	font-size:1.6rem;
	line-height:1;
	font-weight:700;
	color:#45BC90;
	text-align:center;
	font-family: 'Poppins', sans-serif;
	border:4px solid #45BC90;
	background:#ffffff;
	border-radius:100%;
	transition: all 0.5s ease;
}
.iconPoint .number {
	display:block;
	font-size:4.2rem;
	transition: all 0.5s ease;
}




/*----------------------------------------------------------
	Display：768px →
----------------------------------------------------------*/

@media print, screen and (min-width:768px) {

	.iconPoint {
		width:120px;
		height:120px;
		padding-top:28px;
		font-size:1.8rem;
		border:4px solid #45BC90;
	}
	.iconPoint .number {
		font-size:5.2rem;
	}

}



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

	anime

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

.animePC {
	width:800px;
	margin:0 auto;
}
.animeSP {
	width:363px;
	margin:0 auto;
}

/*----------------------------------------------------------
	Display：← 839px
----------------------------------------------------------*/

@media print, screen and (max-width:839px) {

	.animePC {
		display:none;
	}
	.animeSP {
		display:block;
	}
}

/*----------------------------------------------------------
	Display：840px →
----------------------------------------------------------*/

@media print, screen and (min-width:840px) {

	.animePC {
		display:block;
	}
	.animeSP {
		display:none;
	}

}