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


/*==============================
メイン設定
==============================*/

/*------------------------------
メインフォト設定
------------------------------*/

/*メインフォト*/
.mainPhoto{
	width: 100%;
	height: 300px;
	background: url(../images/link/bg_main@2x.jpg) no-repeat center center / cover;
}

/*------------------------------
リンク設定
------------------------------*/

/*リンク全体*/
#link{
	padding: 85px 0 0;
	width: 100%;
}

/*リンク 日本語見出し*/
#link h2::after{
	content: "- 関連リンク -";
}

/*リンク 説明*/
#link .desc{
	margin: 56px 0 0 0;
	color: #4D4D4D;
	font-size: 1.4rem;
	text-align: center;
}

/*リンクリスト*/
.linkList{
	margin: 66px auto 0;
	width: 620px;
}

/*会社名*/
.linkList dt{
	margin: 70px 0 0;
	color: #4D4D4D;
	font-size: 1.6rem;
	font-weight: 600;
}

/*会社名 1つ目*/
.linkList dt:first-child{
	margin: 0;
}

/*会社説明*/
.linkList dd{
	margin: 10px 0 0 0;
	color: #4D4D4D;
	font-size: 1.4rem;
	line-height: 36px;
	text-align: justify;
}


/*==============================
レスポンシブ設定
==============================*/

/*768px以下の場合*/
@media screen and (max-width:768px){

	/*==============================
	メイン設定
	==============================*/

	/*------------------------------
	メインフォト設定
	------------------------------*/

	/*メインフォト*/
	.mainPhoto{
		height: 250px;
	}

	/*------------------------------
	リンク設定
	------------------------------*/

	/*リンク全体*/
	#link{
		padding: 60px 0 0 0;
	}

	/*リンク 説明*/
	#link .desc{
		margin: 40px 0 0 0;
	}

	/*リンクリスト*/
	.linkList{
		margin: 50px auto 0;
		width: 480px;
	}

	/*会社名*/
	.linkList dt{
		margin: 40px 0 0;
	}

}

/*480px以下の場合*/
@media screen and (max-width:480px){

	/*==============================
	メイン設定
	==============================*/

	/*------------------------------
	メインフォト設定
	------------------------------*/

	/*メインフォト*/
	.mainPhoto{
		height: 150px;
	}

	/*------------------------------
	リンク設定
	------------------------------*/

	/*リンク全体*/
	#link{
		padding: 40px 0 0 0;
	}

	/*リンク 説明*/
	#link .desc{
		margin: 30px 0 0 0;
	}

	/*リンクリスト*/
	.linkList{
		margin: 50px auto 0;
		width: calc(100% - 40px);
	}

	/*会社名*/
	.linkList dt{
		margin: 40px 0 0;
	}

	/*会社説明*/
	.linkList dd{
		line-height: 26px;
	}

}