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

/*==============================*/
/* スクロール位置調整 */
/*==============================*/
#thoughts,
#support,
#message{
	scroll-margin-top: 80px;
}


/*==============================*/
/* column設定 */
/*==============================*/
div.considerColumn{
	display: flex;
	gap: 28px;
}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.considerColumn{
			flex-direction: column;
			gap: 28px;
		}

	}

/*---------------------------------
   
---------------------------------*/
div.considerColumn figure{ flex: 0 0 360px;}
div.considerColumn figure img{ border-radius: 10px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.considerColumn figure{ flex: auto;}
	}


/*---------------------------------
   
---------------------------------*/
div.considerColumn > div{
	flex: 1;
	min-width: 0;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.considerColumn > div{ flex: auto;}
	}


/*==============================*/
/* ビジネスいインフラ */
/*==============================*/
div.businessInfra{
	display: flex;
	align-items: center;
	gap: 28px;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.businessInfra{
			flex-direction: column;
			gap: 28px;
			width: 100%;
		}
	}

/*---------------------------------
   
---------------------------------*/
div.businessInfra figure{ flex: 0 0 360px;}
div.businessInfra figure img{ border-radius: 10px;}

	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.businessInfra figure{
			flex: auto;
			width: 100%;
		}
	}

/*---------------------------------
   
---------------------------------*/
div.businessInfra > div{
	flex: 1;
	min-width: 0;
}
	/* ======= TB =======*/
	@media screen and (min-width: 768px) and (max-width: 1024px) {
	}
	/* ======= SP =======*/
	@media (max-width: 767px) {
		div.businessInfra > div{
			flex: auto;
			width: 100%;
		}
	}