@charset "UTF-8";
/*
Theme Name: レスポンシブテンプレート
Theme URI: 
Description: 大牟田高等学校
Version: 1.0
Author: ariake
Author URI: 
*/

@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap);

/******************
画像位置ぞろえ[共通]
******************/

img.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright{
	margin-left: auto;
	display:block;
}

img.alignleft{
	text-align: left;
}

/******************
オールクリア[共通]
******************/

body,div,pre,p,blockquote,
form,fieldset,input,textarea,select,option,
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
table,th,td,embed,object{
	margin: 0;
	padding: 0;
}

body{
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, 游ゴシック, YuGothic, Helvetica,Arial, sans-serif;
	font-size:94%;
	color:#0e0e0e;
	line-height:185%;
	-webkit-text-size-adjust: 100%;
	word-break:break-all;
 -webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
img{
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
	-webkit-backface-visibility: hidden;
}

li{
	list-style-type:none;	
}

a{
	backface-visibility: hidden; 
	color:#333;
	text-decoration:none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

a:hover{
	color:#890937;
	text-decoration:none;
}

a img{
    -webkit-transition: 0.3s ease-in-out;
       -moz-transition: 0.3s ease-in-out;
         -o-transition: 0.3s ease-in-out;
            transition: 0.3s ease-in-out;
		outline:none;
		box-shadow: #000 0 0 0;
}

a:hover img{
	opacity:0.7;
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
}

table{
	border-collapse:collapse;
	border-color: #333333;
}

th{
	font-weight:500;
}

td{
	vertical-align:top;
}
.pc{
	display:block;
}
.sp{
	display:none;
}
@media screen and (max-width: 750px) {
.pc{
	display:none;
}
.sp{
	display:block;
}
}
.pc1{
	display:block;
}
.sp1{
	display:none;
}
@media screen and (max-width: 640px) {
.pc1{
	display:none;
}
.sp1{
	display:block;
}
}

/******************
汎用[共通]
******************/

.float_left{
	float:left;
}

.float_right{
	float:right;
}

.clear{
	clear:both;
	height:40px;
}

.cenclear{
	clear:both;
	text-align:center;
	padding-top:30px;
}

.txt_center{
	text-align:center;
}
.resizeimage{
	width:100%;
}
.button{
	width:600px;
	margin:0 auto;
}
.button a{
    display: inline-block; 
  	color: #c1282d;
  	background: #fff;
  	padding: 30px 0 27px 0;
  	text-decoration: none;
	transition: .3s;
	border:2px solid #c1282d;
	text-align:center;
	width:100%;
	font-size:125%;
}
.button a:hover {
  background: #c1282d;
  color:  #fff;
	border:2px solid #c1282d;
}
.button a span{
	padding-right:2%;
}
@media screen and (min-width: 851px)  and (max-width: 1200px) {
.button{
	width:70%;
}
}
@media screen and (max-width: 850px) {
.button{
	width:80%;
}
.button a{
  	padding: 23px 0 20px 0;
	font-size:115%;
}
.clear{
	height:30px;
}
}
/******************
全体[共通]
******************/

#wrapperTop,#wrapper{
	width:100%;
	overflow:hidden;
}


/******************
全体[タブレット＋スマートフォン]
******************/

@media screen and (min-width: 665px) and (max-width: 900px) {

body{
	font-size:90%;
}

}

@media screen and (max-width: 664px) {

body{
	font-size:88%;
}

}


/******************
ヘッダー【トップ＋コンテンツ共通】[PC+タブレット]
******************/

#header-sp{
	display:none;
}
#wrapperTop,#wrapper{
	padding-top:0;
}
.headerWrap{
	position:relative;
}
.headerWaku{
	width:100%;
	z-index:20;
	background:url(./images/top/top-main-bg.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	padding-top:62.5%;
}
.headerWakuNaka{
	width:100%;
	z-index:20;
	background:url(./images/common/header-naka-bg.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	height:50vh;
}
.headerWakuJhs{
	width:100%;
	z-index:20;
	background:url(./images/middleschool/top/middle-top-main.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:62.5%;
}

.headerWakuHs{
	width:100%;
	z-index:20;
	background:url(./images/highschool/top/high-top-main.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	height:116vh;
}
.headerWakuNakaHs{
	width:100%;
	z-index:20;
	background:url(./images/highschool/common/h2-hs.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	height:55vh;
}
.hs-intro{
	background:url(./images/highschool/common/h-header1.jpg) no-repeat left 2.9em;
	background-size:cover;
}
.hs-course{
	background:url(./images/highschool/common/h-header7.jpg) no-repeat center 2.9em;
	background-size:cover;
}
.hs-shinro{
	background:url(./images/highschool/common/h-header2.jpg) no-repeat left 2.9em;
	background-size:cover;
}
.hs-fore{
	background:url(./images/highschool/common/h-header3.jpg) no-repeat left 2.9em;
	background-size:cover;
}
.hs-par{
	background:url(./images/highschool/common/h-header4.jpg) no-repeat left 2.9em;
	background-size:cover;
}
.hs-digi{
	background:url(./images/highschool/common/h-header6.jpg) no-repeat left 2.9em;
	background-size:cover;
}
.hs-con{
	background:url(./images/highschool/common/h-header5.jpg) no-repeat left 2.9em;
	background-size:cover;
}
.headerWakuGra{
	width:100%;
	z-index:20;
	background:url(./images/graduate/gra-top-main.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	height:116vh;
}
.headerWakuNakaGra{
	width:100%;
	z-index:20;
	background:url(./images/graduate/gra-h2.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	height:40vh;
}
.header{
	width:100%;
	margin:0 auto;
	position:fixed;
	top:0;
	z-index:100;
}
.headerUp{
	width:100%;
	margin:0 auto;
	position:relative;
	background:rgba(140,0,45,.95);
	overflow:hidden;
	padding:8px 0;
}
.header1140{
	width:1140px;
	margin:0 auto;
	position:relative;
}
.headerUpL{
	float:left;
	width:36%;
}
.headerUpR{
	float: right;
	width: 20%;
}
.hm-up-box .headerUpR{
	width: 46%;
}
.headerUpL ul li{
	float:left;
	margin-right:2em;
}

.headerUpL ul li a{
	width:100%;
	display:block;
	color:#fff;
	font-size:85%;
	text-align:center;
}
.headerUpL ul li a::after{
  border-bottom: solid 1px #fff;
  bottom: 0;
  content: "";
  display:block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
.headerUpL ul li a:hover::after {
  width: 100%;
}
.headerUpR ul li{
	float: left;
	width: 47%;
}
.hm-up-box .headerUpR ul li{
	width: 20%;
}
.headerUpR ul li a{
	width:100%;
	display:block;
	color:#fff;
	font-size:85%;
	text-align:center;
	-webkit-transition: none;
	transition: none;
}
.headerUpR ul li a i{
	padding-right:4%;
}
.headerUpR ul li a:hover{
	color:#caea57;
	transition: all .3s ease;
  -webkit-transition: all .3s ease;
}
.headerUnder{
	width:100%;
	margin:0 auto;
	position:relative;
	background:rgba(140,0,45,.6);
	height:58px;
}
.headerLogo{
	float:left;
	width:24%;
	margin:1.25% 6% 0 0;
}
.headerLogo img{
	max-width:100%;
	display:block;
	margin:0 auto;
	height:auto;
}
.headerLogoSch{
	float:left;
	width:20%;
	margin:0.75% 1% 0 0;
}
.headerLogoSch img{
	max-width:100%;
	display:block;
	margin:0 auto;
	height:auto;
}
.headerLogoGra{
	float:left;
	width:28%;
	margin:0.75% 4% 0 0;
}
.headerLogoGra img{
	max-width:100%;
	display:block;
	margin:0 auto;
	height:auto;
}
.headerMenu{
	width:70%;
	position:relative;
	float:left;
}
.hm-01jps{
	width: 78% !important;
}
.hm-02jps{
	width: 68% !important;
}
.headerMenuSch{
	width: 75%;
    position: relative;
    float: right;
}
.headerMenuHigh{
	width: 75%;
    position: relative;
    float: right;
}
.headerMenuGra{
	width:60%;
	position:relative;
	float:left;
}
.gnav-wrapper {
 	position: relative;
}
.gnav {
 	display: block;
 	/*justify-content: space-between;*/
}
.gnav ul {
	box-sizing: border-box;
	width: 100%;
	list-style: none;
	text-align: center;
}
.gnav li {
	padding:15px 0;
 	text-align: center;
 	transition: all .3s ease-in-out;
	display: inline-block;
	/*flex-basis: 16.6%;*/
	width:16%;
	margin:0;
}
.gnav li a {
	text-decoration: none;
	display: block;
	position: relative;
	color:#fff;
	font-size:100%;
	background:transparent;
}
.gnav li:hover {
	background-color:rgba(76,10,34,.7);
}
.headerMenuSch .gnav li {
	padding:15px 0;
 	text-align: center;
 	transition: all .3s ease-in-out;
	display: inline-block;
	/*flex-basis: 16.6%;*/
	width:15%;
	margin:0;
}
.headerMenuSch .gnav li:nth-child(5) {
	    width: 22%;
}
.headerMenuSch .gnav li:nth-child(3) ,.headerMenuSch .gnav li:nth-child(6) {
    width: 15%;
}
.headerMenuSch .h-jps li {
	width:11.2%;
}
.headerMenuSch .h-jps li:nth-child(5) {
    width: 14%
}
.headerMenuSch .h-jps li:nth-child(6)  {
    width: 21.5%;
}
.hm-02jps .h-jps li {
    width: 13%;
}
.hm-02jps .h-jps li:nth-child(5) {
    width: 18%;
}
.hm-02jps .h-jps li:nth-child(6) {
    width: 24%;
}
.hm-02jps .h-jps li:nth-child(2) .megamenu {
    left: 13.2%!important;
}
.hm-02jps .h-jps li:nth-child(3) .megamenu {
    left: 26.9%!important;
}
.hm-bro{
}
.hm-ops{
}
.headerMenuHigh .gnav li {
    padding: 15px 0;
    text-align: center;
    transition: all .3s ease-in-out;
    display: inline-block;
    width: 12%;
    margin: 0;
}
.headerMenuHigh .gnav li:nth-child(6) {
    width: 16%;
}
.headerMenuHigh .gnav li:nth-child(4) ,.headerMenuHigh .gnav li:nth-child(5) {
    width: 15%
}
.headerMenuHigh .gnav li:nth-child(7){
    width: 14%;
}
.headerMenuSch .gnav li a , .headerMenuHigh .gnav li a{
	text-decoration: none;
	display: block;
	position: relative;
	color:#fff;
	font-size:100%;
	background:transparent;
	padding:0;
}
.headerMenuSch .gnav li:hover , .headerMenuHigh .gnav li:hover{
	background-color:rgba(76,10,34,.7);
}
#wrapperTop .gnav > li:hover .megamenu {
 max-height: 9999px;
 opacity: 1;
 padding: 0;
}
#wrapper .gnav > li:hover .megamenu {
 max-height: 9999px;
 opacity: 1;
padding: 0;
}

.megamenu {
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 30%;
 position: absolute;
 top: 58px;
 left: 0;
 transition: all .2s ease-in;
 z-index: 999;
	background:#fff;
box-shadow: 0px 5px 10px rgba(16, 106, 181, 0.05) inset, 0px 3px 2px rgba(0, 0, 0, 0.1);
}
#wrapper .megamenu {
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 30%;
 position: absolute;
 top: 58px;
 left: 0;
 transition: all .2s ease-in;
 z-index: 999;
	background:#fff;
box-shadow: 0px 5px 10px rgba(16, 106, 181, 0.05) inset, 0px 3px 2px rgba(0, 0, 0, 0.1);
}

.headerMenuSch .gnav li:nth-child(2) .megamenu {
    left: 15.4%!important;
}
.headerMenuSch .h-jps li:nth-child(2) .megamenu {
    left: 13.5%!important;
}
.headerMenuSch .gnav li:nth-child(3) .megamenu {
    left: 30.8%!important;
}
.headerMenuSch .h-jps li:nth-child(3) .megamenu {
    left: 27%!important;
}
.headerMenuHigh .gnav li:nth-child(2) .megamenu {
    left: 12.3%!important;
}
.headerMenuHigh .hm-hs li {
    width: 10%;
}
 .headerMenuHigh .hm-hs li:nth-child(5) {
    width: 21%;
}
.headerMenuHigh .hm-hs li:nth-child(6) {
	width: 19%;
}
.headerMenuHigh .hm-hs li:nth-child(7) {
	width: 12%;
    
}
.headerMenuHigh .hm-hs li:nth-child(2) .megamenu {
    left: 10.3%!important;
}
.headerMenuHigh .hm-hs li:nth-child(5) .megamenu {
    left: 46.5%!important;
}
.megamenu-inner {
 display: block;
}
 
.megamenu-inner li {
 width: 94%;
 padding:4% 3%;
	display: inline-block;
	 text-align:left!important;
 transition: all .3s ease-in-out;
}
.headerMenuSch .megamenu-inner li , .headerMenuHigh .megamenu-inner li{
 width: 94%!important;
 padding:4% 3%;
	display: inline-block;
	 text-align:left!important;
 transition: all .3s ease-in-out;
}
.headerMenuSch .megamenu-inner li:nth-child(5)  , .headerMenuHigh .megamenu-inner li:nth-child(6) {
	width: 94%!important;
}

.megamenu-inner a {
 border-left: none;
}
.gnav li:hover {
	background-color:rgba(76,10,34,.3);
}
 .megamenu-inner i {
	padding-right:2%;
	color:#8c0c3a;
	font-size:90%;
}
.megamenu-inner ul {
	box-sizing: border-box;
	width: 100%;
	list-style: none;
	text-align: left;
}

.megamenu-inner li a {
	text-decoration: none;
	display: block;
	position: relative;
	color:#1e1e1e;
	font-size:90%;
	text-indent: -0.45em;
    padding: 0 6%;
}
.megamenu-inner li:hover {
	background-color:rgba(76,10,34,.2);
}
.headerMenuSch .megamenu-inner li a , .headerMenuHigh .megamenu-inner li a{
	text-decoration: none;
	display: block;
	position: relative;
	color:#1e1e1e;
	font-size:90%;
	text-indent: -0.45em;
    padding: 0 6%;
}
.headerMenuSch .megamenu-inner li:hover , .headerMenuHigh .megamenu-inner li:hover{
	background-color:rgba(76,10,34,.2);
}
.topBox{
	position:relative;
}
.topImg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin:auto;
	width:100%;
}
.topImg img{
	width:100%;
}
.mainTxt{
	width:30%;
	margin:0 auto;
	padding:20% 0 5%;
	position:relative;
	z-index:1;
}
.mainTxt img{
	max-width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}
.mainTxtJhs{
	width:50%;
	margin:0 auto;
	padding:20% 0 20% 0;
	position:relative;
	z-index:2;
}
.mainTxths{
	width:40%;
	margin:0 auto;
	padding:20% 0 20% 0;
	position:relative;
	z-index:2;
}
.mainTxtJhs img, .mainTxths img{
	max-width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}
.topMainBtn{
	width:1140px;
	margin:0 auto 8%;
	position:relative;
	overflow:hidden;
	z-index:1;
}
.topMainBtnOne{
	float:left;
	width:45%;
	font-size: 150%;
	font-family: 'Noto Serif JP', serif;
	font-weight: bold;
}
.topMainBtnOne:nth-child(2n){
	float:right;
}
.topMainBtnOne a{
	display: block;
	width: 96%;
	background: #fff;
	box-shadow: 0px 5px 5px rgba(108, 108, 108, 0.5);
	text-align: center;
	color: #111;
	font-size: 100%;
	padding: 35px 0;
	border: 0.5px solid #DCC8C5;
}
.topMainBtnOne a:hover{
	color:#890937;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.65);
	background:#fff3f7;
}
.topMainBtnOne{
	text-decoration:none;
	display:inline-block;
	padding-right:16px;
	position:relative;
}
.topMainBtnOne:before, .topMainBtnOne:after{
	content: "";
	display: block;
	-webkit-transform: skewX(45deg);
	transform: skewX(45deg);
	position: absolute;
	right: 23%;
	bottom: 6px;
	top: 47%;
}
.topMainBtnOne:before{
    width: 50px;
    height: 2px;
    background: #890937;
    top: 55%;
}
.topMainBtnOne:after{
	width: 4px;
	height: 10px;
	background: #890937;
}
/*中学SNSバナー*/
.jhs-sns-box {
	width: 100%;
    max-width: 1140px;
    margin: 0px auto;
    padding-bottom: 4em;
}
.jhs-sns-box ul{
    display: flex;
}
.jhs-sns-box li{
    width: calc(100%/3 - 20px);
    padding: 10px;
    height: auto;
    margin: 10px;
    text-align: center;
}
.jhs-sns-box li img{
    max-width: 300px;
    width: 100%;
}
.jhs-sns-box li a{
	display:block;
}
/*高等学校SNSバナー*/
.hs-sns-box {
	width: 100%;
	max-width: 1140px;
	margin: 0px auto;
	padding-bottom: 4em;
}
.hs-sns-box ul{
	display: flex;
	flex-wrap:wrap;
}
.hs-sns-box li{
	width: calc(100%/4 - 20px);
	height: auto;
	margin: 0 10px 20px;
	text-align: center;
}
.hs-sns-box li img{
	max-width: 300px;
	width: 100%;
}
.hs-sns-box li a{
	display:block;
}
/*中学校スライド中央ボタン追加2023.5.31*/
.mTJhs-add{
      padding: 20% 0 3% 0;
}
.tMbJhs-add{
      margin: 0 auto 10%;
}
.tMbJhs-add .topMainBtnOne:before {
    display:none;
}
.tMbJhs-add .topMainBtnOne:after {
   display:none;
}
.tMbJhs-add .topMainBtnOne a {
    background: #8f0b37;
    color: #ffffff;
}
.tMbJhs-add .topMainBtnOne a:hover {
    color: #890937;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.65);
    background: #fff3f7;
}
/*高校スライド中央ボタン追加2023.5.31*/
.mThs-add{
      padding: 20% 0 3% 0;
}
.tMbhs-add{
      margin: 0 auto 10%;
}
.tMbhs-add .topMainBtnOne:before {
    display:none;
}
.tMbhs-add .topMainBtnOne:after {
   display:none;
}
.tMbhs-add .topMainBtnOne a {
    background: #8f0b37;
    color: #ffffff;
}
.tMbhs-add .topMainBtnOne a:hover {
    color: #890937;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.65);
    background: #fff3f7;
}
@media screen and (max-width: 1200px) {
/*中学校・高校スライド中央ボタン追加2023.5.31*/
.tMbJhs-add,.tMbhs-add{
      margin: 0 auto 8%;
}
}
@media screen and (max-width: 1050px) {
.hm-hs-box .headerMenuHigh, headerMenuSch {
    width: 78%;
}
.hm-hs-box .headerLogoSch {
    margin: 1.2% 2% 0 0;
}
}
@media screen and (min-width: 1001px)  and (max-width: 1200px) {
.headerWakuJhs{
	height:106vh;
}

}
@media screen and (max-width: 1160px) {
.header1140{
	width:96%;
}
.headerUpL{
	width:45%;
}
.headerUpL ul li{
	margin-right:1.6em;
}
.headerUpR{
	float:right;
	width: 25%;
}
.hm-up-box .headerUpR {
    width: 55%;
}
.headerLogo {
    margin: 1.5% 6% 0 0;
}
.gnav li {
    width: 22%;
	font-size: 95%;
}
.megamenu-inner li {
    width: 90%!important;
	padding: 4% 5%;
}
.topMainBtn{
	width:90%;
}
.headerWakuNakaHs {
    height: 65vh;
}
.headerWakuNakaJhs{
    height: 65vh;
}
.headerMenuSch, .headerMenuHigh {
    font-size: 95%;
}
.hm-jps {
    width: 76% !important;
}

.headerMenuSch .megamenu-inner li a, .headerMenuHigh .megamenu-inner li a {
    font-size: 100%;
}
}
@media screen and (min-width: 851px)  and (max-width: 1020px) {

}
@media screen and (min-width: 851px)  and (max-width: 1000px) {
.headerWakuJhs{
	height:96vh;
}
.gnav li {
	    font-size: 92%;
}
}
@media screen and (max-width: 1160px) {
.headerLogoSch {
    margin: 1.2% 4% 0 0;
}
.headerMenuSch .h-jps li a{
    font-size: 0.95em !important;
}
}
@media screen and (max-width: 1050px) {
.headerLogoSch {
    margin: 1.2% 4% 0 0;
}
.topMainBtnOne:before, .topMainBtnOne:after{
	right: 17%;
}
.topMainBtnOne:before{
   	width: 40px;
}
.gnav li {
	     font-size: 88%;
}
.headerMenuHigh,headerMenuSch {
    width: 76%;
}
.headerMenuSch .megamenu-inner li a, .headerMenuHigh .megamenu-inner li a {
    font-size: 115%;
}
}
@media screen and (max-width: 950px) {
.headerLogo {
    margin: 2% 6% 0 0;
}
.headerLogoSch {
    margin: 1.5% 2% 0 0;
}
.topMainBtn{
	margin:0 auto 4%;
}
.hm-jps {
    width: 78% !important;
}
.jhs-sns-box {
    padding-bottom: 2.5em;
}
}
/******************
ヘッダー[スマートフォン]
******************/

@media screen and (max-width: 850px) {
.headerWaku , .headerWakuNaka , .headerWakuJhs , .headerWakuNakaJhs , .headerWakuHs , .headerWakuNakaHs , .headerWakuGra , .headerWakuNakaGra{
	display:none;
}
.header{
	display:none;
}
.tSMainNaka{
	display:none;
}
#header-sp{
	width:100%;
	height:68px;
	z-index:2000;
	box-shadow: 0 2px 2px 0px rgba(0,0,0,0.1);
	display:block;
	padding:1.5% 0 0 0;
	position: fixed;
    background:#890937;
}
header {
  padding:2% 0 1% 3%;
  background:#890937;
}
.hs-sns-box ul{
	margin-top:40px;
}
.hs-sns-box li {
	width: calc(100%/2 - 20px);
	margin:20px 10px 0;
}
@media screen and (max-width: 480px) {
#header-sp{
	height:60px;
}
header {
  padding:3.5% 0 4% 2%;
}
}
.nav-unshown {
  display:none;
}
#nav-open {
  display: inline-block;
  width: 30px;
  height: 25px;
  vertical-align: middle;
}
#nav-open:after{
	display: block;
    content: "MENU";
    width: 30px;
    margin-top: 15px;
    margin-left: 0px;
    font-size: 10px;
    font-weight:bold;
    color: #fff;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;
  width: 30px;
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}
@media screen and (max-width: 640px) {
#nav-drawer {
	top:8px;
}
.jhs-sns-box li {
    width: calc(100%/3);
    margin: 0;
}
.jhs-sns-box {
    padding-bottom: 2em;
    margin: 20px auto 0;
}

body, div,
}
@media screen and (max-width: 500px) {
.jhs-sns-box li {
    width: 90%;
    margin: 1em auto;
}
.jhs-sns-box ul {
    display: block;
}
.hs-sns-box ul {
	margin-top:40px;
    /*display: block;*/
}
/*
.hs-sns-box li {
    width: 90%;
    margin: 2em auto 0;
}
*/
}
@media screen and (max-width: 480px) {
#nav-drawer {
	top:2px;
}
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 90%;
  max-width: 80%;
  height: 100%;
  background:#fff;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#h-logo{
    width: 350px;
    margin: -40px auto 0 auto;
}
#h-logoJhs{
    width: 261px;
    margin: -45px auto 0 auto;
}
#h-logo img , #h-logoJhs img{
	width:100%;
	margin:auto;
	display:block;
}
@media screen and (min-width: 481px)  and (max-width: 640px) {
#h-logo{
    margin: -6% auto 0 auto;
	width: 320px;
}
#h-logoJhs{
	margin: -6% auto 0 auto;
	width: 260px;
}
}
@media screen and (min-width: 401px)  and (max-width: 480px) {
#h-logo{
	margin: -10.5% 2% 10px 0;
	width:65%;
	padding:0!important;
	float:right;
}
#h-logoJhs{
    margin: -12% 2% 10px 0;
    width: 60%;
    padding: 0!important;
    float: right;
}
}
@media screen and (max-width: 400px) {
#h-logo{
	 margin: -11.5% 2% 10px 0;
	width:65%;
	padding:1% 0 0 0!important;
	float:right;
}
#h-logoJhs{
	margin: -12% 2% 10px 0;
    width: 60%;
    padding: 0!important;
    float: right;
}
}
.sp-menu ul li a{
	display:block;
	padding:16px 2% 16px 4%;
	color:#231815;
	font-size:102%;
}
.sp-menu ul li a i{
	color:#89093F;
	padding-right:2%;
	font-size:85%;
}
.sp-menu ul li a span{
	padding-left:6%;
	font-size:75%;
	color:#6b6b6b;
}
.sp-menu ul li a:hover{
	background-color:rgba(137,10,56,.15);
	text-decoration:none;
}
.sp-menu ul li ul li a{
	display:block;
	padding:8px 2% 8px 5%;
	color:#231815;
	font-size:97%;
}
.sp-logo{
	padding:0 0 10px 0;
}
.sp-logo img{
	width:60%;
	margin:0;
	display:block;
}
@media screen and (max-width: 480px) {
.sp-logo img{
	width:70%;
}
}
.sp-under{
	width:90%;
	margin:30px auto 0 auto;
	padding-bottom:30px;
}
.spmenuUp{
	background-color:#89093F;
	height:4px;
}
.sp-add{
	text-align:left;
	line-height:170%;
	font-size:100%;
}
.sp-add a{
	color:#333;
}
.sp-addName{
	color:#F9AB10;
	font-weight:bold;
	font-size:110%;
	padding:10px 0 2px 0;
}
.sp-addName2{
	color:#EB78BC;
	font-weight:bold;
	font-size:110%;
	padding:10px 0 2px 0;
}
.accBtn {
}
.accBtn:after {
	display: inline-block;
    content: '\f107';
    font-family: 'FontAwesome';
    transition: 0.2s;
	position:absolute;
	right: 3%;
	color:#89093F;
	font-weight:bold;
}
.active:after{
	content: '\f106';
     -ms-transform: rotate(360deg);
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
	color:#89093F;
}
.spSunbMenu {
	display: none;
}
.spSunbMenu ul{
	padding:0 0 0 5%!important;
}
.spSunbMenu ul li{
	padding:0!important;
}
.spSunbMenu ul li a{
	width:90%;
	font-size:95%!important;
	padding: 7px 2% 7px 7%;
}
@media screen and (max-width: 480px) {
.sp-add{
	text-align:left;
	line-height:150%;
	font-size:90%;
	padding-bottom:5px;
}
}
.sp-main{
	width:100%;
	display:block;
}
}

