@charset "utf-8";
/* 変数 start*/
:root{
	--mainColor:#aa0003;
	--subColor:#e30012;
	--lightRed:#e70000;
	--orange:#ff9900;
	--yellow:#ffc900;
	--green:#7fbc26;
	--pink:#f16ea6;
	--spMainTitle:18px;
	--spMainTitleSub:14px;
	--tabMainTitle:27px;
	--tabMainTitleEng:25px;
	--mainTitle:24px;
	--mainTitleEng:27px;
	--mainShadow:0px 4px 0px 0px rgba(76,94,136,0.6);
	--subShadow: 0px 4px 0px 0px rgba(173,74,0,0.6);
	--yellowShadow:0px 4px 0px 0px rgba(177,147,0,1);
	--greenShadow:0px 4px 0px 0px rgba(64,163,187,1);
	--pinkShadow:0px 4px 0px 0px rgba(184,72,122,1);
}

/* 変数 end*/

/* 基本 start */
html body #top-head .kokojukuGroup-under a.mobileTopBar-anchor{
	font-size: 12px;
}
.mobileTopBar-anchor{
	transition: .6s;
	text-decoration: none;
}
html body #top-head a.mobileTopBar-anchor:hover{
	text-decoration: underline;
}
button{
	background-color: unset;
}


html .bgNone{
	background: none;
}
	
.logoWrapper img{
	height: 100%;
}

.right{
	margin: 0 0 0 auto;
}
	
.left{
	margin: 0 auto 0 0 0;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
	width:100%;
	font-size: 0;
	color: #454545;
}

.oswald{
	font-family: 'Oswald', sans-serif;
}

.ropa{
	font-family: 'Ropa Sans', sans-serif;
}
	
.mincho{
	font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
}

.pr{
	position: relative;
}
	
.smallEmg{
	font-size: 17px;
    letter-spacing: -.05em;
    margin-left: -0.07em;
}

.rod{
	vertical-align: 2px;
}

.sRod{
	vertical-align: 1px;
}
			
a {
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	cursor: pointer;
}

a[href^="tel:"] { cursor: default; }

.centering{
	text-align: center;
}

.centeringXY{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	width: 100%;
}

.centeringX{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%); 
	width: 100%;
}

.centeringY{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%); 
	width: 100%;
}

.dib{
	display:inline-block;
}

.db{
	display: block;
}

.pc3Division{
	display: inline-block;
}

a {
	text-decoration: none;
	color:#321815;
	border-bottom: 0; 
}

html body a:link {
	text-decoration: none;
	border-bottom: 0; 
}

html body a:visited {
	text-decoration: none;
	border-bottom: 0; 
}

html body a:hover {
	text-decoration: none;
	border-bottom: 0; 
}

html body a:active {
	text-decoration: none;
	border-bottom: 0; 
}

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

.tac{
	text-align: center;
}

html .tal{
	text-align: left;
}

#wrapper .mt0{
	margin-top: 0px;
}

html .mt1{
	margin-top: 1px;
}

.mt20{
	margin-top: 20px;
}

#wrapper .mt32{
	margin-top: 32px;
}

html .mt50{
	margin-top: 50px;
}

.mt60{
	margin-top: 60px;
}

#wrapper .lastBnr{
	margin-top: 10px;
}

#wrapper .mb18{
	margin-bottom: 18px;
}


.fwb{
	font-weight: 600;
}
	
.ml20{
	margin-left:20px;
}


.nTitle{
	font-size: 22px;
    color: #011b56;
    font-weight: bold;
    margin-top: 28px;
    }

.nTxt{
	font-size:14px;
    margin-top: 5px;
    color:#222;
    line-height:25px;
}

.smallTxt{
	font-size:12px;
    color:#333;
    line-height:18px;	
}

.df{
	display: block;
}

.centerImg{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	width: 100%;
}
		
.boldTxt{
	font-weight: 600;
	font-size: 15px;
	color: #454545;
    line-height: 26px;
}
	
.hFont{
	font-family:Roboto, "Droid Sans", Helvetica, Arial, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

hr.bluePatation{
	margin:20px 0;
	border:solid #004480;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
}

hr.bluePatationPlenty{
	margin:50px 0;
	border:solid #004480;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
}

hr.whitePatation{
	margin:20px 0;
	border:solid #fff;
	border-width:1px 0 0 0;
	height:1px;/* for IE6 */
	clear:both;/* for IE6 */
}

.shiroBlock {
	opacity: 1;
	transition: 0.3s;
	display:block;
	cursor: pointer;
}

.shiroBlock:hover {
	opacity: .7;
	cursor: pointer;
}

.shiroInlineBlock {
    opacity: 1;
	transition: 0.3s;
	display:inline-block;
	cursor: pointer;
}

.shiroInlineBlock:hover {
	opacity: .7;
	cursor: pointer;
}

.forcenterd{
	position: absolute;
	left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	width: 100%;
}

#wrapper .buttonCentering{
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 320px;
}

.buttonRadius.whitePack:hover .icon{
	background-image: url(../img/icon/iconYotsumeWhite.svg);
}

.telTrans{
	transition: 0.6s;
	display:inline-block;
	cursor: pointer;
}

.telTrans:hover .telButton{
    background-color:#9cd13f;
	box-shadow: 0px 15px 0px 0px rgba(126,155,19,1);
}

.webTrans{
	transition: 0.3s;
	display:inline-block;
	cursor: pointer;
}

.webTrans:hover .webButton{
    background-color:#f9ac46;
	box-shadow: 0px 15px 0px 0px rgba(209,118,29,1);
}


html body .triangle{
    width: 9px;
    position: absolute;
    top: 13px;
    left: 7px;
}

.nTriangle{
    width: 9px;
}

.mobileHide{
	display: none;
}

html body .mobileHideStrong{
	display: none;
}

.pcAppear{
	display: none;
}

.tabletAppear{
	display: none;
}
	
.coursePatation{
    margin: 0 5%;
    border:solid #dcdcdc;
	border-width:1px 0 0 0;
	/* irannotyau
	height:1px;
	clear:both;
	for IE6 */
	
}

.w100{
	width: 100%;
}

.w100Cover{
	width: 100%;
	height: 100%;
	  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}

.w100Cover.vBottom{
    object-position: 0 0%;
}
	
footer{
	font-size: 14px;
	color: #fff;
	text-align: center;
    padding: 38px 0 70px;
}	

.footerTitle{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: .1em;
    margin-bottom: 9px;
}

.title18{
	font-weight: 600;
	font-size: 18px;
	margin: 20px 0 3px;
	}
	
.footerLink a{
    color: #fff;
    display: inline;
    line-height: 32px;
}

.telButton{
	top: 0;
	left: 0;
	transition: .3s;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    background-color: #7fbc26;
    text-align: center;
    padding: 10px 0 6px;
    box-shadow: 0px 5px 0px 0px rgba(105,140,0,1);
    width: 100%;
    display: inline-block;		
    margin-bottom: 4px;
}

.telTrans:hover > .telButton{
    left: 0;
    top:4px;
}

.telButton p{
    margin-bottom: 3px;
    display: inline-block;
    line-height: 20px;
}

.webButton{
	top: 0;
	left: 0;
	transition: .3s;
    position: relative;
    font-size: 17px;
    font-weight: 600;
    color: #fff;
    background-color: #ff9900;
    text-align: center;
    padding: 10px 0 6px;
    box-shadow: 0px 5px 0px 0px rgba(189,105,0,1);
    width: 100%;
    display: inline-block;	
    margin-bottom: 4px;
}

.webTrans:hover > .webButton{
    left: 0;
    top:4px;
}

.webButton p{
    margin-bottom: 3px;
    display: inline-block;
    line-height: 20px;
}

.mobileAppear{
	display: inline-block;	
}

.tabletHide{
	display: inline-block;
}

.smallH1{
    margin-left: 7px;
   	font-size: 14px;
	color:#5783aa;
}

html .subPage{
    background-color: #aa0003;
    color: #fff;
    font-size: 19px;
    width: 100%;
    padding: 5px 0 5px 5%;
}

html .subPage h1{
    font-weight: 600;
}

html body .custom-header{
	margin: 0;
}

.oh{
	overflow: hidden;
}

.fr{
	float: right;
	}
	
.spMenuImg{
	width: 28px;
    position: absolute;
    top: 16px;
    left: 7px;
}

.fullWidth{
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.whiteSpace{
	background-color: #fff;
    padding: 18px;
    margin-top: 32px;
}

.ring{
	width: 23px;
    position: absolute;
    left: 11px;
    top: 8px;
}

.pcHead-li:hover{
	transition: .6s;
}

.pcHead-li a{
	transition: .6s;
}	

 #top-head .pcHeadGroupUnder li.pcHead-li:hover > a{
	color:#aa0003;
}	

