@charset "UTF-8";

.title {
	background: #4BC58D;
	color: #FFFFFF;
	padding: 10px;
	line-height: 1.1;
	display: block;
	position: relative;
}
.title span {font-size: 1.5rem;}
.subtitle {
	border-bottom: 2px solid #4BC58D;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.imgBox {
	margin-bottom: 10px;
}
.txtBox {
	margin: 10px;
}
.txtBox ul {
	padding-left: 2em;
	list-style: disc;
}
.txtBox ol {
	padding-left: 2em;
	list-style: decimal;
}
.txtBox li {
	margin-bottom: 0.75em;
}
.box {
	border: 1px solid #BBBBBB;
	padding: 10px;
}
.note {
	font-size: 1.2rem;
	text-indent: -1em;
	margin-left: 1em;
}
.txtBox th {
	background: #EEEEEE;
	border: 1px solid #AAAAAA;
	padding: 10px;
}
.txtBox td {
	border: 1px solid #AAAAAA;
	padding: 10px;
}
ol.cirnumList {
	list-style: none;
	padding-left: 1em;
	text-indent: -1em;
}
ol.cirnumList li {
	margin-bottom: 0;
}
p.txtIndent1 {
	padding-left: 1em;
	text-indent: -1em;
}
/*ボタン*/
.btn {
	text-align: center;
	width: 100%;
	margin: 0 auto;
    line-height: 1.2;
}
.btn a {
	height: 48px;
	line-height: 48px;
	background: #FFF;
	display: block;
	position: relative;
	border: 1px solid #B3B3B3;
	border-radius: 10px;
}
.btn a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 3px #B3B3B3;
	border-right: solid 3px #B3B3B3;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}
.btn a:hover {
	text-decoration: none;
}



/* -----------------------------------------------------
学校概要
----------------------------------------------------- */
/*教育方針*/
.creed li {
	list-style: none;
	text-indent: -2em;
}
.origin {
	color: #007B32;
}

/*理事長メッセージ*/
.name {
	font-size: 1.4rem;
}

