@charset "utf-8";
/* CSS Document */
/*ページの基本構造
=======================================================*/
body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  font-size:100%;
  margin:0;
  padding:0;
	overflow-x:hidden;
	/*overflow:hidden;*/
}
	* html body {  /* IE6 */ 
		font-family: "ＭＳ Ｐゴシック", sans-serif;
	}
	
html,body	{
	height:100%;
}

/*clearfix
-----------------------------*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */	


/* 要素のリセット
---------------------------------------- */

/* --- HTML5 --- */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display: block;
  margin: 0;
  padding: 0;
}


/* --- 要素 ---*/

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
p,
blockquote,
ul,
ol,
li,
dl,
dt,
dd,
form {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5	{
	font-weight:normal;
}
a	{
	text-decoration:none !important;
	outline:none !important;
}
a:hover,
a:active,
a:visited	{
	text-decoration:none;
}

li	{
	list-style:none;
}
	
/* ヘッダー・フッターを幅いっぱいにする為のボックス
---------------------------------------------------*/
#page-header {
  height: 80px;/* 20230830 元は124px */
	background:url(../images/high/header/header_bg.png) repeat-x;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
	margin-bottom:0;
}
#page-header2 {
  height: 80px;/* 20230830 元は124px */
	background:url(../images/high/header/header_bg3.png) repeat-x;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
	margin-bottom:0;
}
#navi-gr	{
	height:44px;
	background:url(../images/high/header/navi_bg3.png) repeat-x;
	margin-bottom:8px;
  
  display: none; /* 20230830 追加 */
}
#header,
#footer,
#page-body,
#top-image,
#navi-area,
#top-page-body	{
	width:960px;
	margin:0 auto;
}

#footer-bg-m	{
	/*height:140px;*/
	background:#f7f9fd;
}
#footer-bg-a	{
	background:#6185ff;
	clear:both;
}

@media screen and (max-width: 767px) {
	#page-header,
	#page-header2 {
		max-height: 60px;
		background:url(../images/high/header/header_bg_s.png) repeat-x;
		box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.1);
		margin-bottom:0;
	}
	footer p	{
		font-size:8px;
	}
}
#top-page-body	{
	/**padding-top:100px;*/
	/*min-height:100%;*/
	height: auto !important;
	height: 100%;
	font-size:16px;
	margin-bottom:30px;
}

#page-body	{
	/*padding-top:124px;*/
	/*min-height:100%;*/
	/*height: auto !important;*/
	height: 100%;
	/*margin-bottom: -140px;*/
	margin-top:0;
	font-size:16px;
	margin-bottom:30px;
}
#top-image	{
	height: auto !important;
	margin-top:80px;
	margin-bottom:10px;
}
@media screen and (max-width: 991px) {
	#header,
	#page-body,
	#top-page-body,
	#top-image,
	#navi-area,
	#footer	{
		max-width:100%;
	}
}
/* --- スモールデバイス --- */
@media screen and (max-width: 767px) {
  #page-body	 {
   padding:0 15px 0;
	 font-size:14px;
  }
	#top-page-body	{
		padding:0 15px;
	}
	#top-image	{
		margin-top:60px;
	}
	#footer	{
		clear:both;	
	}
}
/*コンテナ
----------------------------------------------*/
#container	{
	max-width:100%;
	margin:0 auto;
}
@media (min-width: 767px) {
  #container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  #container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  #container {
    width: 1170px;
  }
}
/*ヘッダ
----------------------------------------------*/
/* ロゴ */
.logo-box	{
	margin:26px 0 6px 4px;
	float:left;
	height:47px;
}
@media screen and (max-width: 767px) {
	.logo-box	{
		float:none;
		margin:10px 75px 0 3px;
	}
	.logo-box img	{
		max-width:366px;
	}
}
#header-right-navi	{
	float:right;
	margin-top:5px;
}

.above-navi	{
	float:right;
	padding-bottom:5px;
}
.above-navi li	{
	float:left;
	font-size:12px;
}
.btn-request	{
	background:#0047fa;
	border:#0968FF 1px solid;
	padding:7px 8px 4px 8px;
	font-size:16px;
	/*text-shadow:0 1px 1px rgba(0,0,0,0.5);*/
	color:#fff;
	float:right;
}
.btn-request:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#4473e9;
	border:#1d66ff 1px solid;
}
.btn-access	{
	font-size:14px;
	color:#79796a;
	float:right;
	padding:10px 16px 0 0;
}
.btn-access:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	color:#13589a;
}
.below-navi	{
	clear:both;
	float:right;
}
.below-navi li	{
	float:left;
	font-size:12px;
}
.navi-btn-elementary	{
	background:#ee63a4;
	color:#fff;
	padding:9px 11px 5px 11px;
}
.navi-btn-junior	{
	background:#15c6e5;
	color:#fff;
	padding:9px 11px 5px 11px;
}
.navi-btn-art	{
	background:#ff8c2e;
	color:#fff;
	padding:9px 11px 5px 11px;
}
.navi-btn-cor	{
	background:#19c9b3;
	color:#fff;
	padding:9px 11px 5px 11px;
}
.navi-btn-kofu	{
	background:#7587d7;
	color:#fff;
	padding:9px 11px 5px 11px;
}
.navi-btn-elementary:hover,
.navi-btn-junior:hover,
.navi-btn-art:hover,
.navi-btn-cor:hover,
.navi-btn-kofu:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.navi-btn-elementary:hover	{
	background:#f5c0e8;
	color:#c5249c;
}
.navi-btn-junior:hover	{
	background:#abe2f7;
	color:#157fa8;
}
.navi-btn-art:hover	{
	background:#f9c66c;
	color:#8e5929;
}
.navi-btn-cor:hover	{
	background:#7befe1;
	color:#107e70;
}
.navi-btn-kofu:hover	{
	background:#d3cef0;
	color:#473ac9;
}
@media screen and (max-width: 991px) {
	.below-navi li	{
		font-size:10px;
	}
	.navi-btn-elementary,
	.navi-btn-junior,
	.navi-btn-art,
	.navi-btn-cor,
	.navi-btn-kofu	{
		padding:9px 3px 5px 3px;
	}	
}

