* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #0066D9;
}

.grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-template-rows: auto;
	gap: 8px;
	font-size: 15px;
}

.grid-item {
	width: 28.4rem;
	background: #F4F5F9;
	flex: 1;
	border-radius: 1px;
	flex-direction: row;
	box-shadow: 1px 4px 14px #ccc;
}

.grid-item img {
	width: 28.4rem;
	height: 184px;
	max-width: 100%;
	border-radius: 1px 1px 0 0;
}

.link {
	margin: 12px;
}

.pc .link a {
	font-family: Arial;
	font-weight: 400 !important;
	font-size: 15px !important;
	color: #0066D9 !important;
	line-height: 23px !important;
}

/*.mobile*/
/* .mobile{*/
/*    display: flex;*/
/*    margin: auto 0;*/
/*    font-family: Arial;*/
/*}*/

/* !*.mobile*!*/
/* .mobile span{*/
/*    width: 5px;*/
/*     height: 5px;*/
/*    background: #C71119;*/
/*    color: #C71119;*/
/*    font-weight: bold !important;*/
/*    display: block;*/
/*    font-family: Arial;*/
/*    margin: 0;*/
/*    font-size: 1.6rem;*/
/*    line-height: 50px;*/
/*}*/

ul.mobile {
	margin: 0 17px;
}

ul.mobile li {
	list-style: square;
	margin-bottom: 20px;
}

ul.mobile li:last-of-type {
	list-style: square;
	margin-bottom: 0;
}

ul.mobile li::marker {
	font-size: 20px;
	color: #C71119;
}

ul.mobile > li.mobile > a {
	display: block;
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
}