tlc;dv@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

.clearfix:after	{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}



html{
	font-size: 14px;
}
body{
	width: 100%;
}

.fl{
	float: left;
}

.fr{
	float: right;
}

#header{
	width: 100%;
/*	height:3rem;
	padding: 1.3rem 0;*/
	padding: 1.2rem 0;
	border-bottom: 0.1rem solid #cccccc;
	background: -moz-linear-gradient(top, #B9D9F6, #fff);
	background: -webkit-gradient(linear, center top, center bottom, from(#B9D9F6), to(#fff));
	text-align: center;
}

h1{
	font-size: 1.3rem;
	margin:0% auto;
}

#header h1 img{
	width:56%;
}

/*スライドショー左下の○*/
#event-nav2 {
	height: 150px;
	width: 150px;
	position: absolute;
	top: 6%;
	left:20px;
/*	right: 200px;*/
	margin: 0 auto;
	z-index: 150;
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter: "alpha( opacity=1 )";

}



#nav_menu{
/*	min-height: 90%;
	width: 5rem;*/
	width: 9%;
	position: absolute;
	left:2%;
	top:1rem;
}

#nav_menu img{
	width: 100%;
}

#nav_home{
/*	min-height: 90%;
	width: 5rem;*/
	width: 9%;
	position: absolute;
	right:2%;
	top:1rem;
}

#nav_home img{
	width: 100%;
}


#mainVisual{
	padding-top: 0rem;
}

#mainVisual img{
	width:100%;
	height: auto;
	display: block;
	margin: 0 auto;
}

#wrap h1{
	margin:0;
	font-size: 1.5rem;
	line-height: 2.3rem;
	padding: 1rem auto;
	font-weight: bold;
}

#wrap h2{
	margin: 2rem 4% 1rem;
	font-size: 1.571428571rem;
	border-bottom: 6px solid #cccccc;
	line-height: 2em;
	font-weight: bold;
}

article#news h2{
	font-size: 1.571428571rem;
	border-bottom: 6px solid #cccccc;
	line-height: 2em;
	margin-bottom: 1rem;
	font-weight: bold;
}

.topics_frame {
	width: 100%;
	height: 300px;
}


#mainVisual .name{
	max-width: 64%;
	height: auto;
	display: block;
	margin: 0 auto 1rem auto;
}

#mainVisual .name img{
	max-width: 64%;
	height: auto;
	display: block;
	margin: 0 auto 30px auto;
}

article#news{
	padding: 0 3%;
	margin-bottom: 30px;
}

#wrap table{
	margin:1rem auto;
	width:90%;
	border-collapse:collapse;
}

#wrap th{
	background:#E2EFFB;
	width:33%;
	vertical-align:middle;
	border:0.1rem solid #999;

}

#wrap th p, #wrap th p a{
	padding: 2%;
	color: #333;
	font-size: 1.2rem;
	line-height:2em;
}

#wrap td{
	background:#FFF;
	width:67%;
	vertical-align:middle;
	border:0.1rem solid #999;
}

#wrap td p{
	padding: 2%;
	font-size: 1.2rem;
	line-height: 2.5rem;
	color:#333;
}

#wrap td a{
	color: #000;
	line-height: 1.5em;
}

#news table{
	width:100%;
	border-collapse:collapse;
}

#news th{
	background:none;
	padding-top:0.3em;
	width:33%;
	vertical-align:top;
	border:0.2rem solid #fff;
	border-bottom:1rem solid #fff;
}

#news th p, #news th p a{
	padding: 2%;
	background:#CC9933;
	color: #fff;
	font-size: 1.2rem;
	line-height:2em;
	display:block;
}

#news td{
	background:none;
	border:0.2rem solid #fff;
	border-bottom:1rem solid #fff;
	padding:0 0 0 3% ;
	font-size: 1.2rem;
}

#news td a{
	color: #000;
	line-height: 1.5em;
}

.news_list{
	padding: 0 14.20%;
	font-size: 1.4rem;
	line-height: 2.5rem;
	color:#000;
	text-align: justify;
	word-break: break-all;
}

.news_list li{
	padding-bottom:5%;
 	font-size: 1.3rem;
	line-height: 1.8rem;
	color:#000;
	text-align: justify;
	word-break: break-all;
}

