@charset "UTF-8";


/*
	

	Common



 */


/*
	Device for Landscape

--------------------------------------------------- */
#caution_scene,
#fade_scene { display: none; }


/*
	base

--------------------------------------------------- */
* {
	margin: 0;
	padding: 0;

	/*-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;*/

	/*-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transition-duration: 0.5s;*/

	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	overflow-scrolling: touch;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
html,
body { height: 100%; }
body {
	/*background-color: rgba(240, 240, 240, 1);*/
	cursor: default;
	color: rgba(50, 50, 50, 1);
	display: block;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	height: 100%;
	line-height: 1;
	overflow-x: hidden;
	position: relative;
	width: 100%;

	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;
	overflow-scrolling: touch;

	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	}
a,
a:hover { text-decoration: none; }
a:link {}
a:visited {}
img {
	margin: 0;
	max-width: 100%;
	padding: 0;
	vertical-align: bottom;
	outline: none;
	}
img:hover { outline: none; }
ul { list-style: none; }
h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	margin: 0;
	}
input,
select,
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Osaka", Osaka, Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", san-serif;
	font-size: 16px;
	}
figure,
figcaption {
	margin: 0;
	padding: 0;
	}

::-webkit-selection {
	background-color: rgba(60, 60, 60, 1);
	color: rgba(255, 255, 255, 1);
	}
::-moz-selection {
	background-color: rgba(60, 60, 60, 1);
	color: rgba(255, 255, 255, 1);
	}
::selection {
	background-color: rgba(60, 60, 60, 1);
	color: rgba(255, 255, 255, 1);
	}


/*
	loading

--------------------------------------------------- */


/*
	YouTube

--------------------------------------------------- */
.ytb { padding: 56.25% 0 0; position: relative; width: 100%; }
.ytb iframe { border: none; height: 100%!important; position: absolute; right: 0; top: 0; width: 100%!important; }