.courseContent{
	width: 100%;
}

.detailButton{
	transition: .3s;
}

.courseDetailWrapper{
	transition: .3s;
}
			
.courseDetailWrapper:hover > .detailButton{
	background-color: #ffe9e7;
	color: #aa0003;
}
	
.kids-blog .buttonRadius{
	width: 360px;
}

.kids-blogDate{
	color: #595959;
	font-size: 14px;
    background-color: #fff;
    padding: 5px 12px 13px;
    }

.kids-blogCate a{
    font-weight: bold;
    font-size: 12px;
    background-color: #3c3c3c;
    color: #fff;
    padding: 2px 12px;
    margin: 6px 6px 6px 0;
    transition: .3s;
    display: inline-block;
}	

.kids-blogCate a:hover{
	background-color: #c7c7c7;
    color: #000;
}

.kids-blog .blogPageTitleTxt{
}	
	
.kids-blogCate{
	background-color: #fff;
    padding: 2px 12px;
    margin-top: 0;
    margin-bottom: 0;
}	
	
.kids-blog .blogDetail span{
	display: block;
}
.educationInfo .blogDetail{
	filter: drop-shadow(2px 4px 6px #c1c1c1);
}
.kids-blog .blogDetail span.blogImgTxt{
	display:flex;
}	
html .kidsRokuButton{
	width: 330px;
}
	
html .transferBnr{
	margin-bottom: 40px;
}

.maxPoint-parent{
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}
	
.maxPoint{
	width:100%;
	height:100%;
    position: absolute;
}

a.anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}
.educationInfo .sectionTitle{
	color: #aa0003;
}
.educationInfo .sectionTitleSub{
	color: #434343;
}
.educationInfo{
	border-bottom: 1px solid #dadada;
}

.educationInfo .blogTitles{
	padding: 0 0 7px;
}
.newSchoolAfter {
	margin-bottom: 42px;
}
.newSchoolAfter-title{
	margin-bottom: 4px;
	font-size: 17px;
	font-weight: 600;
	color: #aa0003;
}
.newSchoolAfter img{
	max-width: 100%;
}
@media screen and (min-width:600px) and ( max-width:979px) {
	button.spHeaderTelWrapper{
		display: none;
	}
		
	html body .mobileHideStrong{
		display: inline-block;
	}
	
	html .subPage{
	    padding: 12px 0;
	    font-size: 22px;
	}
	
	html .subPage h1{
		width: 90%;
	    margin: 0 auto;
	}
	
	.mobileHide{
		display: inline-block;
	}
	
	.pc3Division{
		display: none;
	}

	.mobileAppear{
		display: none;	
	}

	.tabletAppear{
		display: inline-block;
	}

	.tabletHide{
		display:none;
	}
	
	footer{
	    padding: 38px 0 94px;
	}
	
	.df{
		display: flex;
		justify-content: space-between;
	}
	
	.telTrans:hover > .telButton{
	    left: 0;
	    top:7px;
	}

	.webTrans:hover > .webButton{
	    left: 0;
	    top:7px;
	}
	
	#wrapper .lastBnr{
		margin-top: 30px;
	}

}

@media screen and (min-width: 980px) {
	html body .mobileHideStrong{
		display: inline-block;
	}

	html body .pcBgLightGray{
		background-color: #f3f3f3;
	}
	
	html .subPage{
	    padding: 19px 0;
	    font-size: 30px;
	}
	
	html .subPage h1{
		width: 980px;
	    margin: 0 auto;
	}
	html .pc3Division{
		display: flex;
		justify-content: space-between;
	}
	
	.pc3Division-inner{
		flex-basis: 30%;
	}
		    
	.mobileHide{
		display: inline-block;
	}
	
	.pcAppear{
		display: inline-block;
	}
	
	.mobileAppear{
		display: none;	
	}
		
	.pcHide{
		display: none;
	}

	.tabletAppear{
		display: none;
	}
	
	.tabletHide{
		display: inline-block;
	}
	
	#wrapper .course{
		background-color: #ededed;
	}

	.coursePatation.campaignPatation{
	    margin: 0;
	    border:solid #aa0003;
		border-width:2px 0 0 0;
		height:1px;/* for IE6 */
		clear:both;/* for IE6 */
	}
	
	.pcJizume{
	    letter-spacing: -0.15em;
    }
    
    html body .triangle{
        margin-bottom: -1px;
        top: 8px;
    }

	html .smallH1 {
	    margin-left: 11px;
	    font-size: 19px;
    }
    
	.df{
		display: flex;
		justify-content: space-between;
	}
    
	.telTrans:hover > .telButton{
	    left: 0;
	    top:7px;
	}

	.webTrans:hover > .webButton{
	    left: 0;
	    top:7px;
	}

	.kids-blog .buttonRadius{
		width: 330px;
	}
	
	html .kids-blog .blogDetail{
		margin-top: 0;
	}	

	.kids-blog .blogDetail span.blogImgTxt {
	    display: block;
	}

	#wrapper .lastBnr{
		margin-top: 24px;
	}
}

/* 基本 end */


/* ローディング画面の背景 */
.loader {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0px;
  left: 0px;
  background: #011b56;
  z-index: 9999;
}

/* アニメーション */
.loader-inner {
  position: absolute;
   top : 48% ; /* IE8以下とAndroid4.3以下用フォールバック */
   top : -webkit-calc(50% - 50px) ;
   top : calc(50% - 50px) ; 
   left : 48% ; /* IE8以下とAndroid4.3以下用フォールバック */
   left  : -webkit-calc(50% - 50px) ;
   left  : calc(50% - 50px) ; 
  /*-webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  color: #fff;
}
@keyframes ball-scale-ripple-multiple {
  0% {
    transform: scale(0.1);
    opacity: 1; }
  50% {
    transform: scale(1);
    opacity: 0.7; }
  100% {
    opacity: 0.0; } }

.ball-scale-ripple-multiple {
  position: relative;
  transform: translateY(-20px); }
  .ball-scale-ripple-multiple > div:nth-child(0) {
    animation-delay: -0.8s; }
  .ball-scale-ripple-multiple > div:nth-child(1) {
    animation-delay: -0.6s; }
  .ball-scale-ripple-multiple > div:nth-child(2) {
    animation-delay: -0.4s; }
  .ball-scale-ripple-multiple > div:nth-child(3) {
    animation-delay: -0.2s; }
  .ball-scale-ripple-multiple > div {
    animation-fill-mode: both;
    position: absolute;
    top: -2px;
    left: -26px;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    border: 2px solid #fff;
    animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8); 
  }


/* ローディングend */

/* #menu(フローティングメニュー) start */
html body .sMt13{
	margin-top:13px;
}

.spInMenu{
	display: flex;
    width:100%;
	margin: 0 auto;
    margin-bottom: 8px;
}
	
.inMenu{
	display: none;
}

.spInMenu .triangle{
    top: 16px;
}
	
.aMenu{
	overflow:hidden;
}

.aMenu-left{
	flex-basis: 50%;
}
	
.aMenu-right{
	flex-basis: 50%;
}
/*
.aMenu img{
	width:100%;
}
*/
#question{
	background-color:var(--yellow);
}
      
#question p{
}

#question img{
    }

#question:hover{
	background-color:#f9de7b;
	box-shadow: 0px 4px 0px 0px rgba(177, 165, 24, 1);
}

#document{
	background-color:#7fbc26;
}
      
#document p{
}

#document img{
}

#document:hover{
	background-color:#8ff1df;
	box-shadow: 0px 4px 0px 0px rgba(90, 191, 173, 1);
}

#experience{
	background-color:var(--pink);
}
      
#experience p{
}

#experience img{
    }

#experience:hover{
	background-color:#f8c5d2;
	box-shadow: 0px 4px 0px 0px rgba(228, 136, 175, 1);
}

html body .w15{
	width:15%;
}

.inMenuDetail{
    transition: .3s;
	float:left;
	color:#fff;
    width: 33.3333333%;
	letter-spacing: -1px;
	position:relative;
	font-size:19px;
    padding: 6% 0;
    cursor: pointer;
	
	}
	
