@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Poppins:400|Lato:400|PT+Serif:400|Source+Serif+Pro:400);
/*@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@font-face {
    font-family: 'hokuto7';
    src:    url('fonts/hokuto7.eot?u7vfhg');
    src:    url('fonts/hokuto7.eot?u7vfhg#iefix') format('embedded-opentype'),
        url('fonts/hokuto7.ttf?u7vfhg') format('truetype'),
        url('fonts/hokuto7.woff?u7vfhg') format('woff'),
        url('fonts/hokuto7.svg?u7vfhg#hokuto7') format('svg');
    font-weight: normal;
    font-style: normal;
}
.ico:before { font-family: 'hokuto7'; margin-right: .25em; }
.ico-alert:before { content: "\f02d"; }
.ico-menu:before { content: "\e807"; }
.ico-down-micro:before { content: "\e80b"; }
.ico-left-micro:before { content: "\f044"; }
.ico-right-micro:before { content: "\f05a"; }
.ico-up-micro:before { content: "\e80c"; }
.ico-bookmark:before { content: "\e817"; }
.ico-cancel:before { content: "\e802"; }
.ico-doc:before { content: "\e805"; }
.ico-doc-alt:before { content: "\e800"; }
.ico-star:before { content: "\e801"; }
.ico-squared-minus:before { content: "\e902"; }
.ico-squared-plus:before { content: "\e903"; }
.ico-left-open:before { content: "\e810"; }
.ico-right-open:before { content: "\e811"; }
.ico-calendar:before { content: "\f073"; }
.ico-up-open:before { content: "\e812"; }
.ico-down-open:before { content: "\e80f"; }
.ico-stethoscope:before { content: "\e808"; }
.ico-hospital:before { content: "\e803"; }
.ico-angle-left:before { content: "\e813"; }
.ico-angle-right:before { content: "\e814"; }
.ico-record:before { content: "\e81d"; }
.ico-circle:before { content: "\e81f"; }

.ico-pdf {
	content: url(../../img/global/ico-pdfSmall.png);
}
.clear { clear: both; }
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /**//*/ height:auto; overflow:hidden; /**/ }