.topMainSp , .topMainSpJhs , .topMainSpHs , .topMainSpGra{
	display:none;
}
@media screen and (max-width: 850px) {
.topMainSp{
	display:block;
	position:relative;
}
.posSp{
	position:absolute;
	top:0;
	z-index:1;
}
.topMainSpJhs{
	display:block;
	position:relative;
}
.topMainSpHs{
	display:block;
	position:relative;
}
.topMainSpGra{
	display:block;
	width:100%;
	z-index:20;
	background:url(./images/graduate/gra-top-main-sp.jpg) no-repeat left top;
	background-size:cover;
	position:relative;
	padding-top:100%;
}
.mainTxtSp{
	width:70%;
	margin:0 auto;
	padding:25% 0 10% 0;
}
.mainTxtSpJhs{
	width:88%;
	position:absolute;
	margin:0 auto;
	top:46%;
	left:0;
	right:0;
	z-index:2;
}
/*中学校スライド中央ボタン追加2023.5.31*/
.mTSJhs-add{
    top: 19%;
    position: relative;
    padding: 30% 0 10% 0;
}
.mainTxtSphs{
	width:70%;
	position:absolute;
	margin:0 auto;
	top:46%;
	left:0;
	right:0;
	z-index:2;
}
/*高校スライド中央ボタン追加2023.5.31*/
.mTShs-add{
    top: 19%;
    position: relative;
    padding: 30% 0 10% 0;
}
.mainTxtSp img, .mainTxtSpJhs img,  .mainTxtSphs img{
	max-width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}
.topMainBtnSp{
	width:80%;
	margin:0 auto;
	position:relative;
}
.topMainBtnSpOne{
	width: 100%;
    margin: 20px auto;
    font-size: 150%;
    font-family: 'Noto Serif JP', serif;
    font-weight: bold;
}
.topMainBtnSpOne a{
	display:block;
	width:96%;
	background:#fff;
	box-shadow: 0px 5px 10px rgba(16, 106, 181, 0.05) inset, 0px 3px 2px rgba(0, 0, 0, 0.1);
	text-align:center;
	color:#111;
	font-size:100%;
	padding:30px 0;
}
.topMainBtnSpOne a:hover{
	color:#890937;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.65);
	background:#fff3f7;
}
/*中学校・高校スライド中央ボタン追加2023.5.31*/
.tMBSJhs-add .topMainBtnSpOne a{
    background: #890937;
    color: #fff;
}
.tMBSJhs-add .topMainBtnSpOne a:hover{
	color:#890937;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.65);
	background:#fff3f7;
}
.tMBShs-add .topMainBtnSpOne a{
    background: #890937;
    color: #fff;
}
.tMBShs-add .topMainBtnSpOne a:hover{
	color:#890937;
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.65);
	background:#fff3f7;
}
.spNone{
	display:none;
}
}
@media screen and (max-width: 640px) {
.topInfoL .topInfoMidashi{
	margin-bottom: 30px;
}
.topMainSp{
	/*height:90vh;*/
}
.topMainBtnSpOne{
	font-size: 120%;
}
.topMainBtnSpOne a{
	padding:5% 0;
}
}
@media screen and (max-width: 400px) {
.mainTxtSp {
    padding: 25% 0 0% 0;
}
.mTSJhs-add,.mTShs-add{
    padding: 30% 0 0% 0;
}
}
/******************
コンテンツボックス[共通]
******************/
.tIcontents{
	clear:both;
	background:rgba(252,228,199,.9);
}
#wrapperTop .contents{
	clear:both;
	width:100%;
	overflow:hidden;
}