/*スマートフォン メニュー
--------------------------------------------------*/
#header-menu-btn {
  font-size: 9pt;
  text-align: center;
  padding-bottom: 0;
  color: #ffffff;
  border: none;
  background-color: #448ce9;
	margin-top:-3px;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}

#header-menu-btn:hover {
  background-color: #0f6eff;
}

#header-menu-btn .icon-bar {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
}
.mob-home,
.mob-info,
.mob-info2	{
	color:#FFF;
	font-size:14px;
}
.mob-home a,
.mob-info a,
.mob-info2 a	{
	color:#FFF;
}
.mob-home	{
	background:#ee5d78;
}
.mob-home a:hover	{
	background:#f2a1b0 !important;
}
.mob-info	{
	background:#1f9ce0;
	border-bottom:#1c89c4 1px solid;
}
.mob-info2	{
	background:#656fc3;
	border-bottom:#4d5093 1px solid;
}
.mob-info a:hover	{
	background:#64bded !important;
}
.mob-info2 a:hover	{
	background:#a0a7de !important;
}
.mob-sub	{
	font-size:14px;
	padding:4px 6px 3px;
	margin:0 2px;
	background:#FFF;
}
li.first	{
	color:#406ce2;
	border-left:#406ce2 6px solid;
	text-decoration:none;
	padding:4px 2px 2px 4px;
	margin:2px 0 3px 0;
}
li.first:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	color:#f5f5f5;
	border-left:#406ce2 6px solid;
	text-shadow:1px 1px 2px #000000;
	background:#406ce2;
}

/*TOPページ グローバルナビ
-------------------------------------------------*/
.navi-area	{
	margin:0 auto;
	position:relative;
}
.navi-area ul	{
	float:left;
	position:relative;
	left:50%;
}
.navi-area li 	{
	float:left;
	position:relative;
	left:-50%;
}
.navi-area li a	{
	display:block;
}
.gl-navi-btn	{
	width:150px;
	background:#4473e9;
	font-size:18px;
	color:#fff;
	text-align:center;
	margin:0 1px 0 0;
	padding:11px 0 6px;
}
.gl-navi-btn:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#0047fa;
	color:#fff;
}


.navi-area li:hover > div.sub1,
.navi-area li:hover > div.sub2,
.navi-area li:hover > div.sub3,
.navi-menu li:hover > div.sub-a,
.navi-menu li:hover > div.sub-b,
.navi-menu li:hover > div.sub-c	{
	display:block;
}
.sub1,
.sub2,
.sub3	{
	display:none;
	z-index:10;
  position:absolute;
	padding:6px;
	margin:0 0 0 2px;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	background:rgba(255,255,255,0.9);
	border:2px solid #6998e8;
	border-radius:4px;
	top:-167px;
	height:165px;
}
.sub1	{
	top:-204px;
	width:425px;
	height:240px;
}
.sub2	{
	top:-204px;
	left:-125px;
	width:425px;
	height:205px;
}
.sub3	{
	top:-164px;
	left:-335px;
	width:510px;
	height:165px;
}
.sub1:before,
.sub2:before,
.sub3:before {
	content: "";
	position: absolute;
	bottom: -8px;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color:rgba(255,255,255,0.9) transparent transparent transparent;
	z-index: 0;
}
.sub1:before {
	left: 75px;
}
.sub2:before {
	left: 195px;
}
.sub3:before {
	left: 405px;
}
.sub1:after,
.sub2:after,
.sub3:after {
	content: "";
	position: absolute;
	bottom: -12px;
	margin-left: -10px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #7395ce transparent transparent transparent;
	z-index: -1;
}
.sub1:after {
	left: 75px;
}
.sub2:after {
	left: 195px;
}
.sub3:after {
	left: 405px;
}
.sub-a,
.sub-b,
.sub-c	{
	display:none;
	z-index:10;
  position:absolute;
	padding:6px;
	margin:0 0 0 2px;
	-moz-box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	box-shadow:2px 2px 3px rgba(0,0,0,0.6);
	background:rgba(255,255,255,0.9);
	border:2px solid #7395ce;
	border-radius:4px;
	top:44px;
}
.sub-a	{
	width:425px;
	height:240px;
}
.sub-b	{
	left:60px;
	width:425px;
	height:240px;
}
.sub-c	{
	left:170px;
	width:510px;
	height:205px;
}
.sub-a:before,
.sub-b:before,
.sub-c:before {
	content: "";
	position: absolute;
	top:-18px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px;
	border-color:transparent transparent rgba(255,255,255,0.9) transparent;
	z-index: 0;
}
.sub-a:before {
	left: 61px;
}
.sub-b:before {
	left: 196px;
}
.sub-c:before {
	left: 238px;
}
.sub-a:after,
.sub-b:after,
.sub-c:after {
	content: "";
	position: absolute;
	top: -21px;
	left: 48px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px;
	border-color: transparent transparent #7395ce transparent;
	z-index: -1;
}
.sub-a:after {
	left: 60px;
}
.sub-b:after {
	left: 195px;
}
.sub-c:after {
	left: 237px;
}

/*第2階層グローバルナビ
-----------------------------------*/
.navi-menu	{
	clear:both;
	position:relative;
  
  display: none; /*20230830 追加*/
}
.navi-menu li	{
	float:left;
	overflow:hidden;
	list-style:none;
}
ul.navi-menu li a	{
	display:block;
}
.hd-navi-home	{
	width:38px;
	background:#4473e9;
	font-size:18px;
	color:#fff;
	text-align:center;
	margin:2px 1px 0 0;
	padding:8px 0 4px;
}
.hd-navi-btn	{
	width:150px;
	background:#4473e9;
	font-size:18px;
	color:#fff;
	text-align:center;
	margin:2px 1px 0 0;
	padding:11px 0 4px;
}
.hd-navi-home:hover,
.hd-navi-btn:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#0047fa;
	color:#fff;
}