.inMenuDetail .inMenuDetail-txt{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.redBall{
	width: 8px;
	margin-right: 3px;
    margin-bottom: 1px;
}

.ball{
    width: 17px;
    margin-right: 0px;
    margin-bottom: -3px;
}
	
@media screen and (min-width:600px) and (max-width: 979px) {
	.spInMenu{
		display: none;
	}
	
	.inMenu .triangle{
		top:10px;
	}

	.inMenu{
	    margin: 0 auto;
	    display: inline-block;
	    width:100%;
	    background-color: rgba(255,255,255,.4);
	    padding: 5px 0 12px;
        }

	#question p {
	    width: 100%;
	    transform: translateY(-50%) translateX(-50%);
	    -webkit-transform: translateY(-50%) translateX(-50%);
    }
    
    html .inMenu img.triangle{
	    left: 7px;
    }
   
	#question{
		box-shadow: var(--yellowShadow);
	}
	
	#document{
		box-shadow: var(--greenShadow);
	}

	#experience{
		box-shadow: var(--pinkShadow);
	}

	.inMenuDetail{
		font-size:23px;
		padding: 31px 0;
		font-weight: 600;
	}

	.inMenuInner{
		width: 90%;
		display: flex;
		margin: 0 auto;
	    justify-content: space-between;
    }
	
	.aMenu-left {
	    flex-basis: 49.5%;
	}
	
	.aMenu-right {
	    flex-basis: 49.5%;
	}
}

@media screen and (min-width: 980px) {
	.junior-hirakata .whiteComment{
    display: flex;
    justify-content: space-between;
    align-items: center;
	}
	.spInMenu{
		display: none;
	}
		
	.inMenu{
		display: inline-block;
	    width: 100%;
	    background-color: rgba(255,255,255,.4);
	    padding: 6px 0 13px;
    }
	
	.inMenuDetail{
		font-size: 22px;
		padding: 31px 0;
		font-weight: 600;
	}
		
	#question{
		color: #aa0003;
		box-shadow: var(--yellowShadow);
	}

	#document{
		color: #aa0003;
		box-shadow: var(--greenShadow);
	}

	#experience{
		color: #aa0003;
		box-shadow: var(--pinkShadow);
	}
	
	html #top-head .inner{
		width:980px;
	}
	
	.inMenuInner{
		width: 980px;
		display: flex;
		margin: 0 auto;
	    justify-content: space-between;
    }
	
	.aMenu-left {
	    flex-basis: 49.5%;
	}
	
	.aMenu-right {
	    flex-basis: 49.5%;
	}
	
	
}
/* #menu end */

/* トップへ戻る start */
.page-top{
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p{
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 16px ;
	bottom: 16px ;
	right: 5%;
    bottom: 86px;
	z-index: 10000;
}
 
.move-page-top{
	display: block ;
	width: 50px ;
	height: 50px ;
	color: #fff ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;
	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}

.move-page-top:hover{
	opacity: 0.85 ;
}
/* トップへ戻る end */

/* ハンバーガー変形Gnavi start */
html body .logo img{
	width: 300px;
    margin-top: 2px;
}

.inner {
    width: 980px;
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}

@media screen and (max-width:600px){
	html body .logo img{
		max-width: 90%;
	}
	
} 

/* success cate erase */
body article.category-success-yamashina, body article.category-success-higashino, body article.category-success-nagitsuji, body article.category-success-ono,  body article.category-success-rokujizo{
	display: none;
}

body.single-post article.category-success-yamashina, body.single-post article.category-success-higashino, body.single-post article.category-success-nagitsuji, body.single-post article.category-success-ono, body.single-post article.category-success-rokujizo{
	display:block;
}

body.archive.category-39 article.category-success-yamashina, body.archive.category-41 article.category-success-higashino, body.archive.category-42 article.category-success-nagitsuji, body.archive.category-43 article.category-success-ono, body.archive.category-44 article.category-success-rokujizo{
	display:block;
}
/* success cate erase end */


/* header */
#top-head #global-nav ul li a.navSelected, #top-head.fixed #global-nav ul li a.navSelected{
	color:var(--subColor);
}
	
html #top-head {
    width: 100%;
    line-height: 1;
    z-index: 999;
}
html body #top-head a,
html body #top-head {
    color: #fff;
    text-decoration: none;
}

#top-head .inner {
    position: relative;
    width: 100%;
}

html body #top-head .logo {
		height: auto;
    float: left;
    font-size: 36px;
    display: inline-block;
}

html body #global-nav ul {
    list-style: none;
    position: absolute;
    right: 0;
    top: 23px;
    font-size: 14px;
}

html body #global-nav ul li {
    float: left;
}

html body #global-nav ul li a {
    padding: 35px 20px 20px;
    color:#333;
}

html body html #global-nav ul li.school a {
    background-color: #011b56;
    color:#fff;
}

.kokojukuGroup-under{
	display: none;
}

.pcHeadGroup{
	display: none;
}

.pcHeadGroupUnder{
	display: none;
}

html .play{
	display: none;
}

.pcHead{
	display: none;
}

.mobileTopBar{
	background-color: #aa0003;
	color: #fff;
	text-align: center;
	width: 100%;
	padding: 7px;
	font-weight: 600;
	font-size: 12px;
}

.mobileTopBar a{
	color: #fff;
	}

html body #top-head.mobileHead{
	margin: 0;
	padding: 0;
	/*position: static;*/
	}
	
.kokojukuGroup{
    position: absolute;
    top: 23px;
    margin-left: 9px;
    font-weight: 500;
	font-family: 'Oswald', sans-serif;
	color: #454545;
	font-size: 15px;
    clear: both;
    display: inline;
}

#top-head.fixed .logo,
#top-head .logo {
    color: #333;
    font-size: 26px;
    margin-left:5%;
    width: 130px;
    padding: 12px 0;
}

.logoWrapper{
    display: inline;
    overflow: hidden;
}	
    
html body .drower{
	width: 33px;
    margin-top: 9px;
}

.spHeaderTelWrapper{
	border: none;
    height: 100%;
    position: absolute;
    right: 50px;
    top: 0;
    width: 70px;
    margin-right: 6px;
    background: none;
}





.popup {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000001;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
}

.popup.is-show {
  opacity: 1;
  visibility: visible;
}

.popup-inner{
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translate(-50%,0);
    width: 90%;
    max-width: 600px;
    padding: 0;
    background-color: #fff;
    z-index: 2;
    box-shadow: 0 0 10px rgba(255,255,255, 1);
}
    
.popup-inner img {
  width: 100%;
}
.close-btn {
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    font-weight: 600;
    color: #777;
    border: 1px solid #777;
    border-radius: 25px;
    height: 45px;
    width: 275px;
    position: relative;
    margin: 0 auto 30px;
    max-width: 80%;
}
    
.close-btn i {
  font-size: 20px;
  color: #333;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}

.popupImg{
	width: 100%;
}

html body .close-btn-img{
	width: 28px;
    left: 22px;
}

.popup-header{
	background-image: url(../img/common/doubleBoderbgRed.gif);
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 4px 0;
    background-size: 3%;
}

.popup-sub{
	font-size: 14px;
	font-weight: 600;
	color: #4d4d4d;
    text-align: center;
    margin: 10px auto ;
}

.popup-main{
	display: flex;
	justify-content: center;
	width: 80%;
	flex-wrap: wrap;
	margin: 24px auto 14px;
}
	
.popup-main-detail{
	width: 46%;
	margin: 0 2% 11px;
}


html body .spHeaderTel {
	width: 29px;
    margin-top: 1px;
}
	
.mainVisual{
	width: 100%;
	height: 190px;
	position: relative;
}

.mainVisual-img{
	  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
	width: 100%;
	height: 100%;
}
	
.mainVisual-txt{
	position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 58%;
}

.campaign{
	background-image: url(../img/common/dot4.gif);
	text-align: center;
	font-weight: 600;
    padding: 10px 0 16px;
}	

.campaign-content{
	display: inline-block;
}
	
.campaign-main{
	font-size: 14px;
	color: #fff;
}	
.privilege{
    display: inline;
    border-radius: 13px;
    padding: 2px 22px;
    margin: 0 2px;
    font-size: 17px;
    color: #aa0003;
    background-color: #fff;
    	}
    	
.limit{
	width: 54px;
    margin-bottom: -10px;
}		

.gutsWrapper{
    display: none;
}

#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    height: 60px;
    background: #fff;
    background: rgba(255,255,255,0.9);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
}

.fixed .kokojukuGroup{
    top: 28px;
    left: 150px;
}
    
#top-head.fixed #global-nav ul li.school a {
    padding:30px 20px 10px;
	background-color:#011b56;
    color: #fff;
}

html body #top-head.fixed #global-nav ul li.school a:hover {
	background-color:#3db8fc;
}

#top-head.fixed #global-nav ul li a {
    padding:30px 20px 10px;
    color: #333;
}

