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

/*==============================*/
/* main */
/*==============================*/
div.serviceBox-wrap{
	width: min(720px,100%);
	margin: 0 auto;
}
div.serviceBox:not(:last-child){ margin-bottom: 64px;}

/*---------------------------------
   Title
---------------------------------*/
div.serviceBox h2{
	margin-bottom: 24px;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.3em;
}
div.serviceBox h3{
	margin-bottom: 14px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3em;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.serviceBox h2{
			margin-bottom: 24px;
			font-size: 28px;
		}
		div.serviceBox h3{
			margin-bottom: 14px;
			font-size: 22px;
		}
	}


/*---------------------------------
   Tmb
---------------------------------*/
div.serviceBox figure{
	margin-bottom: 28px;
	text-align: center;
}
div.serviceBox:nth-child(1) figure{
	padding: 28px 0 28px 0;
	background: #26B3DF;
}

div.serviceBox:nth-child(2) figure{
	padding: 28px 0 26px 0;
	background: #3E467B;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.serviceBox figure{
			margin-bottom: 28px;
		}
		div.serviceBox:nth-child(1) figure{ padding: 26px 0 24px 0;}
		div.serviceBox:nth-child(1) figure img{ width: 160px;}

		div.serviceBox:nth-child(2) figure{ padding: 22px 0 20px 0;}
		div.serviceBox:nth-child(2) figure img{ width: 128px;}
	}