/*
	Common

--------------------------------------------------- */

	/* Anchor Position */
	.com-anchor { display: block; }

	/* Link Area */
	.com-linkarea { letter-spacing: -0.4em; }
		.cl-item {
			border: 1px solid rgba(50, 50, 50, 1);
			color: rgba(50, 50, 50, 1);
			display: inline-block;
			letter-spacing: 0em;
			font-family: var(--ff-cg);
			overflow: hidden;
			position: relative;
			}
			.cl-item span {
				position: relative;
				z-index: 1;
				}
		/* Link Area > Scheme */
		.cl-white .cl-item {
			border-color: rgba(255, 255, 255, 1);
			color: rgba(255, 255, 255, 1);
			}

	/* Banner Area */
	.com-bnrarea { letter-spacing: -0.4em; }
		.cb-item {
			letter-spacing: 0em;
			display: inline-block;
			position: relative;
			vertical-align: top;
			}
			.cb-item img { max-width: 100%; }

	/* Share */
	.com-shr-item {
		background-position: center;
		background-repeat: no-repeat;
		color: transparent;
		font-size: 0;
		text-indent: -9999px;
		}
		/* Share > Scheme */
		.com-shr-facebook {
			background-image: url(/src/img/common/social/facebook-white.png);
			background-color: rgba(41, 87, 156, 1);
			}
		.com-shr-twitter {
			background-image: url(/src/img/common/social/twitter-white.png);
			background-color: rgba(50, 167, 224, 1);
			}
		.com-shr-line {
			background-image: url(/src/img/common/social/line-white.png);
			background-color: rgba(0, 185, 0, 1);
			}

	/* Header */
	#gl-header {
		color: rgba(255, 255, 255, 1);
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 100;
		}
		#gl-headline {}
			#gl-headline p {}
		#gl-wrap {
			display: table;
			width: 100%;
			}
			.gl-item {
				display: table-cell;
				vertical-align: middle;
				}
			#gl-logo { text-align: left; }
				#gl-logo .clg-item { color: rgba(255, 255, 255, 1); }
					#gl-logo .clg-item span {
						background-image: url(/src/img/common/logo/hbc-white.svg);
						background-position: left center;
						background-repeat: no-repeat;
						display: inline-block;
						line-height: 1;
						}
			#gl-nav {
				letter-spacing: -0.4em;
				text-align: right;
				}
				.gl-n-item {
					background-position: left center;
					background-repeat: no-repeat;
					color: rgba(255, 255, 255, 1);
					letter-spacing: 0em;
					display: inline-block;
					vertical-align: middle;
					position: relative;
					}
				.gl-n-about { background-image: url(/src/img/common/icon/school-white.svg); }
				.gl-n-facility { background-image: url(/src/img/common/icon/notebook-white.svg); }
				.gl-n-floorguide { background-image: url(/src/img/common/icon/floor-white.svg); }

		/* Header > Scheme */
		#l_top #gl-header {}
		.l_sec #gl-header {}

	/* Floating Menu */
	.com-floatingmenu {
		position: fixed;
		z-index: 100;
		}
		.com-fm-item {
			color: rgba(255, 255, 255, 1);
			display: block;
			position: relative;
			vertical-align: baseline;
			}
			.com-fm-item span { vertical-align: baseline; }
		/* Floating Menu > Scheme */
		.com-fm-inquiry { background-color: rgba(226, 91, 8, 1); }
		.scrollactive {}
		.scrollpassive {}
		.ls_inquiry .com-floatingmenu { display: none; }

	/* Main */
	.container { position: relative; }

	/* Common - Inquiry */
	.com-inquiry { text-align: center; }
		.ci-inner {
			border-bottom: 1px solid rgba(255, 255, 255, .8);
			border-left: 1px solid rgba(0, 0, 0, .15);
			border-right: 1px solid rgba(255, 255, 255, .8);
			border-top: 1px solid rgba(0, 0, 0, .15);
			display: inline-block;
			overflow: hidden;
			position: relative;
			vertical-align: middle;

			-webkit-border-radius: 10px;
			border-radius: 10px;

			-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .25);
			box-shadow: 3px 3px 3px rgba(0, 0, 0, .25);
			}
		.ci-inner:before,
		.ci-inner:after {
			background-color: rgba(226, 91, 8, 1);
			content: '';
			position: absolute;

			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			}
			.ci-ttlarea { text-align: center; }
				.ci-ttlarea span { color: rgba(226, 91, 8, 1); }
			.ci-bodyarea { text-align: left; }
				.ci-item {
					display: table;
					width: 100%;
					}
					.ci-item dt,
					.ci-item dd {
						display: table-cell;
						vertical-align: middle;
						}
					.ci-item dt { font-weight: 700; }
					.ci-item dd {}
						.ci-item dd a { color: inherit; }
						.ci-item dd strong {}
		/* Common - Inquiry - Scheme */
		.ci-itm-inquiry {
			background-color: rgba(226, 91, 8, 1);
			color: rgba(255, 255, 255, 1);
			display: table;
			margin: 0 auto;
			}
			.ci-itm-inquiry span {
				display: table-cell;
				text-align: center;
				vertical-align: middle;
				}

	/* Relationship */
	#relationship {
		background-color: rgba(240, 240, 240, 1);
		margin: 0 auto;
		}
		#rls-wrap {}
			#rls-list {
				letter-spacing: -0.4em;
				text-align: center;
				}
				.rls-item {
					display: inline-block;
					letter-spacing: 0em;
					overflow: hidden;
					position: relative;
					vertical-align: middle;

					-webkit-border-radius: 10px;
					border-radius: 10px;

					-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, .25);
					box-shadow: 3px 3px 3px rgba(0, 0, 0, .25);
					}
					.rls-item a { display: block; }
						.rls-item a img { max-width: 100%; }

	/* Footer */
	#gl-footer { position: relative; }
		#gl-footer:before {
			background-image: url(/src/img/common/pattern/bg-footer-top.svg);
			background-position: center top;
			background-repeat: no-repeat;
			content: '';
			display: block;
			position: relative;
			top: 1px;
			width: 100%;
			}
		#glf-inner {
			background-color: rgba(226, 91, 8, 1);
			color: rgba(255, 255, 255, 1);
			position: relative;
			z-index: 1;
			}
		#glf-con {
			position: relative;
			z-index: 1;
			}
		#gl-footer a { color: rgba(255, 255, 255, 1); }

			#f-credit { text-align: center; }
				#f-credit dl {
					display: inline-table;
					vertical-align: top;
					}
					#f-credit dl dt,
					#f-credit dl dd {
						display: table-cell;
						vertical-align: middle;
						}
				#f-credit p { display: inline-block; }
					#f-credit dl dt,
					#f-credit dl dd {}
				#f-crd-ttlarea {}
					#f-crd-catch {}
					#f-crd-ttl {}
				#f-crd-address {}
					#f-crd-address dl {}
						#f-crd-address dl dt,
						#f-crd-address dl dd {}
				#f-crd-info {}
					#f-crd-info span {
						background-color: rgba(255, 255, 255, 1);
						color: rgba(0, 0, 0, .8);
						display: inline-block;
						line-height: 1;

						-webkit-border-radius: 5px;
						border-radius: 5px;
						}
				#f-crd-outline {}
					#f-crd-outline dl {}
						#f-crd-outline dl dt,
						#f-crd-outline dl dd {}

			#f-relationship {}
				#f-rts-ttlarea {}
					#f-rts-ttl { text-align: center; }
						#f-rts-ttl span {
							display: inline-block;
							line-height: 1;
							position: relative;
							}
				#f-rts-bodyarea {}
					.f-rts-item {}
						.f-rts-item-ttl {}
							.f-rts-item-ttl small { display: inline-block; }
						.f-rts-item-detail {}
							.f-rts-item-con {}
								.f-rts-item-con address { font-style: normal; }
								.f-rts-item-con dl {
									display: inline-table;
									vertical-align: top;
									}
									.f-rts-item-con dl dt,
									.f-rts-item-con dl dd {
										display: table-cell;
										vertical-align: top;
										}
									.f-rts-item-con dl dt {}
									.f-rts-item-con dl dd {}
								.f-rts-item-con a {}

				#f-rts-entetsuassist {}
				#f-rts-pippi {}

			#f-copyright {
				background-image: url(/src/img/common/illust/city-white-01.svg);
				background-position: center bottom;
				background-repeat: repeat-x;
				display: table;
				text-align: center;
				width: 100%;
				}
				#f-copyright p {
					color: rgba(0, 0, 0, .8);
					display: table-cell;
					vertical-align: bottom;
					}

		#f-pattern {
			bottom: 0;
			left: 0;
			position: absolute;
			right: 0;
			top: 0;
			}
			#f-pattern .com-ptn-item { position: absolute; }