#top-head.fixed #global-nav ul li a:hover {
	color:#fff;
}

html .lity{
    background: rgba(0,0,0,0.7);
}

.fb20{
    flex-basis: 20%;
}

.fb43{
    flex-basis: 43%;
}

.fb48{
    flex-basis: 48%;
}

.fb49{
    flex-basis: 49%;
}

.fb52{
    flex-basis: 52%;
}

.fb74{
    flex-basis: 74%;
}
	
@media screen and (max-width: 599px) {
	.brandContent{
		display: flex;
    flex-wrap: wrap;
    justify-content: center;
	}
	.brandContent span{
    width: 100%;
	}
	html body .topSpace{
		height: 70px;
	}
		
	.snsButton{
		display: none;
	}
	
	.playImg{
	    width: 50px;
	    filter: drop-shadow(2px 2px 4px rgba(0,0,0,.6));
    }
    
    html .play{
        display: block;
	    position: absolute;
	    top: 80%;
	    right: -1%;
	    -webkit-transform: translateY(-50%) translateX(-50%);
	    transform: translateY(-50%) translateX(-50%);
    }
    
}

@media screen and (min-width:600px) and (max-width: 979px) {
	.page-top p{
        bottom: 112px;
	}

	html body #global-nav{
	    top: -492px;
    }

    .gutsWrapper{
	    display: none;
    }
    
    html .data-pushbar-target{
	    right: 5%;
        top: 0;
        height: 70px;
    }
	    
	html #top-head.fixed .logo, #top-head .logo{
		width: 180px;
	}
	 
	html .mainVisual{
		height: 330px;
	}
	
	html .mainVisual-txt{
	    left: 0%;
	    width: 50%;
    }
    
    html .kokojukuGroup{
	    font-size: 18px;
	    top: 30px;
    }
    
    html .fixed .kokojukuGroup{
	        left: 227px;
	}
	
	#top-head.fixed{
	    height: 70px;
    }
    
    html .play{
	    display: block;
	    position: absolute;
	    top: 74%;
	    left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);	
	}
		
	.playImg{
		width: 75px;
	}

    .puzzleLogo {
	    flex-basis: 39%;
	}
	
	.sokudokuLogo {
	    flex-basis: 38%;
	}
	
	.spHeaderTelWrapper{
	    top:0;
        margin-right: 6%;
    }
    
    html body .spHeaderTel {
	    width: 30px;
	    margin-top: -4px;
	}
  
}

@media screen and (min-width:980px){
	.spHeaderTelWrapper{
		display: none;
	}
		
	.page-top p{
	    bottom: 135px;
	}
		
	html #top-head {
		height: 136px;
	}

	html body #top-head .logo{
		width: 169px;
		height: auto;
	}
	
	.kokojukuGroup{
		font-size: 19px;
	}
	
	.kokojukuGroup-under{
		display: inline-block;
	}
	
	html body #top-head .kokojukuGroup-under{
	    color: #aa0003;
		font-size: 14px;
		position: absolute;
	    top: 51px;
	    left: 182px;
	}	

	html body #top-head .kokojukuGroup-under a{
		color:#aa0003;
		font-size: 14px;
	}	

	html #top-head.fixed .logo, html #top-head .logo{
		margin: 0;
	}
	
	html body #top-head a, html body #top-head{
		display: inline-block;
	}

	html .kokojukuGroup{
	    top: 27px;
	    margin-left: 13px;
	    font-weight: 500;
	    font-size: 18px;
	}
	
	html .fixed .kokojukuGroup{
		margin-left: 32px;
	}
		
	html .data-pushbar-target{
		display: none;
		}

	.pcHeadGroup{
	    display: inline-block;
	    position: absolute;
	    right: 0;
		top: 24px;
    	}
	
	.iconSNS{
		width: 41px;
	    margin: 0px 5px;
	}
	
	.schoolHeadLink{
		font-size: 18px;
		font-weight: 600;
		border: 2px solid #aa0003;
	    border-radius: 23px;
	    padding: 8px 52px;
        margin-left: 15px;
        transition: .5s;
        cursor: pointer;
    }
	
	.schoolHeadLink:hover{
		background-color: #aa0003;
		color:#fff;
	}
	
	.shoolHeadTxt{
		transition: .3s;
	}
		
	.schoolHeadLink:hover > .shoolHeadTxt{
		color: #fff;
	}

    .schoolHeadLink.schoolHeadLink-white{
		border: 2px solid #fff;
	    color: #fff;
    }


	
	.schoolHeadIcon{
		width: 20px;
	}

	.shoolHeadTxt{
		font-size: 18px;
		font-weight: 600;
		color: #aa0003;
	}

	.schoolHeadLinkWrapper{
		vertical-align: bottom;
	}

	html .mainVisual{
		height:auto;
	}
		
	.pcHeadGroupUnder{
		display: block;
	    margin-top: 12px;
    }
	
	.pcHeadGroupUnder ul{
		display: flex;
		box-sizing: border-box;
		justify-content: space-between;
	}
		
	.pcHeadGroupUnder li{
		text-align: center;
		flex-basis: 14%;
		color: #454545;
		font-weight: 600;
		font-size: 14px;
		border-right: 2px solid #efefef;
		cursor: pointer;
	}

	.fixed .pcHeadGroupUnder li{
	    border-right: 2px solid #d0cece;
	}
			
	.pcHeadGroupUnder li:first-child{
		border-left: 2px solid #efefef;
	}
	
	.fixed .pcHeadGroupUnder li:first-child {
	    border-left: 2px solid #d0cece;
    }

	.pcOver{
    margin-top: 8px;
    	}
    	
    html body .play{
	    display: inline-block;
	    position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);	
	    width:104px;
	}
	
	.playImg{
		-moz-transition-duration:.3s;
		-webkit-transition-duration:.3s;
		-o-transition-duration:.3s;
		-ms-transition-duration:.3s;
		opacity: .6
		}
	
	.playImg:hover{
		opacity: 1;
		}

	#top-head .pcHeadGroupUnder li a{
		padding: 10px 0;
		color: #454545;
		width: 100%;
	}
	
	.catchWrapper{
		display: block;
		width: 980px;
		height: 330px;
	    position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);	
		}

	.mobileTopBar{
		display: none;
		}
		
	.pcTopBar{
		display: block;
		background-color: #aa0003;
		color: #fff;
		text-align:left;
		width: 100%;
		padding: 5px 0;
		font-weight: 600;
		font-size: 12px;
	}
	
	.pcTopBar div{
		width: 980px;
		margin: 0 auto;
	    text-align: left;
	}
	
	html .mainVisual-txt{
	    width: 466px;
	    position: absolute;
	    top: 50%;
	    left: -42px;
	    transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	}

	html .campaign{
		height: 116px;
	    position: relative;
	}
	
	.campaign-main{
		font-size: 25px;
	}
		
	.privilege{
		font-size: 30px;
	    border-radius: 19px;
		padding: 2px 28px;
	}

	.limit {
	    width: 85px;
    }
    
    .gutsWrapper{
        display: inline-block;
	    position: absolute;
	    bottom: -19px;
	    left: 66px;
	}

	.forGuts{
		position: relative;
		}

	html body #global-nav ul{
		font-size: 18px;
	}
	
	html body #global-nav ul{
	    top: 56px;
    }
    
    html body #global-nav ul li a.button{
	    transition: .3;
    }
	    
    html body #global-nav ul li a.button:hover{
        font-weight: 600;
        color: #aa0003;
        background: none;
        font-size: 20px;
    }
    
    html body #global-nav li:nth-child(4) .button{
	    padding-right: 0;
    }
	
	html body #top-head.fixed #global-nav li:nth-child(4) .button{
	    padding-right: 0;
    }
    
    .snsButton{
        position: absolute;
	    right: 0;
	    top: 0;
	    margin-top: -10px;
    }
    
    .insta{
	    margin-right: -9px;
    }
	    
    .fb{
	    margin-right: -9px;
	}
	
    .fb49{
	    flex-basis: 49%;
	}
	
    .fb48{
	    flex-basis: 48%;
	}
    .fb20{
	    flex-basis: 20%;
	}
    .fb74{
	    flex-basis: 74%;
	}
}

/* header end */

/* .button(hover装飾) */
.button {
	outline: none;
}

.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}


.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .5s;
  transition: all .5s;
}

html body #global-nav ul li.school a.button:hover {
  background-color:#3db8fc;
}

body #global-nav ul li a.button:hover {
  background-color:#3db8fc;
  color:#fff;
}

#top-head img{
	max-width: none;
}

/* button end */


