@charset "utf-8";
/*==================================================
	【サブ】ページ固有のスタイル
==================================================*/
#company > .msg {
	background: url(../img/top/bg-txt01.png) no-repeat center bottom -50px;
}
#company > .msg .txt {
	font-size: 110%;
}
#company > .msg .txt b {
	font-size: 115%;
}
#company .greeting {
	padding-bottom: 160px;
	background: url(../img/company/bg-txt01.png) no-repeat center bottom -20px;
}
#company .greeting .img {
	width: 300px;
}
#company .greeting .img img {
	border-radius: 30px;
}
#company .greeting .info {
	width: 750px;
}
#company .greeting .info p {
	font-size: 113%;
	line-height: 2;
}
#company .company {
	padding-bottom: 160px;
	background: url(../img/company/bg-txt02.png) no-repeat center bottom -20px;
}
#company .company .waku {
	border-radius: 30px;
	background: #fff;
	padding: 50px;
	box-shadow:0 8px 30px #00000008;
}
#company .company .waku table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 8px;
}
#company .company .waku table th,
#company .company .waku table td {
	padding: 15px 20px;
	text-align: left;
	vertical-align: middle;
}
#company .company .waku table th {
	background: #c3e1c9;
	color: var(--color-primary);
	font-weight: 500;
	border-radius: 8px 0 0 8px;
}
#company .company .waku table td {
	background: #f7f7f7;
	border-radius: 0 8px 8px 0;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#company > .msg {
		background-size: 60% auto;
		background-position: center bottom -4vw;
	}
	#company .greeting {
		padding-bottom: 10vw;
		background-size: 60% auto;
		background-position: center bottom -4vw;
	}
	#company .greeting .img {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	#company .greeting .img img {
		max-width: 300px;
	}
	#company .greeting .info {
		width: 100%;
	}
	#company .company {
		padding-bottom: 13vw;
		background-size: 60% auto;
		background-position: center bottom -3vw;
	}
	#company .company .waku {
		padding: 30px;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#company > .msg .txt {
		font-size: 100%;
	}
	#company .greeting .info p {
		font-size: 100%;
		line-height: 1.6;
	}
	#company .company .waku {
		padding: 10px 20px;
		border-radius: 15px;
	}
	#company .company .waku table th, #company .company .waku table td {
		display: block;
		padding: 10px;
	}
	#company .company .waku table {
		border-spacing: 0 10px;
	}
	#company .company .waku table th {
		border-radius: 8px 8px 0 0;
	}
	#company .company .waku table td {
		border-radius: 0 0 8px 8px;
	}
}
@media only screen and (max-width: 320px){ /* スマホ */
	#company .greeting .img img {
		width: 270px;
	}
}