/*プルアップ（プルダウン）中
-------------------------------------------------------------*/
.sub-head 	{
	background:#4473e9;
	border:#0F6EFF 1px solid;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding:3px 0 0px;
	margin-bottom:6px;
	border-radius:4px 4px 0 0;
}
/*.sub-head:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#f8f2e3;
	border:#e06a00 1px solid;
	color:#e06a00;
}*/
.gl-box-left	{
	width:33%;
	float:left;
	margin-right:5px;
}
.gl-box-middle	{
	width:33%;
	float:left;
}
.gl-box-right	{
	width:32%;
	float:right;
}
.gl-box-half-left	{
	width:49%;
	float:left;
}
.gl-box-half-right	{
	width:49%;
	float:right;
}
.gl-box-item	{
	color:#2b50ca;
	background:#f8f9fc;
	font-size:14px;
	padding:5px 0 2px 5px;
	border:#9ab0d5 1px solid;
	border-radius:4px;
	margin-bottom:5px;
}
.gl-box-item:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#f8f2e3;
	border:#e06a00 1px solid;
	color:#e06a00;
}

/*TOPグローバルナビ　スマホ
-----------------------------------*/
.btn-wrap	{
	margin:0 10px 5px;
}
.top-gl-mob-btn	{
	font-size:16px;
	background:#448ce9;
	padding:5px 0;
	text-align:center;
	margin-bottom:8px;
	border-radius:4px;
}
.top-gl-mob-btn a	{
	color:#fff;
}

/*横並びのボタンの間隔の設定
-----------------------------------*/
.col-narrow-r,
.col-narrow-rr	{
	padding-right:5px;
}
.col-narrow-l,
.col-narrow-ll	{
	padding-left:5px;
}
.col-narrow-lr	{
	padding-left:5px;
	padding-right:5px;
}
.col-narrow-lrl	{
	padding-left:10px;
	padding-right:10px;
}
@media screen and (max-width: 991px) {
	.col-narrow-rr	{
		padding: 0 5px 0 15px;
	}
	.col-narrow-ll	{
		padding: 0 15px 0 5px;
	}
}
@media screen and (max-width: 767px) {
	.col-narrow-r	{
		padding-right:15px;
	}
	.col-narrow-l	{
		padding-left:15px;
	}
	.col-narrow-rr	{
		padding-right:15px;
	}
	.col-narrow-ll	{
		padding-left:15px;
	}
	.col-narrow-lrl	{
		padding-left:15px;
		padding-right:15px;
	}
}

/*TOPメインページ左
-------------------------------------------------*/
.banner-left	{
	float:left;
	margin-bottom:10px;
	max-width:250px;
}
.sns-banner	{
	margin-bottom:12px;
}
.sns-banner img	{
	max-width:250px;
}
.main-banner-box	{
	margin-bottom:14px;
}
@media screen and (max-width: 767px) {
	.main-banner-box img	{
		max-width:520px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
	.banner-left	{
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}

.banner-main	{
	float:right;
	margin-bottom:10px;
}
.title-news	{
	font-size:20px;
	/*font-weight:bold;*/
	padding: 10px 0 7px 10px;
	color:#133ca3;
	/*text-shadow: 0 1px 1px #777;*/
	background:#dce5fb;
	position: relative;
	margin-bottom:4px;
	clear:both;
}

#news-list-box {
  height: 330px;
  overflow-y: scroll;
	padding:6px 0;
	margin-bottom:10px;
}
@media screen and (max-width: 991px) {
	#news-list-box {
  	height: 250px;
	}
}
.disp-inBlock	{
	display:inline-block;
	vertical-align:top;
	padding:0 5px;
	margin-bottom:8px;
	
}
.post-box	{
	border:#acac9d 1px solid;
	margin-bottom:6px;
	background:#fbf9e5;
	border-radius:4px;
	height:100%;
	overflow:hidden;	
}
.post-box a	{
	position:relative;
	display:block;
	width:100%;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
}
.post-box:hover	{
	background:#ecf4fd;
	color:#0c54cf;
	border-color:#246ceb;
}
.ribbon-new:after {
  position:absolute;
  width: 80px;
  bottom: 0px;
  right: -26px;
  padding: 1px 2px 0 2px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.2);
  content: 'NEW!';
  background-color: #d93131;
}
.post-box-inner	{
	padding:5px;
}
.post-head-date	{
	font-size:10px;
	color:#666;
	text-align:center;
	padding-bottom:5px;
	padding-top:6px;	
}
.post-title	{
	font-size:12px;
	padding-bottom:6px;
}
.photo-center	{
	text-align:center;
}
.photo-center img {
	min-height:100px;
}
.news-photo-center	{
	text-align:center;
}
.news-photo-center img {
	max-width:250px;
	min-height:100px;
}
figure {
	position: relative;
	overflow: hidden;
}
figcaption h3,
figcaption p {
	position: absolute;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 24px;
	line-height: 24px;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
}
figcaption h3 {
	top: 0;
	font-size:12px;
	text-align:center;
	color:#fff;
}
figcaption p {
	bottom: 0;
	font-size:10px;
	text-align:center;
	color:#fff;
}
figure:hover figcaption h3 {
	top: -24px;
}
figure:hover figcaption p {
	bottom: -24px;
}