@media screen and (max-width: 850px) {
#wrapperTop .tIcontents{
	height:auto;
	padding:30px 0;
}
}

/******************
トップメイン
******************/
/*トップメイン*/

#topInfoWrap , #topInfoWrapJhs{
	width:1140px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 50px 0;
	z-index:999;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	position:relative;
	z-index:1;
}
#topInfoWrapGra{
	width:1140px;
	overflow:hidden;
	margin:0 auto;
	padding:30% 0 50px;
	z-index:999;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.topInfoL{
	float:left;
	width:16%;
	padding:1% 2%;
	background:#890937;
	position:relative;
}
.topInfoMidashi{
	font-size:130%;
	color:#fff;
	text-align:center;
	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform : translate(-50%,-50%);
  	transform : translate(-50%,-50%);
  	text-align: center;
	width:90%;
	font-family: 'Lora', serif;
	text-shadow:none!important;
	line-height:130%;
	letter-spacing:0!important;
}
.topInfoMidashi span{
	display:block;
	font-size:65%;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, 游ゴシック, YuGothic, Helvetica,Arial, sans-serif;
}
.topInfo{
	float:right;
	width:76%;
	padding:1% 2%;
	background:rgba(255,255,255,.9);
	overflow:hidden;
}
.topInfo ul li{
	width:100%;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	padding:1% 0;
}
.topInfo ul li:last-child{
	border-bottom:none;
}
.infoDate{
	display:block;
	width:100%;
	padding: 0;
	font-size:85%;
	color:#666;
}
.catTopInfo{
	float: left;
	width: 13%;
	text-align: center;
	font-size: 80%;
	margin: 3px 2% 0 0;
	display: block;
	color:#fff;
	line-height:180%;
}
.all-info{
	background-color:#890937;
}
.jh-school{
	background-color:#b2567c;
}
.h-school{
	background-color:#511830;
}
.infoTitle{
	display:block;
	width:83%;
	float:right;
	padding:0;
}
.infoTitle2{
	display:block;
	width:96%;
	float:left;
	padding:0 2%;
}
.infoTitle a, .infoTitle2 a{
	color:#0e0e0e;
}
.infoTitle a:hover, .infoTitle2 a:hover{
	color:#890937;
}
.infoBtn{
	clear:both;
	overflow:hidden;
	margin:30px 0 0 0;
	width:100%;
}
.infoMore{
	width:8%;
	float:right;
	position:relative;
}
.infoMore a{
	width:100%;
	display:block;
	position:relative;
	width:100%;
	color:#111;
	font-size:95%;
	transition: all 0.3s;
	z-index:100;
	font-family: 'Lora', serif;
}
.infoMore a i{
	padding-right:4%;
	color:#890937;
}
.infoMore a:hover{
	color:#890937;
}
.infoMore a:hover i{
	transform: translateX(3px);
	-moz-transform: translateX(3px);
	-webkit-transform: translateX(3px);
	transition-duration: .3s;
}
.infoMore a::after {
  border-bottom: solid 1px #890937;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
.infoMore a:hover::after {
  width: 100%;
}

#contactBtn a{
	text-align:center;
	display:block;
	font-size:140%;
	color:#fff;
	background-color:#b01a46;
	padding:15px 80px 18px 60px;
	border-radius:30px;
	position:relative;
	border:3px solid #fff;
	margin:20px auto 0;
}
#contactBtn a::before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: solid 8px transparent;
	border-left: solid 14px #fff;
	top: 50%;
	right: 20px;
	margin-top: -8px;
}
#contactBtn a:hover{
	background-color:#dc4d71;
}