#hogosha img,
#jukensei img,
#taiken img,
#tanken img,
#kengaku img,
#event img,
#bosyu img,
#access img,
#school img,
#sprit img,
#education img{
	width: 90%;
	height: auto;
	display: block;
	margin: 3rem auto;
	margin-bottom: 30px;
	box-shadow: 0px 0px 16px #aaa;
	-webkit-box-shadow: 0px 0px 16px #aaa;
	-moz-box-shadow: 0px 0px 16px #aaa;
	border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

#video_display {
	margin-top:2.9296875%;
	text-align:center;
}

#access_video {
	background-image: url(../images/acesss_bg.png);
	background-size: cover;
	margin: 0 auto;
	margin-bottom: 30px;
}

object {
	max-width:100%;
	height:auto;
}

#video_display p.text{
	padding: 0 19.20%;
	font-size: 1.25rem;
	line-height: 2.2rem;
	color:#000;
	text-align: justify;
	margin-bottom: 10.41%;
	word-break: break-all;
}

#footer{
	width: 100%;
	font-size: 1.714285714rem;
}

#footer #footer-nav{
}

#footer #footer-nav ul{
	overflow: hidden;
	list-style: none;
}

#footer #footer-nav ul li{
	width: 100%;
	text-align: center;
	background: -moz-linear-gradient(top, #fff, #B9D9F6);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#B9D9F6));
	border: 1px solid #ccc;
	height: 2.5rem;
	padding:1rem 0;
}

#footer #footer-nav ul li a{
	line-height:2.5rem;
	display: block;
	font-weight: bold;
}

#footer #footer-nav ul li img{
	max-height: 60%;
}

#footer section{
	background: -moz-linear-gradient(top, #EEE, #CCC);
	background: -webkit-gradient(linear, center top, center bottom, from(#EEE), to(#CCC));
	padding: 1rem 0 2rem;
	border-top: 1px solid #ccc;
}

#footer p{
	font-size: 1rem;
	line-height: 2.142857143rem;
	text-align: center;
	font-weight: bold;
	color:#555;
}

#wrap .shutsugan {
	text-align:center; !important;
	vertical-align:middle; !important;
	table-layout:fixed !important;
}

#wrap .shutsugan th,
#wrap .shutsugan td{
	font-size: 1.4em; !important
	vertical-align:middle;
	vertical-align: middle;
	padding: 5px 3px;
}
#wrap .shutsugan th:first-child{
	width:20%;
}

.bgb{
	background: #77cfea;
}

.bgg{
	background: #BAD853;
}

.bgp{
	background:#FFC6CB;
}

.bgb2{
	background:#C7EDFF;
}

.bgb3{
	background:#FFFFFF;
}

.bgg .main-article{
	background: #fffcdb 50px 0;
	margin: 0 5.3125% 5.26% 5.3125%;
	padding-bottom: 2.26%;
}

.bgb .main-article{
	background: #fffada;
	margin: 0 5.3125% 5.26% 5.3125%;
	padding-bottom: 2.26%;
}

.bgb2 .main-article{
	background: #fffada;
	margin: 0 5.3125% 5.26% 5.3125%;
	padding-bottom: 2.26%;
}

.bgb3 .main-article{
	background: #fffada;
	margin: 0 5.3125% 5.26% 5.3125%;
	padding-bottom: 2.26%;
}

.bgp .main-article{
	background: #fffada;
	margin: 0 5.3125% 5.26% 5.3125%;
	padding-bottom: 2.26%;
}



.main-article p.radious img{
		min-width: 100%;
		height: auto;
		padding-bottom: 1.2em;
}
.main-article p.text{
	padding: 0 6.25%;
	font-size: 1.2rem;
	line-height: 2.2rem;
	color:#333;
	text-align: justify;
	margin-bottom: 1rem;
	word-break: break-all;
}

p.go_back{
	font-size:1.4rem; font-weight:bold; margin:1.5rem auto; text-align:center;
}

.bgg h1,
.bgp h1,
.bgb2 h1,
.bgb3 h1,
.bgb h1{
	color:#fff;
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
	padding: 4.16% 0;

}

.bgb3 h1{
	color:#222;
}

.bgb2 h1,
.bgp h1{
	color:#333;
}

.main-article .fl,
.main-article .fr{
	max-width: 47.55%;
}

