/* CSS Document */
/****************************************
		1. 基本設定 
*****************************************/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Reset　ブラウザー固有のスタイルをリセットします↓　*/
body,div,dl,dt,dd,
ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
　↓YUI3 CSS Fonts　フォントサイズを相対指定する↓　*/



/*---↓リンクに対する共通設定↓---*/
*{
	margin:0;
	padding:0;
	line-height:1.5;
	list-style:none;
}

img{
	border:none;
}
a, a:link,/*未訪問のリンクを指定*/
a:visited,/*訪問済みのリンクを指定*/
a:hover,/*マウスオーバーした時のリンク部分を指定*/
a:active,/*クリック時のリンク部分を指定*/
a{
	text-decoration:none;
}
body{	
	font-family: "Helvetica Neue", Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	margin-top: 166px;
}

img {
  vertical-align: middle;
}

@font-face {
  font-family: U-OTF-GothicMB101Upr-Heavy;
  src: url("../font/U-OTF-GothicMB101Upr-Heavy.otf") format("opentype");
}
@font-face {
  font-family: U-OTF-GothicMB101Upr-DeBold;
  src: url("../font/U-OTF-GothicMB101Upr-DeBold.otf") format("opentype");
}
@font-face {
  font-family: U-OTF-GothicMB101Upr-Medium;
  src: url("../font/U-OTF-GothicMB101Upr-Medium.otf") format("opentype");
}



/* clearfix
----------------------------------------------------*/
.clearfix{ /zoom: 1; }
.clearfix:after{ content: ''; display: block; clear: both; }

.pagetop {
	position: fixed;
	bottom: -520px;
	right: 10px;
	z-index:9999;
}
.pagetop a {
	display: block;
	width: 86px;
	height: 138px;
}


/*-------  ヘッダー学校名タイトル ---------*/
header{
	width:100%;
	height:166px;
	background: #fff;
	margin:0 auto;
	position:fixed;
	top: 0;
	z-index:9999;
}

.header_sub{
	width:1100px;
	margin:0 auto;
	position:relative;
}

header h1 {
	float:left;
    padding:15px 20px 20px 20px;
}

.header_top{
	float:left;
}

.top_sns{
	width:685px;
	margin:10px auto 0;
	display: flex;
	justify-content: flex-end;
}

.top_sns li{
	margin-left:15px;
	color:#186aab;
	font-size:85%;
	font-weight:bold;
	line-height:50px;
}

.top_sns li a{
	color:#186aab;
}

.top_sns li a:hover{
	opacity:0.7;
}

.fab02,.fab{
	font-size:220%;
	margin-top:10px;
}





/*////////////ビッグナビ/////////////////////*/
.g_nav {
    margin-top:10px;
	clear:both;
	background:#186aab;
}

.g_nav > ul {
    display:flex;
    width:1100px;
    margin:0 auto;
    list-style:none;
}
 
.g_nav > ul > li {
    padding:20px 17px 20px;
    color:#fff;
    font-size:93%;
	font-weight:bold;
	font-family: 'Noto', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic",          Sans-Serif;
}

.g_nav > ul > li a{
	color:#fff;
	text-decoration:none !important;
}

.mdd_wrap {
    position:absolute;
    top:100%;
	background:#fff;
    left:0;
    width:100%;
	z-index:999;
}

.mdd_inner {
    display:none;
    width:1100px;
    overflow:hidden;
    margin:0 auto;
	/*height:155px;*/
	padding-bottom:20px;
}

.guide_list{
	padding:10px 0;
}

.guide_list li{
	text-align:center;
	width:250px;
	float:left;
	padding:15px 0;
}

.guide_list li span{
	display:block;
	width:209px;
	margin:0 auto;
	border-bottom:2px solid #186aab;
	padding-bottom:10px;
}

.guide_list li a{
	color:#186aab !important;
	text-decoration:none !important;
}

.guide_list li a:hover{
	opacity:0.8;
}








/* フッター
----------------------------------------------------*/
footer{
	width:100%;
	height:220px;
    background: #186aab;
	border-top:1px solid #FFF;
}

#footer_center{
	width:1100px;
	height:220px;
	margin:0 auto;
	position:relative;
}

h4.footer_title{
	text-align:center;
}
.line_01{
	width:180px;
	height:2px;
	background:#FFF;
	position:absolute;
	top:35px;
	left:180px;
}
.line_02{
	width:280px;
	height:2px;
	background:#FFF;
	position:absolute;
	top:60px;
	left:80px;
}
.line_03{
	width:180px;
	height:2px;
	background:#FFF;
	position:absolute;
	top:84px;
	left:180px;
}
.line_04{
	width:180px;
	height:2px;
	background:#FFF;
	position:absolute;
	top:35px;
	right:180px;
}
.line_05{
	width:280px;
	height:2px;
	background:#FFF;
	position:absolute;
	top:60px;
	right:80px;
}
.line_06{
	width:180px;
	height:2px;
	background:#FFF;
	position:absolute;
	top:84px;
	right:180px;
}

/* =======================================
	NAV_01
======================================= */
ul.footer_nav_01{
	width:1100px;
	position:absolute;
	top:120px;
	display: flex;
  justify-content: center;
}
ul.footer_nav_01 li {
}
ul.footer_nav_01 li a{
	float:left;
  　font-family: webfontHorizontal, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:70%;
	letter-spacing:1px;
	text-decoration:none;
    position: relative;
    display: inline-block;
    transition: .3s;
	margin-left:18px;
	margin-bottom:10px;
	color:#FFF;
}
ul.footer_nav_01 li a:hover{
	-webkit-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-moz-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;
	-ms-text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
    text-shadow: -1px 1px 4px #FFF, 1px -1px 4px #FFF;	
}
.footer_nav_01 li a::before,
.footer_nav_01 li a::after {
  position: absolute;
  content: '';
  width: 0;
  height: 1px;
  background-color: #FFF;
  transition: .3s;
}
.footer_nav_01 li a::before {
  top: -5px;
  left: 0;
}
.footer_nav_01 li a::after {
  bottom: -5px;
  right: 0;
}
.footer_nav_01 li a:hover::before,
.footer_nav_01 li a:hover::after {
  width: 100%;
}

/*MAP*/
#map_canvas{
	width:100%;
	height:450px;
	border:2px solid #DFF4FF;
	position:absolute;
	background:#FFF;
	top:180px;
}

address{
	color:#FFF;
	position:absolute;
	bottom:15px;
	padding-left:300px;
	letter-spacing:2px;
	font-weight:normal;
}

/* =======================================
	コピーライト
======================================= */
#under_wrapper{
	width:100%;
	height:30px;
	background:#004e89;
}

#under_wrapper_center{
	width:1100px;
	height:30px;
	margin:0 auto;
}

p.copy{
	font-size:85%;
	text-align:center;
	line-height:30px;
	color:#FFF;
	letter-spacing:3px;
    font-family: webfontHorizontal, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}