/* ブログスペース start */
.blogTitles{
	background-color: #000;
	color: #fff;
	font-size: 18px;
	overflow: hidden;
	padding: 2px 0;
}

.iconTriangle{
	float: left;
	width: 8px;
    margin: 7px 7px 0 10px;
}

.blogPageTitle{
	font-size: 15px;
	font-weight: 600;
	color: #aa0003;
	text-decoration: underline;
}	  

.blogTitle{
	font-weight: 600;
	float: left;
}

.blogImg{
	width: 90px;
	height: 90px;
    flex-basis: 25%;
    }

.blogImg img{
	  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
    width: 100%;
    height: 100%;
}

.blogPageTitleTxt{
	position: relative;
	width: 100%;
	height: 90px;
    flex-basis: 75%;
}

.blogPageTitleTxt-forCenter{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);	
    width: 93%;
}

.blogTxt{
    line-height: 18px;
    font-size: 12px;
}
	
.blogImgTxt{
	clear: both;
	background-color: #fff;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
	
.blogDate{
   	font-size: 13px;
   	float: right;
   	margin: 4px 10px 0 0;
   	
}
	


	
@media screen and (min-width:600px) and ( max-width:979px) {
	.iconTriangle{
	    margin: 15px 7px 0 10px;
    }
		    
	.blogImgTxt{
		padding:13px;
	}
	
	.blogSpace{
		padding: 3%;
	}
	
	.blogLeft img{
		width: 100%;
	}
		
	.blogRight {
    flex-basis: 64%;
	}

	.blogTitle{
	    margin-top: 3px;
	    font-size: 23px;
	}

	.blogPageTitle {
	    font-size: 18px;
    }
    
	.blogSpace .nTxt{
		font-size: 16px;
	    line-height: 24px;
    }
    
    .blogDate{
	    font-size: 16px;
	    margin-top: 10px;
    }
    
    .blogLeft{
       height: 160px; 
	    flex-basis: 33%;
    }
    
    .blogLeft img {
	    width: 100%;
	    object-fit: cover;
	    height: 100%;
	}

	.blogTxt {
	    line-height: 18px;
	    font-size: 14px;
	    line-height: 21px;
    }
}
	
@media screen and (min-width:979px){
	.blogSpace{
	    min-height: 339px;
	}

	.blogTitle{
	    margin-top: 3px;
	    font-size: 22px;
	}
	
	.blogUnder.nTxt{
		font-size: 16px;
	    line-height: 24px;
    }
    
    .blogLeft{
       height: 160px; 
    }
    
    .blogLeft img {
	    width: 100%;
	    object-fit: cover;
	    height: 100%;
	}
	
	.blog-inner{
		position: relative;
	}

	.titleAndSub{
		display: inline-block;
	}
	
		
	.linkButton.blogButton{
	    margin: 0;
	    position: absolute;
	    top: 0;
	    right: 0;
	    padding: 9px 42px;
	}
	
	.blogDetail{
		width:32.5%;
		display: inline-block;
	}

	.iconTriangle {
	    margin: 13px 7px 0 10px;
    }
    
    .blogImgTxt{
	    display: block;
	    padding: 0;
	}
	
	.blogImg {
	    width: 100%;
	    height: 195px;
    }
    
	.blogPageTitle {
	    font-size: 16px;
    }
    
    .blogPageTitleTxt {
	    height: 83px;
    }

}
/* ブログスペース end */


/* アニメーション start */
.campaignTitle-animation{
	/* 1秒かけてアニメーションする */
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
/* 6.5秒待ってからアニメーションする */
  -webkit-animation-duration:.5s;
  animation-delay:.5s;
}
.campaignCatch-animation{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
	
}
/* アニメーション end */

/* スライダー */

*,::after,::before{box-sizing:border-box}

	
.sample02 .swiper-wrapper {
  align-items: stretch;
}

.sample02 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-bottom: 25px;
}

.sample02 .sample02-inner {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.sample02 .swiper-button-prev,
.sample02 .swiper-button-next {
  display: none;
  width: 20px;
  height: 32.58px;
  fill: #666;
  stroke: none;
  stroke-width: 0;
  background-image: none;
  z-index: 10000;
}

.sample02 .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 0;
}

.sample02 .swiper-pagination-bullet-active {
  background: #666;
}

@media (min-width: 768px) {
  .sample02 .swiper-slide {
    padding: 50px;
  }

  .sample02 .swiper-button-prev,
  .sample02 .swiper-button-next {
    display: block;
  }

  .sample02 .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10px;
  }
}

/* スライダー end */

/* pushbar start */
.data-pushbar-target{
    width: 70px;
    border: none;
    background: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0px;
    height: 60px;
        }

.data-pushbar-target img{
    width: 100%;
}
    
.home{
    width: 17px;
    margin-right: 5px;
}
    
.pushbar{
	font-size: 22px;
	text-align: center;
	font-weight: 600;
}
	
.pushbar-ancher{
	display: inline-block;
	background-color: black;
	color: white;
	width: 100%;
	padding: 8px 0;
	-moz-transition-duration:.3s;
	-webkit-transition-duration:.3s;
	-o-transition-duration:.3s;
	-ms-transition-duration:.3s;
}

.pushbar-ancher:hover{
	color: #aa0003;
}

.pushbar-ancher.selected{
	color: #696969;
}

.pushbar-ancher-content{
    display: inline-block;
    width: 100%;
}

html .data-pushbar-close{
    width: 100%;
    background: #7f7f7f;
    font-size: 15px;
    padding: 12px;
    color: white;
    border: none;
}

.pushbar_main_content{
	overflow: hidden;
	position: relative;
	}
	

@media screen and (min-width:600px) and ( max-width:979px) {
}

@media screen and (min-width: 980px) {

}


/* pushbar end */


/* 個個塾 共通装飾 start */
html body .white{
	color: #fff;
}

html body .black{
	color: #000;
}

html body .yellow{
	color: var(--yellow);
}
	
html body .orange{
	color: var(--subColor);
}
	
html body .red{
	color: #aa0003;
}

html body .purple{
	color: #ad52ab;
}

html body .orange{
	color: #ee5400;
}
	
#wrapper .bgWhite{
	background-color: #fff;
}

html body .bgOrange{
	background-color: #ff9900;
}

html body .bgGreen{
	background-color: #bcd503;
}

html body .bgBlue{
	background-color: #92a8d2;
}

html body .bgPink{
	background-color: #f1d6d6;
}

html body .bgBlueGreen{
	background-color: #55bcc4;
}
	
html body .bgBeige{
	background-color:#f7f4f0;
}
	
html body .bgRed{
	background-color: #aa0003;
}

#wrapper .bgGray{
	background-color: #eee;
}

html body .bgSky{
	background-color:#e9edf7;
}

#wrapper .fw400{
	font-weight: 400;
}
			
.zone{
	  padding: 54px 0;
}

.inner{
    width:90%;
	margin: 0 auto;
}

.sectionTitleWrapper{
	display: inline-block;
	text-align: left;
	margin-left: 11px;
    margin-bottom: 13px;
}
	
.sectionTitle{
	font-size: var(--spMainTitle);
	color: #fff;
	font-weight: 600;
    line-height: 32px;
    }
	
.sectionTitleSub{
	letter-spacing: .05em;
	color:#ebc4c5;
	font-size: var(--spMainTitleSub);
	font-weight: 600;
}

.footerUnder{
	font-size: 12px;
	color: #aa0003;
	text-align: center;
	margin: 4px 0;
}

.titleIcon{
	width: 36px;
    margin-bottom: 8px;
}

.yotsume{
	width: 16px;
	position: absolute;
    left: 12px;
    top: 14px;
}

.note{
	width: 16px;
	position: absolute;
	left: 12px;
    top: 13px;
    }	

.pcUpperRight .yotsume{
    left: 30px;
    }
	

a.linkButtonWrapper{
	text-align: center;
}
	
.linkButton{
    box-shadow:0px 5px 0px 0px rgba(129,0,3,1);
    position: relative;
    margin: 18px auto 0;
    font-size: 18px;
    font-weight: 600;
    color: #aa0003;
    background-color: #fff;
    text-align: center;
    margin-top: 28px;
    padding: 10px 46px;
    display: inline-block;
    border-radius: 3px;
}

.linkButton-red{
    box-shadow:0px 5px 0px 0px rgba(100,0,3,1);
	color:#fff;
    background-color:#aa0003;
}

a.whiteButtonWrapper{
	text-align: center;
	margin-top: 30px;
}

.about a.whiteButtonWrapper{
	margin-top: 13px;
}
	
a.redButtonWrapper{
	text-align: center;
	margin-top: 30px;
}
	