.topInfoMidashi2{
	font-size:140%;
	color:#111;
	text-align:center;
	position:relative;
  	text-align: center;
	width:100%;
	font-family: 'Lora', serif;
	text-shadow:none!important;
	line-height:120%;
	letter-spacing:0;
	margin-bottom:25px;
}
.topInfoMidashi2 span{
	display:block;
	font-size:60%;
	font-family: 'Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, 游ゴシック, YuGothic, Helvetica,Arial, sans-serif;
}
#infoBox ul li {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #ccc;
    padding: 1% 0;
}
#infoBox .catTopInfo {
	float: left;
	width: 13%;
	text-align: center;
	margin: 10px 2% 10px 0;
	display: block;
	color: #fff;
	line-height: 180%;
	padding: 5px 0;
	font-size: 90%;
}
#infoBox .infoDate {
    font-size: 100%;
}
#infoBox .infoTitle {
	font-size: 105%;
	width: 85%;
}
@media screen and (min-width: 1001px) and (max-width: 1200px){
#topInfoWrapJhs{
	width:90%;
	padding:50px 0;
	top:74%;
}
#topInfoWrapGra{
	width:90%;
	top:52%;
}
}
@media screen and (max-width: 1200px){
.infoBtn{
	margin: 20px 0;
}
}
@media screen and (max-width: 1160px){
#topInfoWrap {
	width:90%;
	padding:50px 0 0 0;
	top:88%;
}
.infoMore{
	width:10%;
}
#infoBox .catTopInfo {
	width: 18%;
}
#infoBox .infoTitle {
	width: 80%;
}
}
@media screen and (min-width: 851px) and (max-width: 1000px){
#topInfoWrapJhs{
	width:90%;
	padding:50px 0;
	top:64%;
}
#topInfoWrapGra{
	width:90%;
	top:48%;
}
}

