html.PC h1 {
		width: 980px;
		height: 180px;
		margin: 0 auto;
	}
	html.PC h1 img {
		width: 100%;
	}
	/*
	html.PC #contentsArea #contents_info {
		min-width: 980px;
		padding: 1% 5%;
		font-size: 18px;
	}
	*/

#global-index h2 {
	color: #c7a841;
	line-height: 1.4;
	text-align: center;
	overflow: hidden;
	border-bottom: 5px solid #c7a841;
}
#global-index h2 span {
	display: inline-block;
	padding-bottom: 0.5em;
}
#global-index p {
	margin: 1em 0 0;
}
#global-index h3 {
	text-align: center;
}
#global-index h3 a {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 13em;
	border: 1px solid #eae4d8;
	padding: 0.75em;
	color: #4E4B49;
	font-weight: bold;
	line-height: 1;
}
#global-index h3 a:after {
	content: ' ';
	display: block;
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 14px 0 0;
	border-color: transparent #d27f35 #d27f35 transparent;
	transition: right .3s linear, bottom .3s linear, border-width .3s linear;
	-webkit-transition: right .3s linear, bottom .3s linear, border-width .3s linear;
}

	html.PC #global-index {
		display: flex;
		width: 980px;
		margin: 3em auto 0;
		table-layout: fixed;
		border-collapse: collapse;
	}
	html.PC #global-index > div {
		display: flex;
		flex-direction: column;
		border-left: solid #c7a841;
		border-width: 0 2px;
		padding: 1em;
	}
	html.PC #global-index > div:last-child {
		border-right: solid #c7a841;
		border-width: 0 2px;
	}
	html.PC #global-index h2 {
		font-size: 100%;
		height: 3.5em;
	}
	html.PC #global-index > div:nth-of-type(-n+2) h2 {
		line-height: 3.5em;
	}
	html.PC #global-index p {
		min-height: 12em;
		font-size: 90%;
	}
	html.PC #global-index h3 {
		font-size: 90%;
	}
	html.PC #global-index h3 a:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		transition: box-shadow .3s linear;
		-webkit-transition: box-shadow .3s linear;
	}

	html.PC #global-index h3 a:hover {
		border-color: #d27f35!important;
	}

	html.PC #global-index h3 a:hover:before {
		box-shadow: 0 0 0 1px #d27f35 inset;
		-webkit-box-shadow: 0 0 0 1px #d27f35 inset;
	}

	html.PC #global-index h3 a:hover:after {
		/* box-shadow: 0 0 0 4px #003f94 inset; */
		right: 1px!important;
		bottom: 1px!important;
		border-width: 20px 20px 0 0!important;
	}

		html.SP #global-index {
			margin: 2em 3% 0;
		}
		html.SP #global-index > div {
			box-sizing: border-box;
			display: inline-block;
			width: 50%;
			padding: 1.5em 1em;
			border: 0 solid #c7a841;
		}
		html.SP #global-index > div:nth-of-type(2n+1) {
			border-right-width: 2px;
		}
		html.SP #global-index > div:nth-of-type(-n+2) {
			border-bottom-width: 2px;
		}

		html.SP #global-index h2 {
			height: 4em;
			font-size: 110%;
			line-height: 1.2;
		}
		html.SP #global-index > div:nth-of-type(-n+2) h2 {
			height: auto;
		}
		/*
		html.SP #global-index > div:nth-of-type(4) h2 span {
			transform: translate(0, 0.5em);
		}
		*/
		html.SP #global-index p {
			min-height: 12em;
			line-height: 1.4;
		}
		html.SP #global-index h3 {
			font-size: 90%;
		}