@media screen and (max-width: 991px) {
	.post-box-inner img	{
		max-width:135px;
	}
	figcaption h3 {
		font-size:10px;
	}
}
@media screen and (max-width: 767px) {
	.news-title	{
		font-size:16px;
	}
	figcaption h3 {
		font-size:12px;
	}
	.news-date	{
		font-size:10px;
	}
	#news-list-box	{
		overflow:hidden;
		height:auto;
		margin-bottom:0;
	}
	.post-box	{
		
	}
	#news-list-box div.disp-inBlock:nth-child(n+6) {
    display: none;
  }
	.post-head-news	{
		font-size:12px;
	}
	.post-box-inner img	{
		max-width:100%;
		max-height:100%;
	}
}
img.photo {
	background-color:#ffffff;
	padding:4px;
	border:1px solid #dfdfd0;
	box-shadow:1px 1px 10px rgba(0,0,0,0.15);
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#e0e0e0',Direction=145,Strength=3);
}
/*TOPメインページ右
-------------------------------------------------*/
.banner-box-top	{
	margin-bottom:0;
}
.target-below-box	{
	border:#90aff3 1px solid;
	border-radius:4px;
	background:#ecf1fd;
	padding:6px;
	margin-bottom:14px;
}
.banner-box	{
	margin-bottom:14px;
}
.banner-box	{
	margin-bottom:18px;
}
.banner-box-l	{
	margin-bottom:8px;
}
@media screen and (max-width: 767px) {
	.banner-box img,
	.banner-box-l img	{
		max-width:250px;
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}
.segment-btn	{
	font-size:14px;
	color:#fff;
	background:#75abf0;
	padding:13px 0 9px 6px;
	/*border:#FFF 3px double;*/
	margin-bottom:6px;
}
.segment-btn:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#dce5fb;
	/*border-color:#ff9a5a;*/
	color:#4473e9;
	padding-left:16px;
}
.sub-btn-school,
.sub-btn-bus,
.sub-btn-domi	{
	font-size:14px;
	color:#0a2057;
	padding:22px 0 0 80px;
	border:#9fb7f4 1px solid;
	height:60px;
}
.sub-btn-school	{
	background:url(../images/top/thumb_high.png) no-repeat top 4px left 4px #ebf0fd;
}
.sub-btn-bus	{
	background:url(../images/top/thumb_bus.png) no-repeat top 4px left 4px #ebf0fd;
}
.sub-btn-domi	{
	background:url(../images/top/thumb_domi.png) no-repeat top 4px left 4px #ebf0fd;
}
.sub-btn-school:hover,
.sub-btn-bus:hover,
.sub-btn-domi:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	padding-left:90px;
	border:#81a1f0 1px solid;
}
.sub-btn-school:hover	{
	background:url(../images/top/thumb_high.png) no-repeat top 4px left 4px #cdd9f9;
}
.sub-btn-bus:hover	{
	background:url(../images/top/thumb_bus.png) no-repeat top 4px left 4px #cdd9f9;
}
.sub-btn-domi:hover	{
	background:url(../images/top/thumb_domi.png) no-repeat top 4px left 4px #cdd9f9;
}
.sub-btn-sub	{
	font-size:14px;
	text-align:center;
	color:#0a2057;
	background:#ebf0fd;
	padding:13px 0 9px 6px;
	border:#9fb7f4 1px solid;
	margin-bottom:6px;
}
.sub-btn-sub:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#ffffdf;
	border-color:#B8AE8F;
	color:#926B59;
}
.sub-btn-alm	{
	font-size:14px;
	text-align:center;
	color:#fff;
	background:#5d71e2;
	padding:13px 0 9px 6px;
	margin-bottom:6px;
}
.sub-btn-alm:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#ccd9f9;
	color:#5d71e2;
}


.btn-twi,
.btn-fb,
.btn-tube	{
	font-size:14px;
	color:#fff;
	padding:22px 0 0 60px;
	height:60px;
}
.btn-twi	{
	background:url(../images/top/thumb_twi.png) no-repeat top 6px left 6px #63ccff;
}
.btn-fb	{
	background:url(../images/top/thumb_fb.png) no-repeat top 6px left 6px #6888D2;
}
.btn-tube	{
	background:url(../images/top/thumb_tube.png) no-repeat top 6px left 6px #DA6663;
}
.btn-twi:hover,
.btn-fb:hover,
.btn-tube:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
}
.btn-twi:hover	{
	background:url(../images/top/thumb_twi.png) no-repeat top 6px left 6px #7DD5FF;
}
.btn-fb:hover	{
	background:url(../images/top/thumb_fb.png) no-repeat top 6px left 6px #8CA5DD;
}
.btn-tube:hover	{
	background:url(../images/top/thumb_tube.png) no-repeat top 6px left 6px #E38C8A;
}
@media screen and (max-width: 767px) {
	.sub-btn-sub,
	.sub-btn-alm	{
		text-align:left;
		padding-left:60px;
	}
	.sub-btn-sub:hover,
	.sub-btn-alm:hover	{
		padding-left:70px;
	}
	.btn-twi:hover,
	.btn-fb:hover,
	.btn-tube:hover	{
		padding-left:70px;
	}
}		

/*フッタ
------------------------------------*/
#page-top	{
	display:block;
	position:fixed;
	z-index:9999;
	bottom:10px;
	right:10px;
	width:60px;
	height:60px;
	border-radius:30px;
	background:rgba(0,0,0,.6);
	font-size:12px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:3px 0;
	transform:rotateY(270deg);
	transition:.5s;
}
#page-top:hover	{
	background:rgba(0,0,0,.5);
}
#footer-to-pagetop	{
	clear:both;
}
#footer-to-pagetop a	{
	position:absolute;
	right:30px;
	margin-top:-25px;
	padding:5px 10px;
	font-size:12px;
	color:#fff;
	background:#738fd4;
	border-radius:5px 5px 0 0;
}
.foot-school-name dt	{
	font-size:18px;
	color:#FFF;
	font-weight:normal;
	line-height:140%;
	padding:7px 0 0 0;
	width:13em;
	float:left;
	margin-right:1em;
}
.foot-school-name dd	{
	font-size:14px;
	padding:11px 0 5px 0;
	margin-left:13em;
	color:#FFF;
}

@media screen and (max-width: 991px) {
	.foot-school-name dt	{
		font-size:16px;
	}
	.foot-school-name dd	{
		font-size:12px;
	}
}
@media screen and (max-width: 767px) {
	.foot-school-name dt	{
		float:none;
		text-align:center;
	}
	.foot-school-name dd	{
		float:none;
		margin-left:1em;
		padding:3px 0 5px;
	}
}
.foot-item-box	{
	height:100%;
	padding:5px 8px;
	line-height:2em;
}
@media screen and (max-width: 767px) {
	.foot-item-box	{
		border-bottom:#adbce6 1px solid;
	}
	.foot-item-box:last-child	{
		border-bottom:none;
}
}
.foot-item-head	{
	font-size:14px;
	background:#e4e9f2;
	padding:4px 0 1px 4px;
	margin-bottom:5px;
}
.foot-item-link	{
	font-size:12px;
	padding-left:1em;
}
.footer-bg-m	{
	/*height:140px;*/
	background:#f7f9fd;
}
.footer-bg-a	{
	background:#4068c9;
}

.foot-school-list	{
	font-size:12px;
	padding:11px 0 5px 0;
	text-align:center;
	color:#fff;
}
.foot-school-list a	{
	color:#FFF;
}
.foot-school-list a:hover	{
	color:#efdfbd;
}
.foot-copyright	{
	font-size:10px;
	color:#FFF;
	text-align:center;
	padding:0 0 3px;
}
.foot-banner	{
	margin:6px 0;
}
.foot-banner img	{
	max-width:160px;
}
.foot-btn-gakuen,
.foot-btn-ele,
.foot-btn-junior,
.foot-btn-high	{
	font-size:12px;
	color:#646363;
	border:#bbb 1px solid;
	height:38px;
}