@media screen and (max-width: 850px){
#topInfoWrap{
	width:90%;
	padding:0;
	position:relative;
}
#topInfoWrapJhs{
	width:90%;
	padding:0;
	position:relative;
	padding:15px 0;
}
#topInfoWrapGra{
	width:90%;
	padding:0;
	position:relative;
	padding:30px 0;
}
.infoBtn{
	margin:20px 0 0 0;
}
.infoMore{
	width:15%;
}
.infoMore a{
	text-align:right;
}
}
@media screen and (max-width: 750px){
.topInfoL{
	float:none;
	width:96%;
	padding:1% 2%;
	background:transparent;
}
.topInfoMidashi{
	color:#890937;
	font-size:140%;
	width:100%;
	position:relative;
	line-height:130%;
}
.topInfo{
	float:none;
	width:96%;
}
.infoDate{
	width: 20%;
    float: right;
    text-align: right;
    margin-right: 15px;
}
.catTopInfo{
	float: left;
	width: 30%;
	margin: 1% 0 0 0;
}
.infoTitle, .infoTitle2 {
	clear:both;
	width:100%;
	float:none;
	padding:1% 0 0 0;
}
}
@media screen and (max-width: 540px){
.infoMore{
	width:25%;
}
.topInfoMidashi2{
	margin-bottom:10px;
}
}
@media screen and (max-width: 480px){
.infoDate{
	width:50%;
}
.topInfo ul li {
    padding: 4% 0;
}
.topInfo {
    padding: 2% 2.5%;
}
#contactBtn a{
	font-size:5vw;
	padding:10px 40px 12px 20px;
}
#contactBtn a::before {
	border: solid 6px transparent;
	border-left: solid 10px #fff;
	right: 10px;
	margin-top: -5px;
}
}

