/* -------------------------------------------------------
メインイメージ
---------------------------------------------------------*/

	#mainImg {
		background-image: url(../../images/index/mainImg.jpg);
	}

	/* -----文章フェードイン----- */
	.fadeup p {
		opacity: 0;
		transform: translateY(40px);
		animation: fadeUp 1.0s ease-out forwards;
		font-weight: bold;
		color: var(--sub_font_color);
	}

	.fadeup .mainImg1 {
		animation-delay: 1.0s;
	}

	.fadeup .mainImg2 {
		animation-delay: 3.0s;
	}

	.fadeup .mainImg3 {
		animation-delay: 5.0s;
	}	

	@keyframes fadeUp {
		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

/* -------------------------------------------------------
事業内容
---------------------------------------------------------*/

	#service p {
		text-align: center;
		margin-bottom: 10px;
	}

	/* -----もっと見るBTN----- */
	#service .btn {
		width: 120px;
		margin: auto;
	}


/* -------------------------------------------------------
新着情報
---------------------------------------------------------*/

/* -----新着情報テーブル----- */
	#news div:has(table) {
		margin: auto;
		margin-bottom: 20px;
		padding: 10px;
		border-radius: 10px;
		background-color: #F0F0F0;			
	}

	#news table {
		margin: auto;
		background-color: #F0F0F0;
	}

	#news tr {
		border-bottom: 1px solid #D9D9D9;
	}
	
	#news tr:last-child {
		border-bottom: 0;
	}
	
	#news th {
		align-content: center;
		width: 25%;
		padding: 5px 0 5px 10px;
	}
	
	#news td {
		word-break: break-word;
		padding: 5px;
	}
		
	/* -----一覧はこちらBTN----- */
	#news .btn {
		width: 120px;
		margin: auto;
	}


/* -------------------------------------------------------
PC設定
---------------------------------------------------------*/

	@media not screen and (max-width:1200px) {

		/* ---------------
		メインイメージ
		--------------- */
		#mainImg {
			height: calc(100vh - 121px);
			background-size: cover;
		}

		.fadeup p {
			font-size: 100px;
			padding: 65px 0 0 20px;
		}

		/* ---------------
		新着情報
		--------------- */
		/* -----新着情報テーブル----- */
		#news div:has(table) {
			width: 1050px;	
		}

		#news table {
			width: 1000px;
		}
	}

/* -------------------------------------------------------
SP設定
---------------------------------------------------------*/

	@media screen and (max-width:1200px) {

		header {
			margin-bottom: 0;
		}

		/* ---------------
		メインイメージ
		--------------- */
		.fadeup {
			padding-top: 80px;
		}

		.fadeup p {
			font-size: 40px;
			padding: 60px 0 0 10px;
		}

		#mainImg {
			height: calc(100vh - 53px);
			background-position: center;
			background-size: cover;
		}

		/* ---------------
		新着情報
		--------------- */
		/* -----新着情報テーブル----- */
		#news div:has(table) {
			width: 100%;
		}
		
		#news table {
			width: 100%;
		}

		#news th {
			align-content: center;
		}

		#news td a {
			display: block;
		}
	}