@charset "UTF-8";

.contact_box {
	border: 1px solid #666;
	border-radius: 6px;
	margin: 0 20px 20px;
}
.contact_box:last-child {
	margin-bottom: 0px;
}
.contact_box div.text {
	text-align: center;
}
.contact_box h2 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 16px;
}
.contact_box a {
	display: block;
	padding: 20px;
	color: #333;
}
.contact_box a:hover {
	background-image: linear-gradient(
		rgba(0,0,0,0.15),
		rgba(0,0,0,0.15)
	);
}
.contact_box .icon {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
p.contact_text {
	font-size: 18px;
	font-weight: bold;
	line-height: 200%;
	margin: 0 20px;
}
p.contact_text span {
	color: #8D0000;
	font-size: 24px;
}

/* 大きい画面用の設定 */
@media(min-width:768px) {
	.contact_box a {
	display: flex;
	align-items: center;
	}
	.contact_box div.text {
	text-align: left;
	margin-left: 20px;
	}
	.contact_box .icon {
	margin-bottom: 0px;
	}
	#contact_pc {
	display: none;
	}
}

/* 小さい画面用の設定 */
@media (max-width: 767px) {
	#contact_pc {
	display: block;
	}
}