@charset "UTF-8";
/* CSS Document */
h1 {
	background-image: url("../images/link/link_h1_bg.jpg");
}
h1 span {
	background-image: url("../images/link/link_h1.png");
}
ul#GlobalNav > li:nth-of-type(5) > a {
	color: #3e8d9e !important;
	font-weight: 700;
}
#LinkArea {
	display: block;
	width: 83.33vw;
	max-width: 1000px;
	margin: 2em auto 1em;
	position: relative;
}
#LinkArea #TSPimg img {
	width: 100%;
	height: auto;
}
table#TSPTbl, table.LinkTbl {
	width: 100%;
	margin: 1em auto;
	border-top: solid 1px #c6c6ca;
}
table#TSPTbl th, table#TSPTbl td {
	border-bottom: solid 1px #c6c6ca;
	vertical-align: middle;
	padding: 1em;
	font-weight: 400;
}
table#TSPTbl th {
	width: 20vw;
	max-width: 300px;
}
table#TSPTbl th img {
	width: 16.66vw;
	max-width: 200px;
	height: auto;
}
table#TSPTbl th a.GreenCircleArrowRight {
	display: inline-block;
	position: relative;
	font-size: 80%;
}
table.LinkTbl th, table.LinkTbl td {
	border-bottom: solid 1px #c6c6ca;
	vertical-align: middle;
	padding: 1em;
	font-weight: 400;
	text-align: left;
}
table.LinkTbl th {
	border-bottom: none;
	padding-bottom: 0.25em;
	font-size: 120%;
}
table.LinkTbl th a {
	display: block;
	position: relative;
	text-decoration: none;
}
table.LinkTbl th a::before, table.LinkTbl th a::after {
	font-size: 80%;
}
table.LinkTbl th a::before {
	content: "詳しくはこちら";
	display: block;
	white-space: nowrap;
	line-height: 100%;
	position: absolute;
	right: 1.5em;
	top: 50%;
	transform: translateY(-50%);
}
table.LinkTbl td {
	padding-top: 0.25em;
}
/*タブレット*/
@media screen and (max-width:1199px) {}
/*スマホ*/
@media screen and (max-width: 767px) {
	#LinkArea {
		width: 95%;
	}
	table#TSPTbl th {
		width: auto;
		max-width: auto;
	}
	table#TSPTbl th img {
		width: 40vmin;
		max-width: 40vmin;
		height: auto;
	}
	@media screen and (max-aspect-ratio: 11/10) {
		/* 縦向きの場合のスタイル */
		table#TSPTbl th, table#TSPTbl td {
			border-bottom: none;
			vertical-align: middle;
			display: block;
			width: 100%;
			max-width: 100%;
			text-align: center;
			padding: 1em 0;
		}
		table#TSPTbl th {
			padding-bottom: 0;
		}
		table#TSPTbl th img {
			width: 60vmin;
			max-width: 60vmin;
			height: auto;
		}
		table#TSPTbl th a.GreenCircleArrowRight {
			display: none
		}
		table#TSPTbl td {
			padding-top: 0;
		}
		table#TSPTbl tr {
			border-bottom: solid 1px #c6c6ca;
		}
		table.LinkTbl th, table.LinkTbl td {
			vertical-align: middle;
			display: block;
			width: 100%;
			max-width: 100%;
			text-align: left;
			padding: 1em 0;
		}
		table.LinkTbl th {
			border-bottom: none;
			padding-bottom: 0.25em;
		}
		table.LinkTbl th a::before {
			display: none;
		}
		table.LinkTbl td{
			padding-top: 0.25em;
		}
	}
	@media screen and (min-aspect-ratio: 11/10) {
		/* 横向きの場合のスタイル */
	}
}