.whiteButton{
    position: relative;
    margin: 18px auto 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    padding: 10px 56px;
    display: inline-block;
    border-radius: 22px;
    border: 2px solid #fff;
    min-width: 260px;
}

.iconArrow{
	width: 10px;
	margin-right: 6px;
    vertical-align: -2px;
}	

html .oshirase{
	background-color:#bcd503;
}

.footerLid{
	background-color: #ededed;
	color: #454545;
	font-size: 18px;
    padding: 7px 0;
    font-weight: 500;
	text-align: center;
}

.brand{
	text-align: center;
	font-size: 18px;
	color: #454545;
	height: 90px;
	font-weight: 600;
    position: relative;
	border-bottom: 1px solid #E8E8E8;
}
.brand:last-of-type{
	border-bottom: none;
}	
html body .brandLinks .brandWrapper{
	border-bottom: 2px solid #efefef;
}

.brandWrapper:last-child{
	border: none;
}

.brandKokojyuku{
	width: 186px;
	}
	
.brandKokojyukuPlus{
	width: 246px;
}
.brandKokoKids{
	width:258px;
}
.brandKokoHirakata{
	width: 236px;
	margin-top: -5px;
}
.brandLinks{
	margin-bottom: 20px;
	padding-top: 20px;
}
.brandContent{
	position: absolute;
	left: 50%;
    top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
	width: 100%;
}

.schoolLinks{
	width: 100%;
	background-color: #ededed;
	color: black;
	font-size: 0;
    margin-top: -2px;
}
	
.schoolLink-link{
	box-sizing: border-box;
	width: 50%;
	display: inline-block;
	border-top: 1px #fff solid;
	font-size: 14px;
    text-align-last: justify;
    padding: 6px 9px;
}
	
.schoolLink-link:nth-child(odd){
	border-right: 1px #fff solid;
	box-sizing: border-box;
}

.ppZone{
	padding: 6px 0;
	background-color: #aa0003;
}

html body .ppZone a{
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
	font-weight: 600;
	margin: 0 12px;
}
	
.copyRight{
	color: #aa0003;
	text-align: center;
	padding: 7px 0;
}

.pcBlogFooter{
	display: none;
}

.ppZone-pcRight{
	display: none;
}

.pcUpperRight{
	display: none;
}

.youtube{
    position: relative;
    width: 100%;
    padding-top: 53%;
}
	
.youtube iframe{	
    border: #fff 3px solid;
    box-shadow: #999 1px 1px 6px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.whiteButtonRadius a{
	height: 100%;
}

.buttonRadius{
    height: 45px;
    width: 275px;
    font-size: 18px;
    font-weight: 600;
    color: #aa0003;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 23px;
    position: relative;
    min-width: 242px;
    transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
}

.buttonRadius.redPack{
    background-color: #aa0003;
}
    
.buttonRadius.whitePack{
    color: #aa0003;
    border: 2px solid #aa0003;
	background-color: #fff;	
}

.buttonRadius:hover{
	background-color: #fff;	
}

.buttonRadius.redPack:hover{
	background-color: #fff;	
}
	
.buttonRadius a{
	width: 100%;
	height: 100%;
}
	

.iconWrapper{
	display: block;
}

.icon{
    position: absolute;
    width: 20px;
    height: 20px;
    left: 19px;
    top: 10px;
    background-image: url(../img/icon/iconYotsumeWhite.svg);
    background-size: cover;
    transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
}

.icon img{
	opacity: 0;
}

.youtubeIcon:hover > .buttonRadius > .icon > img{
    opacity: 1;
}

.icon.yotsumeIconWhite{
    background-image: url(../img/icon/iconYotsume.svg);
}

.icon.youtubeIcon{
    background-image: url(../img/icon/iconYoutube2.svg);
}

.icon.homeIcon{
    background-image: url(../img/icon/iconHomewhite.svg);
    top: 12px;
    background-size: contain;
    background-repeat: no-repeat;
}

.iconHomeWrapper:hover > .homeIcon > img{
	top: -1px;
	}
	
.icon.kuchikomiIcon{
    background-image: url(../img/icon/iconKuchikomiWhite.svg);
}

