@charset "UTF-8";
/*--------------------------------------------------
カラー設定
ブルー　　　　　　　　　　　#0900BC
グリーン　　　　　　　　　　#75BC00
背景あいじろ　　　　　　　　#ebf6f7
オレンジ　　　　　　　　　　#F4A43B
ピンク　　　　　　　　　　　#F43BD2

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

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

--------------------------------------------------*/
/*------------------------------
リンク
--------------------------------*/

.link_item {
	padding: 40px 0;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #E3E3E3;
}
.link_item div {
	display: flex;
	align-items: center;
	position: relative;
	padding: 16px 20px 16px 50px;
	height: 42px;
}
.link_item div::before {
	position: absolute;
	content: "";
	width: 30px;
	height: calc(30px * sqrt(3) / 2);
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	background-color: #56E2E1;
	top: 0;
	left: 0;
}
.link_item div::after {
	position: absolute;
	content: "";
	width: 40px;
	height: calc(40px * sqrt(3) / 2);
	clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
	background-color: rgba(154,181,243,0.70);
	top: 8px;
	left: 2px;
}

.link_item a {
	/*position: relative;
	top: -5px;*/
	font-size: 20px;
	font-weight: 600;
	color: #363636;
}
.link_item a img {
	filter: brightness(0) saturate(100%) invert(17%) sepia(0%) saturate(3146%) hue-rotate(176deg) brightness(96%) contrast(85%);
	width: 20px;
}
@media (hover: hover) and (pointer: fine) {
	.link_item a:hover {
		color: #FF9800;
	}
	.link_item a:hover img {
		filter: brightness(0) saturate(100%) invert(75%) sepia(51%) saturate(5509%) hue-rotate(360deg) brightness(103%) contrast(104%);
	}
}
@media (hover: none) {
	.link_item a:active {
		color: #FF9800;
	}
	.link_item a:active img {
		filter: brightness(0) saturate(100%) invert(75%) sepia(51%) saturate(5509%) hue-rotate(360deg) brightness(103%) contrast(104%);
	}
}