/*中学高校コース紹介*/
.courseBtnBox {
	border: 1px solid #BBBBBB;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.courseBtnBox ul {
	padding-left: 0;
	list-style: none;
}
.courseBtnBox li {
	margin-bottom: 0;
}
.courseBtnBox li+li {
	border-top: 1px solid #BBBBBB;
}
.courseBtnBox li a {
	padding: 10px;
	display: block;
	position: relative;
}
.courseBtnBox li a:after {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 0;
	border-top: solid 3px #4BC58D;
	border-right: solid 3px #4BC58D;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
/* 特別進学コース */
.gokakuList { margin-bottom: 1.5em;}
.gokakuList li {
    margin-bottom: 0;
}
/* 開星（探究）とは */
.aboutSubTtl {
	color: #4BC58D;
	margin-bottom: 5px;
}
.aboutImg {
	margin-bottom: 10px;
}

/* -----------------------------------------------------
進路状況
----------------------------------------------------- */
.tableEmp th,
.tableEmp td {
	width: 50%;
}
.tableEmp thead th,
.tableEmp td {
	text-align: center;
}
.empList li {
	margin-bottom: 0;
}

/*卒業生メッセージ*/
.msgBtnBox {
	margin-bottom: 300px;
}
.msgBtnBox div+div {
	margin-top: 10px;
}
.msgTabBox {
	padding: 10px;
	margin-bottom: 5px;
}
.msgTab {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	border-bottom: 1px solid #4CC58D;;
}
.msgTab div a {
	width: 85px;
	height: 40px;
	line-height: 40px;
	color: #333;
	background: #E6E6E6;
	display: block;
	text-decoration: none;
	text-align: center;
}
.msgTab div a:hover {
	color: #FFF;
	background: #4CC58D;
}
.msgTab div+div {margin-left: 5px;}
.msgTab div a.selected {
	color: #FFF;
	background: #4CC58D;
}
.msgBox {
	margin-bottom: 20px;
}
h3.msgTtl {
	background: #4CC58D;
	color: #FFF;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 1.8rem;
}
h3.msgTtl span {
	font-size: 1.3rem;
}
.msg {
	margin-bottom: 10px;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	background: #E8F8F1;
}
.msg .msgImg {
	width: 40%;
}
.msgAffiliation {
	padding: 10px;
	width: 60%;
}
.expBox {
	padding: 15px;
	background: #E8F8F1;
}
h3.expTtl {
	background: #4CC58D;
	color: #FFF;
	padding: 10px;
	margin-bottom: 0;
}
.expName {margin-bottom: 10px;}
.expName span {
	font-size: 1.7rem;
}
.expTxt {
	background-image: linear-gradient(#ccc 1px, transparent 1px);
	background-size: 100% 3em;
	line-height: 3;
	padding-bottom: 1px;
	font-size: 1.3rem;
}

/* -----------------------------------------------------
制服紹介
----------------------------------------------------- */
.uniformBox {
	display: -webkit-flex; /* Safari */
	display: flex;
	text-align: center;
	font-size: 1.3rem;
}
.uniformBox div {
	padding: 0 5px;
}

/* -----------------------------------------------------
クラブ活動
----------------------------------------------------- */
.clubList li {
	margin-bottom: 0;
}

/* -----------------------------------------------------
入試情報
----------------------------------------------------- */
.tableAdm th {
	width: 40%;
}
.tableAdm td {
	width: 60%;
}
.dlBox {
	margin: 1em 0 1.5em 0;
	padding: 10px;
	border: 3px red double;
}
.admBox {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.admBox dt {
	background: #F2F2F2;
	padding: 10px;
	border-bottom: 1px solid #999999;
}
.admBox dd {
	padding: 10px;
	border-bottom: 1px solid #999999;
}
.admFlyerBox {
    display: -webkit-flex;
	display: flex;
    -webkit-justify-content: space-between;
	justify-content: space-between;
    margin-top: 20px;
}
.admFlyer {
    width: 46%;
    text-align: center;
}

/* -----------------------------------------------------
図書館
-----------------------------------------------------*/
table.libraryTable,
table.libraryTable02 {
	margin: 0 0 10px 0;
	border-collapse: collapse;
}
table.libraryTable th,
table.libraryTable02 th {
	margin: 0px;
	padding: 5px;
}
.libraryTable td,
.libraryTable02 td {
	margin: 0px;
	padding: 5px;
}
table.libraryTableZosyo {
	margin-bottom: 10px;
	border: none;
}
table.libraryTableZosyo th {
	text-align: left;
	font-weight: normal;
	padding: 5px 0;
	background-color: #FFFFFF;
	border: none;
}
table.libraryTableZosyo td {
	text-align: right;
	padding: 5px 0;
	border: none;
}
table.libraryTableZosyo th.line,
table.libraryTableZosyo td.line {
	border-bottom: 1px solid #6D6D6D;
}
.libraryImg2 {
	margin-bottom: 5px;
	text-align: center;
}
.tableScroll {
	overflow-x: scroll;
}
table.libraryTable02 th {
    text-align: center;
}
table.libraryTable02 td {
    text-align: right;
}
.libraryTable02 .line-t {
	border-top: 2px solid #ff8b00;
}
.libraryTable02 .line-r {
	border-right: 2px solid #ff8b00;
}
.libraryTable02 .line-b {
	border-bottom: 2px solid #ff8b00;
}
.libraryTable02 .line-l {
	border-left: 2px solid #ff8b00;
}
.libraryTable02 .line-tg {
	border-top: 2px solid #666666;
}
.libraryTable02 .line-rg {
	border-right: 2px solid #666666;
}
.libraryTable02 .line-bg {
	border-bottom: 2px solid #666666;
}
.libraryTable02 .line-lg {
	border-left: 2px solid #666666;
}
.libraryBaceData {
	border: 1px solid #999999;
	padding: 10px;
	margin-bottom: 15px;
}

/* -----------------------------------------------------
緊急メッセージ
-----------------------------------------------------*/
.emergencyBox {
	color: red;
	border: 2px solid red;
	padding: 10px;
	margin: 10px 10px 0;
}
.emergencyBox p {margin-bottom: 0;}

/* -----------------------------------------------------
YouTube
-----------------------------------------------------*/
.youtubeBox {
	padding-top: 10px;
}
.youtubeBox .movBox {
	padding: 10px;
}
.youtubeBox>.movBox>div {margin-bottom: 10px;}
.youtubeBox .movBox div .mov {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 5px;
}
.youtubeBox .movBox div .mov iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}
.youtubeBox .movBox div p {
	font-size: 1.5rem;
}