.main-article .koutyou img{
		width:60%;
		height: auto;
		float:left;
		padding: 0px 20px 10px 20px;

}

.main-article img{
	width: 100%;
	height: auto;
}

.main-article .jtimg{
	width:40%;
	height: auto;
}

/* --------------------------------------------------
   coder Table
-------------------------------------------------- */
.coder {
	width:90%;
	margin:1rem auto 2rem;
	font-size:1.2rem;
  border-spacing: 0;
  border: 1px solid #CCC;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
       -o-border-radius: 6px;
          border-radius: 6px;
  box-shadow: 0 1px 1px #CCC;
}
.coder th,
.coder td {
	padding:0.6rem 1rem;
	height:2.5rem;
	line-height:2.5rem;
  background:#FFF;
  border-bottom:solid 1px #CCC;
  border-right:solid 1px #CCC;
}
.coder th {
	text-align:center;
  background:#B9D9F6;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  color:#69655c;
}

.coder td {
	width:50%;
}

.coder td a{
	display:block;
}


/* -----------------------
  左上角丸　最初の行の最初のセル
----------------------- */
.coder tr:first-child th:first-child,
.coder tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸　最初の行の最後のセル
----------------------- */
.coder tr:first-child th:last-child,
.coder tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  左下角丸　最後の行の最初のセル
----------------------- */
.coder tr:last-child th:first-child,
.coder tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　最後の行の最後のセル
----------------------- */
.coder tr:last-child th:last-child,
.coder tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}
/* --------------------------------------------
  thaed,tbodyを使う場合の設定
-------------------------------------------- */
.coder thead th {background:#e3dcd5;}
.coder thead+tbody th {background:#f4ede6;}
.coder tbody th {text-align:left;}/*IE*/
/* -----------------------
  左上角丸 thead内　最初の行の最初のセル
----------------------- */
.coder thead tr:first-child th:first-child,
.coder thead tr:first-child td:first-child {
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
         -o-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
}
/* -----------------------
  右上角丸 thead内　最初の行の最後のセル
----------------------- */
.coder thead tr:first-child th:last-child,
.coder thead tr:first-child td:last-child {
    -webkit-border-radius: 0 6px 0 0;
       -moz-border-radius: 0 6px 0 0;
         -o-border-radius: 0 6px 0 0;
            border-radius: 0 6px 0 0;
}
/* -----------------------
  角丸なし　thaedの後のtbody 最初の行の最初のセル
  角丸なし　thaedの後のtbody 最初の行の最後のセル
----------------------- */
.coder thead+tbody tr:first-child th:first-child,
.coder thead+tbody tr:first-child td:first-child,
.coder thead+tbody tr:first-child th:last-child,
.coder thead+tbody tr:first-child td:last-child {
    -webkit-border-radius:0px;
       -moz-border-radius:0px;
         -o-border-radius:0px;
            border-radius:0px;
}
/* -----------------------
  左下角丸　thaedの後のtbody 最後の行の最初のセル
----------------------- */
.coder thead+tbody tr:last-child th:first-child,
.coder thead+tbody tr:last-child td:first-child {
    -webkit-border-radius: 0 0 0 6px;
       -moz-border-radius: 0 0 0 6px;
         -o-border-radius: 0 0 0 6px;
            border-radius: 0 0 0 6px;
}
/* -----------------------
  右下角丸　thaedの後のtbody 最後の行の最後のセル
----------------------- */
.coder thead+tbody tr:last-child th:last-child,
.coder thead+tbody tr:last-child td:last-child {
    -webkit-border-radius: 0 0 6px 0;
       -moz-border-radius: 0 0 6px 0;
         -o-border-radius: 0 0 6px 0;
            border-radius: 0 0 6px 0;
}

.red {
	color: #FF0000;
}
.gray {
	color: #999;
}

/* ---- 20160326 体験学習追加---- */
.taiken-article {
	background:#fff;
	margin: 0 5.3125% 5.26% 5.3125%;
	padding-bottom: 2.26%;
}
.bg-taiken {
	background:#fff;
}
.catch-taiken {
	padding:0;
	font-size: 1.5rem;
	line-height: 2.5rem;
	color:#000;
	text-align: justify;
	margin-bottom: 2rem;
	word-break: break-all;
	background:#fff;
}
.taiken-article img {
	width: 100%;
	height: auto;
	margin-bottom:0.2em;
}
/* ---- 20161015 本校の教育---- */
.main-article h3 {
	color: #318BBF;
	font-weight: bold;
	font-size: 135%;
	padding: 0 6.25%;
	margin-bottom: 0.5rem;
	word-break: break-all;
}
.main-article p.text2 {
	padding: 0 6.25% 0 8%;
	font-size: 1.2rem;
	line-height: 2.2rem;
	color:#333;
	text-align: justify;
	margin-bottom: 3rem;
	word-break: break-all;
}
.menu4 {
	margin: 0 1em 2rem 1em;
}
.menu4 img {
	max-width: 100%;
}

#box-sinro .sinro-table {
	margin:1rem auto;
	width:90%;
	border-collapse:collapse;
	font-size: 1.2rem;
}
#box-sinro .sinro-table th{
	background:#E2EFFB;
	width:20%;
	vertical-align:middle;
	border:1px solid #999;
	padding: 2%;
}
#box-sinro .sinro-table th p, .sinro-table th p a{
	padding: 2%;
	color: #333;
	line-height:2em;
}
#box-sinro .sinro-table td{
	background:#FFF;
	width:80%;
	vertical-align:top;
	border:1px solid #999;
	padding: 2%;
}