/*
	

	MediaQuery



 */


@media screen and (min-width: 751px) {


/*
	Scroll Bar - Custmize

--------------------------------------------------- */
::-webkit-scrollbar { width: 15px; }
::-webkit-scrollbar-track {
	/*background: rgba(255, 255, 255, 1);*/
	/*border-left: solid 1px rgba(255, 255, 255, 1);*/
	}
::-webkit-scrollbar-thumb {
	background-color: rgba(230, 90, 10, 1);
	border-radius: 10px;
	box-shadow: inset 0 0 0 2px #fff;
	}


/*
	Common

--------------------------------------------------- */

	/* Anchor Position */
	.com-anchor {
		margin-top: -80px;
		padding-top: 80px;
		}

	/* Link Icon */
	.com-externallink:after {
		height: 10px;
		right: 10px;
		width: 10px;
		}
		.com-externallink.com-el-gray:hover:after { background-image: url(/src/img/common/icon/link-white.svg); }
		.com-externallink.com-el-white:hover:after { background-image: url(/src/img/common/icon/link-gray.svg); }

	/* Link Area */
	.com-linkarea {}
		.cl-item {
			font-size: 14px;
			padding: 10px 45px;

			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			transition: all .5s ease;
			}
		.cl-item:before {
			background-color: rgba(50, 50, 50, 1);
			content: '';
			left: -20%;
			height: 100%;
			position: absolute;
			top: 0;
			width: 0;
			z-index: 0;

			-webkit-transition: all .75s ease;
			-moz-transition: all .75s ease;
			transition: all .75s ease;

			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			}
			.cl-item span {}
		/* Link Area > Hover */
		.cl-item:hover {
			color: rgba(255, 255, 255, 1);

			-webkit-border-radius: 20px;
			-moz-border-radius: 20px;
			border-radius: 20px;

			-webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, .15);
			-moz-box-shadow: 0 5px 35px rgba(0, 0, 0, .15);
			box-shadow: 0 5px 35px rgba(0, 0, 0, .15);
			}
		.cl-item:hover:before {
			left: 0;
			width: 100%;

			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			}
		.cl-white .cl-item:hover { color: rgba(50, 50, 50, 1); }
		.cl-white .cl-item:hover:before { background-color: rgba(255, 255, 255, 1); }

	/* Banner Area */
	.com-bnrarea {}
		.cb-item {
			top: 0;

			-webkit-transition: all .5s ease;
			-moz-transition: all .5s ease;
			transition: all .5s ease;
			}
			.cb-item img {}
		/* Banner Area > Hover */
		.cb-item:hover {
			top: -5px;

			-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
			-moz-box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
			box-shadow: 0 5px 20px rgba(0, 0, 0, .3);
			}

	/* Share */
	.com-shr-item {
		background-size: 20px;
    	height: 40px;
    	margin: 0 5px;
    	width: 135px;
		
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
		/* Share > Scheme */
		.com-shr-facebook {}
		.com-shr-twitter {}
		.com-shr-line { display: none; }

	/* Header */
	#gl-header { padding: 0 15px }
		#gl-headline { padding: 15px 0; }
			#gl-headline p { font-size: 13px; }
			#gl-headline span { letter-spacing: 1px; }
		#gl-wrap {}
			.gl-item {}
			#gl-logo { width: 400px; }
				#gl-logo .clg-item { font-size: 30px; }
					#gl-logo .clg-item span {
						background-size: 50px;
						padding: 5px 0 5px 60px;
						}
			#gl-nav {}
				.gl-n-item {
					background-size: 20px auto;
					font-size: 15px;
					margin: 0 20px;
					padding-left: 30px;
					}

	/* Nav */
	#nav-trigger { display: none; }
		#nt-wrap {}
			#nt-mark {}
				#nt-mark span {}
				#nt-mark span:nth-child(1) {}
				#nt-mark span:nth-child(2) {}
				#nt-mark span:nth-child(3) {}
		/* Nav > Hover */
		.gn-item:hover:after { width: 50%; }

	/* Floating Menu */
	.com-floatingmenu {
		height: 160px;
		right: 0;
		top: 100px;
		}
		.com-fm-item {
			border-bottom: 2px solid rgba(255, 255, 255, 1);
			border-left: 2px solid rgba(255, 255, 255, 1);
			border-top: 2px solid rgba(255, 255, 255, 1);
			margin-bottom: 20px;
			padding: 20px;

			-webkit-writing-mode: vertical-rl;
			-ms-writing-mode: tb-rl;
			writing-mode: vertical-rl;
			white-space: nowrap;

			-webkit-transition: .3s;
			transition: .3s;

			-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
			box-shadow: 0 10px 20px rgba(0, 0, 0, .2);

			-webkit-border-radius: 10px 0 0 10px;
			border-radius: 10px 0 0 10px;
			}
			.com-fm-item span {
				font-size: 17px;
				letter-spacing: 1px;
				}
		/* Floating Menu > Scheme */
		.com-fm-inquiry {}
		.scrollactive {}
		.scrollpassive {}
		/* Floating Menu > Hover */
		.com-fm-item:hover { padding-right: 40px; }

	/* Main */
	.container {}

	/* Common - Inquiry */
	.com-inquiry { margin-top: 30px; }
		.ci-inner { padding: 20px 60px; }
		.ci-inner:before,
		.ci-inner:after {
			height: 30px;
			width: 30px;
			}
		.ci-inner:before { left: -15px; top: -15px; }
		.ci-inner:after { bottom: -15px; right: -15px; }
			.ci-ttlarea {}
				.ci-ttlarea span {
					font-size: 20px;
					letter-spacing: 2px;
					}
			.ci-bodyarea { margin-top: 15px; }
				.ci-item {}
					.ci-item dt,
					.ci-item dd {
						font-size: 15px;
						letter-spacing: 1px;
						line-height: 1.75;
						}
					.ci-item dt { width: 65px; }
					.ci-item dd {}
						.ci-item dd strong { font-size: 200%; }
		/* Common - Inquiry - Scheme */
		.ci-itm-inquiry {
			margin-bottom: 10px;
			height: 40px;
			left: 0;
			position: relative;
			top: 0;
			width: 80%;

			-webkit-transition: .3s;
			transition: .3s;

			-webkit-border-radius: 20px;
			border-radius: 20px;

			-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
			box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
			}
			.ci-itm-inquiry span {
				font-size: 17px;
				letter-spacing: 1px;
				}
		/* Common - Inquiry - Hover */
		.ci-itm-inquiry:hover {
			left: 3px;
			top: 3px;

			-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
			box-shadow: 2px 2px 5px rgba(0, 0, 0, .4);
			}

	/* Relationship */
	#relationship {
		max-width: 900px;
		margin-top: 30px;
		padding: 30px 0;
		}
		#rls-wrap {}
			#rls-list {}
				.rls-item {
					left: 0;
					margin: 0 10px;
					top: 0;

					-webkit-transition: .3s;
					transition: .3s;
					}
					.rls-item a {}
						.rls-item a img {}

		/* Relationship > Hover */
		.rls-item:hover {
			opacity: .7;
			left: 3px;
			top: 3px;

			-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
			box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
			}

	/* Footer */
	#gl-footer { margin-top: 60px; }
		#gl-footer:before {
			background-size: cover;
			height: 100px;
			}
		_:-ms-lang(x)::-ms-backdrop, #gl-footer:before { background-size: 140%; }
		#glf-inner {}
		#glf-con {}

			#f-credit {}
				#f-credit dl { font-size: 14px; }
					#f-credit dl:after {
						content: '|';
						display: inline-block;
						padding-left: 5px;
						vertical-align: middle;
						}
					#f-credit dl:last-child:after { display: none; }
					#f-credit dl dt,
					#f-credit dl dd {}
					#f-credit dl dt {}
					#f-credit dl dd {}
				#f-credit p { font-size: 15px; }
				#f-crd-ttlarea {}
					#f-crd-catch {
						font-size: 20px;
						margin-bottom: 5px;
						}
					#f-crd-ttl { font-size: 35px; }
				#f-crd-address { margin-top: 15px; }
					#f-crd-address dl {}
						#f-crd-address dl dt { font-size: 20px; }
						#f-crd-address dl dd { font-size: 35px; }				
				#f-crd-info { padding: 10px 0; }
					#f-crd-info span { padding: 5px 35px; }
				#f-crd-outline {
					margin-top: 10px;
					display: inline-table;
					}
					#f-crd-outline dl {
						display: table-cell;
						padding: 0 15px;
						vertical-align: middle;
						/*font-size: 13px;*/
						}

			#f-relationship { padding: 40px 0; }
				#f-rts-ttlarea {}
					#f-rts-ttl {}
						#f-rts-ttl span {
							font-size: 17px;
							padding-right: 10px;
							}
						#f-rts-ttl span:before,
						#f-rts-ttl span:after {
							background-color: rgba(255, 255, 255, .5);
							content: '';
							height: 1px;
							position: absolute;
							top: 50%;
							width: 55%;

							-webkit-transform: translateY(-50%);
							transform: translateY(-50%);
							}
						#f-rts-ttl span:before { right: 100%; }
						#f-rts-ttl span:after { left: 100%; }
				#f-rts-bodyarea {
					display: table;
					margin: 20px auto 0;
					max-width: 900px;
					text-align: left;
					}
					.f-rts-item {
						border-right: 1px solid rgba(255, 255, 255, .4);
						display: table-cell;
						padding: 0 30px;
						vertical-align: top;
						width: 50%;
						}
						.f-rts-item:last-child { border-right: none; }
						.f-rts-item-ttl { font-size: 23px; }
							.f-rts-item-ttl small {
								font-size: 15px;
								margin-bottom: 5px;
								}
						.f-rts-item-detail {
							font-size: 13px;
							line-height: 1.75;
							letter-spacing: 1px;
							margin-top: 20px;
							}
							.f-rts-item-con {}
								.f-rts-item-con address {}
								.f-rts-item-con dl {}
									.f-rts-item-con dl:after { content: '／'; }
									.f-rts-item-con dl:last-child:after { display: none; }
									.f-rts-item-con dl dt,
									.f-rts-item-con dl dd { padding: 0 5px; }
								.f-rts-item-con a {}

				#f-rts-entetsuassist {}
				#f-rts-pippi {}

		#f-copyright {
			background-size: contain;
			height: 200px;
			}
			#f-copyright p {
				font-size: 13px;
				padding-bottom: 20px;
				}

		#f-pattern {}
			#f-pattern .com-ptn-item { max-width: 80px; }

		/* Intro > Scheme */
		#f-pattern .com-cloud-01 { bottom: 120%; left: 5%; }
		#f-pattern .com-cloud-02 { bottom: 130%; right: 5%; }
		#f-pattern .com-cloud-03 { bottom: 115%; left: 20%; }
		#f-pattern .com-cloud-04 { bottom: 115%; right: 10%; }


}


