@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 */

.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%;
}
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;
}
.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;
	white-space: -o-pre-wrap; 
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	cursor: pointer;
}
.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;
}
.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;
}
.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;
}
.w100{
	width: 100%;
}
.w100Cover{
	width: 100%;
	height: 100%;
	object-fit: cover;
  font-family: 'object-fit: cover;';
}
.w100Cover.vBottom{
    object-position: 0 0%;
}
.title18{
	font-weight: 600;
	font-size: 18px;
	margin: 20px 0 3px;
}
.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 body .custom-header{
	margin: 0;
}
.oh{
	overflow: hidden;
}
.fr{
	float: right;
}
.spMenuImg{
	width: 28px;
	position: absolute;
	top: 16px;
	left: 7px;
}
.pcHead-li:hover{
	transition: .6s;
}
.pcHead-li a{
	transition: .6s;
}	
 #top-head .pcHeadGroupUnder li.pcHead-li:hover > a{
	color:#aa0003;
}	
.courseContent{
	width: 100%;
}
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;
	}
	.mobileHide{
		display: inline-block;
	}
	.mobileAppear{
		display: none;	
	}
	.tabletAppear{
		display: inline-block;
	}
	.tabletHide{
		display:none;
	}	
	.df{
		display: flex;
		justify-content: space-between;
	}
	.telTrans:hover > .telButton{
		left: 0;
		top:7px;
	}
	.webTrans:hover > .webButton{
		left: 0;
		top:7px;
	}
}

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

	html body .pcBgLightGray{
		background-color: #f3f3f3;
	}		    
	.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;
		clear:both;
	}
	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;
	}


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

/* 基本 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%;
}
#question{
	background-color:var(--yellow);
}
#question:hover{
	background-color:#f9de7b;
	box-shadow: 0px 4px 0px 0px rgba(177, 165, 24, 1);
}

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

#experience{
	background-color:var(--pink);
}
#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%);
}

	
@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) {
	.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 */

/* ハンバーガー変形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%;
	}
	.subBnr50Wrapper a:first-of-type{
		margin-bottom: 16px;
	}
	
} 


/* 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 {
    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;
	}
	
.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;';
	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;
}	
    	
.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) {

	html body #global-nav{
		top: -492px;
	}    
	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;
	}	
	.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: 12px;
	}	

	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;
	}	
	.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;
	}
    

	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 */


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


/* 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;
	transition: 
}	

.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;
}
/* 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;
}

	
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: 114px;
	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;
}
.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;
}
.pcBlogFooter{
	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;
}  
.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;
}
.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;
}



.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%);
}

.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;
}
.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;
}
.mainVisual-under2-after img{
	height: 10px;
}
#findSchool .newButton{
	position: relative;
}
@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;
	}		
	.privilege{
		font-size: 30px;
	    border-radius: 19px;
		padding: 2px 28px;
	}

	.limit {
		width: 85px;
	}
    
	.titleIcon{
		margin-bottom: 0;
	}	
	.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%;
	}
	.mobile-small-img{
		width: 100%;
	}
	.buttonRadius-wrapper{
		margin-top: 40px;
	}
 
}


@media screen and (min-width: 980px) {
	html .courseDetailWrapper:nth-child(odd){
		background-color: #fff;	
	}
	html .courseDetailWrapper{
		min-height: 208px;
		background-color: #fff;
	}
	.campaignTitle{
		font-size: 31px;
	}
	.courseDetail{
		background-color: #fff;
	}
	.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;
	}	
	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;
	}
	.pcFl{
		float: left;
	}
	.pcUpperRight{
		display: block;
		position: absolute;
		right: 0;
		top:0;
	}
		
	.youtube iframe{
	    height: 100%;
	    max-height: 268px;
	}
	.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;
	}

	.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;
	}	
	.pcIb{
		display: inline-block;
	}
	.mobile-small-img{
		width: 100%;
	}				   

	.buttonRadius-wrapper{
		margin-top: 46px;
	}
}
/* 個個塾 共通装飾 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 */








/* 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;
	}
}