html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, cite, code, img, q, samp, small, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, figcaption, figure, footer, header, nav, section, time, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	vertical-align: top;
	background-color: transparent
}
body {
	line-height: 1
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	content: none
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img, input, select {
	vertical-align: top
}
article, aside, footer, header, main, nav, section {
	display: block
}
iframe {
	border: none
}
html {
	font-size: 62.5%;
	overflow-y: scroll
}
body {
	background-color: #fff;
	color: #000;
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-webkit-print-color-adjust: exact
}
input, button, textarea, select {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Helvetica, sans-serif
}
input:not([type]), input[type="text"], input[type="tel"], input[type="email"], button, textarea {
	-webkit-appearance: none;
	-moz-appearance: none
}
a:link {
	color: #2451c6;
	text-decoration: none
}
a:active {
	color: #2451c6;
	text-decoration: underline
}
a:visited {
	color: #7c169e;
	text-decoration: none
}
a:hover {
	color: #2451c6;
	text-decoration: underline
}
#wrap {
	position: relative;
	z-index: 1
}
#header li, nav#breadcrumb li, #side li, #footer li {
	list-style: none
}
.bg_n {
	background-image: none !important;
}
#main a {
	display: inline-block;
	padding: 0 0 0 19px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%224%22%3E%3Cpolygon%20points%3D%220%200%203%202%200%204%22%20fill%3D%22%232466c2%22%2F%3E%3C%2Fsvg%3E);
	background-size: 6px 8px;
	text-decoration: underline
}
#main a[target="_blank"] {
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%3E%3Cpolyline%20points%3D%228.5%204%208.5%208.5%204%208.5%22%20fill%3D%22white%22%20stroke%3D%22%232466c2%22%2F%3E%3Cpolygon%20points%3D%220%200%207%200%207%207%200%207%22%20fill%3D%22%232466c2%22%2F%3E%3Cpolygon%20points%3D%221%202%206%202%206%206%201%206%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
	background-size: 9px 9px
}
#main a[href$=".pdf"] {
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23C21F1F%22%20d%3D%22M24%2C2v26H2V2H24%20M26%2C0H0v30h26V0L26%2C0z%22%2F%3E%3Cpath%20fill%3D%22%23C21F1F%22%20d%3D%22M0%2C4h16v8H0V4z%22%2F%3E%3Cpath%20fill%3D%22%23C21F1F%22%20d%3D%22M4%2C18v1.6V26h1.6v-3.2h1.6h1.6v-1.6v-1.6V18H5.6H4z%20M7.3%2C21.2%20H5.6v-1.6h1.6V21.2z%20M12.2%2C19.5h1.6V18h-1.6h-1.6v8h1.6h1.6v-1.6h-1.6V19.5z%20M13.8%2C24.4h1.6v-4.8h-1.6V24.4z%20M22%2C19.5V18h-3.3%20h-1.6v8h1.6v-3.2H22v-1.6h-3.3v-1.6H22z%22%2F%3E%3C%2Fsvg%3E);
	background-size: 13px 15px
}
#main a[href*=".doc"] {
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23285795%22%20d%3D%22M24%2C2v26H2V2H24%20M26%2C0H0v30h26V0L26%2C0z%22%2F%3E%3Cpath%20fill%3D%22%23285795%22%20d%3D%22M6%2C14v-2h14v2H6z%22%2F%3E%3Cpath%20fill%3D%22%23285795%22%20d%3D%22M6%2C10V8h14v2H6z%22%2F%3E%3Cpath%20fill%3D%22%23285795%22%20d%3D%22M6%2C6V4h14v2H6z%22%2F%3E%3Cpath%20fill%3D%22%23285795%22%20d%3D%22M19%2C17l-2.6%2C8.6h-1.9l-1.4-4.9l-1.4%2C4.9H9.8L7.2%2C17h2.3l1.2%2C5l1.5-5H14l1.5%2C5l1.2-5H19z%22%2F%3E%3C%2Fsvg%3E);
	background-size: 13px 15px
}
#main a[href*=".xls"] {
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%231D7044%22%20d%3D%22M24%2C2v26H2V2H24%20M26%2C0H0v30h26V0L26%2C0z%22%2F%3E%3Cpath%20fill%3D%22%231D7044%22%20d%3D%22M17.8%2C25.6h-2.9l-2-2.8L11%2C25.6H8.1l3.5-4.5L8.4%2C17h2.9l1.7%2C2.4l1.7-2.4h2.9l-3.2%2C4.1L17.8%2C25.6z%22%2F%3E%3Cpath%20fill%3D%22%231D7044%22%20d%3D%22M4%2C8V4h8v4H4z%22%2F%3E%3Cpath%20fill%3D%22%231D7044%22%20d%3D%22M14%2C8V4h8v4H14z%22%2F%3E%3Cpath%20fill%3D%22%231D7044%22%20d%3D%22M4%2C14v-4h8v4H4z%22%2F%3E%3Cpath%20fill%3D%22%231D7044%22%20d%3D%22M14%2C14v-4h8v4H14z%22%2F%3E%3C%2Fsvg%3E);
	background-size: 13px 15px
}
#main a[href*=".ppt"] {
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2230%22%3E%3Cpath%20fill%3D%22%23D04423%22%20d%3D%22M24%2C2v26H2V2H24%20M26%2C0H0v30h26V0L26%2C0z%22%2F%3E%3Cpath%20fill%3D%22%23D04423%22%20d%3D%22M14%2C14v-2h8v2H14z%22%2F%3E%3Cpath%20fill%3D%22%23D04423%22%20d%3D%22M14%2C10V8h8v2H14z%22%2F%3E%3Cpath%20fill%3D%22%23D04423%22%20d%3D%22M14%2C6V4h8v2H14z%22%2F%3E%3Cpath%20fill%3D%22%23D04423%22%20d%3D%22M11.9%2C17.4c0.3-0.2%2C0.6-0.4%2C1-0.5c0.3-0.1%2C0.7-0.2%2C1.1-0.2c0.6%2C0%2C1.2%2C0.1%2C1.7%2C0.3%20c0.5%2C0.2%2C0.9%2C0.5%2C1.3%2C0.9c0.3%2C0.4%2C0.6%2C0.9%2C0.8%2C1.4c0.2%2C0.5%2C0.3%2C1.1%2C0.3%2C1.8c0%2C0.7-0.1%2C1.3-0.3%2C1.9c-0.2%2C0.6-0.5%2C1-0.9%2C1.4%20c-0.4%2C0.4-0.8%2C0.7-1.3%2C0.9c-0.5%2C0.2-1%2C0.3-1.6%2C0.3c-0.4%2C0-0.8%2C0-1.1-0.1c-0.3-0.1-0.6-0.2-0.9-0.3v3.3H9.5V17h2.3V17.4z%20M11.9%2C23.2%20c0.6%2C0.5%2C1.2%2C0.7%2C1.9%2C0.7c0.5%2C0%2C1-0.2%2C1.3-0.7c0.3-0.5%2C0.5-1.1%2C0.5-2.1c0-0.9-0.2-1.5-0.5-2c-0.3-0.4-0.7-0.7-1.3-0.7%20c-0.7%2C0-1.3%2C0.4-2%2C1.1V23.2z%22%2F%3E%3Ccircle%20fill%3D%22%23D04423%22%20cx%3D%228%22%20cy%3D%229%22%20r%3D%224%22%2F%3E%3C%2Fsvg%3E);
	background-size: 13px 15px
}
#main a img {
	display: inline-block;
	margin: 0 0 0 -19px
}
#main strong {
	font-weight: bold
}
#main [class^="parts-align-"].parts-align-right {
	text-align: right
}
#main [class^="parts-align-"].parts-align-center {
	text-align: center
}
#main img.parts-align-right {
	display: block;
	margin-left: auto
}
#main img.parts-align-center {
	display: block;
	margin: 0 auto
}
#main [class^="parts-annotation-"] {
	margin-left: 0
}
#main [class^="parts-annotation-"] li {
	list-style: none;
	font-size: 1.4rem;
	line-height: 1.7em
}
#main ul.parts-annotation-unordered li {
	margin-left: 3em;
	text-indent: -3em
}
#main ol.parts-annotation-ordered li {
	margin-left: 3.6em;
	text-indent: -3.6em
}
#main ul.parts-annotation-asterisk li {
	margin-left: 1.35em;
	text-indent: -1.35em
}
#main p.basic-button {
	text-align: center
}
#main p.basic-button a {
	position: relative;
	padding: 13px 20px 11px 40px;
	border: 1px solid #1e56a3;
	border-radius: 10em;
	background: #fff;
	font-size: 1.4rem;
	line-height: 1.5em;
	font-weight: bold;
	color: #1e56a3;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	transition: background-color 0.4s
}
#main p.basic-button a::before {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 17px;
	height: 17px;
	margin: auto 0 auto -23px;
	border-radius: 50%;
	background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%224%22%3E%3Cpolygon%20points%3D%220%200%203%202%200%204%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E) center center no-repeat #1e56a3;
	background-size: 4px 7px;
	content: "";
	vertical-align: text-bottom
}
nav#side-nav a, nav#side-nav-fixed a {
	display: block;
	position: relative;
	text-shadow: 1px 1px #fff
}
nav#side-nav a::before, nav#side-nav-fixed a::before {
	content: "";
	display: block;
	width: 6px;
	height: 8px;
	position: absolute;
	left: 10px;
	background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%224%22%3E%3Cpolygon%20points%3D%220%200%203%202%200%204%22%20fill%3D%22%232466c2%22%2F%3E%3C%2Fsvg%3E) left top/100% no-repeat
}
nav#side-nav a:hover, nav#side-nav-fixed a:hover {
	text-shadow: none
}
nav#side-nav > ul, nav#side-nav-fixed > ul {
	border-top: 2px solid #1e56a3
}
nav#side-nav > ul > li, nav#side-nav-fixed > ul > li {
	border-bottom: 1px solid #93b8eb;
	background: #bed5f3;
	font-size: 1.5rem;
	line-height: 1.7em
}
nav#side-nav > ul > li > a, nav#side-nav-fixed > ul > li > a {
	padding: 11px 8px 10px 24px;
	background: linear-gradient(to bottom, #e9f1fb 0%, #bed5f3 100%)
}
nav#side-nav > ul > li > a::before, nav#side-nav-fixed > ul > li > a::before {
	top: calc(11px + (((1.5rem * 1.7) - 8px) / 2) - 1px)
}
nav#side-nav > ul > li > a:hover, nav#side-nav-fixed > ul > li > a:hover {
	background: linear-gradient(to bottom, #b1ccf1 0%, #bed5f3 100%)
}
nav#side-nav > ul > li.parent-current > a, nav#side-nav-fixed > ul > li.parent-current > a {
	background: #bed5f3
}
nav#side-nav > ul > li.current > a, nav#side-nav-fixed > ul > li.current > a {
	font-weight: bold;
	color: #000;
	background: #bed5f3
}
nav#side-nav > ul > li.current > a:hover, nav#side-nav-fixed > ul > li.current > a:hover {
	font-weight: bold;
	color: #000;
	background: #bed5f3
}
nav#side-nav > ul > li.current > a::before, nav#side-nav-fixed > ul > li.current > a::before {
	display: none
}
nav#side-nav > ul > li > ul, nav#side-nav-fixed > ul > li > ul {
	margin: 0 0 0 10px
}
nav#side-nav > ul > li > ul > li, nav#side-nav-fixed > ul > li > ul > li {
	border-top: 1px solid #a2a2a2;
	font-size: 1.4rem;
	line-height: 1.7em
}
nav#side-nav > ul > li > ul > li:first-child, nav#side-nav-fixed > ul > li > ul > li:first-child {
	border-top: 1px solid #93b8eb
}
nav#side-nav > ul > li > ul > li > a, nav#side-nav-fixed > ul > li > ul > li > a {
	padding: 8px 8px 7px 23px;
	background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%)
}
nav#side-nav > ul > li > ul > li > a::before, nav#side-nav-fixed > ul > li > ul > li > a::before {
	top: calc(8px + (((1.4rem * 1.7) - 8px) / 2) - 1px)
}
nav#side-nav > ul > li > ul > li > a:hover, nav#side-nav-fixed > ul > li > ul > li > a:hover {
	background: linear-gradient(to bottom, #f3f3f3 0%, #fff 100%)
}
nav#side-nav > ul > li > ul > li.parent-current > a, nav#side-nav-fixed > ul > li > ul > li.parent-current > a {
	background: #e1e1e1
}
nav#side-nav > ul > li > ul > li.current > a, nav#side-nav-fixed > ul > li > ul > li.current > a {
	font-weight: bold;
	color: #000;
	background: #e1e1e1
}
nav#side-nav > ul > li > ul > li.current > a:hover, nav#side-nav-fixed > ul > li > ul > li.current > a:hover {
	font-weight: bold;
	color: #000;
	background: #e1e1e1
}
nav#side-nav > ul > li > ul > li.current > a::before, nav#side-nav-fixed > ul > li > ul > li.current > a::before {
	display: none
}
nav#side-nav.hide {
	visibility: hidden
}
nav#side-nav-fixed {
	position: fixed;
	top: 20px;
	z-index: 4
}
nav#side-nav-fixed.off {
	display: none
}
nav#side-nav-fixed.stop {
	position: absolute;
	top: auto;
	bottom: 0
}
#footer a {
	display: inline-block;
	padding: 0 0 0 19px;
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%224%22%3E%3Cpolygon%20points%3D%220%200%203%202%200%204%22%20fill%3D%22%232466c2%22%2F%3E%3C%2Fsvg%3E);
	background-size: 6px 8px
}
#footer a[target] {
	background-repeat: no-repeat;
	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%3E%3Cpolyline%20points%3D%228.5%204%208.5%208.5%204%208.5%22%20fill%3D%22white%22%20stroke%3D%22%232466c2%22%2F%3E%3Cpolygon%20points%3D%220%200%207%200%207%207%200%207%22%20fill%3D%22%232466c2%22%2F%3E%3Cpolygon%20points%3D%221%202%206%202%206%206%201%206%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E);
	background-size: 9px 9px
}
#footer #back-to-top {
	position: fixed;
	bottom: 0;
	z-index: 10;
	opacity: 0.5;
	transition: margin 800ms, opacity 250ms
}
#footer #back-to-top a {
	padding: 0;
	background: linear-gradient(to bottom, #2466c2 0%, #1c5097 100%);
	box-shadow: 0 0 3px rgba(255, 255, 255, 0.5);
	text-align: center;
	color: transparent
}
#footer #back-to-top a::before, #footer #back-to-top a::after {
	display: block;
	content: "";
	box-sizing: border-box;
	width: 5px;
	height: 18px;
	background: #fff;
	position: absolute;
	top: calc(50% - 9px);
	z-index: 1
}
#footer #back-to-top a::before {
	left: calc(50% - 7px);
	transform: rotate(45deg)
}
#footer #back-to-top a::after {
	right: calc(50% - 7px);
	transform: rotate(-45deg)
}
#footer #back-to-top.fixed {
	position: absolute;
	z-index: 1000;
	opacity: 1
}
@media screen and (min-device-width: 641px), print {
	body {
		min-width: 980px
	}
	#wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
		overflow: hidden
	}
	#header, #header-fixed {
		order: 1;
		display: flex;
		flex-wrap: wrap;
		width: 960px;
		margin: 0 calc((100% - 960px) / 2);
		align-items: center;
		padding: 12px 0 0;
		position: relative;
		z-index: 3
	}
	#header::after, #header-fixed::after {
		content: "";
		display: block;
		width: calc(200vw + 100%);
		height: 100%;
		position: absolute;
		left: calc(0px - 100vw);
		top: 0;
		z-index: -1;
		box-sizing: border-box;
		background: #fff
	}
	#header #header-logo, #header-fixed #header-logo {
		align-self: center
	}
	#header #header-logo p a, #header-fixed #header-logo p a {
		display: block
	}
	#header #header-text, #header-fixed #header-text {
		margin: 0 0 0 18px;
		font-size: 1.2rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #1e56a3
	}
	#header #pc-header-utility, #header-fixed #pc-header-utility {
		margin-left: auto;
		padding: 0
	}
	#header #pc-header-utility .links, #header-fixed #pc-header-utility .links {
		display: flex
	}
	#header #pc-header-utility .links ul.links-language, #header-fixed #pc-header-utility .links ul.links-language {
		display: flex;
		margin: 0;
		padding: 0
	}
	#header #pc-header-utility .links ul.links-language li, #header-fixed #pc-header-utility .links ul.links-language li {
		list-style: none;
		margin: 0;
		padding: 0
	}
	#header #pc-header-utility .links ul.links-language li:not(:first-child), #header-fixed #pc-header-utility .links ul.links-language li:not(:first-child) {
		position: relative;
		margin-left: 5px;
		padding-left: 6px;
		border-left: 1px solid #000
	}
	#header #pc-header-utility .links ul.links-language li a, #header-fixed #pc-header-utility .links ul.links-language li a {
		font-size: 1.5rem;
		line-height: 1;
		color: #000;
		text-decoration: none
	}
	#header #pc-header-utility .links ul.links-language li a:hover, #header-fixed #pc-header-utility .links ul.links-language li a:hover {
		text-decoration: underline
	}
	#header #pc-header-utility .links ul.links-utility, #header-fixed #pc-header-utility .links ul.links-utility {
		display: flex;
		margin: 0;
		padding: 0
	}
	#header #pc-header-utility .links ul.links-utility li, #header-fixed #pc-header-utility .links ul.links-utility li {
		list-style: none;
		margin: 0 0 0 14px;
		padding: 0
	}
	#header #pc-header-utility .links ul.links-utility li a, #header-fixed #pc-header-utility .links ul.links-utility li a {
		font-size: 1.5rem;
		line-height: 1;
		color: #000;
		text-decoration: none
	}
	#header #pc-header-utility .links ul.links-utility li a:hover, #header-fixed #pc-header-utility .links ul.links-utility li a:hover {
		text-decoration: underline
	}
	#header #pc-header-utility .members-only, #header-fixed #pc-header-utility .members-only {
		margin-top: 10px
	}
	#header #pc-header-utility .members-only .button, #header-fixed #pc-header-utility .members-only .button {
		text-align: right
	}
	#header #pc-header-utility .members-only .button a, #header-fixed #pc-header-utility .members-only .button a {
		position: relative;
		display: inline-block;
		padding: 14px 36px 12px 44px;
		border-radius: 3px;
		background: #fb6d1a;
		font-size: 1.4rem;
		line-height: 1.3em;
		font-weight: bold;
		color: #fff;
		text-align: center;
		transition: opacity 0.4s
	}
	#header #pc-header-utility .members-only .button a::before, #header-fixed #pc-header-utility .members-only .button a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 16px;
		width: 19px;
		height: 19px;
		margin: auto 0;
		border-radius: 50%;
		background: url(../img/icon-lock.png) center center no-repeat #fff;
		background-size: 11px 14px;
		content: ""
	}
	#header #pc-header-utility .members-only .button a:hover, #header-fixed #pc-header-utility .members-only .button a:hover {
		opacity: 0.8;
		text-decoration: none
	}
	#header #pc-header-nav, #header-fixed #pc-header-nav {
		position: relative;
		z-index: 1;
		width: 100%;
		margin-top: 20px
	}
	#header #pc-header-nav::after, #header-fixed #pc-header-nav::after {
		content: "";
		display: block;
		width: calc(200vw + 100%);
		height: 100%;
		position: absolute;
		left: calc(0px - 100vw);
		top: 0;
		z-index: -1;
		box-sizing: border-box;
		background: #1e56a3
	}
	#header #pc-header-nav ul, #header-fixed #pc-header-nav ul {
		display: flex;
		justify-content: space-between;
		margin: 0;
		padding: 0
	}
	#header #pc-header-nav ul li, #header-fixed #pc-header-nav ul li {
		flex: 1 1 auto;
		list-style: none;
		margin: 0;
		padding: 0
	}
	#header #pc-header-nav ul li a, #header-fixed #pc-header-nav ul li a {
		display: block;
		padding: 25px 20px 23px;
		background-color: #1e56a3;
		font-size: 1.4rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #fff;
		text-align: center;
		white-space: nowrap;
		transition: background-color 0.4s
	}
	#header #pc-header-nav ul li a:hover, #header-fixed #pc-header-nav ul li a:hover {
		background-color: #0e3873;
		text-decoration: none
	}
	#header #pc-header-nav ul li.current > a, #header-fixed #pc-header-nav ul li.current > a {
		background-color: #0e3873
	}
	#header #sp-header-utility, #header-fixed #sp-header-utility {
		display: none
	}
	#header button#sp-header-toggle, #header #sp-header-toggle-content, #header-fixed button#sp-header-toggle, #header-fixed #sp-header-toggle-content {
		display: none
	}
	#header-fixed {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 5
	}
	#header-fixed.off {
		display: none
	}
}
@media screen and (min-device-width: 641px) and (max-width: 980px), print {
	#header-fixed {
		margin: 0 0 0 calc((980px - 960px) / 2)
	}
}
@media screen and (min-device-width: 641px), print {
	nav#breadcrumb {
		order: 2;
		width: 960px;
		position: relative;
		margin: 0 calc((100% - 960px) / 2);
		z-index: 2
	}
	nav#breadcrumb ol {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		padding: 10px 0
	}
	nav#breadcrumb ol li {
		margin: 0;
		padding: 0 0 0 21px;
		position: relative;
		z-index: 1;
		font-size: 1.4rem;
		line-height: 1.7em
	}
	nav#breadcrumb ol li:first-child {
		padding-left: 0
	}
	nav#breadcrumb ol li:not(:first-child)::before {
		content: "";
		display: block;
		box-sizing: border-box;
		width: 6px;
		height: 6px;
		position: absolute;
		left: 7px;
		top: calc(((1.4rem * 1.7) / 2) - 4px);
		z-index: 1;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: rotate(-45deg)
	}
	#main {
		order: 4;
		width: 710px;
		margin-left: auto;
		margin-right: calc((100% - 960px) / 2);
		position: relative;
		z-index: 1
	}
	.home #main {
		width: 960px;
		margin: 0 calc((100% - 960px) / 2)
	}
	#main a {
		background-position: 5px calc(((1.7em - 8px) / 2) - 2px);
		transition: background-position-x 100ms
	}
	#main a:hover {
		background-position-x: 8px;
		text-decoration: none
	}
	#main a[target="_blank"] {
		background-position: 3px calc(((1.7em - 9px) / 2) - 2px)
	}
	#main a[href*=".pdf"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#main a[href*=".doc"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#main a[href*=".xls"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#main a[href*=".ppt"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#main p.basic-button a:hover {
		background-color: #ebf1fc
	}
	#side {
		order: 3;
		position: relative;
		width: 220px;
		margin-left: calc((100% - 960px) / 2)
	}
	#side-nav-fixed {
		width: 220px
	}
	#footer {
		order: 5;
		width: 960px;
		margin: 7rem calc((100% - 960px) / 2) 0;
		position: relative;
		z-index: 4
	}
	#footer a {
		background-position: 5px calc(((1.7em - 8px) / 2) - 2px);
		transition: background-position-x 100ms
	}
	#footer a:hover {
		background-position-x: 8px
	}
	#footer a[target] {
		background-position: 3px calc(((1.7em - 9px) / 2) - 3px)
	}
	#footer #footer-banner {
		position: relative;
		padding: 30px 0
	}
	#footer #footer-banner::after {
		content: "";
		display: block;
		width: calc(200vw + 100%);
		height: 100%;
		position: absolute;
		left: calc(0px - 100vw);
		top: 0;
		z-index: -1;
		box-sizing: border-box;
		background: #daeaff
	}
	#footer #footer-banner ul {
		display: flex;
		flex-wrap: wrap;
		margin: -20px 0 0 -20px;
		padding: 0
	}
	#footer #footer-banner ul li {
		list-style: none;
		margin: 20px 0 0 20px;
		padding: 0
	}
	#footer #footer-banner ul li a {
		display: block;
		padding: 0;
		background: #fff
	}
	#footer #footer-banner ul li a img {
		vertical-align: top;
		margin: 0;
		transition: opacity 0.4s
	}
	#footer #footer-banner ul li a:hover img {
		opacity: 0.8
	}
	#footer #footer-nav {
		padding: 20px 0;
		position: relative;
		z-index: 1
	}
	#footer #footer-nav::after {
		content: "";
		display: block;
		width: calc(200vw + 100%);
		height: 100%;
		position: absolute;
		left: calc(0px - 100vw);
		top: 0;
		z-index: -1;
		box-sizing: border-box;
		background: #1e56a3
	}
	#footer #footer-nav .links-pick-up-contets ul {
		display: flex;
		flex-wrap: wrap;
		margin: -20px 0 0 -20px;
		padding: 0
	}
	#footer #footer-nav .links-pick-up-contets ul li {
		list-style: none;
		margin: 20px 0 0 20px;
		padding: 0
	}
	#footer #footer-nav .links-pick-up-contets ul li a {
		display: block;
		padding: 0;
		background: #fff
	}
	#footer #footer-nav .links-pick-up-contets ul li a img {
		vertical-align: top;
		margin: 0;
		transition: opacity 0.4s
	}
	#footer #footer-nav .links-pick-up-contets ul li a:hover img {
		opacity: 0.8
	}
	#footer #footer-nav .links-contets {
		margin-top: 25px
	}
	#footer #footer-nav .links-contets > ul {
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin: -25px 0 0 -25px
	}
	#footer #footer-nav .links-contets > ul > li {
		margin: 25px 0 0 25px
	}
	#footer #footer-nav .links-contets > ul > li > a {
		position: relative;
		padding-left: 19px;
		background: none;
		font-size: 1.4rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #fff
	}
	#footer #footer-nav .links-contets > ul > li > a::before {
		position: absolute;
		top: 1px;
		left: 0;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%3E%3Cpath%20fill%3D%22%232466c2%22%20d%3D%22M0%2C0H2V2H0V0ZM2%2C2H4V4H2V2ZM4%2C4H6V6H4V4ZM6%2C6H8V8H6V6ZM4%2C8H6v2H4V8ZM2%2C10H4v2H2V10ZM0%2C12H2v2H0V12Z%22%2F%3E%3C%2Fsvg%3E) center center no-repeat #fff;
		background-size: 4px 7px;
		content: ""
	}
	#footer #footer-nav .links-contets > ul > li > ul {
		padding-left: 10px
	}
	#footer #footer-nav .links-contets > ul > li > ul > li {
		margin-top: 0.7em
	}
	#footer #footer-nav .links-contets > ul > li > ul > li > a {
		position: relative;
		padding-left: 10px;
		background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%2C0H2V2H0V0ZM2%2C2H4V4H2V2ZM4%2C4H6V6H4V4ZM6%2C6H8V8H6V6ZM4%2C8H6v2H4V8ZM2%2C10H4v2H2V10ZM0%2C12H2v2H0V12Z%22%2F%3E%3C%2Fsvg%3E) 0 5px no-repeat;
		background-size: 4px 7px;
		font-size: 1.2rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #fff
	}
	#footer #footer-nav .links-contets > ul > li > ul > li > a:hover {
		background-position-x: 2px
	}
	#footer #footer-utility {
		align-self: center;
		padding: 2.5rem 0
	}
	#footer #footer-utility ul {
		display: flex
	}
	#footer #footer-utility ul li {
		margin-right: 20px;
		font-size: 1.6rem;
		line-height: 1.7em
	}
	#footer #footer-utility ul li a {
		display: inline-block;
		padding: 0 0 0 19px;
		background-repeat: no-repeat;
		background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%224%22%3E%3Cpolygon%20points%3D%220%200%203%202%200%204%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E);
		background-size: 4px 7px;
		color: #000
	}
	#footer #footer-utility ul li a:hover {
		background-position-x: 8px
	}
	#footer #footer-utility ul li a[target] {
		background-repeat: no-repeat;
		background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%229%22%3E%3Cpolyline%20points%3D%228.5%204%208.5%208.5%204%208.5%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%2F%3E%3Cpolygon%20points%3D%220%200%207%200%207%207%200%207%22%20fill%3D%22%23fff%22%2F%3E%3Cpolygon%20points%3D%221%202%206%202%206%206%201%206%22%20fill%3D%22%232466c2%22%2F%3E%3C%2Fsvg%3E);
		background-size: 9px 9px
	}
	#footer #footer-copyright {
		margin: 15px 0;
		font-size: 1.4rem;
		line-height: 1.7em;
		color: #000;
		text-align: center
	}
	#footer #back-to-top {
		margin: 0 0 40px 916px
	}
	#footer #back-to-top a {
		width: 44px;
		height: 44px
	}
	#footer #back-to-top.fixed {
		margin-bottom: 30px
	}
}
@media screen and (max-device-width: 640px) {
	body {
		overflow: hidden
	}
	img {
		max-width: 100%;
		height: auto
	}
	#header {
		position: relative;
		z-index: 3
	}
	#header #header-logo {
		width: 80%;
		margin: 7px 0 10px 10px;
		padding-top: 10px;
	}
	#header #header-logo p a {
		display: block
	}
	#header #header-text {
		min-height: 30px;
		margin: 3px 75px 7px 10px;
		font-size: 1rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #1e56a3
	}
	#header #header-text br {
		display: none
	}
	#header #pc-header-utility {
		display: none
	}
	#header #pc-header-nav {
		display: none
	}
	#header #sp-header-utility {
		display: none
	}
	#header button#sp-header-toggle {
		position: absolute;
		top: 9px;
		right: 10px;
		z-index: 4;
		display: block;
		width: 40px;
		height: 40px;
		margin: 0;
		padding: 0;
		border: none;
		background: url(../img/sp-menu.png) center center no-repeat #1e56a3;
		background-size: 22px auto;
		font-size: 0;
		outline: none;
		-webkit-appearance: none;
		-moz-appearance: none
	}
	#header #sp-header-toggle-content {
		height: 0;
		margin: 0;
		padding: 0 10px;
		text-align: center;
		opacity: 0;
		transition: height 350ms, padding 500ms, opacity 500ms;
		position: relative;
		z-index: 5;
		overflow: hidden
	}
	#header #sp-header-toggle-content::after {
		content: "";
		display: block;
		width: calc(200vw + 100%);
		height: 100%;
		position: absolute;
		left: calc(0px - 100vw);
		top: 0;
		z-index: -1;
		background: #1e56a3;
		opacity: 0;
		transition: opacity 500ms
	}
	#header #sp-header-toggle-content::before {
		display: block;
		content: "";
		position: absolute;
		right: 22px;
		bottom: 100%;
		width: 0;
		z-index: 1;
		height: 0;
		border-style: solid;
		border-width: 0 7px 12px 7px;
		border-color: transparent transparent #1e56a3 transparent;
		opacity: 0;
		transition: top 0.5s, opacity 0.5s
	}
	#header #sp-header-toggle-content #sp-header-nav {
		padding: 10px 0 0
	}
	#header #sp-header-toggle-content #sp-header-nav nav ul {
		width: 100%;
		margin: 0
	}
	#header #sp-header-toggle-content #sp-header-nav nav ul li {
		border-top: 1px solid #1e56a3;
		font-size: 1.4rem;
		line-height: 1.7em;
		text-align: left
	}
	#header #sp-header-toggle-content #sp-header-nav nav ul li:first-child {
		border-top: none
	}
	#header #sp-header-toggle-content #sp-header-nav nav ul li a {
		position: relative;
		display: block;
		padding: 7px 10px 7px 28px;
		background: #fff;
		font-size: 1.4rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #1e56a3
	}
	#header #sp-header-toggle-content #sp-header-nav nav ul li a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 7px;
		width: 17px;
		height: 17px;
		margin: auto 0;
		border-radius: 50%;
		background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%223%22%20height%3D%224%22%3E%3Cpolygon%20points%3D%220%200%203%202%200%204%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E) center center no-repeat #1e56a3;
		background-size: 4px 7px;
		content: "";
		vertical-align: text-bottom
	}
	#header #sp-header-toggle-content #sp-header-nav nav ul li.current > a {
		background: #ebf1fc
	}
	#header #sp-header-toggle-content #sp-header-nav nav ul li ul {
		display: none
	}
	#header #sp-header-toggle-content ul.links-utility {
		display: flex;
		justify-content: space-between;
		margin-top: 10px
	}
	#header #sp-header-toggle-content ul.links-utility li {
		width: calc((100% - 10px) / 2)
	}
	#header #sp-header-toggle-content ul.links-utility li a {
		display: block;
		padding: 7px 10px;
		background: #fff;
		font-size: 1.4rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #1e56a3;
		text-align: center
	}
	#header #sp-header-toggle-content ul.links-utility li.current > a {
		background: #ebf1fc
	}
	#header #sp-header-toggle-content .button-members-only {
		margin-top: 10px
	}
	#header #sp-header-toggle-content .button-members-only a {
		position: relative;
		display: inline-block;
		min-width: 180px;
		padding: 7px 36px 6px 44px;
		border-radius: 10em;
		background: #fb6d1a;
		font-size: 1.4rem;
		line-height: 1.3em;
		font-weight: bold;
		color: #fff;
		text-align: center;
		box-sizing: border-box
	}
	#header #sp-header-toggle-content .button-members-only a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 16px;
		width: 14px;
		height: 14px;
		margin: auto 0;
		border-radius: 50%;
		background: url(../img/icon-lock.png) center center no-repeat #fff;
		background-size: 7px auto;
		content: ""
	}
	#header #sp-header-toggle-content .button-contact {
		margin-top: 5px
	}
	#header #sp-header-toggle-content .button-contact a {
		position: relative;
		display: inline-block;
		min-width: 180px;
		padding: 7px 20px 6px;
		border-radius: 10em;
		background: #d7e8ff;
		font-size: 1.4rem;
		line-height: 1.3em;
		font-weight: bold;
		color: #000;
		text-align: center;
		box-sizing: border-box
	}
	#header button#sp-header-toggle.opened {
		background: url(../img/sp-menu-close.png) center center no-repeat #1e56a3;
		background-size: 21px auto
	}
	#header button#sp-header-toggle.opened + #sp-header-toggle-content {
		margin: 0;
		padding: 0 10px 10px 10px;
		overflow: visible;
		opacity: 1
	}
	#header button#sp-header-toggle.opened + #sp-header-toggle-content::after {
		opacity: 1
	}
	#header button#sp-header-toggle.opened + #sp-header-toggle-content::before {
		opacity: 1
	}
	#header-fixed {
		position: fixed;
		top: 0;
		z-index: 5
	}
	#header-fixed.off {
		display: none
	}
	nav#breadcrumb {
		-webkit-overflow-scrolling: touch;
		position: relative;
		z-index: 2
	}
	nav#breadcrumb ol {
		display: flex;
		overflow-x: auto;
		overflow-y: hidden;
		margin: 0;
		padding: 5px 15px 5px 10px;
		border-bottom: 1px solid #a2a2a2
	}
	nav#breadcrumb ol li {
		margin: 0;
		padding: 0 0 0 21px;
		font-size: 1.2rem;
		line-height: 1.7em;
		white-space: nowrap;
		position: relative;
		z-index: 1
	}
	nav#breadcrumb ol li:first-child {
		padding-left: 0
	}
	nav#breadcrumb ol li:not(:first-child)::before {
		content: "";
		display: block;
		box-sizing: border-box;
		width: 6px;
		height: 6px;
		position: absolute;
		left: 7px;
		top: calc(((1.2rem * 1.7) / 2) - 3px);
		z-index: 1;
		border-right: 1px solid #000;
		border-bottom: 1px solid #000;
		transform: rotate(-45deg)
	}
	#main {
		margin: 0 10px 20px 10px;
		position: relative;
		z-index: 1
	}
	.home #main {
		margin-top: 0
	}
	#main a {
		background-position: 5px calc(((1.7em - 8px) / 2) - 0px)
	}
	#main a[target="_blank"] {
		background-position: 3px calc(((1.7em - 9px) / 2) - 1px)
	}
	#main a[href*=".pdf"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#main a[href*=".doc"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#main a[href*=".xls"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#main a[href*=".ppt"] {
		background-position: 1px calc(((1.7em - 15px) / 2) - 1px)
	}
	#footer {
		position: relative;
		z-index: 4;
		margin-top: 20px
	}
	#footer a {
		background-position: 7px calc(((1.7em - 8px) / 2) - 1px)
	}
	#footer a[target] {
		background-position: 3px calc(((1.7em - 10px) / 2) - 1px)
	}
	#footer #footer-banner {
		position: relative;
		margin: 0;
		padding: 10px 45px;
		background: #daeaff
	}
	#footer #footer-banner ul {
		display: flex;
		flex-wrap: wrap;
		margin: -5px 0 0 -5px;
		padding: 0
	}
	#footer #footer-banner ul li {
		list-style: none;
		margin: 5px 0 0 5px;
		width: calc((100% - 5px - 5px) / 2);
		padding: 0
	}
	#footer #footer-banner ul li a {
		display: block;
		padding: 0;
		background: none;
		text-align: center
	}
	#footer #footer-banner ul li a img {
		vertical-align: top;
		margin: 0
	}
	#footer #footer-nav {
		padding: 10px;
		background: #1e56a3
	}
	#footer #footer-nav .links-pick-up-contets {
		padding: 0 30px
	}
	#footer #footer-nav .links-pick-up-contets ul {
		margin: 0;
		padding: 0
	}
	#footer #footer-nav .links-pick-up-contets ul li {
		list-style: none;
		margin: 5px 0 0;
		padding: 0
	}
	#footer #footer-nav .links-pick-up-contets ul li:first-child {
		margin-top: 0
	}
	#footer #footer-nav .links-pick-up-contets ul li a {
		display: block;
		padding: 0;
		background: none;
		text-align: center
	}
	#footer #footer-nav .links-pick-up-contets ul li a img {
		vertical-align: top;
		margin: 0
	}
	#footer #footer-nav .links-contets {
		margin-top: 10px
	}
	#footer #footer-nav .links-contets > ul {
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
		margin: -8px 0 0 -20px
	}
	#footer #footer-nav .links-contets > ul > li {
		margin: 8px 0 0 20px
	}
	#footer #footer-nav .links-contets > ul > li:last-child {
		margin-right: 50px
	}
	#footer #footer-nav .links-contets > ul > li > a {
		position: relative;
		padding-left: 18px;
		background: none;
		font-size: 1.2rem;
		line-height: 1.5em;
		font-weight: bold;
		color: #fff
	}
	#footer #footer-nav .links-contets > ul > li > a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 14px;
		height: 14px;
		margin: auto 0;
		border-radius: 50%;
		background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%2214%22%20viewBox%3D%220%200%208%2014%22%3E%3Cpath%20fill%3D%22%232466c2%22%20d%3D%22M0%2C0H2V2H0V0ZM2%2C2H4V4H2V2ZM4%2C4H6V6H4V4ZM6%2C6H8V8H6V6ZM4%2C8H6v2H4V8ZM2%2C10H4v2H2V10ZM0%2C12H2v2H0V12Z%22%2F%3E%3C%2Fsvg%3E) center center no-repeat #fff;
		background-size: 4px 7px;
		content: ""
	}
	#footer #footer-nav .links-contets > ul > li > ul {
		display: none
	}
	#footer #footer-copyright {
		min-height: 25px;
		padding: 30px 0;
		font-size: 1rem;
		line-height: 1.5em;
		color: #000;
		text-align: center
	}
	#footer #back-to-top {
		right: 10px;
		margin: 0 0 40px 0
	}
	#footer #back-to-top a {
		width: 40px;
		height: 40px
	}
	#footer #back-to-top.fixed {
		margin-bottom: 70px
	}
}