@charset "UTF-8";
/* ======================================
   支援プログラム・自己評価表
====================================== */

.support-report-box{
	width:100%;
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:30px;
	margin-bottom: 60px;
}

.support-report-item{
	width:100%;
}

/* --------------------------------------
   タイトル
-------------------------------------- */

.support-report-item h3{
	margin:0 0 20px;
	padding:10px;
	border-radius:10px;
	color:#fff;
	font-size:26px;
	font-weight:700;
	line-height:1.4;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}

/* 支援プログラム */

.support-report-item:first-child h3{
	background:#009688;
}

/* 自己評価表 */

.support-report-item:last-child h3{
	background:#3F51B5;
}

/* --------------------------------------
   リスト
-------------------------------------- */

.support-report-item ul{
	margin:0;
	padding:0 2%;
	list-style:none;

	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:15px;
}

.support-report-item li{
	margin:0;
	padding:0;
}

/* リンク */

.support-report-item a{
	display:flex;
	align-items:center;
	justify-content:center;

	padding:10px;
	margin: auto;

	font-size:18px;
	line-height:1.4;
	text-decoration:none;

	border-radius:10px;

	transition:all .3s ease;
}

/* 支援プログラム */

.support-report-item:first-child a{
	background:#eef8f7;
	color:#009688;
	border:1px solid rgba(0,150,136,.15);
}

/* 自己評価表 */

.support-report-item:last-child a{
	background:#f1f3fd;
	color:#3F51B5;
	border:1px solid rgba(63,81,181,.15);
}

/* ホバー */

.support-report-item a:hover{
	transform:translateY(-3px);
	box-shadow:0 8px 20px rgba(0,0,0,.12);
	text-decoration:none;
}

/* PDFアイコン */

.support-report-item h3 i{
	font-size:28px;
}

/* ======================================
   タブレット
====================================== */

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

	.support-report-box{
		gap:20px;
	}

	.support-report-item h3{
		font-size:22px;
	}

	.support-report-item a{
		font-size:16px;
	}
}

/* ======================================
   スマホ
====================================== */

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

	.support-report-box{
		grid-template-columns:1fr;
		gap:30px;
	}

	.support-report-item ul{
		grid-template-columns:repeat(2,1fr);
		gap:10px 15px;
	}

	.support-report-item h3{
		font-size:20px;
	}
}

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

	.support-report-item ul{
		grid-template-columns:1fr;
	}

	.support-report-item h3{
		font-size:18px;
	}

	.support-report-item a{
		font-size:15px;
	}
}