/******************
中学校・高等学校[共通]
******************/
.tnBtn{
	width:100%;
	overflow:hidden;
}
.tnBtnOne{
	float:left;
	width:33.3333%;
	position:relative;
}
.tnBtnOne:nth-child(3n+1){
	clear:both;
}
.tnbMainPic{
	position:relative;
 overflow: hidden;
  cursor: pointer;
   width: 380px;
  height:380px;
	display:block;
	 background-color:#131313;
}
.tnbMainPic img{
	max-width:100%;
	height:auto;
	margin:0 auto;
	display:block;
	transition-duration: 0.5s;
	opacity: 0.6; 
	-moz-opacity: 0.6; 
	-webkit-opacity: 0.6; 
}
.tnbMainPic:hover img{
  transform: scale(1.15);
	-webkit-transform: scale(1.15);
	 -moz-transform: scale(1.15);
  transition-duration: 0.5s;
	opacity: 1; 
	-moz-opacity: 1; 
	-webkit-opacity: 1; 
}
.tnbMidashi{
	color:#fff;
	text-align:center;
	position:absolute;
	top:47%;
	right:0;
	left:0;
}
.tnbMainTtl{
	display:block;
	font-size:125%;
	line-height:140%;
}
.tnbMainSubTtl{
	display:block;
	font-family: 'Lora', serif;
	font-size:85%;
}
#topNewsWrap{
	width:1140px;
	overflow:hidden;
	margin:0 auto;
	padding:80px 0;
}
.newsInfo{
	float:left;
	width:58%;
	overflow:hidden;
}
.newsInfo ul li{
	width:100%;
	overflow:hidden;
	border-bottom:1px dashed #ccc;
	padding:1% 0;
}
.newsInfo ul li:last-child{
	border-bottom:none;
}
.newsDate{
	display:block;
	width:100%;
	padding: 0;
	font-size:85%;
	color:#666;
}
.newsTitle{
	display:block;
	width:100%;
	padding: 0;
}
.newsTitle a{
	color:#111;
}
.newsTitle a:hover{
	color:#890937;
}
.tnR{
	float:right;
	width:36%;
}
.tnR img{
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}
.newsBtn{
	clear:both;
	overflow:hidden;
	margin:20px 0 0 0;
	width:100%;
}
.newsMore{
	width:15%;
	float:right;
	position:relative;
	text-align:right;
}
.newsMore a{
	width:100%;
	display:block;
	position:relative;
	width:100%;
	color:#111;
	font-size:95%;
	transition: all 0.3s;
	z-index:100;
	font-family: 'Lora', serif;
}
.newsMore a i{
	padding-right:4%;
	color:#890937;
}
.newsMore a:hover{
	color:#890937;
}
.newsMore a:hover i{
	transform: translateX(3px);
	-moz-transform: translateX(3px);
	-webkit-transform: translateX(3px);
	transition-duration: .3s;
}
.newsMore a::after {
  border-bottom: solid 1px #890937;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
.newsMore a:hover::after {
  width: 100%;
}

.newsMore2{
	width:10%;
	float:right;
	position:relative;
	text-align:right;
}
.newsMore2 a{
	width:100%;
	display:block;
	position:relative;
	width:100%;
	color:#fff;
	font-size:100%;
	transition: all 0.3s;
	z-index:100;
	font-family: 'Lora', serif;
}
.newsMore2 a i{
	padding-right:4%;
	color:#890937;
}
.newsMore2 a:hover{
	color:#fff;
}
.newsMore2 a:hover i{
	transform: translateX(3px);
	-moz-transform: translateX(3px);
	-webkit-transform: translateX(3px);
	transition-duration: .3s;
}
.newsMore2 a::after {
  border-bottom: solid 1px #fff;
  bottom: 0;
  content: "";
  display: block;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
.newsMore2 a:hover::after {
  width: 100%;
}
#topbnrWrap{
	width:1140px;
	overflow:hidden;
	margin:0 auto;
	padding:0 0 80px;
}
.bnrInfo {
    margin: 80px 0 0;
	display:flex;
	justify-content: space-between;
}
.bnrI-01img {
	justify-content: center;
}
.bnrI-01img .bnrInfo-lt{
  max-width: 450px;
  width: 100%;
}
.bnrCon-jhs #topbnrWrap{
  padding:0px !important;
}
.bnrC-gakuen .bnrInfo {
  margin: 60px 0 0;
}
.bnrC-gakuen #topbnrWrap{
  padding: 0 0 60px !important;
}
.bnrInfo-lt {
	width:32%;
}
.blt-y {
    position: relative;
    width: 100%;
    height: 0;
    padding: 56.2% 0px 0 0px;
    margin: auto;
}
.blt-y iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.brt-top{
/*
    margin:0 0 20px;
*/
}
.bnrInfo-rt {
	margin:0 1%;
}

@media screen and (max-width: 1160px) {
#topNewsWrap{
	width:90%;
	padding:80px 0;
}
#topbnrWrap {
    width: 94%;
    margin: 0 auto;
}
}

@media screen and (min-width: 751px) and (max-width: 1000px) {
.newsMore{
	width:20%;
}
}