.foot-btn-corr	{
	font-size:10px;
	color:#646363;
	border:#bbb 1px solid;
	height:38px;
}
.foot-btn-art	{
	font-size:9px;
	color:#646363;
	border:#bbb 1px solid;
	height:38px;
}
.foot-btn-gakuen	{
	padding:9px 0 0 40px;
	background:url(../images/common/thumb_gakuen.png) no-repeat top 2px left 2px #fff;
}
.foot-btn-ele	{
	padding:9px 0 0 50px;
	background:url(../images/common/thumb_ele.png) no-repeat top 2px left 2px #fff;
}
.foot-btn-junior	{
	padding:9px 0 0 50px;
	background:url(../images/common/thumb_junior.png) no-repeat top 2px left 2px #fff;
}
.foot-btn-high	{
	padding:9px 0 0 50px;
	background:url(../images/common/thumb_high.png) no-repeat top 2px left 2px #fff;
}
.foot-btn-art	{
	padding:9px 0 0 50px;
	background:url(../images/common/thumb_art.png) no-repeat top 2px left 2px #fff;
}
.foot-btn-corr	{
	padding:9px 0 0 50px;
	background:url(../images/common/thumb_corr.png) no-repeat top 2px left 2px #fff;
}
.foot-btn-gakuen:hover,
.foot-btn-ele:hover,
.foot-btn-junior:hover,
.foot-btn-high:hover,
.foot-btn-art:hover,
.foot-btn-corr:hover	{
	color:#a55589;
}
.foot-btn-gakuen:hover	{
	background:url(../images/common/thumb_gakuen.png) no-repeat top 2px left 2px #fae0f1;
}
.foot-btn-ele:hover	{
	background:url(../images/common/thumb_ele.png) no-repeat top 2px left 2px #fae0f1;
}
.foot-btn-junior:hover	{
	background:url(../images/common/thumb_junior.png) no-repeat top 2px left 2px #fae0f1;
}
.foot-btn-high:hover	{
	background:url(../images/common/thumb_high.png) no-repeat top 2px left 2px #fae0f1;
}
.foot-btn-art:hover	{
	background:url(../images/common/thumb_art.png) no-repeat top 2px left 2px #fae0f1;
}
.foot-btn-corr:hover	{
	background:url(../images/common/thumb_corr.png) no-repeat top 2px left 2px #fae0f1;
}
@media screen and (max-width: 991px) {
	.foot-btn-corr,
	.foot-btn-art	{
		font-size:12px;
	}
}

/*パンくずリスト
----------------------------------------------*/
#breadcrumb {
  padding: 8px 0 4px;
  /*overflow: hidden; 20230830削除*/
  margin: 0 0 20px;/* 20230830追加 */
}

#breadcrumb li {
  font-size: 0.75em;
  list-style: none;
  float: left;
}
#breadcrumb li:after {
  content: '＞';
  font-size: 0.75em;
  color: #8a8a7b;
  margin: 0 10px;
}

#breadcrumb li:last-child:after {
  content: '';
}


/*メインとサイド（第2階層フレーム）
----------------------------------------------*/
#contents-box	{
	max-width: 100%;
	padding: 0;
}
#main-contents	{
	width:73%;
	float:left;
	font-size:14px;
}
#side-menu	{
	width:25%;
	float:right;
	font-size:14px;
	margin-bottom:20px;
}
#one-col-main	{
	width:100%;
	margin-bottom:20px;
}
@media screen and (max-width: 991px) {
	#main-contents	{
		width:100%;
		margin-bottom:20px;
		font-size:12px;
	}
	#side-menu	{
		width:100%;
		margin:0 0 30px 0px;
		float:left;
	}
	#one-col-main	{
		width:100%;
		margin:0 0 30px 0px;
		float:left;
	}
}

/* box margin
---------------------------------------------------------*/
.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}

.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}

/* box padding
---------------------------------------------------------*/
.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

.pr0{padding-right:0 !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}

.pb0{padding-bottom:0 !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}

.pl0{padding-left:0 !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}

/*サイドメニュー
---------------------------------------------------*/	
.side-menu-group	{
	border:1px #cdd4e2 solid;
	padding:3px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	border-radius:4px;
	margin-bottom:10px;
	background:#edf0f5;
}
@media screen and (max-width: 991px) {
	.side-menu-group img	{
		max-width:355px;
	}
}
.side-menu-title	{
	font-size:14px;
	color:#fff;
	font-weight:bold;
	padding:5px 0 2px;
	margin-bottom:5px;
	text-align:center;
	border-radius:3px 3px 0 0;
	background:#4783eb;
}
.side-menu-btn	{
	font-size:14px;
	color:#000;
	border:#dfdfd0 1px solid;
	padding:7px 0 5px 14px;
	margin-bottom:4px;
	border-radius:4px;
	background:#FFF;
	position:relative;
}
.side-menu-btn:before	{
	position:absolute;
	width:6px;
	height:70%;
	top:5px;
	left:5px;
	border-radius:5px;
	content:"";
	background:#81a8f3;
}
.side-menu-btn:hover	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	background:#fffce6;
	color:#dc6004;
	border-color:#ffa461;
	border-radius:8px;
	padding-left:24px;
}
.side-menu-btn:hover:before	{
	transition:0.5s;
	-webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
	width:15px;
	height:50%;
	top:8px;
	background:#dc6004;
	border-radius:8px;
}

