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

/*==============================*/
/* サービス */
/*==============================*/
div.serviceWrap{
	padding-top: 0px;
	padding-bottom: 56px;
	background: #EFFAFD;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		div.serviceWrap{
			padding-top: 0px;
			padding-bottom: 48px;
			background: #EFFAFD;
		}
	}

/*---------------------------------
   Title
---------------------------------*/
div.serviceWrap h3{
	position: relative; top: -32px;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 696px;
	margin: 0 auto 16px auto;
	padding: 10px 0;
	background: var(--themecolor);
	border-radius: 200px;
	color: #fff;
	font-size: 24px;
	text-align: center;
}
div.serviceWrap h3 img{ margin-right: 12px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.serviceWrap h3{
			max-width: 640px;
			padding: 8px 0;
			font-size: 21px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		div.serviceWrap h3{
			position: relative; top: -24px;
			margin: 0 auto 16px auto;
			padding: 8px 0;
			font-size: 20px;
		}
		div.serviceWrap h3 img{ margin-right: 12px;}
		
		div.serviceWrap:last-child h3{
			font-size: 16px;
			line-height: 1.3em;
		}
	}


/*---------------------------------
   Content
---------------------------------*/
div.serviceBox{
	display: flex;
	align-items: center;
	padding: 40px 48px 40px 40px;
	background: #fff;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.serviceBox{ padding: 36px 36px 36px 36px;}
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		div.serviceBox{
			flex-direction: column;
			padding: 32px;
		}
	}

/*-- 
------------------------- */
div.serviceBox figure{
	width: 520px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.serviceBox figure{ width: 376px;}
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		div.serviceBox figure{
			width: 100%;
			margin-bottom: 24px;
		}
	}


/*-- 
------------------------- */
div.serviceBox div{
	flex: 1;
	margin-left: 40px;
}

div.serviceBox div h4{
	margin-bottom: 16px;
	color: var(--themecolor);
	font-size: 23px;
	line-height: 1.414em;
}
div.serviceBox div p{
	font-size: 15px;
	text-align: justify;
	text-align-last: left;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
		div.serviceBox div{
			margin-left: 32px;
		}

		div.serviceBox div h4{
			margin-bottom: 14px;
			font-size: 21px;
		}
		div.serviceBox div p{
			font-size: 14px;
		}
	}
	/* ======= SP =======*/
	@media (max-width: 767px){
		div.serviceBox div{ margin-left: 0px;}

		div.serviceBox div h4{
			margin-bottom: 16px;
			font-size: 20px;
		}
		div.serviceBox div p{
			font-size: 14px;
		}
	}


#seviceList01,#seviceList02,#seviceList03,#seviceList04,#seviceList05,#seviceList06{
	margin-top: -160px; 
	padding-top: 160px;
}