@media screen and (max-width: 850px) {
.tnBtnOne{
	float:left;
	width:50%;
	position:relative;
}
.tnBtnOne:nth-child(2n+1){
	clear:both;
}
.tnBtnOne:nth-child(3n+1){
	clear:inherit;
}
.tnbMainPic{
   width: auto;
  height:auto;
}
.newsMore2{
	width:15%;
}
.newsMore2 a{
	color:#111;
}
.newsMore2 a:hover{
	color:#890937;
}
.newsMore2 a::after {
  border-bottom: solid 1px #890937;
}
/*
.bnrInfo-lt{
	width: 45.5%;
    float: left;
    margin: 0 1.5% 0 3%;
}
.bnrInfo-rt{
	width: 45.5%;
    float: right;
    margin: 0 3% 0 1.5%;
}
*/
#topbnrWrap {
  	width: 90%;
    padding: 20px 0 80px;
}
}
@media screen and (max-width: 750px) {
.newsInfo{
	float:none;
	width:100%;
	margin:0 0 25px 0;
}
.tnR{
	float:none;
	width:100%;
}
/*
.bnrInfo-lt{
	width: 95%;
	margin: 10px auto 20px;
	float: none;
}
.bnrInfo-rt{
	width: 95%;
	margin: 10px auto 20px;
	float: none;
}
*/
.bnrInfo {
	display:block;
}
.bnrInfo-lt,.bnrI-01img .bnrInfo-l{
	max-width:400px;
	width:90%;
	margin:0 auto 20px;
}
}
@media screen and (max-width: 640px) {
#topNewsWrap{
	padding:30px 0 60px;
}
.newsMore2{
	width:25%;
}
#topbnrWrap {
    padding: 20px 0 60px;
}
}
@media screen and (max-width: 480px) {
.tnbMidashi {
    top: 42%;
}
.tnbMainTtl{
	font-size:110%;
	line-height:130%;
}
.tnbMainSubTtl{
	font-size:80%;
}
#topbnrWrap {
   padding: 10px 0 40px;
}
}

/******************
フッター(中部)[共通]
******************/

.footer{
	position:relative;
	width:100%;
	overflow:hidden;
	background:#f4e6eb;
	padding:60px 0;
}
.footerUp{
	width:100%;
	padding:0 0 50px 0;
	clear:both;
}
.footerWaku{
	width:1140px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}
.footerBnr{
	width:100%;
	overflow:hidden;
}
.footerBnr ul li{
	width:22%;
	margin:0 4% 0 0; 
	float:left;
}
.footerBnr ul li:last-child{
	margin:0; 
	float:right;
}
.footerBnr ul li a{
	display:block;
	padding:20px 0;
	text-align:center;
	background:#fff;
	color:#890937;
	color:#111;
   border: 0.5px solid #890937;
}
.footerBnr ul li a:hover{
	color:#ffffff;
	background:#890937;
	border: 0.5px solid #ffffff;
}
.footerBnr ul li{
	text-decoration:none;
	display:inline-block;
	position:relative;
}
.footerBnr ul li::before,
.footerBnr ul li::after{
	content:"";
	display:block;
	position:absolute;
}
.footerBnr ul li::before{
	border-right: 2px solid #890937;
	border-top: 2px solid #890937;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
	right: 0;
	top: 50%;
	margin-top: -4px;
	right: 10%;
}
.footerBnr ul li:hover::before{
	border-right: 2px solid #ffffff;
	border-top: 2px solid #ffffff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.footerUnder{
	width:100%;
	overflow:hidden;
}
.footerL{
	float:left;
	width:30%;
}
.footerMidashi{
	font-family: 'Lora', serif;
	font-size:120%;
	margin-bottom:10px;
}
.footerAdd{
	width:100%;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}
.footerAddOne{
	width:100%;
	padding:5px 0;
}
.faddName{
	font-size:90%;
}
.fadd{
	font-size:80%;
	line-height:140%;
}
.fadd br{
	display:none;
}
.faddTel{
	font-size:80%;
	line-height:140%;
}
.faddTel a{
	color:#333;
	cursor:default;
}
.footerR{
	float:right;
	width:65%;
	margin-top:40px;
}
.footerMenu{
	float:left;
	width:21%;
	font-size:80%;
	overflow:hidden;
	border-right:1px solid #ccc;
	padding:0 2%;
	height:115px;
}
.footerMenu:last-child{
	float:right;
	border-right:none;
	padding:0 1% 0 2%;
}
.footerMenu a {
	color:#333;
}
.footerMenu ul li{
	width:100%;
}
.footerMenu ul li a:hover{
	color:#890937;
}
.footerMenu ul li ul{
	margin:0 0 0 5px;
}
.footerMenu ul li ul li{
	padding-left:10px;
	position:relative;
}
.footerMenu ul li ul li::after{
    display: block;
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 4px;
    height: 4px;
    background-color: #333;
    border-radius: 100%;
}
.copyWaku{
	clear:both;
	width:100%;
	background: #890937;
	padding:25px 0 3px 0;
}
.footerLogo{
	width:12%;
	margin:0 auto 15px auto;
}
.footerLogo img{
	max-width:100%;
	margin:0 auto;
	height:auto;
	display:block;
}
.copy{
	font-size:65%;
	text-align:center;
	color:#fff;
}

.fNakaMenu{
  	 width: 1140px;
	margin: 0 auto 30px;
	overflow: hidden;
	position: relative;
	padding: 0 0 30px 0;
	border-bottom: 2px dotted #bd9ca8;
	line-height: 30px;

}
.fnmTantai{
	width:100%;
	overflow:hidden;
}
.fnmTantai ul li{
	width:17%;
	float:left;
}
.fnmTantai ul li a{
	width:100%;
	display:block;
	font-size:90%;
}
.fnmTantai ul li i{
	padding-right:3%;
}
.fnmTantai2{
	width:100%;
	overflow:hidden;
}
.fnmTantai2 ul li{
	width:15%;
	float:left;
}
.fnmTantai2 ul li a{
	width:100%;
	display:block;
	font-size:90%;
}
.fnmTantai2 ul li i{
	padding-right:3%;
}
.fnmKoumoku{
	clear:both;
	width:17%;
	padding-top:8px;
}
.fnmKoumoku a{
	width:100%;
	display:block;
	font-size:90%;
}
.fnmKoumoku i{
	padding-right:3%;
}
.fnmKoumokuSub{
	width:98%;
	overflow:hidden;
	margin:0 0 0 1%
}
.fnmKoumokuSub ul li{
	width: 11%;
    float: left;
}
.fnmKoumokuSub ul li:nth-child(7){
	width:20%;
}
.fnmKoumokuSub .koumokuSub-long{
	float:left;
	width: 15%;
}
.fnmKoumokuSub ul li a{
	width:100%;
	display:block;
	font-size:85%;
	line-height:150%;
}
.fnmKoumokuSub ul li i{
	padding-right:3%;
}
/***************
PDF[共通]
***************/
.pdf-txt{
	width: 1140px;
	overflow: hidden;
	clear: both;
	margin: 0 auto;;
}
.pdf-lt{
    float: left;
    width: 15%;
    margin: 10px;
}
.pdf-rt{
   font-size: 75%;
	line-height: 20px;
	padding: 10px;
	color: #4A4A4A;
}