/*大見出し
---------------------------------------------------*/
.con-title	{
	font-size:30px;
	margin-bottom:20px;
	
	padding: 13px 0 4px 10px;
	/* Firefox v3.6+ */
	background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(235,235,235) 100%); 
	/* safari v4.0+ and by Chrome v3.0+ */
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(235,235,235)));
	/* Chrome v10.0+ and by safari nightly build*/
	background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(235,235,235) 100%);
	/* Opera v11.10+ */
	background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(235,235,235) 100%);
	/* IE v10+ */
	background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(235,235,235) 100%);
	background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(235,235,235) 100%);
	border-color:#d1d1d1;
	border-width:1px;
	/* Firefox v1.0+ */
	-moz-border-radius:0%;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:0%/1%;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:0%/1%;
	border-style:solid;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffebebeb,GradientType=0)";
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffebebeb,GradientType=0);
	border-radius: 4px 4px 5px 5px;
	border-bottom:#d1d1d1 4px solid;
	box-shadow: 0 2px 2px rgba(0,0,0,.3);
}
.con-span	{
	font-size:14px;
	color:#284a8a;
	border-radius:4px;
	border:#9cb4e2 1px solid;
	padding:8px 10px 4px;
	margin-right:10px;
	vertical-align:top;
	display:inline-table;
	background:#ebf0f9;
}
.con-photo	{
	float:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.con-h2 {
	clear:both;
  position: relative;
  padding: 8px 0 3px 30px;
	margin:0 0 8px;
  font-size: 20px;
}
.con-h2:before {
  position: absolute;
  width: 10px;
  height: 29px;
  top: 3px;
  left: 3px;
  background: #C7D1EA;
  content: "";
}
.con-h2:after {
  position: absolute;
  content: "";
  background: #3289CA;
  width: 10px;
  height: 29px;
  top: 3px;
  left: 11px;
}
.con-h2-2 {
	clear:both;
  padding: 6px 0 3px 10px;
	margin:0 0 8px;
  font-size: 20px;
	color:#FFFFFF;
	background: #3289CA;
	border-radius:5px;
}	
.con-h3 {
	clear:both;
  padding: 4px 0 1px;
	margin:0 0 8px;
  font-size: 16px;
	text-align:center;
	color:#FFFFFF;
	background: #215b86;
	border-radius:5px;
}	
@media screen and (max-width: 767px) {
	.con-title	{
		font-size:20px;
	}
	.con-span	{
		font-size:12px;
		padding:3px 4px 1px;
		vertical-align:top;
	}
	.con-h2 {
		padding: 4px 0 3px 25px;
		font-size: 16px;
	}
	.con-h2:before {
		height: 20px;
		top: 0px;
		left: 3px;
	}
	.con-h2:after {
		height: 20px;
		top: 0px;
		left: 11px;
	}
	.con-h2-2 {
		padding: 6px 0 3px 10px;
		font-size: 16px;
	}
	.con-h3 {
		font-size: 14px;
	}	
}

/*校長挨拶
---------------------------------------------------*/
.greeting-txt	{
	line-height:1.8em;
}
.greeting-post	{
	font-size:11px;
	text-align:center;
	padding-bottom:5px;
}
.greeting-target	{
	font-size:16px;
	color:#19538A;
	padding-bottom:5px;
}
@media screen and (max-width: 767px) {
	.greeting-target	{
		font-size:12px;
	}
}

/*充実のサポート
---------------------------------------------------*/
.con-support-h2 {
	clear:both;
  padding: 9px 0 5px 10px;
	margin:0 0 8px;
  font-size: 16px;
	color:#fff;
	background: #44a2ec;
	border-radius:5px;
}
.con-support-h3	{
	font-size:16px;
	color: #1682d6;
	padding:3px 0 1px 4px;
	border-left:#b0d8f7 8px solid;
}
.con-support-h2-2 {
	clear:both;
  padding: 9px 0 5px 10px;
	margin:0 0 8px;
  font-size: 16px;
	color:#fff;
	background: #0d4a7a;
	border-radius:5px;
}
.supp-span-circle	{
	color:#44a2ec;
}
@media screen and (max-width: 767px) {
	.con-support-h2,
	.con-support-h3,
	.con-support-h2-2 {
		font-size:14px;
	}
}

/*駿台予備学校との連携
---------------------------------------------------*/
.coope-read	{
	font-size:18px;
	color:#036D9A;
	text-align:center;
	margin-bottom:6px;
}
.seminar-toudai-head	{
	font-size:12px;
	color:#e37d82;
	background:#fbeded;
	border:#dd6167 1px solid;
	padding:4px 0 2px 5px;
}
.seminar-toudai-title	{
	font-size:22px;
	color:#b2262d;
	border:#dd6167 1px solid;
	border-top:none;
	border-radius:0 0 5px 5px;
	padding:6px 0 3px 5px;
	margin-bottom:10px;
}
.seminar-toudai-read	{
	font-size:18px;
	color:#b2262d;
	border-left:#dd6167 8px solid;
	padding:4px 0 2px 5px;
	margin-bottom:4px;
}
.seminar-toudai-subject	{
	border-top:#dd6167 1px solid;
	border-bottom:#dd6167 2px solid;
	background:#FDFFCF;
	padding:6px 3px 3px;
	margin-bottom:10px;
}
.seminar-medical-head	{
	font-size:12px;
	color:#9c7de3;
	background:#f1edfb;
	border:#8761dd 1px solid;
	padding:4px 0 2px 5px;
}
.seminar-medical-title	{
	font-size:22px;
	color:#5126b2;
	border:#8761dd 1px solid;
	border-top:none;
	border-radius:0 0 5px 5px;
	padding:6px 0 3px 5px;
	margin-bottom:10px;
}
.seminar-medical-subject	{
	border-top:#8761dd 1px solid;
	border-bottom:#8761dd 2px solid;
	background:#FDFFCF;
	padding:6px 3px 3px;
	margin-bottom:10px;
}
.seminar-medical-read	{
	font-size:18px;
	color:#5126b2;
	border-left:#8761dd 8px solid;
	padding:4px 0 2px 5px;
	margin-bottom:4px;
}

/*合格実績
---------------------------------------------------*/
.results-field	{
	margin-bottom:16px;
	padding:8px;
	background:#FEFFE6;
	border:#BDBD83 1px solid;
	border-radius:5px;
}
.result-total	{
	color:#243CF4;
	font-weight:bold;
}
.results-field2	{
	margin-bottom:16px;
	padding:8px;
	background:#F0FBED;
	border:#B5C59C 1px solid;
	border-radius:5px;
}
.jisage	{
	margin-left:1em;
}
.results-list	{
	margin-bottom:16px;
}
.results-list th	{
	text-align:left;
}
.results-list td	{
	text-align:right;
	padding-bottom:3px;
}

/*学校評価
---------------------------------------------------*/
.con-evaluation-h2 {
	clear:both;
  padding: 9px 0 5px 10px;
	margin:0 0 8px;
  font-size: 16px;
	color:#fff;
	background: #445eec;
	border-radius:5px;
}
.con-evaluation-h3	{
	font-size:14px;
	color: #5a54c4;
	padding:3px 0 1px ;
	margin-bottom:8px;
}
@media screen and (max-width: 767px) {
	.con-evaluation-h2 {
		font-size: 14px;
	}
	.con-evaluation-h3	{
		font-size:12px;
	}
}

/*学校行事
---------------------------------------------------*/
.event-month	{
	border-bottom:#DDDDDD 2px dotted;
	margin-bottom:12px;
}
.event-month dt	{
	font-size:18px;
	width:5em;
	float:left;
	border-radius:4px;
	color:#FFFFFF;
	padding:6px 10px 2px;
	margin-right:14px;
	text-align:center;
}
.spring	{
	background:#bd69ad;
}
.summer	{
	background:#4CAA44;
}
.autumn	{
	background:#D98629;
}
.winter	{
	background:#2C87DC;
}
.event-month dd	{
	font-size:16px;
	padding-top:8px;
	margin-left:6em;
}
.event-caption	{
	font-size:12px;
	text-align:center;
	margin:10px 0 16px;
}
@media screen and (max-width: 767px) {
	.event-month dt	{
		font-size:12px;
		float:none;
		width:100%;
	}
	.event-month dd	{
		font-size:12px;
		padding-top:8px;
		margin-left:0;
	}
}

/*部活動
---------------------------------------------------*/
.sports-club-name	{
	font-size:22px;
	border-radius:4px;
	color:#FFFFFF;
	background:#2ab7aa;
	padding:6px 10px 2px;
	margin-bottom:10px;
	text-align:center;
}
.culture-club-name	{
	font-size:22px;
	border-radius:4px;
	color:#FFFFFF;
	background:#ec900e;
	padding:6px 10px 2px;
	margin-bottom:10px;
	text-align:center;
}
.club-table td	{
	border:#d8dade 1px solid;
	padding:3px 5px 2px;
}
.club-table th	{
	border:#d8dade 1px solid;
	background:#ebf6e5;
	padding:3px 5px 2px;
	text-align:center
}
.club-box,
.club-box2	{
	margin:30px 0px 16px;
	border-radius:6px;
}
.club-box	{
	border:#2ab7aa 2px solid;
}
.club-box2	{
	border:#ec900e 2px solid;
}
.club-box-head,
.club-box-head2	{
	width:6em;
	font-size:16px;
	color:#2ab7aa;
	position:relative;
	left:10px;
	top:-8px;
	background:#FFF;
	margin:0;
	padding:0 3px;
}
.club-box-head	{
	color:#2ab7aa;
}
.club-box-head2	{
	color:#ec900e;
}
.club-box ul,
.club-box2 ul	{
	margin-top:-4px;
	padding:0 5px;
	list-style:none;
}
.club-box li,
.club-box2 li	{
	float:left;
	padding-right:16px;
	margin-bottom:5px;
}
@media screen and (max-width: 767px) {
	.sports-club-name,
	.culture-club-name	{
		font-size:16px;
	}
}

/*キャンパスレポート
---------------------------------------------------*/
.report-title	{
	font-size:22px;
	background:#7177bc;
	color:#FFFFFF;
	border-radius:16px;
	padding:6px 10px 2px;
	margin-bottom:5px;
	text-align:center;
}
.report-date	{
	font-size:12px;
	text-align:right;
	padding-bottom:10px;
}
@media screen and (max-width: 767px) {
	.report-title	{
		font-size:16px;
	}
}
	
/*駿高生の1日
---------------------------------------------------*/
.a-day-head	{
	font-size:18px;
	color:#004697;
	background:#dbecff;
	padding:5px 0 2px 8px;
	border-radius:4px;
	margin-bottom:8px;
}
.a-day-cap	{
	font-size:14px;
	color:#3788E8;
	padding:0 0 3px 5px;
}
@media screen and (max-width: 767px) {
	.a-day-head	{
		font-size:14px;
	}
}

/*卒業生の声
---------------------------------------------------*/
.voice-header	{
	font-size:20px;
	/*font-weight:bold;*/
	color:#0d5bbf;
	line-height:1.2em;
	padding:7px 0 2px 8px;
	margin:0 0 10px;
	border:#7bafef 1px solid;
	border-bottom:#7bafef 3px solid;
	border-radius:5px 5px 0 0;
	background:#f4f8fe;
	box-shadow:0 2px 3px 0 rgba(0,0,0,0.1);
}

/*校舎案内
---------------------------------------------------*/
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*学校説明会・体験授業
---------------------------------------------------*/	
.open-title	{
	font-size: 24px;
	color:#003fa3;
	padding: 12px 0 5px 22px;
	border: #d0d0d2 1px solid;
	margin: 0 0 10px 0;
	background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 1.0)), 
			color-stop(0.50, rgba(254, 254, 254, 1.0)),
			to(				 rgba(221, 236, 248, 1.0))
			);
	background-image: -webkit-linear-gradient(top,
			rgba(255, 255, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(221, 236, 248, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(255, 255, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(221, 236, 248, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(255, 255, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(221, 236, 248, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(255, 255, 255, 1.0), 
			rgba(254, 254, 254, 1.0) 50%,
			rgba(221, 236, 248, 1.0)
			);
	border-radius: 0 0 5px 5px;
	position: relative;
	box-shadow:0 1px 1px 0 rgba(0,0,0,0.1), 0px -1px 0px rgba(255,255,255,0.2) inset;
}
.open-title:before {
    position: absolute;
    width: 6px;
    height: 88%;
    top: 3px;
    left: 3px;
    background: #2994ff;
    content: "";
}
.open-title:after {
    position: absolute;
    content: "";
    background: #90e6fe;
    width: 6px;
    height: 88%;
    top: 3px;
    left: 9px;
}
.open-line	{
	border-bottom:#a1c1d9 2px dotted;
	margin-bottom:16px;
}
.open-item	{
	margin:0 10px 8px;
}
.open-item dt	{
	width:3em;
	float:left;
	background:#2994ff;
	color:#fff;
	text-align:center;
	padding:5px 0 2px;
	border-radius:4px;
	font-weight:normal;
}
.open-item dd	{
	padding-top:3px;
	margin-left:4em;
}
.open-item dd span	{
	font-size:18px;
}
.open-entry	{
	background:#ff680f;
	color:#fff;
	font-size:14px;
	padding:4px 6px 0px;
	vertical-align:middle;
}
@media screen and (max-width: 767px) {
	.open-title	{
		font-size:18px;
	}
	.open-item dd span	{
		font-size:14px;
	}
}
/*募集要項
---------------------------------------------------*/	
.guideline-title	{
	font-size: 24px;
	padding:12px 0 5px 8px;
	border:#6f9ef6 1px solid;
	border-bottom:#6a90d7 4px solid;
	border-radius:4px;
	margin-bottom:8px;
}
.guideline-header	{
	font-size:18px;
	color:#1a5edb;
	background:#edf3fc;
	border-top:#97b9f7 1px solid;
	border-bottom:#4f85e8 2px solid;
	padding:8px 0 3px 8px;
	margin-bottom:6px;
}
.guide-con-area	{
	font-size:14px;
	margin-left:30px;
	margin-bottom:24px;
}
.guide-con-area2	{
	font-size:12px;
	margin-bottom:24px;
}
.guide-con-area li	{
	list-style-type:decimal;
}
.guide-con-area li.alpha	{
	list-style-type:upper-alpha;
	margin-left:1em;
}
.guide-con-area3	{
	font-size:14px;
	margin-bottom:24px;
}
.guide-con-area3 dt	{
	width:5em;
	font-weight:normal;
	float:left;
}
.guide-con-area3 dd	{
	margin-left:7em;
	margin-bottom:5px;
}

@media screen and (max-width: 767px) {
	.guideline-title	{
		font-size: 16px;
	}
	.guideline-header	{
		font-size:14px;
	}
	.guide-con-area	{
		font-size:12px;
		margin-left:25px;
	}
	.guide-con-area3	{
		font-size:12px;
	}
}
/*学費・奨学金
---------------------------------------------------*/	
.scholarship-read	{
	font-size:16px;
	color:#1f44d1;
	padding-bottom:5px;
}
.scholar-txt	{
	font-size:14px;
	font-weight:bold;
	margin-left:1em;
}
@media screen and (max-width: 767px) {
	.scholarship-read	{
		font-size:14px;
	}
	.scholar-txt	{
		font-size:12px;
		margin-left:0;
	}
}
/*よくある質問
---------------------------------------------------*/
.q-line	{
	font-size:16px;
	margin-bottom:7px;
	border-bottom:#e8d4a1 2px solid;
}
.q-head	{
	font-size:150%;
	color:#e26c03;
}
.a-box	{
	border:#8db5ce 1px solid;
	border-radius:4px;
	background:#f9fbff;
	font-size:14px;
	padding:2px 8px 5px;
	margin:0 5px 20px;
}
.a-head	{
	font-size:150%;
	color:#038ce2;
}
@media screen and (max-width: 767px) {
	.q-line	{
		font-size:14px;
	}
	.a-box	{
		font-size:12px;
	}
}
/*中学生（保護者）の方
---------------------------------------------------*/
.r-blue-button	{
	background:#629df9;
	border:#3070d5 3px solid;
	border-top:none;
	border-left:none;
	color:#FFF;
	padding:7px 0 3px 5px;
	border-radius:4px;
	width:100%;
	display:block;
	margin-bottom:20px;
}
a.r-blue-button:hover	{
	background:#62bef9;
	border:#57a4d6 3px solid;
	border-top:none;
	border-left:none;
	color:#fbfdfe;
}

.circle-box	{
	position:relative;
	float:left;
	width:150px;
	height:150px;
	margin-bottom:30px;
}
.circle-box a	{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:150px;
	height:150px;
	border-radius:50%;
	color:#FFF;
	line-height:150px;
	text-align:center;
	text-decoration:none;
	-webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;
	z-index:10;
}
.circle-box a:hover	{
	top:-20px;
	left:-20px;
	width:190px;
	height:190px;
	line-height:190px;
	z-index:100;
}
#circle5	{
	background:#00bfe0;
	background:rgba(0, 191, 224, 0.7);
}

/*在校生（保護者）の方
---------------------------------------------------*/
.stu-head {
  padding: 9px 0 5px 10px;
	margin:0 0 8px;
  font-size: 20px;
	color:#fff;
	background: #0e53aa;
	border-radius:5px;
}
.stu-read {
	margin:0 0 4px;
  font-size: 16px;
	color:#0e53aa;
}
.stu-txt	{
	font-size:14px;
}
@media screen and (max-width: 767px) {
	.stu-head {
	  font-size: 16px;
	}
	.stu-read,
	.stu-txt	{
		font-size:12px;
	}
}

/*グローバル教育
---------------------------------------------------*/
.font-georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
}
.global-area p	{
	font-size:14px;
}
.gec-caption {
  overflow: hidden;
}

.gec-caption > p {
  float: left;
  width: 30%;
  margin-left: 3%;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #606060;
}

.gec-caption > p img {
  margin-bottom: 5px;
}
.global-con-area	{
	font-size:14px;
	margin-bottom:24px;
}
.global-con-area dt	{
	width:8em;
	font-weight:normal;
	float:left;
}
.global-con-area dd	{
	margin-left:9em;
	margin-bottom:5px;
}
.margin-top-50 { margin-top: 50px !important; }
.padding-bottom-10 { padding-bottom: 10px !important; }
@media screen and (max-width: 767px) {
	.margin-top-xs-20 { margin-top: 20px !important; }
	.margin-left-xs-0 { margin-left: 0 !important; }
	.margin-bottom-xs-20 { margin-bottom: 20px !important; }
	.font-georgia {
		font-size:20px;
	}
}
	
/*20230830 追加*/
.display-none {
  display: none;
}
.foot-flex {
  display: flex;
  flex-wrap: wrap;
}

.foot-flex > .foot-item-link {
  width:33.3%;
}

@media screen and (max-width: 767px) {
  .foot-flex > .foot-item-link {
  width:50%;
  }
}