/* ------------------------------------------------ */


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


/*
	Common

--------------------------------------------------- */

	/* Anchor Position */
	.com-anchor {
		margin-top: -60px;
		padding-top: 60px;
		}

	/* Link Icon */
	.com-externallink:after {
		height: 10px;
		right: 10px;
		width: 10px;
		}

	/* Link Area */
	.com-linkarea { margin-top: 20px; }
		.cl-item {
			font-size: 14px;
			padding: 10px 30px;
			}
			.cl-item span {}

	/* Share */
	.com-shr-item {
		background-size: 20px;
	    height: 40px;
	    margin: 0 2.5px;
	    width: 60px;
		
		-webkit-border-radius: 5px;
		border-radius: 5px;
		}
		/* Share > Scheme */
		.com-shr-facebook {}
		.com-shr-twitter {}
		.com-shr-line {}

	/* Header */
	#gl-header {}
		#gl-headline { padding: 10px 10px 0; }
			#gl-headline p {
				font-size: 10px;
				line-height: 1.2;
				}
			#gl-headline span {}
		#gl-wrap { padding: 10px 0; }
			.gl-item { padding: 0 10px; }
			#gl-logo { /*width: 65%;*/ }
				#gl-logo .clg-item { font-size: 11px; }
					#gl-logo .clg-item span {
						background-size: 25px;
						padding: 5px 0 5px 35px;
						}
			#gl-nav {}
				.gl-n-item {
					background-size: 25px auto;
					background-position: center;
					font-size: 15px;
					height: 40px;
					width: 40px;
					}
					.gl-n-item span {
						font-size: 0;
						text-indent: -9999px;
						overflow: hidden;
						}
	/* Header */
	.l_sec #gl-headline { display: none; }

	/* Nav */
	#nav-trigger {
		cursor: pointer;
		display: table;
		height: 60px;
		position: fixed;
		top: 0;
		right: 0;
		width: 60px;
		z-index: 1000;

		-webkit-transition-duration: .5s;
		-moz-transition-duration: .5s;
		transition-duration: .5s;
		}
		#nt-wrap {
			background-color: rgba(100, 170, 56, 0);
			display: table-cell;
			height: 100%;
			width: 100%;
			vertical-align: middle;
			text-align: center;

			-webkit-transition-duration: .5s;
			-moz-transition-duration: .5s;
			transition-duration: .5s;
			}
			#nt-mark {
			    height: 20px;
			    margin: 0 auto;
			    position: relative;
			    width: 25px;
			    z-index: 200;
				}
				#nt-mark span {
					background: rgba(255, 255, 255, 1);
					display: block;
					width: 25px;
					height: 3px;
					position: absolute;

					-webkit-transition: .5s;
					-moz-transition: .5s;
					transition: .5s;

					-webkit-border-radius: 1.5px;
					-moz-border-radius: 1.5px;
					border-radius: 1.5px;
					}
				#nt-mark span:nth-child(1) { top: 0; }
				#nt-mark span:nth-child(2) { top: 10px; }
				#nt-mark span:nth-child(3) { top: 20px; }
	/*#gl-nav {
		left: 200%;
		opacity: 0;
		padding-top: 60px;
		top: 0;
		width: 100%;

		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;

		-webkit-filter: blur(20px);
		-moz-filter: blur(20px);
		filter: blur(20px);
		}
		#gn-scrollarea {
			height: 100%;
			overflow-y: scroll;
			}
			#gn-wrap {
				padding: 0 30px;
				text-align: center;
				}
				.gn-item {
					display: inline-block;
					font-size: 14px;
					letter-spacing: 3px;
					padding: 20px 0;
					vertical-align: top;
					width: 160px;
					}*/

	/* Floating Menu */
	.com-floatingmenu {
		bottom: -100%;
		left: 10px;
		right: 10px;
		text-align: right;

		-webkit-transition: .5s;
		transition: .5s;
		}
		.com-fm-item {
			border: 2px solid rgba(255, 255, 255, 1);
			display: inline-table;
			height: 50px;
			text-align: center;
			width: 200px;

			-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);
			box-shadow: 5px 5px 15px rgba(0, 0, 0, .3);

			-webkit-border-radius: 25px;
			border-radius: 25px;
			}
			.com-fm-item span {
				display: table-cell;
				font-size: 15px;
				letter-spacing: 1px;
				vertical-align: middle;
				}
		/* Floating Menu > Scheme */
		.scrollpassive {}
		.scrollactive .com-floatingmenu { bottom: 10px; }

	/* Main */
	.container {}

	/* Common - Inquiry */
	.com-inquiry {
		margin-top: 20px;
		padding: 0 10px;
		}
		.ci-inner { padding: 20px 30px; }
		.ci-inner:before,
		.ci-inner:after {
			height: 20px;
			width: 20px;
			}
		.ci-inner:before { left: -10px; top: -10px; }
		.ci-inner:after { bottom: -10px; right: -10px; }
			.ci-ttlarea {}
				.ci-ttlarea span {
					font-size: 16px;
					letter-spacing: 2px;
					}
			.ci-bodyarea { margin-top: 10px; }
				.ci-item {}
					.ci-item dt,
					.ci-item dd {
						font-size: 13px;
						letter-spacing: 1px;
						line-height: 1.75;
						}
					.ci-item dt { width: 45px; }
					.ci-item dd {}
						.ci-item dd strong { font-size: 180%; }
		/* Common - Inquiry - Scheme */
		.ci-itm-inquiry {
			margin-bottom: 10px;
			height: 30px;
			position: relative;
			width: 80%;

			-webkit-border-radius: 15px;
			border-radius: 15px;

			-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
			box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);
			}
			.ci-itm-inquiry span {
				font-size: 15px;
				letter-spacing: 1px;
				}

	/* Relationship */
	#relationship {
		margin-top: 30px;
		padding: 20px 0;
		}
		#rls-wrap {}
			#rls-list {}
				.rls-item {
					margin: 0 5px 10px;
					max-width: 140px;
					}
					.rls-item a {}
						.rls-item a img {}

	/* Footer */
	#gl-footer { margin-top: 60px; }
		#gl-footer:before {
			background-size: cover;
			height: 50px;
			}
		#glf-inner {}
		#glf-con {}

			#f-credit { padding: 0 15px; }
				#f-credit dl { font-size: 13px; }
					#f-credit dl dt,
					#f-credit dl dd {}
					#f-credit dl dt {}
					#f-credit dl dd {}
				#f-credit p { font-size: 12px; }
				#f-crd-ttlarea {}
					#f-crd-catch {
						font-size: 15px;
						margin-bottom: 5px;
						}
					#f-crd-ttl { font-size: 20px; }
				#f-crd-address { margin-top: 15px; }
					#f-crd-address dl {}
						#f-crd-address dl dt { font-size: 15px; }
						#f-crd-address dl dd { font-size: 25px; }				
				#f-crd-info { padding: 15px 0 10px; }
					#f-crd-info span {
						font-size: 13px;
						padding: 7.5px 30px;
						}
				#f-crd-outline { margin-top: 10px; }
					#f-crd-outline dl { font-size: 12px; }

			#f-relationship { padding: 40px 15px 0; }
				#f-rts-ttlarea {}
					#f-rts-ttl {}
						#f-rts-ttl span {
							font-size: 15px;
							line-height: 1.5;
							padding-right: 10px;
							}
				#f-rts-bodyarea {}
					.f-rts-item {
						border-bottom: 1px solid rgba(255, 255, 255, .4);
						margin: 0 10px;
						padding: 20px 0;
						}
						.f-rts-item:last-child { border-bottom: none; }
						.f-rts-item-ttl {
							font-size: 18px;
							line-height: 1.3;
							}
							.f-rts-item-ttl small {
								font-size: 13px;
								margin-bottom: 3px;
								}
						.f-rts-item-detail {
							font-size: 12px;
							line-height: 1.5;
							letter-spacing: 1px;
							margin-top: 10px;
							}
							.f-rts-item-con {}
								.f-rts-item-con address {}
								.f-rts-item-con dl {}
									.f-rts-item-con dl dt {}
									.f-rts-item-con dl dd { padding-left: 10px; }
								.f-rts-item-con a {}

				#f-rts-entetsuassist {}
				#f-rts-pippi {}

		#f-copyright {
			background-size: cover;
			height: 140px;
			padding: 0 15px;
			}
			#f-copyright p {
				font-size: 10px;
				line-height: 1.3;
				padding-bottom: 10px;
				}

		#f-pattern {}
			#f-pattern .com-ptn-item { max-width: 40px; }

		/* Intro > Scheme */
		#f-pattern .com-cloud-01 { bottom: 120%; left: -5%; }
		#f-pattern .com-cloud-02 { bottom: 110%; right: 0; }
		#f-pattern .com-cloud-03 { bottom: 110%; left: 20%; }
		#f-pattern .com-cloud-04 { bottom: 115%; right: 30%; }


}


/* ------------------------------------------------ */


@media (orientation: landscape) {

}


/* ------------------------------------------------ */


@media (orientation: portrait) {

}