#box-rinen .spirit-table {
	margin:1rem auto;
	width:90%;
	border-collapse:collapse;
	font-size: 1.2rem;
}
#box-rinen .spirit-table img {
	max-width:100%;
}
#box-rinen .spirit-table td{
	background:transparent;
	vertical-align:middle;
	border:none;
	padding: 2%;
}
#box-rinen .spirit-table .td1 {width:35%; padding:1em 0 1em 0;}
#box-rinen .spirit-table .td2 {width:65%; padding:1em 0 1em 1em;}
#box-rinen .spirit-table .td3 {
	padding: 1em 0 1em 0em;width:100%;
	text-align: center;
}
#box-rinen .spirit-table .td4 {width:100%; padding:0;}
#box-rinen .spirit-table .td3 .img-center-max100 {max-width:50%; margin:0 auto;}

.cols{
	overflow:hidden;
}

.cols-shutsugan{
	margin: 0 -5% -20px;
}
.col3 img{
	float:left;
	margin:0 5px;
	width:calc(100%/3 - 10px);
}
.col2 img{
	float:left;
	margin:0 5px;
	width:calc(100%/2 - 10px);
}


.main-article.no-bg-article{
	background: transparent;
}

.main-article.no-bg-article h2{
	margin-left: 0 !important;
	margin-right: 0 !important;
	border-bottom: 6px solid #999 !important;
}
.main-article.no-bg-article h3{
	color: #000;
	padding-left: 0;
}
.main-article.no-bg-article p{
	margin-bottom: 15px;
}

.main-article.no-bg-article table{
	width: 100% !important;
}

.moviecap {
	margin:0 0 0 20px;
}


/*TaiKenCLassdiv*/
.tkcldva {
	float:left;
	margin:0 0 0 0.5em;
	font-size:1.2em;
}
/*TaiKenCLassdiv*/
.tkcldvb {
	padding:0 0 0 7em;
	font-size:1.2em;
}
/*TaiKenCLassdivTitle*/
.tkcldvt {
	margin:0.5em 0.5em 0.5em 0.5em;
	font-weight:bolder;
	font-size:1.2em;
}
.tkcldvt2 {
	margin:1em 0.5em 1em 0.5em;
	font-weight:bolder;
	font-size:1.5em;
}

/*資料請求・入試情報ここから*/
.sticky_btn_wrap{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.sticky_btn_wrap a{
	display: block;
	width: 174px;
	height: 96px;
	width: 130px;
	height: 72px;
/*	width: 130px;
	height: 72px;*/
	opacity: 1;
	transition: opacity 0.8s ease;
}
.sticky_btn_wrap a:hover{
	opacity: 0.7;
}
.sticky_btn_wrap .req_info_wrap{

}
.sticky_btn_wrap .req_info_wrap a{
    background: center / cover no-repeat url("../../images/inquiry.png");
}

.sticky_btn_wrap .exam_info_wrap{

}
.sticky_btn_wrap .exam_info_wrap a{
    background: center / cover no-repeat url("../../images/nyushi.png");
}
/*資料請求・入試情報ここまで*/