@charset "UTF-8";
@media print, screen and (min-width: 768px) {
	/*グローバルメニュー/////////////////////////////*/
	#globalmenu {
		*zoom: 1;
		width: 57%;
		margin: 5px auto 0px;
		padding: 0;
		font-size: 16px;
		display: block;
		position: absolute;
		top: 22%;
		left: 30%;
	}
	#globalmenu:before, #globalmenu:after {
		display: table;
		content: "";
	}
	#globalmenu:after {
		clear: both;
	}
	/*第1階層//////////////////////////////*/
	#globalmenu li {
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		z-index: 10 !important; /**/
	}
	#globalmenu li a {
		display: block;
		margin: 0;
		padding: 15px 0 11px;
		text-decoration: none;
		line-height: 1.2em !important;
	}
	li.memu-one > a {
		height: 62px
	}
	#globalmenu li#global_bt1:after, #globalmenu li#global_bt2:after, #globalmenu li#global_bt3:after {
		width: 1px;
		height: 16px;
		position: absolute;
		background-color: #464646;
		display: block;
		top: 16px;
		right: 0;
		content: '';
	}
	/*ボタンアニメーション*/
	li.memu-one > a {
		position: relative;
		display: inline-block;
		text-decoration: none;
	}
	li.memu-one > a::after {
		position: absolute;
		bottom: 16px;
		left: 12%;
		content: '';
		width: 76%;
		margin: 0;
		height: 2px;
		background: #ed210d;
		transform: scale(0, 1);
		transform-origin: center top;
		transition: transform .3s;
	}
	li.memu-one > a:hover::after {
		transform: scale(1, 1);
	}
	#globalmenu li:hover > a::after {
		transform: scale(1, 1);
	}
	/*第2階層表示*/
	#globalmenu li:hover {
		opacity: 1 !important;
	}
	#globalmenu li:hover ul {
		top: 100%;
		visibility: visible;
		opacity: 1;
	}
	/*グローバルメニューセレクト指定*/
	body#edu li#global_bt1 a.bt1::after {
		transform: scale(1, 1);
	}
	body#quiz li#global_bt2 a.bt2::after {
		transform: scale(1, 1);
	}
	body#conf li#global_bt3 a.bt3::after {
		transform: scale(1, 1);
	}
	/*第2階層//////////////////////////////*/
	#globalmenu li ul {
		top: 70%; /*第2階層開始位置*/
		visibility: hidden; /*非表示*/
		opacity: 0; /*非表示*/
		transition: .3s;
		list-style: none;
		position: absolute;
		left: 0;
		margin: 0;
		padding: 0;
		z-index: -1 !important;
		box-shadow: 2px 2px 4px gray;
	}
	#globalmenu li ul li {
		width: 100%;
	}
	/*グレーダウン表示*/
	#globalmenu li ul li.m_off a {
		padding: 13px 15px;
		border-top: 1px solid #fff;
		background-color: #DCDCDC !important;
		color: #444;
		color: #717171;
		text-align: left;
		cursor: default;
	}
	#globalmenu li ul li.m_off:hover > a {
		background-color: #DCDCDC !important;
		cursor: default;
		text-align: left;
	}
	/*第3階層表示*/
	#globalmenu li ul li:hover ul {
		width: 100% !important;
		top: 0% !important; /*アニメ開始位置設定*/
		left: 100% !important; /*アニメ開始位置設定*/
		visibility: visible !important;
		opacity: 1 !important;
	}
	/*第3階層//////////////////////////////*/
	#globalmenu li ul li ul {
		list-style: none;
		position: absolute;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100% !important;
		top: 0% !important;
		left: 80% !important;
		visibility: hidden !important;
		opacity: 0 !important;
		transition: .4s;
		z-index: -10 !important;
	}
	/*[メニューサイズとデザイン]*/
	/*第1階層*/
	#globalmenu li#global_bt1 {
		width: 26% !important;
	}
	#globalmenu li#global_bt2 {
		width: 22% !important;
	}
	#globalmenu li#global_bt3 {
		width: 19% !important;
	}
	#globalmenu li#global_bt4 {
		width: 33% !important;
	}
	#globalmenu li a {
		/*background: #009B9E;第1階層カラー*/
		color: #444;
		padding: 15px 0 11px;
	}
	#globalmenu li:hover > a {
		/*background: #d3e9e9;第1階層ロールオーバーカラー*/
		color: #ed210d;
	}
	/*第2階層*/
	#globalmenu li#global_bt1 ul li {
		width: 400px !important;
	}
	#globalmenu li#global_bt2 ul li {
		width: 288px !important;
	}
	#globalmenu li#global_bt3 ul li {
		max-width: 278px !important;
		min-width: 220px;
	}
	#globalmenu li#global_bt4 ul li {
		width: 150% !important;
		max-width: 288px !important;
	}
	#globalmenu li#global_bt5 ul li {
		width: 130% !important;
	}
	#globalmenu li ul li a {
		padding: 10px 12px;
		background-color: rgba(255, 255, 255, 0.92); /*第2階層基本カラー*/
		color: #444;
		text-align: left;
	}
	#globalmenu li ul li:hover > a {
		background-color: rgba(255, 255, 255, 0.92); /*第2階層基本カラー*/
		text-align: left;
	}
	/*第2,3階層ライン下段カラー*/
	#globalmenu li ul li:last-child {
		border-bottom: 1px solid #fff;
	}
	/*アンケートボタン/*/
	.bt_inquiry {
		position: absolute;
		background-color: #00b9c6;
		color: #fff;
		font-weight: bold;
		letter-spacing: -0.05em;
		top: 30px;
		right: 10px;
		border-radius: 24px;
		height: 38px;
		width: 110px;
		display: table
	}
	.inquiry_txt {
		text-align: center;
		display: table-cell;
		vertical-align: middle;
	}
	.bt_inquiry:hover {
		position: absolute;
		background-color: #27d4d8;
		cursor: pointer;
	}
	.inquiry_txt a {
		display: block;
		color: #fff;
	}
	.inquiry_txt a:hover {
		text-decoration: none;
	}
	/*[モバイルボタン]*/
	.gnavi_sp {
		display: none;
	}
	span.submenu01open, span.submenu02open {
		display: none;
	}
	/*ページ下ナビゲーション*/
	.box-nav {
		position: relative;
		overflow: hidden;
	}
	.box-nav ul {
		position: relative;
		left: 50%;
		float: left;
	}
	.box-nav li {
		margin: 0;
		position: relative;
		left: -50%;
		float: left;
		list-style: none;
		line-height: 2em;
		text-align: center;
		mini-width: 3em;
		padding: 0 1em;
		font-size: 110%;
	}
	.box-nav li a {
		display: block;
		width: 100%;
	}
	.box-nav li a:hover {
		text-underline-offset: 6px;
	}
	.r_line:after {
		width: 1px;
		height: 16px;
		position: absolute;
		background-color: #464646;
		display: block;
		top: 14px;
		right: -1px;
		content: '';
	}
	li.back_next_bt {
		line-height: 2em;
		width: 28px;
		height: 2em;
		padding: 0;
		position: relative;
	}
	.box-nav li.back_next_bt a {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0 0;
		left: 50%;
		position: absolute;
		top: 50%;
	}
	.box-nav li.back_next_bt a img {
		width: 100%;
		height: 100%;
		transform: translate(-50%, -50%);
	}
	.box-nav li.back_next_bt a:hover img {
		opacity: .5
	}
	/*下ナビゲーションセレクト指定*/
	body.page01 .box-nav li:nth-of-type(2) a, body.page02 .box-nav li:nth-of-type(3) a {
		font-weight: bold;
		text-decoration: underline;
		text-underline-offset: 6px;
	}
	/*下ナビゲーションセレクト指定速報*/
	body.conf_page01 .box-nav li:nth-of-type(2) a, body.conf_page02 .box-nav li:nth-of-type(3) a, body.conf_page03 .box-nav li:nth-of-type(4) a, body.conf_page04 .box-nav li:nth-of-type(5) a, body.conf_page05 .box-nav li:nth-of-type(6) a {
		font-weight: bold;
		text-decoration: underline;
		text-underline-offset: 6px;
	}
}