.readonly {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.serif {
		font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'Hiragino Mincho Pro', serif;
	}
	.sans-serif {
		font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo', "メイリオ", Sans-Serif;
	}

	.hidden { visibility: hidden; }
	.hide { display: none; }
	.none { display: none; }

	.nowrap { white-space: nowrap;}

	.b {font-weight: 700; /*font-family:'Noto Sans Japanese';*/}
	.n {font-weight: 400 !important;}
	.italic { font-style: italic; }
	.under { text-decoration: underline; }
	.through { text-decoration: line-through; }

	.left { text-align: left !important; }
	.right { text-align: right !important; }
	.center { text-align: center !important; }
	.fleft { float: left !important; }
	.fright { float: right !important; }

	.red { color: #dc143c; }
	.blue { color: #0066CC; }
	.orange { color: #ffa500; }
	.oricolor { color: inherit;}
	.note { color: #dc143c; }
	.gold { color: #986f18; }

	.px9 {font-size: 56.3%!important;}
	.px10 {font-size: 62.5%!important;}
	.px11 {font-size: 68.8%!important;}
	.px12 {font-size: 75.0%!important;}
	.px13 {font-size: 81.3%!important;}
	.px14 {font-size: 87.5%!important;}
	.px16 {font-size: 100.0%;}
	.px18 {font-size: 112.5%!important;}
	.px20 {font-size: 125.0%!important;}
	.px22 {font-size: 137.5%!important;}
	.px24 {font-size: 150.0%!important; line-height: 1.4;}
	.px26 {font-size: 162.5%!important; line-height: 1.4;}
	.px28 {font-size: 175.0%!important; line-height: 1.4;}
	.px30 {font-size: 187.5%!important; line-height: 1.4;}
	.px32 {font-size: 200.0%!important; line-height: 1.4;}
	.px34 {font-size: 212.5%!important; line-height: 1.4;}
	.px36 {font-size: 225.0%!important; line-height: 1.4;}
	.px38 {font-size: 237.5%!important; line-height: 1.4;}

	.inline { display: inline!important; }
	.block { display: block!important; }
	.inlineBlock { display: inline-block!important; }

	@media screen and (min-width: 1000px) {
		/*.pc { display: none; }*/
		.sp { display: none; }
	}
	@media screen and (max-width: 999px) {
		/*.pc { display: none; }
		.sp { display: none; }*/
	}
	@media screen and (max-width: 767px) {
		.pc { display: none; }
		.sp { display: inline-block; }
	}

	.btn {
		background: #036dd5;
		background: linear-gradient(to bottom, #036dd5, #2790f6);
		display: inline-block;
		*display: inline;
		*zoom: 1;
		text-align: left;
		line-height: 1;
		color: #fff;
		border-radius: 3px;
		box-shadow: 0.1em 0.1em 0.05em rgba(0, 0, 0, 0.3);
		text-decoration: none;
		cursor: pointer;
		margin: 0 5px;
		border: none;
		opacity: 1;
		outline: none;
		position: relative;
	}
		.btn:before {
			position: absolute;
			left: 1em;
			top: 50%;
			margin-top: -.5em;
			font-size: 100%;
			content: '\E814';
			font-family: 'hokuto7';
		}

	.btn.smallBtn {
		font-size: 87.5%;
		padding: 0.4em 0.5em 0.4em 2em;
	}
	.btn.largeBtn {
		font-size: 123.1%;
		padding: 0.45em 0.5em 0.4em 2em;
	}

	.btn.smallBtn.pdfBtn {
		padding-left: 2.4em;
	}
	.btn.largeBtn.pdfBtn {
		padding-left: 3em;
	}
	.smallBtn.pdfBtn:before {
		content: url(https://www.hokuto7.or.jp/img/global/ico-pdfSmall.png);
		left: .6em;
		margin-top: -.6em;
	}
	.largeBtn.pdfBtn:before {
		content: url(https://www.hokuto7.or.jp/img/global/ico-pdfLarge.png);
		left: .5em;
		margin-top: -.8em;
	}



	.btn.backBtn {
		background: #666!important;
		background: linear-gradient(to bottom, #333, #666)!important;
	}
	.btn:hover {
		opacity: 0.75;
	}
	.hasBtn .btn {
		margin-top: 0.5em;
	}


	.label {
		display: inline-block;
		margin-top: -3px;
		margin-left: 0.2em;
		margin-right: 0.2em;
		padding: 0.3em 6px 0.3em 6px;
		font-size: 84.6%;
		letter-spacing: 0;
		line-height: 1;
		color: #fff;
		text-align: center;
		vertical-align: middle;
		background: #036dd5;
		background: linear-gradient(to bottom, #036dd5, #2790f6);
		border-radius: 4px;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	}



/* [ 00.MODAL ]
=========================================================== */
.knockOut {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	background: #000;
	opacity: .85;
}
.modal {
	display: none;
	position: fixed;
	z-index: 999999;
	border-radius: 10px;
	background: #fff;
	padding: 1.0em;
	text-align: left;
	left: 10%;
	width: 80%;
	top: 10%;
	height: 80%;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.7);
}
.modal.vid {
	background: rgba(34,34,34,1);
	color: #fff;
}
	.modal table {
		width: 100%;
	}
	.modalInner {
		height: 100%;
		width: 100%;
		padding-right: 0.5em;
		overflow: auto;
	}
	.modalClose {
		position: absolute;
		top: -7px;
		right: -7px;
		text-align: center;
		cursor: pointer;
		font-weight: 400;
		background: #026dd5;
		color: #fff;
		line-height: 24px;
		width: 24px;
		height: 24px;
		border-radius: 50%;
		box-shadow: 1px 1px 3px rgba(0,0,0,0.6);
	}
	.modalClose:before {
		font-size: 100%;
		content: '\e802';
		font-family: 'hokuto7';
	}



/* [ 00.ROOT ]
=========================================================== */
html {}
body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", '游ゴシック', 'Yu Gothic', '游ゴシック体', 'YuGothic', 'Meiryo', "メイリオ", Sans-Serif;
	color: #000;
	background: #fff;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	body { -webkit-text-size-adjust: none; }
}
.wrap {
	width: 100%;
}


/* [ 00.HEADER ]
=========================================================== */
#gnavBtn,
#cnavBtn {
	display: none;
}
.globalHeader {
	width: 100%;
	*zoom: 1;
	position: absolute;
	top: 0;
	z-index: 70000;
	overflow: hidden;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: #fff;
	background: rgba(255,255,255,1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.3);
}
.globalHeader > a {
	display: none;
}

.globalHeaderInner {
	width: 1000px;
	min-height: 90px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}
.globalHeaderInner .siteid {
	position: absolute;
	left: 0;
	top: 23px;
}
.globalHeaderInner .siteSlogan {
	position: absolute;
	right: -10px;
	top: 23px;
}
.globalHeaderInner .pullNavBtn {
	display: inline-block;
	cursor: pointer;
	width: 40px;
	height: 27px;
	line-height: 27px;
	position: absolute;
	left: 166px;
	top: 37px;
	font-size: 87.5%;
	border-radius: 2px;
}
	.globalHeaderInner .pullNavBtn:before {
		font-family: 'hokuto7';
		content: '\e807\0020\e80b';
		display: block;
		width: 40px;
		height: 27px;
		text-align: center;
		color: #999;
		white-space: nowrap;
	}
	.globalHeaderInner .pullNavBtn:hover {
		color: #212626;
		background: #f8f8f8;
	}
	.globalHeaderInner .pullNavBtn:hover:before {
		color: #444;
	}

	.globalHeaderInner .pullNavBtn.cloneOpen:before {
		color: #fff;
		content: '\e807\0020\e80b';
		background: #026dd5;
	}

@media screen and (min-width: 1000px) {
	.globalHeaderfunction {
		position: absolute;
		right: 0;
		top: 0;
		display: block;
		width: 780px;
		padding-top: 40px;
		letter-spacing: -.5em;
		text-align: right;
	}
}
	.globalHeaderfunction .translate {
		/*display: block;*/
		/*text-align: right;*/
		letter-spacing: -.5em;
		/*min-height: 1em;*/
		/*margin-bottom: 7px;*/
		position: absolute;
		top: 0;
		right: 0;
		letter-spacing: 0;
	}
	.globalHeaderfunction .translate li {
		letter-spacing: 0;
		display: inline-block;
		margin-left: 2px;
		font-size: 81.3%;
	}

	[lang="en"] {
		font-family: 'Source Serif Pro', serif;
	}
	[lang="ru"] {
		/*font-family: 'PT Serif', serif;*/
		font-family: 'Source Serif Pro', serif;
	}
	[lang="zh"] {
		font-family: 'Microsoft JhengHei', serif;
	}

	.globalHeaderfunction .translate li a {
		text-decoration: none;
		color: #333;
		padding: .25em .5em .25em .25em;
		line-height: 1;
	}
	.globalHeaderfunction .translate li a:hover,
	.globalHeaderfunction .translate li.current a {
		background: #036dd5;
		color: #fff;
		transition: all .7s ease;
		border-radius: 4px;
	}
	.translate li a:before {
		display: inline-block;
		transform: scale(.7);
		transition: all .3s ease;
		vertical-align: -.75em;
		margin-right: -3px;
	}
	.translate li.ja a:before {
		content: url(../../img/global/ico-ja.gif);
	}
	.translate li.en a:before {
		content: url(../../img/global/ico-en.gif);
	}
	.translate li.ru a:before {
		content: url(../../img/global/ico-ru.gif);
	}
	.translate li.zh a:before {
		content: url(../../img/global/ico-zh.gif);
	}

	.translate li a:hover:before {
		/*transform: rotate(-405deg) scale(.6);*/
		transition: all 0.3s ease;
	}





	.gnav {
		clear: both;
		max-width: 100%;
		position: absolute;
		top: 70px;
		right: 0;
	}
	.gnav ul {
		display: inline-block;
		padding: 0;
	}


	.gnav ul li {
		float: left;
		margin-left: 1.2em;
	}
	.gnav ul li.other {
		display: none!important;
	}
	.gnav ul li a {
		text-decoration: none;
		display: inline-block;
		padding: 0.3em 0.5em 0.2em 0.5em;
		color: #333;
		font-size: 92%;
		line-height: 1;
		border-radius: 4px;
	}
	.gnav ul li.current a,
	.gnav ul li a:hover {
		background-color: #036dd5;
		background-color: linear-gradient(to bottom, #036dd5, #2790f6);
		color: #fff;
	}




	#gnavCloneWrap {
		width: 1000px;
		height: 0;
		margin: 0 auto;
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -490px;
		z-index: 80000;
	}
	.gnavClone {
		display: none;
		position: absolute;
		top: -383px;
		left: 156px;
		/*z-index: 65536;*/
		border-radius: 0 7px 7px 7px / 0 7px 7px 7px;
		padding: 10px;
		background: #036dd5;
		background: linear-gradient(to bottom, #036dd5, #2790f6);
		box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
	}

	.gnavClone ul {
		float: left;
		margin-right: 10px;
	}
	.gnavClone ul:last-child {
		margin-right: 0;
	}
	.gnavClone .homeGnav {
		display: none!important;
	}
	.gnavClone li {
		display: list-item!important;
	}
	.gnavClone li.parent {
		padding-left: 0;
		margin-bottom: 2px;
		background: #0068ce;
		border-radius: 3px;
	}


	.gnavClone li a {
		color: #fff;
		text-decoration: none;
		font-size: 86%;
		padding: 0.1em 0.3em;
		width: 100%;
		display: block;
	}

	.gnavClone li a:before {
		font-family: 'hokuto7';
		margin-right: 0.3em;
		color: Gold;
	}

	.gnavClone li.child a {
		padding-left: 1em;
		margin-bottom: 1px;
	}
	.gnavClone li.child a:before {
		content: "\e814";
		color: #fff;
	}

		.gnavClone li.current a,
		.gnavClone li a:hover {
			background-color: #0056aa;
			border-radius: 3px;
		}
		.gnavClone li a[href="http://www.hokuto7.or.jp/"]:before {
			content: "\e803";
			margin-left: 0.1em;
			margin-right: 0.4em;
			vertical-align: 0.1em;
		}

@media screen and (max-width: 999px) {
	#gnavCloneWrap {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
	.modal {
		left: 2%;
		width: 96%;
		top: 13%;
		height: 82%;
	}
	.globalHeader {
		display: block;
		position: fixed;
		z-index: 70000;
		top: 0;
		text-align: center;
		width: 100%;
		height: 43px;
		min-height: 43px;
	}
/*
	#gnavBtn {
		display: inline-block;
		background: #036dd5;
		background: linear-gradient(to bottom, #036dd5, #2790f6);
		color: #fff;
		cursor: pointer;
		width: 40px;
		height: 30px;
		line-height: 30px;
		font-size: 87.5%;
		border-radius: 2px;
		position: absolute;
		left: 10px;
		top: 6px;
	}
	#gnavBtn:before {
			font-family: 'hokuto7';
			content: '\e807';
			display: block;
			width: 40px;
			height: 30px;
			text-align: center;
			color: #fff;
			white-space: nowrap;
		}
	#gnavBtn.sidrOpen:before {
			color: #fff;
			content: '\e807';
		}
*/

	#gnavBtn {display:none!important;}
	#localNavBtn {
		display: block;
		position: absolute;
		z-index: 100000;
		right: 16px;
		top: 10px;
		cursor: pointer;
		width: 21px;
		height: 21px;
	}
	#localNavBtn span {
		display: block;
		position: absolute;
		top: 50%;
		margin-top: -1px;
		width: 21px;
		height: 2px;
		background: #1a1919;
		border-radius: 1px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#localNavBtn span:before,
	#localNavBtn span:after {
		content: "";
		position: absolute;
		display: block;
		width: 21px;
		height: 2px;
		background: #1a1919;
		border-radius: 1px;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}
	#localNavBtn span:before { top: -7px; }
	#localNavBtn span:after { top: 7px; }
	#localNavBtn.sidrOpen span {
		background: transparent;
	}
	#localNavBtn.sidrOpen span:before,
	#localNavBtn.sidrOpen span:after {
		width: 24px;
		top: 0;
		bottom: 0;
	}
	#localNavBtn.sidrOpen span:before {
		-webkit-transform: rotate(405deg);
		-ms-transform: rotate(405deg);
		transform: rotate(405deg);
	}
	#localNavBtn.sidrOpen span:after {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.lnavsidr {
		background: #036dd5;
		padding-top: 40px;
		width: 80vw;
		height: 100vh;
		position: fixed;
		top: 0;
		right: -80vw;
		z-index: 999;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.lnavsidr .lnavsidrInner {
		padding: 0 0 20vh 0;
	}
	.lnavsidr ul {
		padding: 0;
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.lnavsidr ul li a {
		display: block;
		padding: 1em 1.2em 1em 10px;
		line-height: 1;
		font-size: 93.8%;
		color: #fff;
		text-decoration: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #0035bc;
		border-top: solid 1px #1e90ff;
		*zoom: 1;
		opacity: 0.8;
		border-radius: 0;
		position: relative;
	}
	.lnavsidr ul li a:after {
		font-family: 'hokuto7';
		content: "\e811";
		position: absolute;
		top: 50%;
		right: 1.5em;
		margin-top: -.5em;
		font-size: 62.5%;
	}
	.lnavsidr ul li.current a,
	.lnavsidr ul li a:hover {
		opacity: 1;
		background: #00509d;
		color: #fff;
	}
	.lnavsidr li.child a {
		padding-left: 1.5em;
		font-size: 87.5%;
	}
	.lnavsidr ul.homeGnav {
		display: none;
	}



	.lnavsidr ul.translate {
		margin-top: 2em;
		letter-spacing: -.5em;
	}
	.lnavsidr ul.translate li {
		letter-spacing: 0;
		display: inline-block;
		width: calc( 100% / 2 );
	}
	.lnavsidr ul.translate li:nth-of-type(odd) {
		border-right: 1px solid #0035bc;
	}
	.lnavsidr ul.translate li:nth-of-type(even) {
		border-left: 1px solid #1e90ff;
	}



	.globalHeader a {
		display: inline-block;
		height: 27px;
		margin-top: 7px;
	}
	.globalHeader img {
		height: 27px;
	}

	.globalHeaderInner {
		width: 100%;
		height: 100%;
		min-height: 43px;
		background: #fff;
		display: none;
	}
	.pullNavBtn,
	.globalHeaderInner .siteid,
	.globalHeaderInner h1,
	.globalHeaderInner .pullNavBtn,
	.globalHeaderInner .siteSlogan,
	.gnavClone {
		display: none!important;
	}

	.gnavsidr {
		background: #036dd5;
		padding-top: 38px;
	}
	.gnavsidr ul {
		padding: 0;
		width: 100%;
	}
	.sidr ul li {
		float: none;
		width: 100%;
		background: #036dd5;
	}
	.gnavsidr ul li.other {
		display: block;
	}
	.gnavsidr ul li a {
		display: block;
		padding: 1em 1.2em 1em 10px;
		line-height: 1;
		font-size: 93.8%;
		color: #fff;
		text-decoration: none;
		border-left: none;
		border-right: none;
		border-bottom: 1px solid #0035bc;
		border-top: solid 1px #1e90ff;
		*zoom: 1;
		opacity: 0.8;
		border-radius: 0;
		position: relative;
	}
	.gnavsidr ul li a:after {
		font-family: 'hokuto7';
		content: "\e811";
		position: absolute;
		top: 50%;
		right: 1.5em;
		margin-top: -.5em;
		font-size: 62.5%;
	}

	.gnavsidr ul li.current a,
	.gnavsidr ul li a:hover {
		opacity: 1;
		background: #00509d;
	}
	.gnavsidr li.parent a {
		font-size: 87.5%;
	}
	.gnavsidr li.child a {
		padding-left: 1.5em;
		font-size: 87.5%;
	}
	.gnavsidr li.child a[href="http://www.hokuto7.or.jp/resident/"]:before {
			font-family: 'hokuto7';
			content: "\e801";
			margin-left: -0.2em;
			margin-right: 0.3em;
			color: Gold;
		}
	.gnavsidr ul.homeGnav {
		display: none;
	}
}
@media screen and (min-width: 1000px) {
	.gnav ul.homeGnav + ul,
	.gnav ul.homeGnav + ul + ul {
		display: none;
	}
}

.navTmpTitle {
	color: #fff;
	padding: 1em 0 0.5em 0;
	text-align: center;
}

/* [ 00.GOOGLEMAPS ]
=========================================================== */
.googleMapsWrap {
	padding-top: 5px;
}
.wrap .googleMapsWrap {
	padding-top: 50px;
}
.googleMapsWrap .googleMaps {
	width: 100%;
	min-height: 450px;
}
@media screen and (max-width: 479px) {
	.googleMapsWrap .googleMaps {
		width: 98%;
		margin: auto;
		min-height: 270px;
	}
}
	.googleMapsWrap > p {
		text-align: right;
		font-size: 75%;
		padding-top: .5em;
	}
	.googleMapsWrap .googleMapsInfo p {
		font-size: 75%;
	}

/* [ 00.FOOTER ]
=========================================================== */
.globalFooter {
	margin-top: 100px;
	width: 100%;
	background: rgba(2,109,213,1.0);
	text-align: center;
	color: #fff;
	padding: 1em 2% 46px 2%;
	clear: both;
}
.copyright {
	width: 100%;
	display: inline-block;
	font-weight: 400;
	font-size: 75.0%;
}

.footerInfo {
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: rgba(2,109,213,1.0);
	position: fixed;
	bottom: 0;
	color: #fff;
}
.footerInfo .footerInfoTitle {
	display: inline-block;
	float: left;
	width: 16%;
	text-align: center;
	text-decoration: none;
	font-size: 81.3%;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
}
	.footerInfo .information {
		background: rgba(255,255,255,0.2);
		box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
		border-radius: 3px;
		width: 83%;
		max-width: 83%;
		margin: 0.7em auto 0 auto;
		height: 1.6em;
		overflow: hidden;
		float: left;
	}


	.footerInfo .infoToggle {
		position: absolute;
		width: 2em;
		height: 23px;
		line-height: 21px;
		text-align: center;
		top: 50%;
		margin-top: -12px;
		right: 2%;
		color: #fff;
		cursor: pointer;
		border-radius: 0 0 3px 3px / 0 0 3px 3px;
		background: rgba(2,109,213,0);
	}
	.footerInfo .infoToggle:hover {
		background: rgba(2,109,213,1);
	}
	.footerInfo .infoToggle:after {
		font-family: 'hokuto7';
		content: '\e812';
	}

	.footerInfo.open .infoToggle {
		top: 23px;
		background: rgba(2,109,213,1);
	}

	.footerInfo.open .infoToggle:after {
		content: '\e80f';
	}
	.footerInfo.open .infoToggle {

	}


	.information li {
		width: 100%;
		text-align: left;
		font-size: 81.3%;
		height: 1.7em;
		line-height: 1.9em;
		clear: both;
	}
	.information li time {
		width: 18%;
		max-width: 7.5em;
		min-width: 7.5em;
		display: inline-block;
		white-space: nowrap;
		float: left;
		color: #fff;
		text-align: center;
		overflow: hidden;
	}
	.information li a {
		width: 65%;
		text-decoration: none;
		color: #fff;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		float: left;
	}
	.information li a:hover {
		color: #ffa500;
	}

.globalFooter ul {
	width: 100%;
	text-align: left;
}
.globalFooter ul li {
	display: inline-block;
	padding: 0.5em 1em;
}
.globalFooter ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 0.813em;
}
.globalFooter ul li a:hover {
	text-decoration: underline;
}


.toTop {
	position: fixed;
	bottom: -80px;
	right: 10px;
	cursor: pointer;
	/*display: none;*/
	/*opacity: 0.75;*/
	z-index: 9999;
	background: #026dd5;
	background: rgba(2,109,213,1.0);
	border-radius: 3px;
	text-align: center;
}
.toTop img {
	margin: 12px;
}

.certificate {
	clear: both;
	width: 100%;
	max-width: 1000px;
	clear: both;
	background: #fafafc;
	border: 1px solid #dbdbdd;
	border-radius: 10px;
	margin: 30px auto 40px auto;
	padding: 13px 24px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.certificate p {
	width: 80%;
	float: left;
	padding: 0.2em 0;
	font-size: 81.3%;
	letter-spacing: -0.05em;
	text-align: left;
}
.certificate img {
	width: 20%;
	float: right;
}



	/* information Tab
	______________________________________________________________________*/
	.catDivTab {
		position: relative;
		width: 100%;
		height: 30px;
	}
	.catDivTab.parentTab {
		margin-top: 20px;
	}
	.catDivTab ul {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.catDivTab ul li {
		font-size: 81.3%;
		vertical-align: bottom;
		cursor: pointer;
		border-bottom: none;
		/*height: 24px;
		line-height: 24px;*/
		padding: 0.5em 1.0em;
		color: #212626;
		text-decoration: none;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
		background: #fff;
		box-shadow:
			0 -1px 3px rgba(0, 0, 0, 0.15),
			0 0.1em 0.1em rgba(255,255,255,0.1) inset,
			0 0.1em 0.9em rgba(0,0,0,0.1) inset,
			0 0.3em 0.5em rgba(255,255,255,0.1) inset;
		-webkit-transition: background .5s ease-in-out, height .1s ease-in-out, color .5s ease-in-out;
		-moz-transition: background .5s ease-in-out, height .1s ease-in-out, color .5s ease-in-out;
		transition: background .5s ease-in-out, height .1s ease-in-out, color .5s ease-in-out;
		display: inline-block;
	}
	.catDivTab ul li:hover,
	.catDivTab ul li.currentTab {
		color: #fff;
		/*line-height: 30px;
		height: 30px;*/
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 2px rgba(0,0,0,.3);
		background: url(../../img/global/bg-tab.png) left bottom;
		-webkit-transition: height .1s ease-in-out, color .5s ease-in-out;
		-moz-transition: height .1s ease-in-out, color .5s ease-in-out;
		transition: height .1s ease-in-out, color .5s ease-in-out;
	}
	.catDivTab ul li a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #212626;
	}
	.catDivTab ul li:hover a,
	.catDivTab ul li.currentTab a {
		color: #fff;
	}



/* [ subContent ]
_____________________________________________________________ */
.sub .subContent {
	border: 5px solid #eee;
	padding: 10px;
	margin-bottom: 7px;
	border-radius: 4px;
	background: rgba(255,255,255,0.5);
}
	.sub .subContent.isImg {
		padding: 0;
		border-radius: 0 0 4px 4px;
	}
	.sub .subContent.isImg img {
		width: 100%;
	}
	.sub .subContent.isImg p {
		font-size: 75%;
		padding: 1em;
		color: #55001d;
		line-height: 1.4;
	}
.sub .subContent:hover {
	border: 5px solid #f5f5f5;
	background: rgba(255,255,255,0.8);
}
.sub .subContent h2 {
	font-size: 150%;
	font-weight: 400;
	line-height: 1.2;
	font-family: "游明朝", serif;
}
.sub .subContent h2 a {
	color: #212626;
	text-decoration: none;
}
.sub .subContent .subText:nth-of-type(1) {
	font-size: 81.3%;
	color: #dd0c99;
	line-height: 1.8;
}
.sub .subContent .subText:nth-of-type(1):before {
	font-family: 'hokuto7';
	content: '\e811';
	margin-right: 0.2em;
	font-size: 93.8%;
}
.sub .subContent .subText:nth-of-type(2) {
	font-size: 81.3%;
}
.sub .subContent .subExplain {
	font-size: 87.5%;
	padding: 1em 0 1em 0;
	margin: 1em 0 0 0;
	border-top: 1px solid #ddd;
	color: #0080cc;
}

@media screen and (max-width: 999px) {
	.sub .subContent {
		margin: 10px;
	}
}


/*-----------------------------------------------------	*/
/*	for - 979px											*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 999px) {
	.information li a {
		width: 58%;
	}
	.certificate p {
		width: 100%;
	}
	.certificate img {
		width: auto;
		float: none;
	}

}

/*-----------------------------------------------------	*/
/*	for - 479px											*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 479px) {
	.modalInner figure {
		width: 96%!important;
	}
	.toTop {
		display: none!important;
	}
	.certificate {
		width: 98%;
	}
}