@media screen and (min-width: 851px) and (max-width: 1160px){
.footer{
	padding:40px 0;
}
.footerWaku{
	width:90%;
}
.fNakaMenu{
  width:90%;
}
.fnmTantai ul li , .fnmTantai2 ul li{
    width: 20%;
}
.fnmKoumokuSub ul li {
    width: 200px;
	margin-bottom: 10px;
}
.fnmKoumokuSub ul li:nth-child(7){
	width:220px;
}
.fnmKoumokuSub .koumokuSub-long {
    width: 200px;
}
.footerBnr ul li {
    width: 45%;
    margin: 1% 2%;
    float: left;
}
.footerBnr ul li:last-child {
    margin: 1% 2%;
    float: left;
    width: 45%;
}
}
@media screen and (min-width: 851px) and (max-width: 1000px){
.footerMenu {
    font-size: 70%;
}
}
@media screen and (max-width: 850px) {
.footer {
	 padding:35px 0;
}
.footerUp{
	padding:0 0 10px 0;
}
.footerWaku{
	width:90%;
}
.footerBnr ul li a{
	width:100%;
	display:block;
	padding:15px 0;
	text-align:center;
	background:#fff;
	color:#111;
}
.footerUnder{
	width:100%;
	padding:10px 0 0 0;
}
.footerL{
	float:none;
	width:100%;
}
.footerR{
	display:none;
}
.footerMidashi{
	margin-bottom:0;
}
.footerAddOne{
	float:left;
	width:48%;
}
.footerAddOne:nth-child(2n){
	float:right;
}
.copyWaku{
	padding:20px 0 3px 0;
}
.footerLogo{
	width:30%;
	padding: 5px 0 10px 0;
}
.footerLogo img{
	max-width:100%;
	margin:0 auto;
	display:block;
	height:auto;
}
.fNakaMenu{
	display:none;
}
.footerBnr ul li {
    width: 45%;
    margin: 1% 2%;
    float: left;
}
.footerBnr ul li:last-child {
    margin: 1% 2%;
    float: left;
    width: 45%;
}
.pdf-txt {
    width: 100%;
    margin: 10px auto 0;
}
.pdf-lt {
    width: 27%;
}
.pdf-rt {
    width: 66%;
    float: right;
    padding: 1%;
}
}
@media screen and (max-width: 560px) {
.footerAddOne{
	float:none;
	width:100%;
}
.footerAddOne:nth-child(2n){
	float:none;
}
.footerBnr ul li {
    width: 90%;
	margin: 10px auto 20px;
	float: none;
	display: block;
}
.footerBnr ul li:last-child {
     width: 90%;
	margin: 10px auto 20px;
	float: none;
	display: block;
}
.pdf-lt {
    width: 100%;
    float: none;
}
.pdf-rt {
    width: 100%;
    float: none;
    padding: 1%;
}
.infoMore,.newsMore  {
    width: 20%;
}
}
@media screen and (max-width: 480px) {
.footerBnr ul li{
	font-size:90%;
}
.footerLogo{
	width:50%;
	padding: 5px 0;
	margin:0 auto 5px auto;
}
.infoMore,.newsMore {
    width: 40%;
	font-size: 110%;
}
}

/******************
フッター(下)[共通]
******************/

#pageTopBtn{
	clear:both;
	z-index:9000;
	display:block;
	position: fixed;
	bottom: 15px;
	right: 15px;
}

@media screen and (max-width: 850px) {
#pageTopBtn{
	    bottom: 0;
    right: -73px;
}
#pageTopBtn img{
	width:40%;
}
}

/*edge*/
@supports (-ms-ime-align:auto) {
 body{
	font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, 'Kosugi Maru', 'Noto Sans JP',游ゴシック, YuGothic, Helvetica,Arial, sans-serif;
}
.topMidashi , .topMidashi2{
  font-family:'Kosugi Maru', 'Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, 游ゴシック, YuGothic, Helvetica,Arial, sans-serif;
}
.tcnOneL ul li a , .tcnOneR ul li a {
    font-family:'Kosugi Maru', 'Noto Sans JP',"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, 游ゴシック, YuGothic, Helvetica,Arial, sans-serif;
}
}
/******************
404エラー
******************/
.txt404{
	
}
.txt404 p{
	
}
.pagetra_box{
    margin: 30px auto;
    text-align: center;
    font-size: 105%;
}
.tra-mi{
    font-weight: 600;
}
.tra-txt a{

}
@media print{

body{
	width:100%;
}

#wrapperTop,#wrapper{
	padding-top:0;
	width:1140px;
	margin:0 auto;
}
#header-main {
    width: 1140px;
    margin: 0 auto;
}
.header {
    width: 100%!important;
}
.headerLogo {
    margin: 1.25% 6% 0 1%!important;
}
.topMainBtn {
    width: 90%!important;
}
#topInfoWrap, #topInfoWrapJhs , #topInfoWrapGra{
    width: 1000px!important;
}
.footerWaku {
   width: 90%!important;
}
.headerMenu {
    width: 54%;
}
#headerUp{
	width:70%;
}
.mainBtn {
    bottom: 120px;
}
.box1,.box2{
	opacity: 1!important;
}
#wrapperTop .main {
    width: 1000px!important;
}
#wrapperTop .main2 {
     width: 1000px!important;
}
#wrapper .main , #wrapper .mainP40{
    width: 1040px!important;
}
.bread {
    width: 98%;
}
.footerL {
    width: 24%!important;
}
.footerR {
    width: 70%!important;
}
.footerW {
    width: 98%!important;
}
.footerMenu {
    width: 21%;
}

#footerMenuBox{
	width:84%;
}

.headerWakuJhs , .headerWakuHs{
    height: 86vh!important;
}
#topInfoWrapJhs {
    top: 60%;
}
#topNewsWrap {
  width: 90%!important;
}
.fNakaMenu {
     width: 90%!important;
}
}

@page{
	margin: 16mm 10mm;
}

@-moz-document url-prefix(){
@page{
	margin: auto;
}
}

@media screen and (-webkit-min-device-pixel-ratio:0){
@page{
	margin: auto;
}
}

/*タブ*/
.tab-group{
	display: flex;
	justify-content: center;
	color:#fff;
}
.topInfo .tab-group li{
	border-bottom:none;
}
.tab{
	flex-grow: 1;
	padding:5px;
	list-style:none;
	text-align:center;
	cursor:pointer;
	margin:1px;
}
.topInfo .tab-group li.tab-color1{
	color:#e48e00;
	border:2px solid #e48e00;
	font-weight:500;
}
.topInfo .tab-group li.tab-color1.is-active{
	color:#fff;
	background-color:#e48e00;
}
.topInfo .tab-group li.tab-color2{
	color:#86b81b;
	border:2px solid #86b81b;
	font-weight:500;
}
.topInfo .tab-group li.tab-color2.is-active{
	color:#fff;
	background-color:#86b81b;
}
.topInfo .tab-group li.tab-color3{
	color:#009140;
	border:2px solid #009140;
	font-weight:500;
}
.topInfo .tab-group li.tab-color3.is-active{
	color:#fff;
	background-color:#009140;
}
.topInfo .tab-group li.tab-color4{
	color:#0097db;
	border:2px solid #0097db;
	font-weight:500;
}
.topInfo .tab-group li.tab-color4.is-active{
	color:#fff;
	background-color:#0097db;
}
.topInfo .tab-group li.tab-color5{
	color:#d7004a;
	border:2px solid #d7004a;
	font-weight:500;
}
.topInfo .tab-group li.tab-color5.is-active{
	color:#fff;
	background-color:#d7004a;
}
.new-info{
	background-color:#e48e00;
}
.school-event{
	background-color:#86b81b;
}
.exam-info{
	background-color:#009140;
}
.club-activities{
	background-color:#0097db;
}
.other{
	background-color:#d7004a;
}
.panel-group{
	padding:2%;
}
.panel{
	display:none;
}
.topInfo .tab-group li.tab.is-active{
	opacity:1;
	transition: all 0.2s ease-out;
}
.panel.is-show{
	display:block;
}
@media screen and (max-width: 480px) {
.topInfo .tab-group li.tab{
	font-size:3vw;
}
}
.block-none{
	display:none !important;
}