.icon.noteIcon{
    width: 17px;
    background-image: url(../img/icon/iconNoteWhite.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.icon.noteIconWhite{
    width: 17px;
    background-image: url(../img/icon/iconNote.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.icon.yotsumecon{
    width: 20px;
    height: 20px;
    left: 19px;
    top: 10px;
    background-image: url(../img/icon/iconYotsume.svg);
}

icon:hover > .buttonRadius{
	color: #aa0003;
	background-color: #fff;
}

icon:hover > .buttonRadius.WhitePack{
	color: white;
	background-color: #aa0003;
}

.icon img{
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
	opacity: 0;
}
		

.buttonTxt{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); 
    transition: all .6s ease 0s;
    -webkit-transition: all .6s ease 0s;
    -moz-transition: all .6s ease 0s;
    -ms-transition: all .6s ease 0s;
    -o-transition: all .6s ease 0s;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}

.whitePack .buttonTxt{
	color:#aa0003;
}

.buttonRadius.whitePack:hover{
	background-color: #aa0003;	
}

.buttonRadius:hover > a > .buttonTxt{
	color: #aa0003;
}
	
.buttonRadius.whitePack:hover > a > .buttonTxt{
	color: #fff;
}

.buttonRadius:hover > a > div > img{
	opacity: 1;
}

.buttonRadius.redPack{
    border: 2px solid #aa0003;
    background-color: #aa0003;
} 

.buttonRadius.grayPack{
    border: 2px solid #ababab;
    background-color: #ababab;
} 

.buttonRadius-wrapper{
	margin-top: 30px;
    text-align: center;
}
	
html body a.youtubeUnder{
    margin-top: 6px;
    font-size: 14px;
	text-align: center;
	color: #454545;
	text-decoration: underline;
}  

.darkGreen{
	color: #4D610E;
}

.darkOrange{
	color: #DA721E;
}

.pageTitle{
	color: #aa0003;
	padding: 7px 0;
	text-align: left;
	background-color: #ededed;
}

.pageTitle h2{
	font-size: 21px;
	font-weight: 600;
}	

html body a.crumBred-first{
	color: #aa0003;
	text-decoration: underline;
}
	
.crumBred{
	font-size: 13px;
	color: #454545;
	 border-bottom: 1px solid #ededed;
	 padding: 5px 0;
 }

.contactHead-txt{
	color: #454545;
	font-size: 18px;
	font-weight: 600;
	margin: 22px 0 12px;
	text-align: center;
	}

.another{
	margin-top: 6px;
	}

.patation{
    margin-top: 47px;
    margin-bottom: 35px;
    border: solid #d2d2d2;
    border-width: 1px 0 0 0;
    height: 1px;
	clear: both;
}

.courseHead{
	text-align: center;
}

.medal{
	width: 37px;
}

.courseTitle{
	font-size: 18px;
	font-weight: 600;
	margin: 10px 0 4px;
	color:#aa0003;
}

.courseSub{
	font-size: 12px;
	color: #434343;
	font-weight: 600;
    margin-bottom: 8px;
}

.courseDetailWrapper{
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
}

.courseContent-title{
	font-size: 18px;
	font-weight: 600;
	text-decoration: underline;
	color: #aa0003;
}

.courseContent-sub{
    font-size: 13px;
    color: #454545;
    line-height: 20px;
    margin-top: 4px;
    }

.courseDetail{
	width: 90%;
    margin: 0 auto;
    padding: 14px 0;
    display: flex;
}

.courseDetailWrapper:nth-child(odd){
	background-color: #ededed;
}

.courseContent{
	display:block;
}

.about{
	width: 100%;
	height: 437px;
		background-image: url(../img/top/bgAbout.jpg);
		background-image: url(../img/top/bgAbout.webp);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #454545;
	text-align: center;
	color: #fff;
	font-size: 12px;
	line-height:21px;
}

.aboutTitle{
	font-size: 30px;
    padding-top: 83px;
    letter-spacing: -0.05em;
}

.aboutSub{
	font-size: 18px;
	font-weight: 600;
	line-height: 24px;
    padding: 20px 0;
}

.aboutTxt{
	font-weight: 600;
	text-align: left;
    margin-top: 26px;
    }

.hazuki{
	width: 20px;
	position: absolute;
    left: 12px;
    top: 10px;
}

.kokoButtonWrapper{
    width: 264px;
    text-align: center;
    margin: 0 auto;
}
    
.kokoButton{
	font-size: 18px;
	color: #fff;
	font-weight: 600;
	padding: 10px 25px;
	border-radius: 23px;
	background-color: #aa0003;
	position: relative;
}

.triangleOrangeUnder{
    position: absolute;
	top: 16px;
    left: 20px;
    width: 15px;
}

.icon{
	position: absolute;
}

.buttonWrapper{
    height: 46px;
}

.buttonA{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    }

.buttonDiv{
	background-color: #aa0003;
	color: #fff;
	border-radius: 25px;
	padding: 8px 0;
	width: 260px;
	border: 2px solid #aa0003;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin: 0 auto;
	transition: .3s;
}

.buttonDiv:hover{
	background-color: #fff;
	color: #aa0003;
	}
	
.toExButton{
    margin: 14px 0 80px;
}

.title21{
	font-size: 21px;
	font-weight: 600;
	text-align: center;
}

.mobile-small-img{
	width: 70%;
}

html .noBorder{
	border: none;
}

.blogTitle{
	transition: .3s;
	}
	
.blogAncher:hover > .blogTitles > .blogTitle{
	color: #ffc900;
}
 
.anchorRed:hover{
	color: #aa0003;
}
.bgOcher{
	background-color: #EEE9DD;
}

@media screen and (max-width: 599px) {
	.courseDetail-img{
		margin-top: 10px;
		height: auto;
		width: 120px;
	}
	#spNav-ToSchoolButton{
		right: 108px;
	}
	.spHeaderSchool{
		width: 42px;
		margin-top: 0;
	}
	.courseDetail{
		align-items: center;
	}
}
@media screen and (max-width: 400px) {
	.spColSlide{
		width: 500px;
	}
	.spColSlide-Wrapper{
		display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
	}
	.spColSlide-caution{
		background-color: #e5e5e5;
    font-size: 13px;
    padding: 4px 1em;
    margin-bottom: 10px;
	}
	.schTable.kidsrokujizoTable.spColSlide{
    table-layout: inherit;
	}
}
	 
@media screen and (min-width:600px) and ( max-width:979px) {
	.sectionTitle{
		font-size:23px;
	}
	

	.zone{
		  padding: 65px 0;
	}

	footer{
		font-size: 18px;
	}
	
	.footerUnder {
	    font-size: 18px;
	    margin: 8px 0;
	    height: 85px;
	}

	html .campaign{
		height: 116px;
	    position: relative;
	}
	
	.campaign-main{
		font-size: 25px;
	}
		
	.privilege{
		font-size: 30px;
	    border-radius: 19px;
		padding: 2px 28px;
	}

	.limit {
	    width: 85px;
    }
    
    .titleIcon{
	    margin-bottom: 0;
	    }
	    
	.ppZone-pcRight{
		display: none;
	}
	
	.pcUpperRight{
		display: none;
	}
		
	.youtube iframe{
	    height: 100%;
	    max-height: 212px;
    }

    .youtube{
	    padding-top: 54%;
    }

	.whiteButtonRadius{
	    margin-top: 50px;
	}

	.redButtonRadius{
	    margin-top: 50px;
	}

	html body .inMenuSub{
		font-size: 14px;
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: -3px;
	}

	.inMenu .telButton{
	    padding: 14px 0px;
		border-radius: 5px;
		}
		
	.inMenu .webButton{
	    padding: 14px 0px;
		border-radius: 5px;
		}
		
	.inMenu .telButton{
	    box-shadow: 0px 7px 0px 0px rgba(105,140,0,1);
        margin-bottom: 7px;
	    font-size: 18px;
	    padding: 8px 0 6px;
	    font-weight: 600;
	    line-height: 17px;
		border-radius: 5px;
	}
		
	.inMenu .webButton{
	    box-shadow: 0px 7px 0px 0px rgba(189,105,0,1);
        margin-bottom: 7px;
	    font-size: 18px;
	    padding: 8px 0 6px;
	    font-weight: 600;
	    line-height: 17px;
		border-radius: 5px;
	}
		
	.telButton p{
		display: block;
	    line-height: 21px;
	}

	.webButton p{
		display: block;
	    line-height: 21px;
	}

	.spMenuImg {
	    width: 34px;
	    position: absolute;
		top: 13px;
	    left: 11px;
    }
    
    .buttonSmall{
        font-size: 15px;
	    line-height: 19px;
    }

	.pcTabSummary{
		text-align: center;
	}

	html .pc-tab-centeredVerticallyWrapper{
		position: relative;
	}
		
	html .pc-tab-centeredVertically{
	    position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);	
		width: 100%;
	}
	
	.requireMark {
	    margin-right: 25px;
	}

	.about{
		height: 373px;
	}

	.mobile-small-img{
		width: 100%;
	}
	
	.buttonRadius-wrapper{
		margin-top: 40px;
	}
					   
}


@media screen and (min-width: 980px) {
	.linkButton {
		margin-top: 40px;
	    padding: 13px 42px;
	    font-size: 20px;
	}
	
	.linkButton .triangle{
		top: 20px;
	}

 	.footerTitle {
	    font-size: 28px;
    } 
	.blogWrapper{
		display: flex;
		flex-wrap: wrap;
		gap: 12px;
		justify-content: center;
		margin-top: 16px;
    }
	
	.blogSingleWrapper{
		flex-basis: 30%;
	}
	
	.blogOver {
	    display:block;
    }
	
	.blogLeft{
		width: 100%;
	}
				   
	.blogLeft img{
		width: 100%;
	}
	
	.blogDate {
	    margin-top: 8px;
    }
    			   
	.inner{
		width: 980px;
	}

	.zone{
		padding: 80px 0;
	}
	
	html body .logo img {
        width: 464px;
	    margin: 0;
        margin-top: 13px;
	    max-width: 200%;
	    }
    
    html body .topSpace {
	    height: 107px;
    }

	
	footer{
		font-size: 18px;
	}
	
	.footerUnder {
	    font-size: 18px;
	    margin: 8px 0;
	    height: 85px;
	}
	
	html .titleIcon {
	    width: 48px;
	    margin: 0;
	    margin-bottom: -3px;
    }
    
    .fixed .topHead-inner{
	    height: 136px;
	    margin-top: -10px;
	}
	
	#top-head.fixed .logo, #top-head .logo{
		width: 169px;
	}

	.snsButton{
		display: inline-block;
	}
		
	#top-head.fixed .logo{
	    top: 7px;
	}
		
	#top-head.fixed{
		height: 136px;
	}
	
	.fixed .snsButton{
	    top: 3px;
    }
    
    .fixed .logo img{
	    margin-top: 26px;
    }
    
    html .sectionTitle {
	    font-size: var(--mainTitle);
    }
    
    .sectionTitleSub{
		font-size: 18px;
		font-weight: 600;
	}
	
	.pcBlogFooter{
		display: block;
		margin: 0 auto;
	    text-align: center;
    }
		
	.whiteKokojyuku{
		width: 148px;
	}
	
	.pcBlogFooter-head{
	    margin: 44px 0px 23px;
	}
			
	.whiteKokojyukuPlus{
		width: 180px;
	}
		
	.whiteKids{
		width: 190px;
	}
		
	.pcBlogFooter-title{
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		margin: 6px auto;
	}

	.pcBlogFooter-txt{
		font-size: 14px;
	    text-align: left;
	    line-height: 26px;
	}

	.pcBlogFooter-head img{
		margin: 0 18px;
	}
		
	#wrapper .courseDetailWrapper {
	    width: auto;
	    position: static;
	    left: auto;
	    right: auto;
	    margin-left: 0;
        background-color: #fff;
    }
        
    .ppZone{
	    overflow: hidden;
    padding: 25px 0;
    }
    
    .pcFl{
	    float: left;
    }
	
    .ppZone-pcRight{
		display: inline;
		float: right;
	    font-size: 14px
	    }
	
	.ppZoneInner{
		width: 980px;
		margin: 0 auto;
	}

	.pcUpperRight{
		display: block;
		position: absolute;
		right: 0;
		top:0;
		}
		
	.youtube iframe{
	    height: 100%;
	    max-height: 268px;
    }
    
    .youtube{
    }
    
	.whiteButtonRadius{
	    margin-top:40px;
	}

	.redButtonRadius{
	    margin-top:40px;
	}
	
	.pcFooterLinkOver{
		font-weight: 600;
		text-align: left;
	    margin: 0 0 10px;
	}
		
	#wrapper .pcFooterLinkOver a{
		text-decoration: none;
		}

	#wrapper .pcFooterLinkUnder a{
		text-decoration: none;
		}
		
	html body .inMenuSub{
	    font-size: 19px;
	    font-weight: 600;
	    text-align: center;
	    margin-bottom: -6px;
	}

	.inMenu .telButton{
	    font-size: 20px;
	    padding: 10px 0 8px;
	    font-weight: 600;
	    line-height: 17px;
		border-radius: 5px;
	}
		
	.inMenu .webButton{
	    font-size: 20px;
	    padding: 10px 0 8px;
	    font-weight: 600;
	    line-height: 17px;
		border-radius: 5px;
	}
		
	.telButton p{
		display: block;
	    line-height: 21px;
	}

	.webButton p{
		display: block;
	    line-height: 21px;
		}
		
	.telButton{
		font-size: 28px;
	    box-shadow: 0px 7px 0px 0px rgba(105,140,0,1);
        margin-bottom: 7px;
	}
		
	.webButton{
		font-size: 28px;
	    box-shadow: 0px 7px 0px 0px rgba(189,105,0,1);
        margin-bottom: 7px;
	}

	.spMenuImg {
	    width: 40px;
	    position: absolute;
	    top: 12px;
	    left: 15px;
        font-size: 16px;
	    line-height: 18px;
    }
    
    html .buttonSmall{
	    font-size: 16px;
	    line-height: 18px;
	}
	
	html .pc-tab-centeredVerticallyWrapper{
		position: relative;
	}
		
	html .pc-tab-centeredVertically{
	    position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);	
		width: 100%;
	}
	
	.pcTabSummary{
		text-align: center;
	}

    .brandLinks{
        display: flex;
		justify-content: space-around;
		width: 980px;
	    margin: 0 auto;
    }
    
    .brand{
		flex-basis: 21%;
	}
	    
    .brandWrapper{
	    margin: 0 17px;
    }
	.brandKokojyuku {
		width: 162px;
	}
    .brandKokojyukuPlus {
		width: 214px;
	}
	.brandKokoHirakata{
		width: 182px;
	}
	.brandKokoKids {
		width: 202px;
	}
    .brandWrapper:nth-child(1){
	    flex-basis: 200px;
    }

    .brandWrapper:nth-child(2){
	    flex-basis:243px;
    }

    .brandWrapper:nth-child(3){
	    flex-basis: 256px;
    }
    
    html .schoolLinks{
        background-color: #fff;
	    display: flex;
        width: 980px;
	    margin: 0 auto 28px;
        }
    
    #wrapper .schoolLink-link:not(first-child){
        border-right: 1px #d1d1d1 solid;
    }

    #wrapper .schoolLink-link:first-child{
        border-left: 1px #d1d1d1 solid;
        border-right: 1px #d1d1d1 solid;
    }
    
    html body #wrapper .brandLinks .brandWrapper{
	    border:none;
    }
    
    footer{
	    padding: 38px 0 119px;
    }

	.courseHead{
		text-align: left;
	    position: relative;
        margin-bottom: 9px;
        }
	
	.courseTitleSub{
		display: inline-block;
	    margin-left: 13px;
	}
	
	.courseTitle{
		font-size: 24px;
		margin: 0;
	}
	
	.courseSub{
		font-size: 18px;
	}

	.medal{
	    margin-bottom: -8px;
	}

	.medal.newsIcon{
	    margin-bottom:4px;
	}
	
	.coursePcWrapper{
		display: flex;
		justify-content: space-between;
		margin-top: 74px;
	}
	
	.courseDetailWrapper{
		flex-basis: 24%;
	}
	
	.courseContent-title{
		font-size: 24px;
		text-align: center;
	    margin-top: 40px;
    }
	
	.courseContent-title .iconArrow{
		display: none;
	}
	
	.courseDetail{
		position: relative;
	}
	
	.courseDetail-img{
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);	
	    top: -60px;
	}
	
	.aboutTitle {
	    font-size: 42px;
	    padding-top: 92px;
    }
    
    .aboutTxt{
        font-size: 14px;
	    line-height: 24px;
        max-width: 86%;
	    margin: 0 auto;
       margin-top: 25px;
	}
    
    html .about{
	    height: 358px;
    }
    
    .aboutSub{
        padding: 24px 0 10px;
    }
    
    .crumBred{
        padding: 12px 0;
    }
    
    .pcIb{
	    display: inline-block;
    }

	.mobile-small-img{
		width: 100%;
	}				   

	.buttonRadius-wrapper{
		margin-top: 46px;
	}
	.schoolLink-link{
		font-size: 13px;
	}
	.brand{
		border-bottom: none;
	}
}
/* 個個塾 共通装飾 end */


