/* style.css */
/* -------------------------------------------------------------------------- */
/*共通項目*/
/* -------------------------------------------------------------------------- */
body {
  font-family:Hiragino Kaku Gothic Pro, Meiryo, Osaka, MS PGothic, sans-serif;
  color: #333;
  margin: 0;
  font-feature-settings : "palt";
  padding: 0;
  background: #f9f9f9;box-sizing : border-box;
}


/*フォントサイズ*/
@media (min-width: 1200px) {html {font-size:16px;}}
@media (min-width: 992px) and (max-width:1199px){html {font-size:14px;}}
@media (min-width: 768px) and (max-width:991px) {html {font-size:12px;}}
@media (max-width: 767px) {html {font-size:10px;}}


/*テキストカラー*/
.txt-red  {color:#e60012;}
.txt-white{color:#ffffff;}
.txt-black{color:#333333;}
.txt-pink {color:#ff82ad;}
.txt-blue {color:#293f84;}


/*背景カラー*/
.bg-white  {background:#ffffff!important;}
.bg-gray{background-color:#eeeeee!important;}
.bg-black{background-color:#999999!important;}
.bg-blue{background-color:#d2f1fc!important;}
.bg-green{background-color:#d1ffe4!important;}
.bg-red{background-color:#ffe7e7!important;}
.bg-yellow{background-color:#fffee1!important;}


/*テキストアンダーライン*/
.txt-underline{ text-decoration: underline;}
.txt-border{border: 1px solid;}


/*テキストスタイル*/
.txt-left{text-align:left!important;}
.txt-right{text-align:right!important;}
.txt-center{text-align:center!important;}


/*テキストボールド*/
.txt-bold{font-weight:bold;}


/*ラインカラー・設定*/
hr.line_black{margin-top:10px;margin-bottom:10px;border: 0; border-top: 2px solid #333333;}
hr.line_red{margin-top:10px;margin-bottom:10px;border: 0; border-top: 2px solid #e60012;}

hr.dotline_black{margin-top:10px;margin-bottom:10px;border: 0; border-top: 2px solid #333333;border-style: dotted;}


/*float後のoverflow:hidden*/
.overflow-hidden{overflow: hidden;}


/*float後のclear: both;*/
.clear-both{clear: both;}



/*br/SpPcで改行位置変更 */
/*------PC用　768px以上----------*/
@media (min-width:768px) {  
 .br-pc{ display: block;} 
 .br-sp{ display: none;}
}
/*------SP用　767px以下----------*/
@media (max-width:767px) { 
 .br-pc{ display: none;}
 .br-sp{ display: block;}
}

/*リンク*/
a:link   {color:#0056b3;text-decoration:none;}
a:visited{color:#0056b3;text-decoration:none;}
a:active {color:#0056b3;text-decoration:underline;}
a:hover  {color:#0056b3;text-decoration:underline;}





/* -------------------------------------------------------------------------- */
/*レイアウト*/
/* -------------------------------------------------------------------------- */
/* ヘッダー */
header {
	text-align: center;
	padding: 20px 0;
	background-color: #004080;
	margin:0;
	}

/* メインコンテンツ */
main {
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
@media (min-width:992px){main {max-width: 960px;padding: 0;}}
@media (max-width:991px){main {width: 100%;padding: 0 20px;}}

main .main-Wrap{
	margin: 0 auto 40px auto;
	background-color: white;
    border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
@media (min-width:992px){main .main-Wrap{padding: 30px 40px;}}
@media (max-width:991px){main .main-Wrap{padding: 15px;}}


/* フッター */
footer {
  text-align: center;
  padding: 20px 0;
  margin-top: 50px;
  border-top: 1px solid #ccc;
  color: #666;
}


.wrapper_Contents{
	margin: 0 0 20px 0;
	padding: 10px 20px;
	background: #eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* -------------------------------------------------------------------------- */
/*ロゴ*/
/* -------------------------------------------------------------------------- */
header h1 {
	margin: 0;
	padding: 10px;
  	font-weight: bold;
	color: #004080;
	display: inline;
	background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
	font-family: 'Inter Tight', sans-serif;
	}

@media (min-width:992px){header h1{font-size: 1.6em;}}
@media (max-width:991px){header h1{font-size: 1.2em;}}


/* -------------------------------------------------------------------------- */
/*トップイメージ*/
/* -------------------------------------------------------------------------- */
.top-Image{
	margin: 0 auto 20px auto;
	padding: 0;
	display: block;
	width: 100%;
	background: #3AB8E1;
	background: linear-gradient(90deg,rgba(58, 184, 225, 1) 0%, rgba(3, 73, 131, 1) 50%, rgba(15, 25, 56, 1) 100%);
	text-align: center;
	}

.top-Image img {
	margin: 0 auto;
	padding: 0;	
	height: auto;
	vertical-align:top;
	}
@media (min-width:992px){.top-Image img {max-width: 960px;}}
@media (max-width:991px){.top-Image img {width: 100%;}}



/* -------------------------------------------------------------------------- */
/*テキストサイズ*/
/* -------------------------------------------------------------------------- */
/* フッター */
@media (min-width:992px){footer{font-size: 1.0em;}}
@media (max-width:991px){footer{font-size: 1.2em;}}


/* セクション見出し */
h2 {
	color: #004080;
	border-bottom: 3px solid #004080;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	}

h3 {
	margin:0 0 20px 0;
	color: #fff;
	background:#0073e6;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	}

h4 {
	margin:0 0 15px 0;
	padding: 0;
	color: #003366;
	border-bottom: 2px dotted #003366;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	clear: both;
	}

p {
    margin:0 0 15px 0;
    line-height: 1.5;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
	clear: both;
	}
p:last-child {margin:0 0 0 0;}

@media (min-width:992px){h2{font-size: 2.0em;}h3{font-size: 1.4em;}h4{font-size: 1.2em;}p{font-size: 1.0em;}}
@media (max-width:991px){h2{font-size: 2.2em;}h3{font-size: 1.8em;}h4{font-size: 1.6em;}p{font-size: 1.4em;}}

@media (min-width:992px){footer p{font-size: 0.9em;}}
@media (max-width:991px){footer p{font-size: 1.1em;}}

/* リスト */
ul {
	margin:0;padding: 0px;
	display: block;
	list-style-type:none;
	}

ul li {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
	line-height: 1.5;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
	}

ul li::before {
	content:"\f178";
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	font-weight: bold;color: #0056b3;
	}
@media (min-width:992px){ul li{font-size: 1.0em;}}
@media (max-width:991px){ul li{font-size: 1.4em;}}



/* -------------------------------------------------------------------------- */
/*校舎画像*/
/* -------------------------------------------------------------------------- */
/*ボックス親　*/	
.school-Image {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-around;
	-moz-justify-content:  space-around;
	-ms-justify-content:  space-around;
	-o-justify-content:  space-around;
	justify-content:  space-around;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/
@media (min-width:992px){.school-Image .box{width: calc(50% - 0px) ;margin:0 0 40px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.box:first-child{width: calc(100% - 0px)}}
@media (max-width:991px){.school-Image .box{width: calc(100% - 0px) ;margin:0 0 10px 0;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.school-Image .box:last-child{margin:0 0 20px 0;}}


/*画像*/
figure{width: 100%;margin: 0;padding: 0;}

figure img{
	width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	vertical-align:top;
	}

figcaption {
	margin:0 0 0 0;
	font-size: 0.9rem;
	color: #666;
	text-align: center;
	}
@media (min-width:992px){figcaption{font-size: 0.9em;}}
@media (max-width:991px){figcaption{font-size: 1.2em;}}


/* -------------------------------------------------------------------------- */
/* アクセス情報 */
/* -------------------------------------------------------------------------- */
.access-info {margin-top: 20px;}

.access-info ul {
	margin:0;
	padding: 0px;
	display: block;
	list-style-type:none;
	}

.access-info ul li {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 0 20px;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
    -ms-text-align: justify;
	}

.access-info ul li::before {
	content:"\f041";
	font-family: "fontawesome";
	position: absolute;
	left: 0;
	color: #004080;
	font-weight: bold;
	}

/* フレーム（地図） */
.map-container iframe {
  	width: 100%;
  	height: 400px;
  	border: none;
  	border-radius: 10px;
  	margin-bottom: 30px;
	}


/* -------------------------------------------------------------------------- */
/* イメージボタン */
/* -------------------------------------------------------------------------- */
.button{margin: 0;padding: 0;}
.button img{margin: 0;padding: 0;width: 100%;}
.button a:hover  {text-decoration: none;display: block;filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;}