/* topics */
#original-archive .entry-summary{
	clear: both;
}
#original-archive article.post{
	margin-bottom: 40px;
}
@media screen and (min-width: 48em){
	#original-archive .wrap{
		display: flex;
		justify-content: space-between;
	}
	#original-archive #primary {
    width: 67%;
	}
	#original-archive #secondary {
    width: 24%;
		margin-right: 0;
    margin-left: auto;
	}
}


/* topics end */

@media all and (-ms-high-contrast: none){
	.courseDetailTop{
		height: 100%;
	}
}
.junior-hirakata .whiteComment{
	text-align: left;
	margin-top: 18px;
}

@media screen and (max-width: 979px){
	.crumBred{
		overflow: hidden;
		width: 100%;
		max-width: 980px;
		font-size: 100%;
	}
	.crumBred > .inner{
		width: 90%;
		margin: 0 auto;
		overflow-x: scroll;
	}
	.crumBred > .inner .crumBred-scroll{
		width: max-content;
		font-size: 13px;
	}
	.crumBred > .inner .crumBred-scroll > span{
		display: inline-block;
	}
}
@media screen and (max-width: 767px){
	.crumBred > .inner .crumBred-scroll{
		font-size: 0.5rem;
	}
	.crumBred > .inner .crumBred-scroll > a,
	.crumBred > .inner .crumBred-scroll > span{
		font-size: 0.8rem;
	}
}



/*******************************************************************************
********************************************************************************
    fixed btm button 2023.10.27 
********************************************************************************
*******************************************************************************/
#menu.-reNew{
	box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
	height: 80px;
	bottom: 0;
}
#menu.-reNew .inMenu{
	background-color: rgba(255,255,255,.9);
	display: flex;
	justify-content: center;
	height: 100%;
	padding: 0;
}
#menu.-reNew .inMenuInner{
	justify-content: center;
	align-items: center;
}
#menu.-reNew .aMenu{
	flex-basis: auto;
	border-radius: 999px;
	width: 256px;
	height: 60px;
	font-size: 21px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	transition: all .2s ease-in-out;
}
#menu.-reNew .aMenu:hover{
	transform: translateY(3px);
}
#menu.-reNew .aMenu:first-child{
	margin-right: 10px;
}
#menu.-reNew .aMenu .inMenu__set{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
#menu.-reNew .aMenu .inMenu__set > p{ margin-bottom: 0;}
#menu.-reNew .aMenu .smallTxt-m{
	font-size: 15px;
}
#menu.-reNew .aMenu .smallTxt-s{
	display: block;
	font-size: 11px;
}
#menu.-reNew .aMenu .telButton,
#menu.-reNew .aMenu .webButton{
	background: none;
}
#menu.-reNew .aMenu .fl_btm_icon{
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
}
#menu.-reNew .aMenu.-experience{
	background: linear-gradient(to right, #ff4665 0%, #ff7a77 50%, #ff4665 100%);
	background-position: 0 50%;
    background-size: 200% auto;
	box-shadow: 0 3px 0 0 #bf0044;
}
#menu.-reNew .aMenu.-experience:hover{
	background-position: 90% 100%;
	box-shadow: 0 0px 0 0 #bf0044;
}
#menu.-reNew .aMenu.-quiestion{
	background: linear-gradient(to right, #0850be 0%, #0891be 50%, #0850be 100%);
	background-position: 0 50%;
    background-size: 200% auto;
	box-shadow: 0 3px 0 0 #083b8f;
}
#menu.-reNew .aMenu.-quiestion:hover{
	background-position: 90% 100%;
	box-shadow: 0 0px 0 0 #083b8f;
}
@media screen and (max-width: 767px){
	#menu.-reNew .inMenuInner{
		display: flex;
		width: 100%;
		padding: 0 7px;
	}
	#menu.-reNew .aMenu{
		width: 50%;
		font-size: clamp(17px,5.3125vw,21px);
		padding-left: clamp(25px,7.8125vw,35px);
	}
	#menu.-reNew .aMenu:first-child{
		margin-right: 7px;
	}
	#menu.-reNew .aMenu .fl_btm_icon{
		width: clamp(25px,7.8125vw,32px);
		left: clamp(-16px,-5vw,-23px);
	}
	#menu.-reNew .aMenu .inMenu__set > p{
		line-height: 1.3;
	}
}