@charset "utf-8";
/* ==========================================================================
   wrapper,section
========================================================================== */

#wrapper{
	min-width: 960px;
	font-size: 16px;
	line-height: 1.7;
}
#wrapper *{
	box-sizing: border-box;
}
a{
	color: #1e1e1e;
}
.contsIn{
	width: 960px;
	margin: auto;
}
.sectionWrap{
	padding-bottom: 50px;
}
.sectionIn{
	margin-bottom: 30px;
}
.sectionIn:last-child{
	margin-bottom: 0
}
@media screen and (max-width: 767px) {
	#wrapper{
		font-size: 15px;
		min-width: 1px;
		width: 100%;
	}
	.contsIn{
		width: 100%;
	}
	.sectionWrap{
		width: 100%;
		padding-bottom: 50px;
	}
	.spContIn{
		width: 92%;
		margin-right: auto;
		margin-left: auto;
	}
}

/* ==========================================================================
   parts
========================================================================== */
a.telLink{
}
@media print, screen and (min-width: 768px) {
	a.telLink{
		pointer-events: none;
		text-decoration: none;
	}
}
@media screen and (max-width: 767px) {
	a.telLink{
		color: #034693;
		text-decoration: underline;
	}
}

.img100{
	display: block;
	width: 100%;
	height: auto;
}
.imgMax100{
	max-width: 100%;
}
.indent1{
	text-indent: -1em;
	padding-left: 1em;
}
.indent18{
	text-indent: -1.8em;
	padding-left: 1.8em;
}
.indent20{
	text-indent: -2em;
	padding-left: 2em;
}
.kome{
	font-size: 10px;
	vertical-align: bottom;
	margin-left:3px;
}
.annotation,
.caption{
	font-size: 14px;
	margin-top: 10px;
}
.txtGray{
	color: #444;
}
.txtRed{
	color:#ff5555;
	font-weight: bold;
}
.txtblu{
	color:#1069c4;
}
.txtDblu{
	color:#1069c4;
	font-weight: bold;
}
.txtW{color:#ffffff !important;}
.txtN{color:#1e1e1e !important;}
.taCpc{text-align: center;}
.toefl{font-style:italic;}
.fzToefl,
.fzEiken{
	font-size:50% !important;
	vertical-align: baseline;
	font-style: normal;
}
.fzOtherR{
	font-size:50% !important;
	vertical-align: baseline;
}

/*教科（数・英・国）*/
.subjectWrap .subject{
	display: inline-block;
	width: 26px;
	line-height: 26px;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 15px;
	margin-right: 1px;
}
.subjectWrap .subject:last-child{
	margin-right: 0;
}
.subjectWrap .subject.math{background-color: #4b8ddf;}
.subjectWrap .subject.eng{background-color: #f7c02e;}
.subjectWrap .subject.jap{background-color: #8cd377;}
.subjectWrap .subject.babykumon{
	width: 76px;
}
.subjectWrap .subject.babykumon img{
	width: 100%;
	vertical-align: top;
}

.subjectWrap .sbjplane{
	margin-right: 20px;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
}
.subjectWrap .sbjplane:last-child{
	margin-right: 0;
}
.subjectWrap .sbjplane.math{color: #4b8ddf;}
.subjectWrap .sbjplane.eng{color: #f7c02e;}
.subjectWrap .sbjplane.jap{color: #8cd377;}
@media screen and (max-width: 767px) {
	.subjectWrap .sbjplane{
		margin-right: 15px;
		font-size: 20px;
	}
	.taCpc{text-align: left;}
}
/*------------tel----------*/
.telListWrap .cate{
	padding-right: 0.5em;
}
.telListWrap .txtBold{
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 20px;
}
.telListWrap .txtBold:last-child{
	margin-bottom: 0;
}
.telListWrap .iconTel{
	position: relative;
	display: block;
	pointer-events: none;
	padding-left: 40px;
	line-height: 1.5;
}
.telListWrap .iconTel:before,
.telListWrap .iconTel:after{
	content: "";
	display: block;
	position: absolute;
}
.telListWrap .iconTel:before{
	background-color: #faaf18;
	top: 0;
	bottom: 0;
	left: 0;
	width: 30px;
	height: 30px;
	border-radius: 5px;
}
.telListWrap .iconTel:after{
	top: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	width: 16px;
	height: 20px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_phone_wh.svg);
	margin-top: -10px;
	left: 7px;
}

@media print, screen and (min-width: 768px) {
	.spOnly{
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.pcOnly{
		display: none !important;
	}
}

@media print, screen and (min-width: 321px) {
	.u320Only{
		display: none !important;
	}
}
@media screen and (max-width: 320px) {
	.o320Only{
		display: none !important;
	}
}

/* ==========================================================================
   box
========================================================================== */
.bdrBox{
	border: 3px solid #7dcdf4;
	border-radius: 5px;
}
.bdrBox .ttlBox{
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #7dcdf4;
	padding: 6px 10px 10px 10px;
	text-align: center;
}
.bdrBox .boxIn,
.bdrBoxSubject,
.pubRbdrBoxSubjectThin{
	padding: 20px 25px;
}
.boxBgYlw,
.boxBgBlu,
.boxBgGry,
.boxBgRed,
.bdrBoxSubject,
.pubRbdrBoxSubjectThin{
	border-radius: 10px;
	padding: 25px 30px;
}
.boxBgYlw{background-color: #fff9d8;}
.boxBgBlu{background-color: #dcf4ff;}
.boxBgGry{background-color: #f5f5f5;}
.boxBgRed{background-color: #ffeaea;}
.boxBgYlw .ttlBox,
.boxBgBlu .ttlBox,
.boxBgGry .ttlBox,
.boxBgRed .ttlBox,
.bdrBoxSubject .ttlBox,
.pubRbdrBoxSubjectThin .ttlBox{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}
.pubRbdrBoxSubjectThin .ttlBox{
	font-size: 24px;
}
.boxRadNml{border-radius: 10px;overflow: hidden;}
.boxRad5{border-radius: 5px;overflow: hidden;}
.boxNone{border-radius: 0;}

.boxRadNml:hover a {opacity:0.7;}

.bdrBoxSubject.math{
  border:solid 2px #3cb9e2;
}
.bdrBoxSubject.jap{
  border:solid 2px #8cd377;
}
.bdrBoxSubject.eng{
  border:solid 2px #f7c02e;
}
.bdrBoxSubject.gray{
  border:solid 2px #9c9c9c;
}
.bdrBoxSubject.lightGray{
  border:solid 2px #D9D9D9;
}
.bdrBoxSubject.standard{
  border:solid 2px #7dcdf4;
}
.pubRbdrBoxSubjectThin.standard{
  border:solid 1px #7dcdf4;
}
.pubRbdrBoxSubjectThin.lightGray{
  border:solid 1px #D9D9D9;
}

.pubRbdrBoxSubjectThin >.clm{
}
.pubRbdrBoxSubjectThin >.clm:nth-of-type(2){
	width:calc(100% - 400px);
	padding-right:20px;
	float:left;
}
.pubRbdrBoxSubjectThin >.clm:nth-of-type(1){
	width:400px;
	float:right;
}
.pubRbdrBoxSubjectThin .pubRlinkArrowList{
	margin-top:20px;
}
.pubRbdrBoxSubjectThin::after{
	content:"";
	display:block;
	height:0;
	clear:both;
}

@media screen and (max-width: 767px) {
	.boxBgYlw,
	.boxBgBlu,
	.boxBgGry,
	.boxBgRed,
	.bdrBoxSubject,
  	.pubRbdrBoxSubjectThin{
		border-radius: 5px;
		padding: 15px 4%;
	}
	.boxBgYlw .ttlBox,
	.boxBgBlu .ttlBox,
	.boxBgGry .ttlBox,
	.boxBgRed .ttlBox,
	.bdrBoxSubject .ttlBox,
	.pubRbdrBoxSubject .ttlBox,
	.pubRbdrBoxSubjectThin .ttlBox{
		margin-bottom: 10px;
	}
	.pubRbdrBoxSubjectThin .ttlBox{
		font-size: 18px;
	}
	.boxRadNml{border-radius: 5px;}

	.pubRbdrBoxSubject >.clm{

	}
	.pubRbdrBoxSubjectThin >.clm:nth-of-type(2){
		width:100%;
		float:none;
		margin-top:18px;
		/* 		padding-right:20px;
		float:left; */
		padding-right: 0;
	}
	.pubRbdrBoxSubjectThin >.clm:nth-of-type(1){
		width:100%;
		float:none;
/* 		width:400px;
		float:right; */
	}
	.pubRbdrBoxSubjectThin .pubRlinkArrowList{
		margin-top:20px;
		text-align:right;
	}
	.pubRbdrBoxSubjectThin::after{
		content:"";
		display:block;
		height:0;
		clear:both;
	}

}
/* ==========================================================================
   COLORBOX
========================================================================== */
#colorbox{}
#colorbox #cboxContent{
	margin-top: 0;
	/* background-color: #fff; */
	/* border-radius: 10px; */
}
#colorbox #cboxLoadedContent{
	padding: 0;
}
#cboxOverlay{
	background: rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   column
========================================================================== */
.clm1{
  width:70%;
  margin-right:auto;
  margin-left:auto;
}
.clm1 .clmIn:nth-child(n+2){
  margin-top:30px;
}
.clm2:after,
.clm2Stay:after,
.clm3:after,
.clm3Stay:after,
.clm4:after,
.clm5:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clm2 .clmIn,
.clm2Stay .clmIn{
	float: left;
}
.clm2.opposite .clmIn{
	float: right;
}
.clm2 .clmIn:nth-child(2n),
.clm2Stay .clmIn:nth-child(2n){
	float: right;
}
.clm2.opposite .clmIn:nth-child(2n){
	float: left;
}
.clm2 .clmIn:nth-child(odd),
.clm2Stay .clmIn:nth-child(odd){
  clear:left;
}
.clm2 .clmIn:nth-child(n+3),
.clm2Stay .clmIn:nth-child(n+3){
  margin-top:30px;
}
.clm2 .clmIn.w78p,.clm2Stay .clmIn.w78p{width: 78%;}
.clm2 .clmIn.w65p,.clm2Stay .clmIn.w65p{width: 65%;}
.clm2 .clmIn.w59p,.clm2Stay .clmIn.w59p{width: 59%;}
.clm2 .clmIn.w49p,.clm2Stay .clmIn.w49p{width: 49%;}
.clm2 .clmIn.w38p,.clm2Stay .clmIn.w38p{width: 38%;}
.clm2 .clmIn.w32p,.clm2Stay .clmIn.w32p{width: 32%;}
.clm2 .clmIn.w19p,.clm2Stay .clmIn.w19p{width: 19%;}
@media screen and (max-width: 767px) {
  .clm1{


    width:100%;
  }
  .clm1 .clmIn:nth-child(n+2){
    margin-top:15px;
  }
  .clm2 .clmIn:nth-child(n+3){
    margin-top:15px;
  }
	.clm2 .clmIn,
	.clm2.opposite .clmIn{
		float: none;
		width: 100%;
	}
	.clm2 .clmIn:nth-child(2n),
	.clm2.opposite .clmIn:nth-child(2n){
		float: none;
		margin-top: 15px;
	}
	.clm2 .clmIn.w78p,
	.clm2 .clmIn.w65p,
	.clm2 .clmIn.w59p,
	.clm2 .clmIn.w49p,
	.clm2 .clmIn.w38p,
	.clm2 .clmIn.w32p,
	.clm2 .clmIn.w19p{width: 100%;}
}

.clm3 .clmIn{
  float: left;
  width:calc(100% / 3);
  padding-right:40px;
}
.clm3 .clmIn:nth-child(2),
.clm3 .clmIn:nth-child(3n-1){
  padding-right:20px;
  padding-left:20px;
}
.clm3 .clmIn:nth-child(3n){
  float: right;
  padding-right:0;
  padding-left:40px
}
.clm3 .clmIn:nth-child(3n+1){
  clear: left;
}
.clm3 .clmIn:nth-child(n+4){
  margin-top:30px;
}
@media screen and (max-width: 767px) {
  .clm3 .clmIn{
    padding-right:20px;
  }
  .clm3 .clmIn:nth-child(2),
  .clm3 .clmIn:nth-child(5n){
    padding-right:10px;
    padding-left:10px;
  }
  .clm3 .clmIn:nth-child(3n){
    float: right;
    padding-right:0;
    padding-left:20px
  }

  .clm3.clmStay1 .clmIn{
    width:100%;
    margin-top: 20px;
    padding-right:0;
    padding-left: 0;
  }
  .clm3.clmStay1 .clmIn:first-of-type{
		margin-top: 0;
	}
  .clm3.clmStay2 .clmIn{
    width:50%;
    padding-right:1%;
  }
  .clm3.clmStay2 .clmIn:nth-child(even){
    float:right;
    padding-right:0;
    padding-left:1%;
  }
  .clm3.clmStay2 .clmIn:nth-child(3n){
  	float: left;
    padding-left:0;
  }
  .clm3.clmStay2 .clmIn:nth-child(3n+1){
	  clear: none;
	}
  .clm3.clmStay2 .clmIn:nth-child(2n+1){
    clear:both;
  }
  .clm3.clmStay2 .clmIn:nth-child(n+3){
    margin-top:15px;
  }
}

.clm4 .clmIn{
	float: left;
	width: 23.5%;
	margin-right: 2%;
}
.clm4 .clmIn:nth-child(4n){
	margin-right: 0;
}
.clm4 .clmIn:nth-child(4n+1){
  clear:left;
}
.clm4 .clmIn:nth-child(n+5){
	margin-top: 2%;
}
.clm5 .clmIn{
	float: left;
	width: 19%;
	margin-right: 1.25%;
}
/*画像float*/
.clm2Custom::after{
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.clm2Custom img{
	float: right;
	width: auto;
}
.clm2Custom .clmIn{
	float:left;
	padding-right:20px;
	box-sizing:content-box;
}
.clm2Custom.oppsite img{
	float:left;
	width:auto;
}
.clm2Custom.oppsite .clmIn{
	float:right;
	padding-right:0;
	padding-left:20px;
	box-sizing:content-box;
}

.clm2WrapAround::after{
	content:"";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}
.clm2WrapAround img{
	float: right;
	width: auto;
	margin-left: 20px;
}
.clm2WrapAround .clmIn{
	/* float:left; */
	/* padding-right:20px; */
	box-sizing:content-box;
}
.clm2WrapAround.oppsite img{
	float:left;
	width:auto;
	margin-right: 20px;
	margin-left: 0;
}
.clm2WrapAround.oppsite .clmIn{
	/* float:right; */
	padding-right:0;
	/* padding-left:20px; */
	box-sizing:content-box;
}
#eigo_gakunen_index .clm5 .colL,
#eigo_gakunen_index .clm5 .colR {
	padding: 10px;
	width: 100%;
	display: block;
}
#eigo_gakunen_index .clm5 .linkImageL:not(.linkBlank):after {
	content: "";
	display: none;
}
#eigo_gakunen_index .clm5 .clmIn:nth-child(5n){
	margin-right: 0;
}
#eigo_gakunen_index .clm5 .clmIn:nth-child(n+3){
	margin-top: 0;
}
@media screen and (max-width: 767px) {
	.clm4 .clmIn{
		width: 48%;
		margin-right: 4%;
	}
	.clm4 .clmIn:nth-child(2n){
		margin-right: 0;
	}
	.clm4 .clmIn:nth-child(n+3){
		margin-top: 4%;
	}
	.clm5 .clmIn{
		width: 100%;
	}
	.clm2Custom{
		text-align:center;
	}
	.clm2Custom::after,
	.clm2Custom.oppsite::after{
		content:none;
	}
	.clm2Custom img,
	.clm2Custom.oppsite img{
		float:none;
		margin:0 auto;
		max-width: 100%;
	}
	.clm2Custom .clmIn,
	.clm2Custom.oppsite .clmIn{
		float:none;
		width:100% !important;
		padding: 0 0 0 0;
		margin: 10px auto;
		text-align:left;
	}
	#eigo_gakunen_index .clm5 .linkImageL div.colL {
		padding: 0 15px 0 0;
	}
	#eigo_gakunen_index .clm5 .linkImageL div.colR {
		width: 32.5%;
		padding: 0 4% 0 0;
	}
	#eigo_gakunen_index .clm5 .linkImageL .colL {
		width: 39.5%;
		display: table-cell;
		vertical-align: middle;
		padding: 10px;
	}
	#eigo_gakunen_index .clm5 .linkImageL .colR{
		display: table-cell;
		vertical-align: middle;
		padding: 15px;
	}
	#eigo_gakunen_index .clm5 .linkIn {
		padding: 10px 0;
	}
	#eigo_gakunen_index .clm5 .linkImageL:not(.linkBlank):after {
		content: "";
		display: block;
		position: absolute;
		width: 8px;
		height: 16px;
		background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
		background-repeat: no-repeat;
		background-size: contain;
		right: 20px;
		top: 50%;
		margin-top: -8px;
	}
}
/* ==========================================================================
   table
========================================================================== */
.tableNml,
.tableStay{
	width: 100%;
	table-layout: fixed;
	line-height: 1.6;
}
.tableNml th,
.tableNml td,
.tableStay th,
.tableStay td{
	padding: 10px 15px;
	border: 1px solid #dcdcdc;
	text-align: left;
}
.tableNml th.ttl,
.tableStay th.ttl{
	background-color: #fff9d8;
	width: 190px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}

.tableNml th.ttlBlue,
.tableStay th.ttlBlue{
	background-color: #dff2fc;
}

.pubRtableNml,
.pubRtableStay,
.pubRtableScroll{
	width: 100%;
	table-layout: fixed;
	line-height: 1.6;
}
.pubRtableNml th,
.pubRtableNml td,
.pubRtableStay th,
.pubRtableStay td,
.pubRtableScroll th,
.pubRtableScroll td{
	padding: 10px 15px;
	border: 1px solid #dcdcdc;
	text-align: left;
}
.pubRtableNml th.ttl,
.pubRtableStay th.ttl,
.pubRtableScroll th.ttl{
	background-color: #edfaff;
	width: 190px;
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}
/*table green*/
.pubRtableNml.colGr th,
.pubRtableNml.colGr td,
.pubRtableStay.colGr th,
.pubRtableStay.colGr td,
.pubRtableScroll.colGr th,
.pubRtableScroll.colGr td{
	border: 1px solid #ffffff;
}
.pubRtableNml.colGr th,
.pubRtableStay.colGr th,
.pubRtableScroll.colGr th{
	background-color:#45b035;
	color:#fff;
}
.pubRtableNml.colGr td,
.pubRtableStay.colGr td,
.pubRtableScroll.colGr td{
	background-color:#e4f4dc;
}
.pubRtableNml.colGr .cell00 th,
.pubRtableNml.colGr .cell00 td,
.pubRtableStay.colGr .cell00 th,
.pubRtableStay.colGr .cell00 td,
.pubRtableScroll.colGr .cell00 th,
.pubRtableScroll.colGr .cell00 td {
  background: #45b035;
  color:#fff;
}
.pubRtableNml.colGr .cell01 th,
.pubRtableNml.colGr .cell01 td,
.pubRtableStay.colGr .cell01 th,
.pubRtableStay.colGr .cell01 td,
.pubRtableScroll.colGr .cell01 th,
.pubRtableScroll.colGr .cell01 td {
  background: #c2daa8;
}
.pubRtableNml.colGr .cell02 th,
.pubRtableNml.colGr .cell02 td,
.pubRtableStay.colGr .cell02 th,
.pubRtableStay.colGr .cell02 td,
.pubRtableScroll.colGr .cell02 th,
.pubRtableScroll.colGr .cell02 td {
  background: #e4f4dc;
  color: #1e1e1e;
}
.pubRtableNml.colGr th.ttl,
.pubRtableStay.colGr th.ttl,
.pubRtableScroll.colGr th.ttl,
.pubRtableNml.colGr td.ttl,
.pubRtableStay.colGr td.ttl,
.pubRtableScroll.colGr td.ttl{
	background: #45b035;
	color:#fff;
	font-weight:bold;
}
.pubRtableNml.colGr .ttlSub,
.pubRtableStay.colGr .ttlSub,
.pubRtableScroll.colGr .ttlSub{
	background: #c2daa8;
}
.pubRtableNml.colGr .normal,
.pubRtableStay.colGr .normal,
.pubRtableScroll.colGr .normal{
	background: #e4f4dc;
}

@media screen and (max-width: 767px) {
	.tableNml,
	.tableNml tbody,
	.tableNml tr,
	.tableNml th,
	.tableNml td{
		display: block;
	}
	.tableNml{
		border-top: 1px solid #dcdcdc;
		border-bottom: 0;
	}
	.tableNml th,
	.tableNml td,
	.tableStay th,
	.tableStay td{
		padding: 3% 4%;
	}
	.tableNml th,
	.tableNml td{
		border: 0;
		border-bottom: 1px solid #dcdcdc;
	}
	.tableNml th.ttl{
		width: 100%;
		font-weight: bold;
		text-align: center;
	}
	.tableStay th.ttl{
		width: auto;
	}

	.pubRtableNml,
	.pubRtableNml>thead,
	.pubRtableNml>tbody,
	.pubRtableNml tr,
	.pubRtableNml th,
	.pubRtableNml td{
		display: block;
	}
	.pubRtableNml{
		border-top: 1px solid #dcdcdc;
		border-bottom: 0;
	}
	.pubRtableNml th,
	.pubRtableNml td,
	.pubRtableStay th,
	.pubRtableStay td{
		padding: 3% 4%;
	}
	.pubRtableNml th,
	.pubRtableNml td{
		border: 0;
		border-right: 1px solid #dcdcdc;
		border-left: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
	}
	.pubRtableNml th.ttl{
		width: 100%;
		font-weight: bold;
		text-align: center;
	}
	.pubRtableStay th.ttl,
	.pubRtableScroll th.ttl{
		width: auto;
	}
	.spScroll {
    overflow-x: auto;
		padding-bottom: 3px;
	}
	.spScroll .pubRtableScroll{
			width: 800px;
	}
	.spScroll::-webkit-scrollbar{
			height: 5px;
	}
	.spScroll::-webkit-scrollbar-track{
			border-radius: 10px;
			background: #f1f1f1;
	}
	.spScroll::-webkit-scrollbar-thumb{
			border-radius: 10px;
			background:#c1c1c1;
	}
}

/* ==========================================================================
   title
========================================================================== */
/*カテゴリタイトル*/
.ttlCategory{
	text-align: left;
	margin:20px auto 30px;
	width: 960px;
}
.ttlCategory .ttl{
	font-size: 34px;
	line-height: 1.3;
	font-weight: bold;
}
.ttlCategory .ttl .subTxt{
	display: block;
	font-size: 18px;
	margin-bottom: 8px;
}
.pubRttlCategory{
	text-align: left;
	margin:40px auto 10px;
	width: 960px;
}
.pubRttlCategory>.ttl{
	color:#000;
	font-size: 34px;
	line-height: 1.3;
	font-weight: bold;
}
	/*FOR IE*/
	.ie .pubRttlCategory>.ttl{
		display: table-cell;
		vertical-align: middle;
	}
.pubRttlCategory>.ttl.fsS{
	font-size:28px;
}
.pubRttlCategory>.ttl>.subTxt{
	display: block;
	font-size: 18px;
	margin-bottom: 8px;
	color:#4a4a4a;
}
.pubRkv{
	margin:40px auto 30px;
}
.pubRkv2{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	align-items:center;
	margin:40px auto 30px;
}
.pubRkv2>.ttlCategory2{
	text-align: left;
	margin:40px 0 10px;
}
.pubRkv2.p2_2>.ttlCategory2{
	margin:20px 0 10px;
}
.pubRkv2>.ttlCategory2>.ttl{
	font-size: 34px;
	line-height: 1.3;
	font-weight: bold;
}
.pubRkv2>.subTxt,
.pubRkv2>.leadTxt{
	display:none;
}
.pubRkv2>.ttlCategory2 >.ttl>.subTxt,
.pubRkv2 .ttlCategory2>.ttl>.leadTxt{
	display:block;
	font-size: 18px;
	margin-top: 20px;
	color:#4a4a4a;
}
.pubRkv2 .ttlCategory2>.ttl>.leadTxt{
	color:#17a1e6;
}
.pubRkv2 .ttlCategory2,
.pubRkv2 .mv{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
}
.pubRkv2 .ttlCategory2{
	width:410px;
}
.pubRkv2 .mv{
	width:550px;
	height:auto;
}
.pubRkv2 .mv::after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.pubRkv2 .mv>img{
	width:100%;
}

.pubRkv3{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	align-items:center;
	margin:40px auto 30px;
}
.pubRkv3 .pubRttlCategory{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	width: 52%;
	z-index:2;
	margin:0;
}
	/*FOR IE*/
	.ie .pubRkv3 .pubRttlCategory{
		height: 100%;
		top: 0;
		display: table;
	}
.pubRkv3 .pubRttlCategory > .ttl>.subTtl{
	display:block;
	color: #4a4a4a;
	font-size: 18px;
	margin-bottom:20px;
}
.pubRkv3 .pubRttlCategory .subTxt{
	margin-top: 20px;
}
.pubRkv3>.subTxt,
.pubRkv3>.leadTxt{
	display:none;
}
.pubRkv3 .pubRttlCategory >.ttl>.subTxt,
.pubRkv3 .pubRttlCategory>.ttl>.leadTxt{
	display:block;
	font-size: 18px;
	margin: 20px 0 0 0;
	color:#4a4a4a;
}
.pubRkv3 .pubRttlCategory>.ttl>.leadTxt{
	color:#17a1e6;
}
.pubRkv3 .mv{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  width: 100%;
	position:relative;
	z-index:1;
}
.pubRkv3 .mv img{
	width:100%;
}
.pubRkv3 .mv.grad::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
}

.pubRkv4{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	    -ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	align-items:center;
	width:100%;
	margin:40px auto 30px;
}
.pubRkv4>.ttlCategory2{
	text-align: left;
	margin: 20px 0 10px 0;
}
.pubRkv4>.ttlCategory2>.ttl{
	font-size: 34px;
	line-height: 1.3;
	font-weight: bold;
}
.pubRkv4>.subTxt,
.pubRkv4>.leadTxt{
	display:none;
}
.pubRkv4>.ttlCategory2 >.ttl>.subTxt,
.pubRkv4 > .ttlCategory2>.ttl>.leadTxt{
	display:block;
	font-size: 18px;
	margin-top: 20px;
	color:#4a4a4a;
}
.pubRkv4 .ttlCategory2>.ttl>.leadTxt{
	color:#17a1e6;
}
.pubRkv4 .ttlCategory2,
.pubRkv4 .mv{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	align-items: flex-start;
}
.pubRkv4 .ttlCategory2{
	width: 400px;
	/* box-sizing: content-box; */
	/* margin-left: 10px; */
}
.pubRkv4 .mv{
	width:550px;
	height:auto;
}
.pubRkv4 .mv::after{
	content:"";
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
	display:block;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 90%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 90%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.pubRkv4 .mv.noGrad::after{
	content:none;
}
.pubRkv4 .mv > img{
	width:auto;
	max-width:100%;
}

/*広報ページ使用MV*/
.pubRkv5{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	align-items:center;
	margin:40px auto 30px;
}
.pubRkv5 .pubRttlCategory{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	width: 64%;
	z-index:2;
	margin:0;
}
	/*FOR IE*/
	.ie .pubRkv5 .pubRttlCategory{
		height: 100%;
		top: 0;
		display: table;
	}
.pubRkv5 .pubRttlCategory > .ttl>.subTtl{
	display:block;
	color: #4a4a4a;
	font-size: 18px;
	margin-bottom:20px;
}
.pubRkv5 .pubRttlCategory .subTxt{
	margin-top: 20px;
}
.pubRkv5>.subTxt,
.pubRkv5>.leadTxt{
	display:none;
}
.pubRkv5 .pubRttlCategory >.ttl>.subTxt,
.pubRkv5 .pubRttlCategory>.ttl>.leadTxt{
	display:block;
	font-size: 18px;
	margin: 20px 0 0 0;
	color:#4a4a4a;
}
.pubRkv5 .pubRttlCategory>.ttl>.leadTxt{
	color:#17a1e6;
}
.pubRkv5 .mv{
	position:relative;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  width: 100%;
	position:relative;
	z-index:1;
}
.pubRkv5 .mv img{
	width:100%;
}
.pubRkv5 .mv.grad::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%);
  background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
  background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
}

/*背景水色*/
.ttlBgBlue{
	background-color: #7dcdf4;
	color: #fff;
	font-size: 30px;
	line-height: 1.3;
	padding: 13px 25px 14px;
	margin-bottom: 40px;
	border-radius: 5px;
	font-weight: bold;
	position: relative;
}
/*太文字黒*/
.ttlBlkL{
	font-size: 24px;
	line-height: 1.3;
	position: relative;
	margin-bottom: 30px;
}

/*水色ライン下線*/
.ttlBdrUnder{
	font-size: 24px;
	line-height: 1.3;
	position: relative;
	padding: 0 0 13px 0;
	border-bottom: 3px solid #7dcdf4;
	margin-bottom: 30px;
}
.pubRttlBdrUnder{
	font-size: 24px;
	line-height: 1.3;
	position: relative;
	padding: 0 0 13px 0;
	border-bottom: 3px solid #17a1e6;
	margin-bottom: 30px;
}
/*青ライン下線*/
.ttlBdrUnderBlu{
	font-size: 24px;
	line-height: 1.3;
	position: relative;
	padding: 0 0 13px 0;
	border-bottom: 3px solid #17a1e6;
	margin-bottom: 15px;
}
/*水色左ライン*/
.ttlBdrLeftBlu{
	font-size: 24px;
	line-height: 1.3;
	position: relative;
	padding: 0 0 0 18px;
	margin-bottom: 15px;
	border-left: #7dcdf4 6px solid;
}
/* .ttlBdrLeftBlu:before{
	content: "";
	width: 6px;
	height: 1em;
	background-color: #7dcdf4;
	position: absolute;
	top: 4px;
	left: 0;
} */
.pubRttlBdrLeftBlu{
	font-size: 24px;
	line-height: 1.3;
	position: relative;
	padding: 0 0 0 18px;
	margin-bottom: 15px;
	color:#17a1e6;
	border-left: #17a1e6 6px solid;
}
/* .pubRttlBdrLeftBlu:before{
	content: "";
	width: 6px;
	height: 1em;
	background-color: #17a1e6;
	position: absolute;
	top: 4px;
	left: 0;
} */
/*太文字水色*/
.ttlBluCopy{
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	color: #44aee0;
	margin-bottom: 20px;
}
.pubRttlBluCopy{
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	color: #17a1e6;
	margin-bottom: 20px;
}
.pubRttlBluSquer{
	position:relative;
	text-indent:1.5em;
	font-size:21px;
}
.pubRttlBluSquer::before{
	content:"";
	position:absolute;
	display:block;
	left:0;
	top:9px;
	width:20px;
	height:20px;
	background-color:#17a1e6;
}
/*太文字黒*/
.pubRttlBlkCopy{
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
	margin-bottom: 20px;
}
.pubRcomment{
	font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
  color: #17a1e6;
  margin: 20px auto;
}

/*太文字タイトル*/
.ttlBoldL,
.ttlBoldM,
.ttlBoldS{
	font-weight: bold;
	line-height: 1.4;
}
.ttlBoldL{
	text-align: center;
	font-size: 40px;
	margin-bottom: 45px;
}
.ttlBoldM{
	font-size: 26px;
	margin-bottom: 30px;
}
.ttlBoldS{
	font-size: 22px;
	margin-bottom: 20px;
}
.ttlBoldL .bdrYlw{
	display: inline;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, transparent), color-stop(90%, #fff44e));
	background: -o-linear-gradient(transparent 90%, #fff44e 90%);
	background: linear-gradient(transparent 90%, #fff44e 90%);
}
.ttlBoldL .txtBig{font-size: 120%;}
.ttlBoldM .txtBig{font-size: 125%;}

.ttlBdrLeftBlu sup,
.ttlBdrLeftBlu sub{
	font-weight: normal;
}

	/*番号付きタイトル*/
.ttlNum{
	line-height: 1.4;
}
.ttlNum .num{
	width: 1.5em;
	margin-right: 10px;
	padding: 0.2em 0 0.3em;
	background-color: #1069c4;
	border-radius: 1em;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-indent: 0;
	display: inline-block;
	vertical-align: middle;
}
.ttlNum .txtBig{
	font-size: 125%;
}
@media print, screen and (min-width: 768px) {
	.ttlNum{
		padding-left: 1.923em;
		font-size: 26px;
		text-indent: -1.923em;
	}
	.ttlNum.txtM{
		font-size: 20px;
	}
	.ttlNum .num{
		margin-top: -0.154em;
	}
}

@media screen and (max-width: 767px) {
	.ttlNum{
		padding-left: 37px;
		text-indent: -37px;
	}
	.ttlNum .num{
		width: 1.588em;
		margin-top: -4px;
		padding: 0.24em 0 0.34em;
		font-size: 17px;
	}
}
@media screen and (max-width: 767px) {
	/*カテゴリタイトル（h1）*/
	.ttlCategory{
		width: 92%;
		margin: 20px auto;
		text-align: left;
	}
	.ttlCategory .ttl{
		font-size: 24px;
	}
	.ttlCategory .ttl .rearTxt{
		font-size: 21px;
	}
	.ttlCategory .ttl .subTxt{
		font-size: 16px;
	}
	.pubRkv{
		margin:20px auto;
	}
	.pubRttlCategory{
		text-align: left;

		width:100%;
		margin: 20px 0;
	}
 	.pubRttlCategory>.ttl{
 		color:#000;
		font-size: 30px;
	}
	.pubRttlCategory>.ttl>.subTxt{
		margin-top:8px;
		font-size: 16px;
		font-weight:normal;
	}
	.pubRkv2{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
/* 		-webkit-align-items:center;
		align-items:center; */
		margin:20px auto;
	}
	.pubRkv2>.ttlCategory2{
		text-align: left;
		margin:40px 0 10px;
	}
	.pubRkv2>.ttlCategory2>.ttl{
		font-size: 34px;
		line-height: 1.3;
		font-weight: bold;
	}
	.pubRkv2>.ttlCategory2>.ttl>.subTxt,
	.pubRkv2 .ttlCategory2>.ttl>.leadTxt{
		display: block;
		font-size: 18px;
		margin-top: 20px;
		color:#4a4a4a;
	}
	.pubRkv2 .ttlCategory2,
	.pubRkv2 .mv{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		position:relative;
		width:100%;
	}
	.pubRkv2 .ttlCategory2>.ttl>.subTxt,
	.pubRkv2 .ttlCategory2>.ttl>.leadTxt{
		display:none;
	}
	.pubRkv2 .mv{
		width:550px;
	}
	.pubRkv2 .mv::after{
		content:none;
	}
	.pubRkv2 .mv>img{
		width:100%;
	}
	.pubRkv2 >.subTxt,
	.pubRkv2 >.leadTxt{
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		width:100%;
		font-size: 18px;
		margin-top: 10px;
		color:#4a4a4a;
	}
	.pubRkv2 > .leadTxt + .subTxt{
		margin-top:0;
	}
	.pubRkv2 >.leadTxt{
		color:#17a1e6;
	}
	.pubRkv3 {
		/*flex-wrap:wrap;*/
		display: block;
		margin:20px auto;
	}
	.pubRkv3 .pubRttlCategory{
		/*display:flex;*/
		display: block;
		position:static;
		width:100%;
		margin: 0 0 20px 0;
	}
	.pubRttlCategory>.ttl.fsS{
		font-size:24px;
	}
	.pubRkv3 .pubRttlCategory > .ttl>.subTtl{
		margin-bottom:8px;
		font-size: 16px;
	}
	.pubRkv3 .pubRttlCategory>.ttl>.leadTxt,
	.pubRkv3 .pubRttlCategory>.ttl>.subTxt{
		margin:8px auto 0;
		font-size: 16px;
		font-weight:normal;
	}
	.pubRkv3 .mv{
		display: block;
	}
	.pubRkv3 .mv.grad::after {
	  content: none;
	 }
	.pubRkv4 {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:normal;
		    -ms-flex-direction:row;
		flex-direction:row;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		margin:20px auto;
	}
	.pubRkv4 .ttlCategory2,
	.pubRkv4 .mv{
		width:100% !important;
	}
	.pubRkv4 .mv{
		text-align:center;
	}
	.pubRkv4 .mv img{
		width:100%;
		max-width:100%;
		margin:0 auto;
	}
	.pubRkv4>.subTxt,
	.pubRkv4>.leadTxt{
		display:block;
		width:100%;
		font-size: 18px;
		margin-top: 10px;
	}
	.pubRkv4 >.leadTxt{
		color:#17a1e6;
	}
	.pubRkv4 > .leadTxt + .subTxt {
	  margin-top: 0;
	}
	.pubRkv4>.ttlCategory2 >.ttl>.subTxt,
	.pubRkv4 > .ttlCategory2>.ttl>.leadTxt{
		display:none;
	}

	/*広報ページ使用MV*/
	.pubRkv5 {
		/*flex-wrap:wrap;*/
		display: block;
		margin:20px auto;
	}
	.pubRkv5 .pubRttlCategory{
		/*display:flex;*/
		display: block;
		position:static;
		width:100%;
		margin: 0 0 20px 0;
	}

	.pubRkv5 .pubRttlCategory > .ttl>.subTtl{
		margin-bottom:8px;
		font-size: 16px;
	}
	.pubRkv5 .pubRttlCategory>.ttl>.leadTxt,
	.pubRkv5 .pubRttlCategory>.ttl>.subTxt{
		margin:8px auto 0;
		font-size: 16px;
		font-weight:normal;
	}
	.pubRkv5 .mv{
		display: block;
	}
	.pubRkv5 .mv.grad::after {
	  content: none;
	 }


	/*背景水色タイトル*/
	.ttlBgBlue{
		font-size: 26px;
		padding: 16px 4% 13px;
		margin-bottom: 20px;
		border-radius: 0;
	}
	/*太文字水色*/
	.ttlBluCopy{
		font-size: 20px;
	}
	/*太文字タイトル*/
	.ttlBoldL{
		text-align: left;
		font-size: 26px;
		margin-bottom: 30px;
	}
	.ttlBoldM{
		font-size: 22px;
		margin-bottom: 20px;
	}
	.ttlBoldS{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.ttlBoldL .txtBig{font-size: 125%;}
}
/* ==========================================================================
		ttlBar
========================================================================== */

.barBgBlu{
	background: #1069c4;
}
.ttlBar .barMeta{
	width: 100%;
	display: table;
}
.ttlBar .barMeta .barTtl{
	font-size: 44px;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
}
.ttlBar .barMeta .barTtl .em{
	font-size: 48px;
	color: #fff;
	font-weight: bold;
}
.ttlBar .barMeta .barTxt{
	text-align: center;
}
.ttlBar .barMeta .barTxt .btnOval{
	padding: 5px 30px;
	font-weight: bold;
	border: 0;
	font-size: 16px;
}
.ttlBar .barMeta .barTxt .txt{
	margin-top: 5px;
	border-bottom: 1px solid #fff;
	color: #fff;
	display: inline-block;
}
.barBgBlu + .mv .mvImg{
	text-align: center;
}
@media print, screen and (min-width: 768px) {
	.barBgBlu .breadcrumbs{
		margin: 0 auto;
		padding: 5px 0;
	}
	.barBgBlu .breadcrumbs li:after{
		background: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg) no-repeat;
		background-size: contain;
	}
	.barBgBlu .breadcrumbs li a span{
		color: #fff;
	}
	.ttlBar {
		margin: 10px auto 50px;
	}
	.ttlBar .barMeta{
		padding: 20px 0 30px;
	}
	.withMv .ttlBar{
		margin-bottom: 0;
	}
	.withMv .ttlBar .barMeta{
		padding-bottom: 90px;
	}
	.ttlBar .barMeta .barTtl{
		/*padding-right: 60px;*/
		display: table-cell;
		vertical-align: middle;
	}
	.ttlBar .barMeta .barTxt{
		width: 240px;
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
	.barBgBlu + .mv .mvImg{
		position: relative;
		top: -60px;
		border-radius:10px;
		overflow: hidden;
	}
}
@media screen and (max-width: 767px) {
	.ttlBar .barMeta{
		padding: 20px 35px;
	}
	.ttlBar .barMeta .barTtl{
		font-size: 6.8vw;
		text-align: center;
	}
	.ttlBar .barMeta .barTtl .em{
		font-size: 8vw;
	}
	.ttlBar .barMeta .barTxt{
		margin-top: 10px;
	}
	.ttlBar .barMeta .barTxt .btnOval{
		display: inline-block;
		font-size: 18px;
		padding: 9px 39px 9px;
	}
	.ttlBar .barMeta .barTxt .txt{
		font-size: 18px;
		margin-top: 10px;
	}
}

@media print, screen and (min-width: 768px){
	.barBluMv{
		margin-bottom: 60px;
	}
	.barBluMv .barBgBlu{
		border-radius: 10px 10px 0 0;
	}
	.barBluMv .barBgBlu.noMv{
		border-radius: 10px;
	}
	.barBluMv .barBgBlu + .mv .mvImg {
			position: static;
			top: 0;
			border-radius: 0 0 10px 10px;
			overflow: hidden;
	}
	.barBluMv .barBgBlu .ttlBar{
		margin-bottom: 0;
	}
	.barBluMv .ttlBar .barMeta {
    padding: 30px;
	}
	.barBluMv .ttlBar .barMeta .barTxt{
		display: none;
	}
	.barBluMv .ttlBar .barMeta .barTtl.noLine{
		font-size: 42px;
	}

}
@media screen and (max-width: 767px){
	.barBluMv .ttlBar .barMeta {
			padding: 20px 15px;
	}
}

.ribbonBluMv{}
.ribbonBluMv .mv{
	position: relative;
}
.ribbonBluMv .ribbonTtl{
	width: 100%;
	line-height: 1.3;
	text-align: center;
	position: absolute;
	left: 0;
}
.ribbonBluMv .ribbonTtl span{
	margin-right: 30px;
	margin-left: 30px;
	background-color: #1069c4;
	color: #fff;
	line-height: 1.4;
	display: inline-block;
	position: relative;
}
.ribbonBluMv .ribbonTtl span:before,
.ribbonBluMv .ribbonTtl span:after{
	content: "";
	display: block;
	width: 20px;
	height: 100%;
	position: absolute;
	top: 0;
}
.ribbonBluMv .ribbonTtl span:before{
	background: url(/kumonnow/common_2019/img/ribbon_ttl_l.svg) right center no-repeat;
	background-size: 100% 100%;
	left: -18px;
}
.ribbonBluMv .ribbonTtl span:after{
	background: url(/kumonnow/common_2019/img/ribbon_ttl_r.svg) left center no-repeat;
	background-size: 100% 100%;
	right: -18px;
}
.ribbonBluMv .ribbonTtl em{
	font-style: normal;
	display: block;
}
@media print, screen and (min-width: 768px){
	.ribbonBluMv{
		margin-top: 78px;
	}
	.ribbonBluMv .ribbonTtl{
		font-size: 26px;
		top: -68px;
	}
	.ribbonBluMv .ribbonTtl span{
		padding: 20px 30px;
	}
	.ribbonBluMv .ribbonTtl em{
		font-size: 44px;
	}
	.ribbonBluMv .mv .mvImg{
		border-radius: 10px;
		overflow: hidden;
		position: static;
		top: auto;
	}
}
@media screen and (max-width: 767px){
	.ribbonBluMv{
		margin-top: 52px;
	}
	.ribbonBluMv .ribbonTtl{
		font-size: 22px;
		top: -42px;
	}
	.ribbonBluMv .ribbonTtl span{
		padding: 10px;
	}
	.ribbonBluMv .ribbonTtl em{
		font-size: 6.8vw;
	}
}
@media screen and (max-width: 380px){
	.ribbonBluMv{
		margin-top: 47px;
	}
	.ribbonBluMv .ribbonTtl{
		font-size: 18px;
		top: -37px;
	}
	.ribbonBluMv .ribbonTtl em{
		font-size: 6.2vw;
	}
}


/* ==========================================================================
   link
========================================================================== */
.btnAlpha{}
.btnAlpha:hover > *{
	opacity: 0.7;
}

/*楕円形ボタン*/
.btnOval{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background-color: #81d5fa;
	padding: 9px 50px 9px 50px;
	border-radius: 50px;
	text-align: center;
	position: relative;
}
.btnOval.bgOrng{background-color: #faaf18;}
.btnOval.bgGry{background-color: #c8c8c8;}
.btnOval.bgWh{
	background-color: #fff;
	border: 2px solid #e6e6e6;
	color: #1e1e1e;
}
.btnOval:hover{
	opacity: 0.7;
}
.btnOval:after{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 15px;
	top: 50%;
	margin-top: -8px;
}
.btnOval.arrowL:after{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_l.svg);
	right: auto;
	left: 15px;
}
.btnOval.bgWh:after{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue4_r.svg);
}
.btnOval.arrowL.bgWh:after{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue4_l.svg);
}

.pubRbtnOval{
	display: inline-block;
	font-size: 18px;
	color: #fff;
	background-color: #81d5fa;
	padding: 9px 50px 9px 50px;
	border-radius: 50px;
	text-align: center;
	position: relative;
}
.pubRbtnOval.bgGry{background-color: #c8c8c8;}
.pubRbtnOval:hover{
	opacity: 0.7;
}
.pubRbtnOval:after{
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 15px;
	top: 50%;
	margin-top: -8px;
}
.pubRbtnOval.arrowL:after{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_l.svg);
	right: auto;
	left: 15px;
}
.pubRbtnOval.bgDBlu{
	background-color:#17a1e6;
}



/*左矢印アイコン*/
.linkArrowList li{
	margin-bottom: 5px;
}
.linkArrowL,
.linkArrowLr,
.linkArrowLu,
.linkArrowLd{
	display: inline-block;
	position: relative;
	padding-left: 14px;
	text-indent: -14px;
	line-height: 1.3;
	text-decoration: underline;
}
.linkArrowL:before,
.linkArrowLr:before,
.linkArrowLu:before,
.linkArrowLd:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 5px 0 0;
}
.linkArrowLr:before{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_l.svg);
}
.linkArrowL.iconPink:before{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_pink_r.svg);
}
.linkArrowLu:before{
	width: 16px;
	height: 8px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_u.svg);
}
.linkArrowLd:before{
	width: 16px;
	height: 8px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_u.svg);
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.linkArrowL:hover,
.linkArrowLr:hover,
.linkArrowLt:hover,
.linkArrowLd:hover{
	text-decoration: none;
}
.pubRlinkArrowList li{
	margin-bottom: 5px;
}
.pubRlinkArrowL,
.pubRlinkArrowLr,
.pubRlinkArrowLu{
	display: inline-block;
	position: relative;
	padding-left: 14px;
	text-indent: -14px;
	line-height: 1.3;
	text-decoration: underline;
}
.pubRlinkArrowL:before,
.pubRlinkArrowLr:before,
.pubRlinkArrowLu:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 5px 0 0;
}
.pubRlinkArrowLr:before{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_l.svg);
}
.pubRlinkArrowL.iconPink:before{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_pink_r.svg);
}
.pubRlinkArrowLu:before{
	width: 16px;
	height: 8px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_u.svg);
}
.pubRlinkArrowL:hover,
.pubRlinkArrowLr:hover,
.pubRlinkArrowLt:hover{
	text-decoration: none;
}
.pubRlinkArrowBox{

}
.pubRlinkArrowBox .pubRlinkArrow{
	display:inline-block;
	font-size:18px;
	border-bottom:#1e1e1e solid 1px;
}
.pubRlinkArrowBox .pubRlinkArrow .ttlBl{
	color:#17a1e6;
	font-weight:bold;
	font-size:24px;
	margin-right:15px;
}
.pubRlinkArrowBox .pubRlinkArrow:before{
	content:"";
	display: inline-block;
	vertical-align: baseline;
	width:10px;
	height:18px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image:url(/kumonnow/common_2019/img/arrow/arrow_blue_big_lr.svg);
	margin:0 5px 0 0;
}
.pubRlinkArrowBox .txt{
	margin-top:10px;
}


/*下矢印丸アイコン*/
.linkCircleArrowD{
	display: inline-block;
	position: relative;
	padding-left: 20px;
	text-indent: -20px;
	line-height: 1.3;
	text-decoration: underline;
}
.linkCircleArrowD:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_circleblu_d.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: -2px 5px 0 0;
}
.linkCircleArrowD:hover{
	text-decoration: none;
}

/*別窓アイコン*/
.linkBlank:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	width: 12px;
	height: 10px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_blank_blu.svg);
	margin: -2px 0 0 10px;
}

/*PDFアイコン*/
.linkPdf{
	text-decoration: underline;
}
.linkPdf:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	width: 24px;
	height: 25px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_pdf.png);
	margin: -2px 5px 0 0;
}
.linkPdf:hover{
	text-decoration: none;
}

/*印刷アイコン*/
.linkPrint{
	text-decoration: underline;
}
.linkPrint:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	width: 22px;
	height: 20px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_pubr_print_blu01.svg);
	margin: -2px 5px 0 0;
}
.linkPrint:hover{
	text-decoration: none;
}


/*下矢印丸アイコン*/
.linkCircleArrowD{
	display: inline-block;
	position: relative;
	padding-left: 20px;
	text-indent: -20px;
	line-height: 1.3;
	text-decoration: underline;
}
.linkCircleArrowD:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_circleblu_d.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: -2px 5px 0 0;
}
.linkCircleArrowD:hover{
	text-decoration: none;
}

/*モーダルアイコン*/
.pubRlinkArrowList .pubRLinkModal{
	text-decoration: underline;
}
.pubRlinkArrowList .pubRLinkModal:before{

}
.pubRlinkArrowList .pubRLinkModal:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	width: 21px;
	height: 17px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_modal_link.svg);
	margin: -2px 5px 0 0px;
}

/*別窓アイコン*/
.pubRlinkArrowList .linkBlank:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	width: 14px;
	height: 11px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_blank_blu.svg);
	margin: -2px 0 0 10px;
}

/*PDFアイコン*/
.pubRlinkArrowList .linkPdf{
	text-decoration: underline;
}
.pubRlinkArrowList .linkPdf:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
	width: 24px;
	height: 25px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_pdf_link_pubR.svg);
	margin: -2px 5px 0 0;
}
.pubR .linkPdf:hover{
	text-decoration: none;
}

/*テキストリンク*/
.linkTxt{
	color: #1069c4;
	position: relative;
	text-decoration: underline;
}
.linkTxt:hover{
	text-decoration: none;
}

/*navList*/
.navList{
}
.navList .listBox{
	margin-bottom: 12px;
	border: #e6e6e6 1px solid;
	border-radius: 5px;
	display: table;
}
.navList .listBox:last-of-type{
	margin-bottom: 0;
}
.navList .listBox .link{
	height: 60px;
	padding: 9px 30px;
	background-color: #fff;
	background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) right 15px center no-repeat;
	background-size: 8px 16px;
	border-radius: 5px;
	line-height: 1.3;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
.navList .listBox .link.linkBlank{
	padding-right: 35px;
	background: url(/kumonnow/common_2019/img/icon/icon_blank_blu.svg) right 13px center no-repeat;
	background-size: 15px 13px;
}
	/*RESET*/
	.navList .listBox .link.linkBlank:after{
		display: none;
	}
.navList .listBox .link:hover{
	opacity: 0.7;
}

@media print, screen and (min-width: 768px) {
	.navList ul:after{content: ""; clear: both; display: block;}
	.navList .listBox{
		float: left;
	}
	.navList.clm3_1 .listBox{
		width: 312px;
		margin-right: 12px;
	}
	.navList.clm3_1 .listBox:nth-child(3n+1){
		clear: both;
	}
	.navList.clm3_1 .listBox:nth-child(3n){
		margin-right: 0;
	}
	.navList.clm3_1 .listBox:nth-last-child(-n+3){
		margin-bottom: 0;
	}
	.navList.clm2_1 .listBox{
		width: 49%;
	}
	.navList.clm2_1 .listBox:nth-of-type(odd){
		margin-right:1%;
	}
	.navList.clm2_1 .listBox:nth-of-type(even){
		margin-left:1%;
	}
}

@media screen and (max-width: 767px) {
	.navList.clm3_1 .listBox,
	.navList.clm2_1 .listBox{
		width: 100%;
	}
}

/*ムービーを見る*/
.linkMovie{}
.linkMovie a{
	padding: 10px 18px 11px 40px;
	background-color: #fff;
	border: 1px solid #17a1e6;
	border-radius: 19px;
	color: #17a1e6;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	position: relative;
}
.linkMovie a:before{
	content: "";
	width: 21px;
	height: 21px;
	margin-top: -10px;
	background: url(/kumonnow/common_2019/img/arrow/arrow_circleblue2_r.svg) center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
}
.linkMovie a:hover,
.bnrList a:hover{
	opacity: 0.7;
}
/*バナーリスト*/
.bnrList a{
	display: block;
}
/*モーダル コンテント */
.pubRinlineContent{
	background-color:#fff;
	padding:50px 60px;
	border-radius: 10px;
}
.pubRinlineContent .clm2 .clmIn.img{
	width: 29.5%;
}
.pubRinlineContent .clm2 .clmIn.txt{
	width: 70.2%;
	padding-right: 3.5%;
	box-sizing: border-box;
}
.pubRinlineContent .pubRinlineTtl{
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 30px;
}
.pubRinlineContent .btnClose{
	margin-top: 40px;
}
.pubRinlineContent .btnClose::before{
	content: "";
	display:inline-block;
	width: 27px;
	height: 27px;
	background: url(/kumonnow/common_2019/img/icon/icon_circle_close_blue.svg) center center no-repeat;
	background-size: contain;
	vertical-align:middle;
}
.pubRinlineContent .btnClose span{
	border:none;
	color:#1e1e1e;
	padding: 10px 10px 10px 7px;
	font-size: 18px;
	vertical-align: middle;
	font-weight:normal;
}

/*印刷する*/
.btnPrint{}
.btnPrint a{
	padding: 10px 18px 11px 40px;
	background-color: #fff;
	border: 1px solid #17a1e6;
	border-radius: 19px;
	color: #17a1e6;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	position: relative;
}
.btnPrint a:before{
	content: "";
	width: 22px;
	height: 20px;
	margin-top: -10px;
	background: url(/kumonnow/common_2019/img/icon/icon_pubr_print_blu02.svg) center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
}
.btnPrint a:hover{
	opacity: 0.7;
}

/*ページトップへ*/
.toTop{
	padding-top: 20px;
	text-align: right;
}
.toTop a{
	display: inline-block;
	vertical-align: middle;
}
.toTop a:before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: -3px 5px 0 0;
	background: url(/kumonnow/common_2019/img/arrow/arrow_circleblu_u.svg) no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.toTop.bdr{
	padding-bottom: 14px;
	border-bottom: 1px dotted #dcdcdc;
}

@media screen and (max-width: 767px) {
	.pubRinlineContent{
		padding: 20px;
	}
	.pubRinlineContent .clm2 .clmIn.img,
	.pubRinlineContent .clm2 .clmIn.txt{
		width: 100%;
	}
	.pubRinlineContent .clm2 .clmIn.txt{
		padding-right: 0;
	}
	.pubRinlineContent .pubRinlineTtl{
		margin-bottom: 15px;
		font-size: 20px;
	}
	.pubRinlineContent .btnClose{
		margin-top: 15px;
	}

	.toTop{
		width: 92%;
		margin-right: auto;
		margin-left: auto;
	}
}

/*モーダル　ムービーを見る POPUP*/
.modalInWrap{
	padding: 4%;
	background-color: #eaf5ff;
	box-sizing: border-box;
}
.movieWrap{
	padding: 4%;
	background-color: #eaf5ff;
}
.movieWrap .movieIn{
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	position: relative;
}
.movieWrap .movieIn video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
/*ムービーを見る 閉じる*/
.btnClose{
	margin-top: 15px;
	text-align: center;
}
.btnClose span{
	padding: 10px 18px 11px;
	background-color: #fff;
	border: 1px solid #17a1e6;
	border-radius: 19px;
	color: #17a1e6;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	display: inline-block;
	position: relative;
}
/*モーダル SP ONLY*/
.spModal{}

/*画像左リンク*/
.linkImageL{
	display: block;
	position: relative;
}
.linkImageL:hover{
	opacity: 0.7;
}
.linkImageL:not(.linkBlank):after {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 25px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 20px;
	top: 50%;
	margin-top: -8px;
}
.linkImageL.linkBlank:after {
	position: absolute;
	width: 18px;
	height: 16px;
	right: 20px;
	top: 50%;
	margin-top: -8px;
}
.linkImageL .linkIn{
	display: table;
	width: 100%;
	border: #f3f3f3 3px solid;
	border-radius: 10px;
}
.linkImageL .linkIn .linkInTxt{
	padding: 5px 30px 15px 20px;
}
.linkImageL .colL {
	width: 39.5%;
	display: table-cell;
	vertical-align: middle;
	padding: 10px;
}
.linkImageL .colR{
	display: table-cell;
	vertical-align: middle;
	padding: 15px;
}
.linkImageL .ttl,
.linkImageL .txtBig{
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 5px;
}
.linkImgList .linkImageL:after {
	width: 8px;
	height: 16px;
	right: 15px;
}
.linkImgList .linkImageL.linkBlank:after {
	width: 14px;
	height: 12px;
}
.linkImgList .clmIn:nth-child(n+3){
	margin-top: 20px;
}

/*アコーディオン*/
.accWrap + .accWrap{
	margin-top: 20px;
}
.accBtn{
	display: block;
	background-color: #dcf4ff;
	padding: 12px 50px 12px 20px;
	font-size: 18px;
	position: relative;
	border-radius: 5px;
	font-weight: bold;
	line-height: 1.4;
}
.accBtn:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	background-image: url(/kumonnow/common_2019/img/icon/icon_plus_dblu.svg);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	right: 15px;
	margin-top: -11px;
}
.accBtn:hover{
	opacity: 0.7;
}
.open .accBtn:after{
	background-image: url(/kumonnow/common_2019/img/icon/icon_minus_dblu.svg);
}
.accTxtLink{
	position: relative;
	text-decoration: underline;
}
.accTxtLink:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 8px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_d.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 5px 0 0;
}
.accTxtLink.close:before{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_u.svg);
}
.open .accTxtLink,
.accTxtLink.close{
	display: none;
}
.open .accTxtLink.close{
	display: block;
}
.accIn{
	display: none;
	padding: 20px 15px;
}

/*QA装飾*/
.qaArea .txtQ{
	text-indent: -38px;
	padding-left: 50px;
}
.qaArea .txtA,
.qaArea .subA{
	font-size: 18px;
	font-weight: bold;
	text-indent: -24px;
	padding-left: 24px;
	margin-bottom: 10px;
	line-height: 1.4;
}
.qaArea .txtA.clrPink{
	color: #ff5555;
}
.qaArea .subA{
	position: relative;
	text-indent: 0;
	padding:10px 0 10px 55px;
}
.qaArea .txtQ:before,
.qaArea .txtA:before{
	display: inline-block;
	width: 28px;
	border-radius: 14px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
	line-height: 28px;
	text-align: center;
	text-indent: 0;
}
.qaArea .txtQ:before{
	content: "Q";
	background-color: #1069c4;
}
.qaArea .txtA:before{
	content: "A";
	background-color: #ff5555;
}
.qaArea .subA:before{
	content: "";
	display: block;
	vertical-align: middle;
	width: 45px;
	height: 45px;
	background: url(/kumonnow/common_2019/img/icon/icon_parent.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
  margin-top: -22px;
	left: 0;
}
.qaArea .subA.mama02:before{background-image: url(/kumonnow/common_2019/img/icon/icon_mama02.png); }
.qaArea .subA.mama03:before{background-image: url(/kumonnow/common_2019/img/icon/icon_mama03.png); }
.qaArea .subA.mama04:before{background-image: url(/kumonnow/common_2019/img/icon/icon_mama04.png); }
.qaArea .subA.mama05:before{background-image: url(/kumonnow/common_2019/img/icon/icon_mama05.png); }
.qaArea .subA.mama06:before{background-image: url(/kumonnow/common_2019/img/icon/icon_mama06.png); }
.qaArea .subA.boy01:before{background-image: url(/kumonnow/common_2019/img/icon/icon_boy01.png); }
.qaArea .subA.boy02:before{background-image: url(/kumonnow/common_2019/img/icon/icon_boy02.png); }
.qaArea .subA.boy03:before{background-image: url(/kumonnow/common_2019/img/icon/icon_boy03.png); }
.qaArea .subA.boy04:before{background-image: url(/kumonnow/common_2019/img/icon/icon_boy04.png); }
.qaArea .subA.girl01:before{background-image: url(/kumonnow/common_2019/img/icon/icon_girl01.png); }
.qaArea .subA.girl02:before{background-image: url(/kumonnow/common_2019/img/icon/icon_girl02.png); }
.qaArea .subA.girl03:before{background-image: url(/kumonnow/common_2019/img/icon/icon_girl03.png); }
.qaArea .subA.girl04:before{background-image: url(/kumonnow/common_2019/img/icon/icon_girl04.png); }
.qaArea .txtA + .txt,
.qaArea .subA + .txt{
	border-top: 1px dotted #d9d9d9;
	padding-top: 10px;
}
.qaArea .by{
	margin-top: 10px;
	text-align: right;
	font-size: 15px;
}
.clm2 .qaArea{
	width: 465px;
	margin-top: 30px;
}
.clm2 .qaArea:nth-child(-n+2){
	margin-top: 0;
}
.pinkQA.qaArea .txtQ{
	padding-left: 42px;
}

.pubRaccWrap .accWrap + .accWrap{
	margin-top: 20px;
}
.pubRaccWrap .accBtn{
	display: block;
	position:relative;
	background-color: #fff;
	padding: 12px 50px 12px 20px;
	font-size: 18px;
	position: relative;
	border-radius: 5px;
	font-weight: bold;
	line-height: 1.4;
}
.pubRaccWrap .accBtn:after{
	content: "";
	display: block;
	position: absolute;
	top: 41px;
	left: 20px;
	/* 	background-image: url(/kumonnow/common_2019/img/icon/icon_plus_dblu.svg);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;

	margin-top: -11px; */
	width: 10px;
	height: 16px;
	margin-right: 12px;
	background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) center center no-repeat;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.pubRaccWrap .accBtn:hover{
	opacity: 0.7;
}
.pubRaccWrap .open .accBtn{
	background-color:#edf9ff;
}
.pubRaccWrap .open .accBtn:after{
  background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) center center no-repeat;
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
/* 	background-image: url(/kumonnow/common_2019/img/icon/icon_minus_dblu.svg); */
}
.pubRaccWrap .accTxtLink{
	position: relative;
	text-decoration: underline;
}
.pubRaccWrap .accTxtLink:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 8px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_d.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: 0 5px 0 0;
}
.pubRaccWrap .accTxtLink.close:before{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_u.svg);
}
.pubRaccWrap .open .accTxtLink,
.pubRaccWrap .accTxtLink.close{
	display: none;
}
.pubRaccWrap .open .accTxtLink.close{
	display: block;
}
.pubRaccWrap .accIn{
	display: none;
	padding: 20px 0px 20px 15px;
	background: #edf9ff;
}
.pubRaccWrap .accArea.qaArea{
	border-bottom: #d9d9d9 solid 1px;
}
.pubRaccWrap .accArea.qaArea:nth-of-type(1){
	border-top:#d9d9d9 solid 1px;
}
.pubRaccWrap .qaArea .txtQ{
	text-indent: 0;
	padding: 23px 10px 23px 105px;
	font-weight: normal;
	font-size: 16px;
	background: #fff;
	border-radius: 0;
}
.pubRaccWrap .qaArea.open .txtQ{
	background: #edf9ff;
	border-bottom:none;
}
.pubRaccWrap .qaArea .txtA{
	position: relative;
	font-size: 16px;
	font-weight: normal;
	text-indent: 0;
	padding: 0 10px 0 91px;
	margin-bottom: 10px;
	line-height: 1.4;
	background: #edf9ff;
}
.pubRaccWrap .qaArea .txtA.clrPink{
	color: #ff5555;
}
.pubRaccWrap .qaArea .subA{
	position: relative;
	text-indent: 0;
	padding:10px 0 10px 55px;
}
.pubRaccWrap .qaArea .txtQ:before,
.pubRaccWrap .qaArea .txtA:before{
	display: inline-block;
	width: 28px;
	border-radius: 14px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
	line-height: 28px;
	text-align: center;
	text-indent: 0;
}
.pubRaccWrap .qaArea .txtQ:before{
	content: "Q";
	position: absolute;
	left: 16px;
	top: 15px;
	background-color: #7dcdf4;
	font-family: Arial;
	font-weight: normal;
	font-size: 28px;
	width: 46px;
	height: 46px;
	line-height: 46px;
	vertical-align: middle;
	border-radius: 50%;
	margin: 0 14px 0 28px;
}
.pubRaccWrap .qaArea .txtA:before{
	content: "A";
	position: absolute;
	left: 30px;
	top: 0;
	background-color: #fff;
	color: #7dcdf4;
	border: #7dcdf4 solid 2px;
	border-radius: 50%;
	width: 46px;
	height: 46px;
	line-height: 44px;
	font-size: 28px;
	box-sizing: border-box;
	font-family: Arial;
	font-weight: normal;
	margin: auto;
}


@media print, screen and (min-width: 768px) {
	/*モーダル SP ONLY*/
	.spModal{}
	.spModal a{
		display: none;
	}
}
@media screen and (max-width: 767px) {
	/*楕円形ボタン*/
	.btnOval{
		display: block;
		padding: 12px 25px 12px 10px;
		border-radius: 50px;
	}
	/*ムービーを見る*/
	.linkMovie{
		max-width: 230px;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	.linkMovie a{
		padding: 12px 40px 13px 40px;
		border-radius: 21px;
		display: block;
	}
	.linkMovie span{
		margin-top: 5px;
		font-size: 14px;
		display: block;
	}
	/*PDFアイコン*/
	.linkPdf:before{
		width: 18px;
		height: 19px;
	}
	/*モーダル SP ONLY*/
	.spModal{
		display: block;
		position: relative;
	}
	.spModal a{
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		background: url(/kumonnow/common_2019/img/icon/icon_zoom.png) center center no-repeat;
		background-size: 40px auto;
		position: absolute;
		top: 0;
		left: 0;
	}
	.spModal img{
		max-width: 100%;
		vertical-align: top;
	}
	/*画像左リンク*/
	.linkImageL.linkBig:after{
		content: none;
	}
	.linkImageL.linkBig,
	.linkImageL.linkBig .colL,
	.linkImageL.linkBig .colR{
		display: block;
		width: 100%;
	}
	.linkImageL.linkBig .colL{
		padding: 15px 5.7% 10px;
	}
	.linkImageL.linkBig .colR{
		padding: 5px 5.7% 25px;
	}
	.linkImageL.linkBig .ttl{
		text-align: center;
	}
	.linkImageL.linkList .colL{
		padding: 15px 5.7% 10px;
	}
	.linkImageL.linkList .colR{
		padding: 5px 5.7% 25px;
	}
	.linkImgList .clmIn:nth-child(n+2){
		margin-top: 0;
	}
	.linkImgList .linkImageL{
		padding: 0 4%;
		border-bottom: 2px solid #f3f3f3;
	}
	.linkImgList .linkImageL .linkIn{
		border: 0;
		border-radius: 0;
		padding: 10px 0;
	}
	.linkImgList .linkImageL .txtBig{
		font-weight: normal;
		font-size: 16px;
	}
	.linkImgList .linkImageL .colL{
		width: 32.5%;
		padding: 0 4% 0 0;
	}
	.linkImgList .linkImageL .colR{
		padding: 0 15px 0 0;
	}
	/*アコーディオン*/
	.accWrap + .accWrap{
		margin-top: 1px;
	}
	.accBtn{
		padding: 10px 40px 10px 4%;
		opacity: 1.0!important;
		border-radius: 0;
	}
	.accBtn:after{
		width: 24px;
		height: 24px;
		right: 10px;
		margin-top: -12px;
	}
	.accIn{
		padding: 15px 4%;
	}
	.txtQ{
		padding-left: 38px;
	}
	.qaArea .txtA + .txt,
	.qaArea .subA + .txt{
		border-top: 1px dotted #d9d9d9;
		padding-top: 10px;
	}
	.qaArea .by{
		margin-top: 10px;
		text-align: right;
		font-size: 15px;
	}
	.clm2 .qaArea{
		width: 100%;
		margin-top: 20px;
	}
	.clm2 .qaArea:nth-child(-n+2){
		margin-top: 20px;
	}
	.clm2 .qaArea:first-child{
		margin-top: 0;
	}
	.pubRaccWrap .qaArea .txtQ {
	padding: 15px 10px 15px 80px;
	}
	.pubRaccWrap .qaArea .txtQ:before {
		width:30px;
		height:30px;
		font-size:20px;
		line-height:30px;
		top: 10px;
		left: 8px;
	}
	.pubRaccWrap .qaArea .txtQ:after{
		top: 28px;
		left: 14px;
	}
	.pubRaccWrap .qaArea .txtA{

padding: 0px 10px 0px 65px;
	}
	.pubRaccWrap .qaArea .txtA:before {
		width:30px;
		height:30px;
		font-size:20px;
		line-height:29px;
		left: 21px;
	}
	.pubRaccWrap .accIn {
  		padding: 10px 0px 10px 15px;
	}
	  .pubRacOpOn > .ttlBdrGray{
    margin-bottom:15px;
  }
}

/*アコーディオン（見出し）*/
.accTtlBtn{}
.accTtlIn{}

.accTtlWrap2 > .ttlBdrGray{
	margin-bottom:15px;
}

.accTtlWrap2 > .ttlBdrGray{
	font-weight:normal;
	font-size:16px;
	text-align:center;
}
.accTtlWrap2 > .ttlBdrGray.accTtlBtn{
	padding:15px;
	border:#ccc solid 1px;
	border-radius:8px;
	cursor:pointer;
	position: relative;
}
.accTtlWrap2 > .accTtlIn{
	display:none;
}
.accTtlWrap2 > .ttlBdrGray.accTtlBtn:before,
.accTtlWrap2 > .ttlBdrGray.accTtlBtn:after{
	content: "";
	display: block;
	background-color: #8bd0f2;
	position: absolute;
	top: 50%;
}
.accTtlWrap2 > .ttlBdrGray.accTtlBtn:before{
	width: 18px;
	height: 3px;
	margin-top: -1px;
	right: 15px;
}
.accTtlWrap2 > .ttlBdrGray.accTtlBtn:after{
	width: 3px;
	height: 18px;
	margin-top: -8px;
	right: 22px;
}
.accTtlWrap2 > .ttlBdrGray.accTtlBtn.open:after{
	display: none;
}
/* .accTtlWrap2 > .ttlBdrGray.accTtlBtn::before{
	content:"";
	display:inline-block;
	width:10px;
	height:16px;
	margin-right:12px;
	background:url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) center center no-repeat;
	transform:rotate(90deg);
	vertical-align:middle;
}
.accTtlWrap2 > .ttlBdrGray.accTtlBtn.open::before{
	transform:rotate(-90deg);
} */
.accTtlWrap2 > .ttlBdrGray{
	margin-bottom:15px;
}

.pubRaccTtlWrap3 > .ttlBdrGray,
.pubRaccTtlWrap3 > .accTtlIn>.accBtnClose{
	font-weight:normal;
	font-size:16px;
	/* text-align:center; */
}
.pubRaccTtlWrap3 > .ttlBdrGray.accTtlBtn{
	position: relative;
	margin-left: 25px;
	padding: 15px 0px 5px 0;
	border-bottom: #1e1e1e solid 1px;
	display: inline-block;
	/* border-radius:8px; */
	cursor:pointer;
	/* text-decoration: underline; */
}
.pubRaccTtlWrap3 > .accTtlIn{
	display:none;
}

.pubRaccTtlWrap3 > .accTtlIn>.accBtnClose{
	font-weight:normal;
	font-size:16px;
	text-align:center;
	margin-top:15px;
	padding:15px;
	border:#ccc solid 1px;
	border-radius:8px;
	cursor:pointer;
}
.pubRaccTtlWrap3 > .ttlBdrGray.accTtlBtn::before{
	content:"";
	display:inline-block;
	position: absolute;
	top: 24px;
	left: -20px;
	width:10px;
	height:16px;
	margin-right:12px;
	background:url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) center center no-repeat;
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	transform:rotate(90deg);
	vertical-align:middle;
}
.pubRaccTtlWrap3 > .accTtlIn>.accBtnClose::before{
	content:"";
	display:inline-block;
	width:10px;
	height:16px;
	margin-right:12px;
	background:url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) center center no-repeat;
	-webkit-transform:rotate(90deg);
	    -ms-transform:rotate(90deg);
	transform:rotate(90deg);
	vertical-align:middle;
}
.pubRaccTtlWrap3 > .ttlBdrGray.accTtlBtn.open::before{
	-webkit-transform:rotate(-90deg);
	    -ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}
.pubRaccTtlWrap3 > .accTtlIn>.accBtnClose::before{
	-webkit-transform:rotate(-90deg);
	    -ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
}

.pubRaccTtlWrap4 > .ttl{
	position: relative;
	width: 100px;
	padding: 8px 10px;
	color:#fff;
	cursor: pointer;
	font-weight:normal;
	font-size:16px;
	text-align:center;
	border-radius:4px;
	line-height:1;
}
.pubRaccTtlWrap4 > .ttl.math{background-color: #4b8ddf;}
.pubRaccTtlWrap4 > .ttl.en{background-color: #f7c02e;}
.pubRaccTtlWrap4 > .ttl.jp{background-color: #8cd377;}

.pubRaccTtlWrap4 > .accTtlIn{
	padding:10px 0;
}
.pubRacOpOn > .ttlBdrGray.accTtlBtn{
  display:none;
}
.pubRacOpOn > .accTtlIn{
  display:block;
}

@media print, screen and (min-width: 768px) {
	.accTtlBtn{}
	.accTtlWrap > .accTtlIn,
	.pubRaccTtlWrap4 > .accTtlIn{
		display: block !important;
	}
}

@media screen and (max-width: 767px) {
	.accTtlWrap > .accTtlBtn{
		padding: 15px 40px 14px 10px;
		background-color: #17a1e6;
		color: #fff;
		cursor: pointer;
		font-size: 18px;
		position: relative;
	}
	.accTtlWrap > .accTtlBtn:before,
	.accTtlWrap > .accTtlBtn:after{
		content: "";
		display: block;
		background-color: #fff;
		position: absolute;
		top: 50%;
	}
	.accTtlWrap > .accTtlBtn:before{
		width: 18px;
		height: 3px;
		margin-top: -1px;
		right: 10px;
	}
	.accTtlWrap > .accTtlBtn:after{
		width: 3px;
		height: 18px;
		margin-top: -8px;
		right: 17px;
	}
	.accTtlWrap > .accTtlBtn.pubRttlBdrLeftBlu:before{
		left: auto;
	}
	.accTtlWrap > .accTtlBtn.open:after{
		display: none;
	}
	.accTtlWrap > .accTtlIn{
		display: none;
	}
	.accTtlWrap2 > .ttlBdrGray.accTtlBtn{
		padding:10px;
		font-size:15px;
	}
	.pubRaccTtlWrap4 > .accTtlIn{
		display: none;
		padding: 20px 10px;
	}
	.pubRaccTtlWrap4 > .ttl{
		width:100%;
		padding:14px 10px;
	}
	.pubRaccTtlWrap4 > .ttl.accTtlBtn::before,
	.pubRaccTtlWrap4 > .ttl.accTtlBtn::after{
		content: "";
		display: block;
		background-color: #fff;
		position: absolute;
		top: 50%;
	}
	.pubRaccTtlWrap4 > .accTtlBtn:before{
		width: 18px;
		height: 3px;
		margin-top: -1px;
		right: 10px;
	}
	.pubRaccTtlWrap4 > .accTtlBtn:after{
		width: 3px;
		height: 18px;
		margin-top: -8px;
		right: 17px;
	}
	.pubRaccTtlWrap4 > .accTtlBtn.open:after{
		display: none;
	}
	.pubRacOpOn > .ttlBdrGray{
    font-weight:normal;
    font-size:16px;
    text-align:center;
  }
  .pubRacOpOn > .ttlBdrGray.accTtlBtn{
    display:block;
    padding:10px;
    border:#ccc solid 1px;
    border-radius:8px;
    cursor:pointer;
    position: relative;
    font-size:15px;
  }
  .pubRacOpOn > .accTtlIn{
    display:none;
  }
  .pubRacOpOn > .ttlBdrGray.accTtlBtn:before,
  .pubRacOpOn > .ttlBdrGray.accTtlBtn:after{
    content: "";
    display: block;
    background-color: #8bd0f2;
    position: absolute;
    top: 50%;
  }
  .pubRacOpOn > .ttlBdrGray.accTtlBtn:before{
    width: 18px;
    height: 3px;
    margin-top: -1px;
    right: 15px;
  }
  .pubRacOpOn > .ttlBdrGray.accTtlBtn:after{
    width: 3px;
    height: 18px;
    margin-top: -8px;
    right: 22px;
  }
  .pubRacOpOn > .ttlBdrGray.accTtlBtn.open:after{
    display: none;
  }

  .pubRacOpOn > .ttlBdrGray{
    margin-bottom:15px;
  }

}

/* ==========================================================================
   tab
========================================================================== */

.tabAreaLineUnder{
	display: block;
	border-bottom: 3px solid #1069c4;
	margin-bottom: 25px;
	padding: 0 4%;
}
.tabAreaLineUnder .btnTab{
	width: 49%;
	height: 46px;
	float: left;
	display: table;
	margin-right: 2%;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	line-height: 1.3;
	position: relative;
	color: #fff;
}
.tabAreaLineUnder .btnTab .btn{
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	border: 3px solid #1069c4;
	display: table-cell;
	vertical-align: middle;
	padding:0 3%;
	border-bottom: 0;
	color: #1069c4;
	font-size: 18px;
	cursor: pointer;
}
.tabAreaLineUnder .btnTab .btn:hover{
	opacity: 0.7;
}
.tabAreaLineUnder .btnTab:nth-child(2){
	margin-right: 0;
}
.tabAreaLineUnder .btn.act,
.tabSwitchCss .tab1:checked ~ .tabAreaLineUnder .btnTab1 .btn,
.tabSwitchCss .tab2:checked ~ .tabAreaLineUnder .btnTab2 .btn{
	background-color: #1069c4;
	color: #fff;
	pointer-events: none;
}
.tabAreaLineUnder .btn.act:before,
.tabSwitchCss .tab1:checked ~ .tabAreaLineUnder .btnTab1:before,
.tabSwitchCss .tab2:checked ~ .tabAreaLineUnder .btnTab2:before{
	content: "";
	position: absolute;
	bottom: -3px;
	left: 3px;
	right: 3px;
	height: 3px;
	background-color: #1069c4;
}
/*cssで切り替えタブ*/
.tabSwitchCss .tabCont{
	display: none;
}
.tabSwitchCss .tab1:checked ~ .tabCont1,
.tabSwitchCss .tab2:checked ~ .tabCont2{
	display: block;
}
/* ==========================================================================
   anchorLinks
========================================================================== */
.anchorLinks{
	display: table;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 2px solid #7dcdf4;
}
.anchorLinks .link{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-right: 1px solid #dcdcdc;
	padding: 2px 10px;
	font-size: 18px;
}
.anchorLinks .link:last-child{
	border-right: none;
}
.anchorLinks .link:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin: -3px 5px 0 0;
	width: 16px;
	height: 16px;
	background: url(/kumonnow/common_2019/img/arrow/arrow_circleblu_d.svg) no-repeat;
	background-size: contain;
}
.anchorLinks .link:hover{
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.anchorLinks{
		padding-top: 0;
		border-top: 3px solid #7dcdf4;
	}
	.anchorLinks .link{
		padding: 2px 1% 22px;
		font-size: 15px;
		line-height: 1.2;
		position: relative;
	}
	.anchorLinks .link:before{
		position: absolute;
		bottom: 0;
		left: 50%;
		margin-left: -8px;
	}
}
/* ==========================================================================
   anchorLinksBdr
========================================================================== */
.anchorLinksBdr{
	width: 100%;
	padding: 15px 20px 10px;
	background-color: #fff;
	border: 1px solid #17a1e6;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.14);
}
.anchorLinksBdr ul{}
.anchorLinksBdr ul li{
	margin-right: 14px;
	margin-bottom: 4px;
	display: inline-block;
}
.anchorLinksBdr ul li a{
	color: #034693;
}
.pubRanchorLinksBdr{
	width: 100%;
	padding: 15px 20px 10px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-radius: 5px;
}
.pubRanchorLinksBdr>ul{}
.pubRanchorLinksBdr>ul>li{
	margin-right: 14px;
	margin-bottom: 4px;
	display: inline-block;
}
.pubRanchorLinksBdr > ul > li > a{
	text-decoration:none;
	font-size: 15px;
}
.pubRanchorLinksBdr > ul > li > a:hover{
	color: #034693;
}
.pubRanchorLinksBdr2{
	display:table;
	width: 100%;
/* 	padding: 10px 20px 10px; */
/* 	background-color: #fff; */
	border: 1px solid #cccccc;
	border-radius: 5px;
}
.pubRanchorLinksBdr2 .ttlAnc{
	display:table-cell;
	vertical-align:middle;
	background-color:#7dcdf4;
}
.pubRanchorLinksBdr2 .ttlAnc>span{
	margin-right: 10px;
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #fff;
	color: #fff;
	display: block;
}
.pubRanchorLinksBdr2 .ttlAnc>a{
	display: block;
	text-align-last: left;
	color:#fff;
	text-decoration:none;
	padding:10px 10px 10px 30px;
}
.pubRanchorLinksBdr2 .ttlAnc>a:before{
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
}
.pubRanchorLinksBdr2 .detailAnc{
	padding:10px 0 10px 15px;
	display:table-cell;
	vertical-align:middle;
}
.pubRanchorLinksBdr2 .detailAnc>ul{
}
.pubRanchorLinksBdr2 .detailAnc>ul>li{
	display:inline-block;
	vertical-align:top;
	padding-right: 15px;
}
.pubRanchorLinksBdr2 .detailAnc>ul>li a{
	text-decoration:none;
}
.pubRanchorLinksBdr2 .detailAnc>ul li.active > a,
.pubRanchorLinksBdr2 .detailAnc>ul>li a:hover{
	color:#034693;
}
@media screen and (min-width: 768px) {
	.pubRanchorLinksBdr2 .detailAnc>ul.clm2>li{
		width: calc(50% - 4px);
	}
	.pubRanchorLinksBdr2 .detailAnc>ul.clm2>li:nth-child(2n){
		padding-right: 0;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul.clm3>li{
		width: calc(33.333% - 4px);
	}
	.pubRanchorLinksBdr2 .detailAnc>ul.clm3>li:nth-child(3n){
		padding-right: 0;
	}
}
@media screen and (max-width: 767px) {
	.pubRanchorLinksBdr2 {
		display:block;
	}
	.pubRanchorLinksBdr2 .ttlAnc{
		width: 100%;
		display:block;
	}
	.pubRanchorLinksBdr2 .ttlAnc>a{
		padding: 10px 30px 10px 15px;
		text-indent: 0;
	}
	.pubRanchorLinksBdr2 .detailAnc{
		padding: 0;
		display: block;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul{
		display:block;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul>li{
		width: 100%;
		display: block;
		margin-right:0;
		padding-right: 0;
		border-bottom: 1px solid #cccccc;
	}
		.pubRanchorLinksBdr2 .detailAnc>ul>li:last-child{
		border-bottom: none;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul::after{
		content:"";
		display:block;
		height:0;
		clear:both;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul>li a{
		text-indent: 0;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul>li>a,
	.pubRanchorLinksBdr2 .detailAnc>ul>li>span{
		display: block;
		padding: 10px 30px 10px 20px;
		text-indent: 0;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul>li:last-child>a,
	.pubRanchorLinksBdr2 .detailAnc>ul>li:last-child>span{
		padding: 10px 30px 10px 20px;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul>li ul{
		padding-left: 20px;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul>li ul>li{
		border-top: 1px dotted #ccc;
		display: block;
	}
	.pubRanchorLinksBdr2 .detailAnc>ul>li ul>li a{
		padding: 10px 30px 10px 15px;
		display: block;
	}
	.pubRanchorLinksBdr2 .linkArrowL{
	position: relative;
	}
	.pubRanchorLinksBdr2 .linkArrowL:before{
		content: none;
	}
	.pubRanchorLinksBdr2 .linkArrowL:after {
			content: "";
			position: absolute;
			right: 10px;
			top: 50%;
			display: inline-block;
			vertical-align: middle;
			width: 8px;
			height: 16px;
			margin-top: -8px;
			background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
			background-repeat: no-repeat;
			background-size: contain;
	}
	.pubRanchorLinksBdr2 .ttlAnc .linkArrowL:after {
		background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);

	}
}

/* ==========================================================================
   list
========================================================================== */
.listDot .dot{
	padding-left: 11px;
	text-indent: -11px;
}
.listDot .dot:before{
	content: "";
	background-color: #7dcdf4;
	width: 6px;
	height: 6px;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 5px 0 0;
}
.listDot.dotDblu .dot:before{
	background-color: #1069c4;
}
.listDot.gray .dot:before{
	background-color: #9c9c9c;
}
.listOrder .order{
	padding-left: 28px;
	text-indent: -28px;
	margin-bottom: 10px;
	position: relative;
}
.listOrder .order .num{
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: center;
	background-color: #7dcdf4;
	color: #fff;
	border-radius: 15px;
	padding: 0;
	text-indent: 0;
	margin-right: 5px;
}
.listOrder .order>.ttl{
  display:inline;
  font-weight:bold;
}
.listOrder .order>.txt{
  text-indent:0;
}
.listOrder.numDblu .order .num{
	background-color: #1069c4;
}

/*流れ*/
.flowList{}
.flowList ul{}
.flowList ul:after{content: ""; clear: both; display: block;}
.flowList ul li{
}
.flowList ul li p{
	width: 100%;
	/* height: 68px; */
	padding: 12px 17px;
	background-color: #fff;
	border-radius: 5px;
	line-height: 1.25;
	text-align: center;
	display: table;
}
.flowList ul li p span{
	display: table-cell;
	vertical-align: middle;
}

@media print, screen and (min-width: 768px) {
	.flowList ul li{
		margin-top: 10px;
		margin-right: 6px;
    	padding-right: 26px;
		background: url(/kumonnow/common_2019/img/arrow/arrow_blue2_r.png) right center no-repeat;
		background-size: 20px auto;
		float: left;
	}
	.flowList ul li:last-child{
		margin-right: 0;
		padding-right: 0;
		background: none;
	}
	.flowList ul li p{

		border: 2px solid #8bd0f2;
	}
}

@media screen and (max-width: 767px) {
	.flowList{
		padding-right: 8%;
		padding-left: 8%;
	}
	.flowList ul li{
		margin-top: 10px;
		padding-bottom: 25px;
		background: url(/kumonnow/common_2019/img/arrow/arrow_blue2_d.png) center bottom no-repeat;
		background-size: 21px auto;
	}
	.flowList ul li:first-child{
		margin-top: 0;
	}
	.flowList ul li:last-child{
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
	}
	.flowList ul li p{
		height: auto;
		min-height: 60px;
		border: 1px solid #8bd0f2;
	}
}

/* ==========================================================================
   input
========================================================================== */
.inputNml,
.slctNml,
.textareaNml{
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	padding: 6px 15px;
	font-size: 15px;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
}
.inputNml.noFill,
.slctNml.noFill,
.textareaNml.noFill{
	background-color: #f5f5f5;
}
.slctNml{
	padding-right: 30px;
	background: url(/kumonnow/common_2019/img/arrow/arrow_slct_d.png) no-repeat right 12px center;
	background-size: 12px auto;
}
select::-ms-expand {
    display: none;
}
input[type=radio],
input[type=checkbox] {
    display: none;
}
.radioList li,
.checkList li{
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	width: 100%;
}
.radioList li:last-child,
.checkList li:last-child{
	margin-right: 0;
}
.radio + .radioBox,
.check + .checkBox{
	padding-left: 28px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
.radio + .radioBox:after,
.check + .checkBox:after{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background-size: contain;
}
/*--------radioBox--------*/
.radio + .radioBox:after{
	background-image: url(/kumonnow/common_2019/img/rb_off.png);
}
.radio:checked + .radioBox:after{
	background-image: url(/kumonnow/common_2019/img/rb_on.png);
}
/*--------checkBox--------*/
.check + .checkBox:after{
	background-image: url(/kumonnow/common_2019/img/cb_off.png);
}
.check:checked + .checkBox:after{
	background-image: url(/kumonnow/common_2019/img/cb_on.png);
}
@media screen and (max-width: 767px) {
	.inputNml,
	.slctNml,
	.textareaNml{
		padding: 10px 5%;
		font-size: 16px;
		border-radius: 5px;
	}
	.radioLabel,.checkLabel{
		display: block;
		border-radius: 5px;
		border: 1px solid #dcdcdc;
		position: relative;
		padding: 10px 10px 10px 0;
	}
	.radioLabel .radioBox,.checkLabel .checkBox{
		display: block;
		padding-left: 38px;
	}
	.radioLabel .radio + .radioBox:after,
	.checkLabel  .check + .checkBox:after{
		left: 10px;
	}
}

/* ==========================================================================
   検索ボックス
========================================================================== */
.inputSearchWrap{
	font-size: 0;
}
.inputSearchWrap .inputTxt{
	display: inline-block;
	border: 2px solid #e1e1e1;
	border-right: 0;
	padding: 6px 10px;
	font-size: 14px;
	border-radius: 3px 0 0 3px;
	width: 234px;
}
.inputSearchWrap .btnSearch{
	display: inline-block;
	width: 36px;
	background-color: #faaf18;
	border-radius: 0 3px 3px 0;
	padding: 8px;
}
.inputSearchWrap .btnSearch:hover{
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	.inputSearchWrap{
		height: 52px;
	}
	.inputSearchWrap .inputTxt{
		width: calc(100% - 52px);
		padding: 14px 20px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.inputSearchWrap .btnSearch{
		width: 52px;
		height: 52px;
	}
}
/* ==========================================================================
   パンくず
========================================================================== */
.breadcrumbs{
	width: 960px;
	margin: 5px auto 5px;
	font-size: 0;
}
.breadcrumbs li,
.breadcrumbs li:after,
.breadcrumbs li a span{
	display: inline-block;
	vertical-align: middle;
}
.breadcrumbs li:after{
	content: "";
	width: 6px;
	height: 10px;
	background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) no-repeat;
	background-size: contain;
	margin: 0 4px 0 7px;
}
.breadcrumbs li:last-child:after{
	display: none;
}
.breadcrumbs li a span{
	font-size: 13px;
}
.breadcrumbs li:last-child a{
	display: inline-block;
	pointer-events: none;
}

@media screen and (max-width: 767px) {
	.breadcrumbs{
		width: 100%;
		margin: 0;
		background-color: #f7f7f7;
		padding:0 4%;
		overflow: hidden;
	}
	.breadcrumbs ul{
		padding: 6px 0;
		overflow-x: auto;
		white-space: nowrap;
	}
}

/* ==========================================================================
	#classSearchArea
========================================================================== */
#classSearchArea .contsIn{
	background-color: #fff9d8;
	padding: 30px 30px 20px;
}
#classSearchArea .ttlSearch{
	text-align: center;
	font-size: 26px;
	margin-bottom: 15px;
}
#classSearchArea .ttlSearch .icon{
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	margin: 0 10px 0 0;
	position: relative;
	border: 3px solid #7dcdf4;
}
#classSearchArea .ttlSearch .icon:after{
	background-image: url(/kumonnow/common_2019/img/icon/icon_map.svg);
	width: 26px;
	height: 36px;
}
#classSearchArea .searchWrap{
	padding: 30px;
	background-color: #fff;
	border: 1px solid #f0e9cc;
	border-radius: 10px;
}
#classSearchArea .postSearch,
#classSearchArea .addressSearch,
#classSearchArea .prefSearch{
	float: left;
	margin-right: 18px;
}
#classSearchArea .prefSearch{
	float: right;
	margin: 40px 0 0;
}
#classSearchArea .postSearch .ttl,
#classSearchArea .addressSearch .ttl{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
#classSearchArea .inputSearchWrap{
	font-size: 0;
}
#classSearchArea .inputSearchWrap .inputTxt{
	padding: 13px 15px;
	font-size: 16px;
}
#classSearchArea .postSearch .inputTxt{width: 205px;}
#classSearchArea .addressSearch .inputTxt{width: 275px;}
#classSearchArea .inputSearchWrap .btnSearch{
	width: 54px;
	padding: 12px;
}
#classSearchArea .prefSearch .btnOval{
	padding: 12px 40px 12px 28px;
}
#classSearchArea .postSearch{
	width: 260px;
}
#classSearchArea .addressSearch{
	width: 330px;
}

@media screen and (max-width: 767px) {
	#classSearchArea .contsIn{
		padding: 30px 0 20px;
	}
	#classSearchArea .searchWrap{
		border-radius: 5px;
		padding: 15px 5.7%;
	}
	#classSearchArea .ttlSearch{
		font-size: 26px;
		position: relative;
	}
	#classSearchArea .ttlSearch .icon{
		display: block;
		position: absolute;
		margin: 0;
		top: -30px;
		left: 50%;
		margin-left: -30px;
	}
	#classSearchArea .postSearch{
		float: none;
		margin-right: 0;
		width: 100%;
	}
	#classSearchArea .postSearch .ttl{
		font-size: 18px;
	}
	#classSearchArea .postSearch .inputTxt{width: calc(100% - 54px);}
	#classSearchArea .inputSearchWrap .btnSearch{height: 54px;}
	#classSearchArea .current{
		margin: 25px 0;
	}
	#classSearchArea .btnWrap .current .btnOval{
		padding: 12px 10px;
		font-size: 19px;
	}
	#classSearchArea .btnWrap .current .btnOval:after{
		display: none;
	}
	#classSearchArea .btnWrap .current .btnOval:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 28px;
		height: 28px;
		background: url(/kumonnow/common_2019/img/icon/icon_target_wh.svg) no-repeat;
		background-size: contain;
		margin: -2px 10px 0 0;
	}
	#classSearchArea .btnWrap .area{
		text-align: center;
	}
	#classSearchArea .btnWrap .area a{
		font-size: 16px;
		text-decoration: underline;
	}
	#classSearchArea .btnWrap .area a:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 10px;
		height: 18px;
		background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) no-repeat;
		background-size: contain;
		margin: 0 5px 0 0;
	}
}

/* ==========================================================================
	.recentCheckClass
========================================================================== */
.recentCheckClass .contsIn {
    background-color: #fff9d8;
    padding: 20px 30px 40px;
}
.recentCheckClass .ttlRecent{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.2;
}
.recentCheckClass .recentWrap{
	background-color: #fff;
	border: 1px solid #f0e9cc;
	border-radius: 10px;
}
.recentCheckClass .recentWrap .index_check_box_inner .link{
	padding: 20px 0;
	display: block;
}
.recentCheckClass .recentWrap .index_check_box_inner .link:hover{
	opacity:0.7;
}
.recentCheckClass .recentWrap .index_check_box_inner .check_box_txt{
	padding: 0 20px;
	position: relative;
}
.recentCheckClass .recentWrap .index_check_box_inner:last-child .check_box_txt{
	/* padding-left: 15px; */
}
.recentCheckClass .recentWrap .check_box_txt:before{
	content: "";
	position: absolute;
	right: 10px;
	top: 45%;
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height: 16px;
	background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) no-repeat;
	background-size: contain;
}
.recentCheckClass .recentWrap .check_box_txt dt{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
.recentCheckClass .recentWrap .check_box_txt .name{
	margin-right: 5px;
	padding-top: 4px;
	line-height: 1.2;
	float: left;
	/* width: 72%; */
	width: calc(98% - 76px);
	box-sizing: border-box;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap{
	display: inline-block;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject{
	width: 21px;
	line-height: 21px;
	font-size: 12px;
}
.recentCheckClass .recentWrap .check_box_txt .subjectWrap .subject.babykumon{
	width: 76px;
}
.recentCheckClass .recentWrap .check_box_txt dd li{
	font-size: 14px;
	line-height: 1.6;
	padding-bottom: 8px;
}
.recentCheckClass .recentWrap .bt_check{
	text-align: center;
	margin-top: 25px;
}
.recentCheckClass .recentWrap .bt_check .btnOval{
	padding: 5px 35px 5px 25px;
}

@media print, screen and (min-width: 768px) {
	.recentCheckClass .recentWrap .index_check_box_inner{
		width: 33.3%;
		float: left;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(3n+1){
		clear: both;
		position: relative;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(1){
		position: static;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(3n+1):before{
		content: "";
		width: calc((300px * 3) - 40px);
		height: 1px;
		background-color: #e6e6e6;
		display: block;
		position: absolute;
		top: 0;
		left: 20px;
	}
	.recentCheckClass .recentWrap .index_check_box_inner .check_box_txt{
		border-right: 1px solid #e6e6e6;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(3n) .check_box_txt{
		border-right: none;
	}
}

@media screen and (max-width: 767px) {
	.recentCheckClass .contsIn {
    padding: 20px 0 50px;
	}
	.recentCheckClass .recentWrap{
		padding: 0;
		border-radius: 5px;
	}
	.recentCheckClass .ttlRecent {
		font-size: 22px;
    position: relative;
	}
	.recentCheckClass .recentWrap .index_check_box_inner .link{
		width: 100%;
		float: none;
		position: relative;
		border-bottom: #e6e6e6 1px solid;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:last-child .link{
		border-bottom: none;
	}
	.recentCheckClass .recentWrap .index_check_box_inner .check_box_txt{
		padding: 0 8% 0 4.8%;
	}
	.recentCheckClass .recentWrap .index_check_box_inner:nth-child(2n) .check_box_txt{
		border: none;
		padding-left: 5.7%;
	}
	.recentCheckClass .recentWrap .check_box_txt dt{
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.recentCheckClass .recentWrap .check_box_txt .name{
		margin-right: 0;
	}
	.recentCheckClass .recentWrap .check_box_txt .subjectWrap{
		width: 76px;
		display: block;
		float: right;
		text-align: right;
	}
	.recentCheckClass .recentWrap .check_box_txt dd li{
		font-size: 14px;
		padding-bottom: 0;
	}
	.recentCheckClass .recentWrap .bt_check{
		text-align: center;
		margin-top: 15px;
	}
	.recentCheckClass .recentWrap .bt_check .btnOval{
		font-size: 18px;
    padding: 14px 30px 14px 20px;
	}
}

/* ==========================================================================
	#classGuide
========================================================================== */
#classGuide{
	margin-top: 40px;
}
#classGuide .contsIn > .spContIn{
	pointer-events: none;
}
#classGuide .ttlGuideArea{
	padding: 10px 0;
}
#classGuide .ttlGuide{
	text-align: center;
	font-size: 20px;
}
#classGuide .ttlGuide span{
	color: #1069c4;
}
#classGuide .contGuide{
	display: table;
	width: 100%;
	border: #e6e6e6 3px solid;
	background: #ffffff;
	padding: 18px 90px;
}
#classGuide .contGuide .lCont{
	display: table-cell;
	border-right: #cccccc 1px dotted;
	padding-right: 15px;
	vertical-align: middle;
}
#classGuide .contGuide .rCont{
	display: table-cell;
	padding-left: 15px;
	vertical-align: middle;
}
#classGuide .contGuide .lCont .telArea{
	position: relative;
	padding-left: 50px;
}
#classGuide .contGuide .lCont .telArea:before{
	content: "";
	position: absolute;
	left: 0;
	top: 6%;
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 40px;
	background: url(/kumonnow/common_2019/img/icon/icon_phone_dblu.svg) no-repeat;
	background-size: contain;
}
#classGuide .contGuide .lCont .telArea .sub{
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
#classGuide .contGuide .lCont .telArea .number{
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
}
#classGuide a{
	cursor: auto;
}

@media print, screen and (min-width: 768px) {
	#classGuide .ttlGuideArea{
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
	}
	#classGuide .contGuide{
		border-radius: 5px;
	}
}

@media screen and (max-width: 767px) {
	#classGuide .contsIn > .spContIn{
		pointer-events: auto;
	}
	#classGuide{
		margin-top: 0;
	}
	#classGuide .ttlGuideArea{
		padding: 30px 0 10px;
	}
	#classGuide .ttlGuide{
		font-size: 16px;
	}
	#classGuide .ttlGuide span{
		font-size: 125%;
	}
	#classGuide .contGuide{
		display: block;
		padding: 14px 18px;
		border-radius: 5px;
	}
	#classGuide .contGuide .lCont{
		display: block;
		padding-right: 0;
		border: none;
		margin-bottom: 5px;
	}
	#classGuide .contGuide .lCont .telArea{
		padding-left: 45px;
	}
	#classGuide .contGuide .lCont .telArea:before{
		top: 35%;
	}
	#classGuide .contGuide .lCont .telArea .number{
		font-size: 26px;
	}
	#classGuide .contGuide .rCont{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding-left: 45px;
		font-size: 13px;
	}
	#classGuide .contGuide .rCont p:first-of-type{
		padding-right: 8px;
	}
	#classGuide a{
		cursor: pointer;
	}
}

@media screen and (max-width: 320px) {
	#classGuide .contGuide .lCont .telArea:before{
		top: 6%;
	}
	#classGuide .contGuide .rCont{
		padding-left: 0;
	}
}

/* ==========================================================================
	recommend
========================================================================== */
#recommend,
.recommendMulti{
	margin-top: 80px;
	background: #7dcdf4;
	padding: 35px 0 30px;
}
#recommend .ttlRecommend,
.recommendMulti .ttlRecommend{
	text-align: center;
	margin-bottom: 25px;
}
#recommend .ttlIcon,
.recommendMulti .ttlIcon {
	position: relative;
	color: #ffffff;
	font-size: 26px;
	padding-left: 55px;

}
#recommend .ttlIcon::after,
.recommendMulti .ttlIcon::after {
	content: "";
	display: block;
	position: absolute;
	width: 40px;
	height: 35px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_recommend.svg);
	background-repeat: no-repeat;
	background-size: contain;
	left: 0;
	top: 10%;
}

#recommend .recommendList .listBox,
.recommendMulti .recommendList .listBox {
	width: 312px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	display: table;
}
#recommend .recommendList .listBox:nth-child(3n),
.recommendMulti .recommendList .listBox:nth-child(3n) {
	margin-right: 0;
}
#recommend .recommendList .listBox:nth-child(3n+1),
.recommendMulti .recommendList .listBox:nth-child(3n+1) {
	clear: both;
}
#recommend .recommendList .listBox .link,
.recommendMulti .recommendList .listBox .link {
	/* display: table-cell; */
	/* vertical-align: middle; */
	display: table;
	width: 100%;
	position: relative;
	background: #ffffff;
	border-radius: 5px;
	/* padding: 15px 30px; */
}
#recommend .recommendList .listBox .linkArea,
.recommendMulti .recommendList .listBox .linkArea {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 30px;
}
#recommend .recommendList .listBox .link:hover,
.recommendMulti .recommendList .listBox .link:hover {
	opacity: 0.7;
}
#recommend .recommendList .listBox .linkArea::after,
.recommendMulti .recommendList .listBox .linkArea::after {
	content: "";
	display: block;
	position: absolute;
	width: 8px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 15px;
	top: 50%;
	margin-top: -8px;
}

#recommend .recommendList .blankIcon .linkArea::after,
.recommendMulti .recommendList .blankIcon .linkArea::after {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_blank_blu.svg);
	background-repeat: no-repeat;
	background-size: contain;
	right: 15px;
	top: 50%;
	margin-top: -8px;
}

@media screen and (max-width: 767px) {
	#recommend,
	.recommendMulti {
		margin-top: 60px;
		padding: 20px 0 15px;
	}
	#recommend .ttlRecommend,
	.recommendMulti .ttlRecommend {
		margin-bottom: 20px;
	}
	#recommend .ttlIcon,
	.recommendMulti .ttlIcon {
		padding-left: 45px;
	}
	#recommend .ttlIcon::after,
	.recommendMulti .ttlIcon::after {
		width: 35px;
    height: 30px;
	}
	#recommend .recommendList .listBox,
	.recommendMulti .recommendList .listBox {
		float: none;
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}
	#recommend .recommendList .listBox .link,
	.recommendMulti .recommendList .listBox .link {
		border-radius: 0;
		border-bottom: #e6e6e6 1px solid;
		font-size: 16px;
		line-height: 1.3;
	}
	#recommend .recommendList .listBox .linkArea,
	.recommendMulti .recommendList .listBox .linkArea {
		padding: 20px 15px;
		padding-right: 25px;
	}
	#recommend .recommendList .listBox:first-child .link,
	.recommendMulti .recommendList .listBox:first-child .link {
		border-radius: 10px 10px 0 0;
	}
	#recommend .recommendList .listBox:last-child .link,
	.recommendMulti .recommendList .listBox:last-child .link {
		border-bottom: none;
		border-radius: 0 0 10px 10px;
	}
}

/* ==========================================================================
	btmNavi
========================================================================== */
#btmNav,
.btmNavMulti{
	padding-top: 35px;
}
#btmNav .ttlbtmNav,
.btmNavMulti .ttlbtmNav{
	text-align: center;
	margin-bottom: 25px;
	font-size: 26px;
}
#btmNav .btmNavList .listBox,
.btmNavMulti .btmNavList .listBox{
	width: 312px;
	float: left;
	margin-right: 12px;
	margin-bottom: 12px;
	/* height:60px; */
	min-height: 60px;
	border: #e6e6e6 1px solid;
	border-radius: 5px;
	display:table;
}
#btmNav .btmNavList .listBox .link,
.btmNavMulti .btmNavList .listBox .link{
	display: table-cell;
	vertical-align:middle;
	position: relative;
	background: #ffffff;
	padding: 9px 30px;
	background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) right 15px center no-repeat;
	background-size: 8px 16px;
	line-height: 1.3;
}
#btmNav .btmNavList .listBox .link:hover,
.btmNavMulti .btmNavList .listBox .link:hover{
	opacity: 0.7;
}
#btmNav .btmNavList .listBox .link.linkBlank,
.btmNavMulti .btmNavList .listBox .link.linkBlank{
	background-image: url(/kumonnow/common_2019/img/icon/icon_blank_blu.svg);
	background-size:16px 12px;
}
#btmNav .btmNavList .listBox .link.linkBlank:after,
.btmNavMulti .btmNavList .listBox .link.linkBlank:after {
  content: none;
}

@media print, screen and (min-width: 768px) {
	#btmNav .btmNavList .listBox:nth-child(3n+1),
	.btmNavMulti .btmNavList .listBox:nth-child(3n+1){
		clear: both;
	}
	#btmNav .btmNavList .listBox:nth-child(3n),
	.btmNavMulti .btmNavList .listBox:nth-child(3n){
		margin-right: 0;
	}
}

@media screen and (max-width: 767px) {
	#btmNav .btmNavList,
	.btmNavMulti .btmNavList {
		border-top: #e6e6e6 1px solid;
	}
	#btmNav .btmNavList .listBox,
	.btmNavMulti .btmNavList .listBox {
		width: 50%;
		margin: 0;
		border: none;
		border-bottom: #e6e6e6 1px solid;
		border-radius: 0;
	}
	#btmNav .btmNavList .listBox .link,
	.btmNavMulti .btmNavList .listBox .link{
		padding: 5px 25px 5px 15px;
	}
	#btmNav .btmNavList .listBox .link::after,
	.btmNavMulti .btmNavList .listBox .link::after{
		right: 10px;
	}
	#btmNav .btmNavList .listBox:nth-child(odd) .link,
	.btmNavMulti .btmNavList .listBox:nth-child(odd) .link {
		border-right: #e6e6e6 1px solid;
	}
	#btmNav .btmNavList .listBox:nth-last-child(-n+2),
	.btmNavMulti .btmNavList .listBox:nth-last-child(-n+2) {
		/* border-bottom: none; */
	}
}

/* ==========================================================================
	voice
========================================================================== */
#voice .qaArea{
	margin-bottom: 15px;
}
#voice .btnWrap{
	margin-top: 30px;
	text-align: center;
}
/* ==========================================================================
	.faqRanking
========================================================================== */
.faqRanking .btnWrap{
	margin-top: 30px;
	text-align: center;
}
.faqRanking .accArea + .accArea {
    margin-top: 10px;
}
@media screen and (max-width: 767px) {
	.faqRanking .ttlBgBlue{
		margin-bottom: 0;
	}
	.faqRanking .btnWrap{
		margin: 30px 4% 0;
		text-align: center;
	}
	.faqRanking .accArea + .accArea {
			margin-top: 1px;
	}
}

/* ==========================================================================
   header
========================================================================== */

/*
headTop
-------------------------------------*/
#header .headTop{
	padding: 14px 0;
}
#header .headTop .logoArea{
	float: left;
	width: 173px;
}
#header .headTop .logoArea img{
	width: 100%;
	height: auto;
	display: block;
}
#header .headTop .logoArea a:hover img{
	opacity: 0.7;
}
#header .headTop .linkArea{
	float: right;
	width: 395px;
}
#header .headTop .linkArea .member{
	min-width: 120px;
	float: left;
}
#header .headTop .linkArea .btn{
	background-color: #7dcdf4;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
	border-radius: 3px;
	padding: 0 12px;
}
#header .headTop .linkArea .btn:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin: -2px 6px 0 0;
	background: url(/kumonnow/common_2019/img/icon/icon_pencil_wh.svg) no-repeat;
	background-size: contain;
}
#header .headTop .linkArea .btn:hover{
	background-color: #1069c4;
}
#header .headTop .inputSearchWrap{
	width: 270px;
	float: right;
	font-size: 0;
}

@media screen and (max-width: 767px) {
	#header .headTop{
		width: 100%;
		height: 70px;
		padding: 10px 0;
		border-bottom: #7dcdf4 2px solid;
		background: #ffffff;
	}
	#header .headTop .logoArea{
		width: 35%;
		max-width: 179px;
		height: 48px;
		margin-left: 6%;
		display: table;
	}
	#header .headTop .logoArea p{
		display: table-cell;
		vertical-align: middle;
	}
	#header .headTop .linkArea{
		display: none;
	}
	#header .headBtm{
		display: none;
	}
	#header .spHeader{
		float: right;
		display: table;
		margin-right: 4%;
	}
	#header .spHeader .link{
		display: block;
	}
	#header .spMember{
		width: 7em;
		display: table-cell;
		font-size: 11px;
		font-weight: bold;
		vertical-align: middle;
		padding-right: 10%;
	}
	#header .spMember .icon{
		width: 30px;
		height: 30px;
		margin: auto;
	}
	#header .spMember .txt{
		text-align: center;
	}
	#header .spMenu{
		width: 50px;
		display: table-cell;
		font-size: 11px;
		font-weight: bold;
		vertical-align: middle;
	}
	#header .spMenu .icon{
		width: 27px;
		height: 25px;
		margin: 5px auto 0;

	}
	#header .spMenu .txt{
		text-align: center;
	}
}
/*
tabWrap
-------------------------------------*/
#header .tabWrap{
	background-color: #dcf4ff;
	padding-top: 5px;
}
#header .tabWrap .tab{
	width: 320px;
	text-align: center;
	float: left;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
#header .tabWrap .tab:hover{
	background-color: #1069c4;
}
#header .tabWrap .tab .btn{
	font-size: 14px;
	font-weight: bold;
	display: block;
	padding: 6px 5px 8px;
}
#header .tabWrap .tab:hover .btn{
	color: #fff;
}
#header .tabWrap .tab.act{
}
#header .tabWrap .tab.act .btn{
	background-color: #fff;
}
#header .tabWrap .tab.act:hover .btn{
	color: #1e1e1e;
}

/*
navWrap
-------------------------------------*/
#header .navWrap{
	border-bottom: 3px solid #7dcdf4;
}
#header .navWrap .navList{
	width: 960px;
	margin: auto;
	display: none;
}
#header .navWrap .nav{
	float: left;
	margin-right: 6px;
	padding: 15px 0 15px;
	display: table;
	height: 80px;
}
#header .navWrap .nav .btn{
	padding: 5px 8px;
	font-weight: bold;
	position: relative;
	text-align: center;
	line-height: 1.25;
	display: table-cell;
	vertical-align: middle;
}
#header .navWrap .nav .btn.on,
#header .navWrap .nav .btn:hover{
	color: #1069c4;
}
#header .navWrap .nav .btn._arrowR:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_circleblu_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: -2px 5px 0 0;
}

#header .navWrap .nav.srch{
	padding-top: 22px;
	padding-bottom: 0;
	display: block;
	height: auto;
	margin-right: 0;
}
#header .navWrap .nav.english{
	padding-top: 0;
	padding-bottom: 0;
}
#header .navWrap .nav .btn.bgOrng{
	display: block;
	padding: 8px 15px 8px 35px;
	background-color: #faaf18;
	border-radius: 20px;
	color: #fff;
}
#header .navWrap .nav .btn.bgOrng:hover{
	opacity: 0.7;
}
#header .navWrap .nav .btn.bgOrng:before{
	content: "";
	display: block;
	width: 16px;
	height: 22px;
	background-image: url(/kumonnow/common_2019/img/icon/icon_map_wh.svg);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 7px;
	left: 10px;
}
#header .navWrap .nav.act .btn:after{
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	bottom: -18px;
	left: 0;
	height: 3px;
	background-color: #006cbf;
}
#header .navWrap .srch.act .btn:after{
	bottom: -25px;
}
#header .navWrap .nav:first-child .btn{
	padding-left: 0;
}
#header .navWrap .nav:last-child{
	float: right;
}

#header .navWrap .navList .nav{
	position: relative;
}
#header .navWrap .navList .sub {
	width: 200px;
	display: none;
	position: absolute;
	right: 0;
	left: 0;
	z-index: 9999;
	padding: 15px 10px 15px 25px;
	background-color: rgba(16, 105, 196, 0.96);
	border-radius: 5px;
	box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
}
#header .navWrap .navList .sub:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid #146dc6;
	position: absolute;
	top: -12px;
	left: 20px;
}
#header .navWrap .sub a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	text-decoration: none;
}
#header .navWrap .sub a:hover {
	text-decoration: underline;
}
#header .navWrap .sub a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 12px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: -2px 8px 0 0;
}
#header .navWrap .sub li{
	margin-bottom: 10px;
}
#header .navWrap .sub li:last-child{
	margin-bottom: 0;
}


/* KUMONの原点 */
#header .navWrap #cate_origin.navList{
	padding-left: 20%;
}
#header .navWrap #cate_origin .nav{
	margin-right: 30px;
}
#header .navWrap #cate_origin .nav:last-child{
	margin-right: 0;
}

/* 企業情報 */
#header .navWrap #cate_corporate.navList{
	padding-left: 0;
}
#header .navWrap #cate_corporate .nav{
	margin-right: 10px;
}
#header .navWrap #cate_corporate .nav:last-child{
	margin-right: 0;
}

@media screen and (min-width: 1480px) {
/* KUMONの原点 */
	#header .navWrap #cate_origin.navList{
		width: 1480px;
		padding-left: 500px;
	}
	#header .navWrap #cate_origin .nav{
		margin-right: 50px;
	}
	/* 企業情報 */
	#header .navWrap #cate_corporate.navList{
		width: 1480px;
		padding-left: 300px;
	}
	#header .navWrap #cate_corporate .nav{
		margin-right: 30px;
	}
	#header .navWrap .nav.srch{
		padding-top: 15px;
	}
}
@media screen and (min-width: 1370px) {
	#header .navWrap #cate_study.navList{
		width: 1370px;
	}
	#header .navWrap .navList{
		min-height: 36px;
	}
	#header .navWrap .nav{
		margin-right: 16px;
		height: 34px;
	}
	#header .navWrap .nav.srch{
		padding-top: 12px;
	}
	#header .navWrap .nav.english{
		padding-top: 14px;
	}
	#header .navWrap .nav .pcS{
		display: none;
	}
	#header .navWrap .srch.act .btn:after{
		bottom: -15px;
	}
}

/* ==========================================================================
	sp menu
========================================================================== */
@media screen and (max-width: 767px) {
	#spMenuList {
		width: 100%;
		height: 100%;
		background-color: #ffffff;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 112;
		-webkit-transform: translate(100%);
		    -ms-transform: translate(100%);
		transform: translate(100%);
		-webkit-transition: all .5s;
		-o-transition: all .5s;
		transition: all .5s;
	}
	#spMenuList .spMenuWrap{
		height: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	#spMenuList.open {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	#spMenuList .menuCont{
		display: none;
	}
	#spMenuList .menuCont.act{
		display: block;
	}
	#spMenuList .menuHeading{
		display: table;
		width: 100%;
		height: 70px;
		padding: 10px 4%;
		border-bottom: #7dcdf4 2px solid;
	}
	#spMenuList .menuHeading .menuTtl{
		display: table-cell;
		vertical-align: middle;
		font-size: 23px;
		font-weight: bold;
	}
	#spMenuList .menuHeading .menuLink{
		display: table-cell;
		vertical-align: middle;
		padding-right: 10px;
		text-align: right;
		font-size: 14px;
	}
	#spMenuList .menuHeading .menuLink .btn._arrowR:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		margin: -2px 5px 0 0;
		background-image: url(/kumonnow/common_2019/img/arrow/arrow_circleblu_r.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}
	#spMenuList .menuHeading .menuClose{
		display: table-cell;
		vertical-align: middle;
		width: 3em;
		cursor: pointer;
	}
	#spMenuList .menuHeading .menuClose .icon {
		width: 25px;
		height: 25px;
		margin: 3px auto 0;
	}
	#spMenuList .menuHeading .menuClose .txt{
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		margin-top: 2px;
	}

	#spMenuList .menuLink .linkList .link .btn:before {
		width: 8px;
		height: 13px;
		background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
		margin: -2px 10px 0 0;
	}

	#spMenuList .menuLink .linkList .link .btn:before,
	#spMenuList .menuLink .linkList .linkBlank:after {
			content: "";
			display: inline-block;
			vertical-align: middle;
			background-size: contain;
			background-repeat: no-repeat;
	}
	#spMenuList .menuLink .linkList .ikumon .btn span:after {
			content: "";
			display: inline-block;
			vertical-align: middle;
			width: 70px;
			height: 20px;
			background-image: url(/kumonnow/common_2019/img/logo_ikumon.png);
			background-size: 60px 16px;
			background-repeat: no-repeat;
			background-color: #ffffff;
			background-position: center;
			margin: -2px 0 0 10px;
			border-radius: 3px;
	}
	#spMenuList .menuLink .linkList .link .btn {
			font-weight: bold;
			background: #dcf4ff;
	}
	#spMenuList .menuBtm{
		padding-top: 20px;
	}
	#spMenuList .menuBtm .snsList {
			width: 100%;
			float: none;
	}
	#spMenuList .menuBtm .snsList {
			text-align: center;
			margin-top: 20px;
			border-bottom: 1px solid #e6e6e6;
			padding-bottom: 20px;
	}
	#spMenuList .menuBtm .snsList .sns {
			display: inline-block;
			vertical-align: middle;
			margin-right: 20px;

	}
	#spMenuList .menuBtm .snsList .sns .btn {
			display: block;
			width: 44px;
			height: 44px;
			background-color: #fff;
	}
	#spMenuList .menuBtm .snsList .sns .btn img {
		width: 100%;
	}
	#spMenuList .menuBtm .menuClose{
		text-align: center;
		cursor: pointer;
		font-weight: bold;
		padding: 15px;
	}
	#spMenuList .menuBtm .menuClose span{
		position: relative;
		font-size: 16px;
	}
	#spMenuList .menuBtm .menuClose span:before{
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-size: contain;
		background-repeat: no-repeat;
		background-image: url(/kumonnow/common_2019/img/icon/icon_sp_menu_close.svg);
		width: 17px;
		height: 17px;
		position: absolute;
		top: 4px;
		left: -2em;
	}
	#spMenuList .menuLink .linkList{
		font-size: 0;
		position: relative;
	}
	#spMenuList .menuLink .linkList:after{content: ""; clear: both; display: block;}
	#spMenuList .menuLink .linkList .subLink{
		font-size: 0;
	}
	#spMenuList .menuLink .linkList .subLink:last-child{
		border-bottom: none;
	}
	#spMenuList .menuLink .linkList .link.ikumon{
		position: relative;
	}
	#spMenuList .menuLink .linkList .sp50{
		width: 50%;
		margin:0;
		line-height: 1.4;
		float: left;
		vertical-align: middle;
	}
	#spMenuList .menuLink .linkList .sp50 .btn{
		border-right: 1px solid #b4e8ff;
	}
	#spMenuList .menuLink .linkList .sp50.nobdR .btn{
		border-right: 0;
	}
	#spMenuList .menuLink .linkList .link .btn{
		display: table;
		width: 100%;
		padding: 15px 25px 15px 15px;
		border-bottom: 1px solid #b4e8ff;
		position: relative;
		font-size: 14px;
	}
	#spMenuList .menuLink .linkList .link .btn > span{
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	#spMenuList .menuLink .linkList .subBtn{
		display: block;
		padding: 15px 25px 15px 15px;
		border-bottom: 1px solid #b4e8ff;
		position: relative;
		font-size: 14px;
	}
	#spMenuList .menuLink .linkList .accHeaderBtn{
		display: block;
		padding: 15px 25px 15px 15px;
		background-color: #dcf4ff;
		border-bottom: 1px solid #b4e8ff;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.4;
		position: relative;
	}
	#spMenuList .menuLink .linkList .link .btn:before,
	#spMenuList .menuLink .linkList .subBtn:after{
		position: absolute;
    width: 10px;
    height: 16px;
		top: 50%;
		right: 10px;
		margin: -8px 0 0 0;
	}
	#spMenuList .menuLink .linkList .link .btn.linkBlank:before,
	#spMenuList .menuLink .linkList .ikumon.linkBlank .btn:before{
		content: none;
	}
	#spMenuList .menuLink .linkList .link .accHeaderBtn:before{
		display: none;
	}
	#spMenuList .menuLink .linkList .accHeaderBtn:after {
		content: "";
		display: block;
    background-image: url(/kumonnow/common_2019/img/icon/icon_plus_blu.svg);
    width: 16px;
    height: 16px;
    margin-top: -7px;
		position: absolute;
		top: 50%;
    right: 10px;
	}
	#spMenuList .menuLink .linkList .open .accHeaderBtn:after {
    background-image: url(/kumonnow/common_2019/img/icon/icon_minus_blu.svg);
	}
	#spMenuList .menuLink .linkList .accHeaderIn {
		padding: 0;
		background: #fff url(/kumonnow/common_2019/img/bdr_acc_header_in.gif) left bottom repeat-x;
		background-size: 100% 1px;
		display: none;
	}
	#spMenuList .menuLink .linkList .accHeaderIn:after{
		content: "";
		clear: both;
		display: block;
	}
	#spMenuList .menuLink .linkList .accHeaderIn .subBtn{
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
		border-top: 0;
		display: table;
	}
	#spMenuList .menuLink .linkList .accHeaderIn .sp50 .subBtn{
		border-right: 1px solid #e6e6e6;
	}
	#spMenuList .menuLink .linkList .sp50:nth-child(2n) .subBtn{
		border-right: 0;
	}
	#spMenuList .menuLink .linkList .accHeaderIn .sp50 .subBtn > span{
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	#spMenuList .menuLink .linkList .subBtn:after{
		content: "";
		display: block;
		background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}
	#spMenuList .menuLink .linkList .linkBlank:after{
		background-image: url(/kumonnow/common_2019/img/icon/icon_blank_blu.svg);
		position: absolute;
		width: 16px;
		height: 13px;
		top: 50%;
		right: 10px;
		margin: -6px 0 0;
	}
	#header .headTop #spMenuList .inputSearchWrap{
		float: none;
		width: 100%;
	}
	#spMenuList .inputSearchWrap .inputTxt{
		width: calc(100% - 45px);
		height: 45px;
		padding: 10px;
	}
	#spMenuList .inputSearchWrap .btnSearch {
    width: 45px;
    height: 45px;
		padding: 10px;
	}
}


/* ==========================================================================
  side navi column
========================================================================== */
.mainContents{
	width:960px;
	margin:auto;
	padding-top:30px;
}
.mainContents .sideL{
	width:260px;
	float:left;
}
.mainContents .sideR{
	width:660px;
	float:right;
}
.mainContents::after{
	content:"";
	display:block;
	height:0;
	clear:both;
}
@media screen and (max-width: 767px) {
	.mainContents{
		width:100%;
		margin:auto;
		padding-top:20px;
	}
	.mainContents .sideL{
		/* display:none; */
	}
	.mainContents .sideL,
	.mainContents .sideR{
		width:100%;
		float:none;
	}
}

/* ==========================================================================
	footer
========================================================================== */
/*
fixedMenu
-------------------------------------*/
.fixedMenu{
	font-size: 0;
	border-top: 3px solid #81d5fa;
	display: none;
}

@media print, screen and (min-width: 768px) {
	.fixedMenu{display: none !important;}
}

@media screen and (max-width: 767px) {
	.fixedMenu{
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		background: #ffffff;
		z-index: 111;
	}
}

/*
footTop
-------------------------------------*/
#footBar{
	margin-top: 80px;
}
#footBar .footTop{
	font-size: 0;
	background-color: #dcf4ff;
	border-top: 3px solid #81d5fa;
}
.fixedMenu .iconMenu,
#footBar .footTop .iconMenu,
#footBar .footTop .searchWrap{
	display: inline-block;
	vertical-align: middle;
}
.fixedMenu .iconList,
#footBar .footTop .iconList{
	display: table;
}
.fixedMenu .iconList .icon,
#footBar .footTop .iconList .icon{
	display: table-cell;
	width: 150px;
	border-right: 1px solid #c6e7f6;
	position: relative;
}
.fixedMenu .iconList .icon:first-child,
#footBar .footTop .iconList .icon:first-child{
	border-left: 1px solid #c6e7f6;
}
.fixedMenu .iconList .icon .btn,
#footBar .footTop .iconList .icon .btn{
	padding: 70px 0 15px;
	font-size: 15px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: relative;
}
#footBar .footTop .iconList .icon .btn:hover{
	opacity: 0.7;
}
.fixedMenu .iconList .icon .btn:before,
#footBar .footTop .iconList .icon .btn:before{
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 50%;
	width: 32px;
	height: 40px;
	margin-left: -16px;
	background-repeat: no-repeat;
	background-size: contain;
}
.fixedMenu .iconList .icon.year .btn:before,
#footBar .footTop .iconList .icon.year .btn:before{
	background-image: url(/kumonnow/common_2019/img/icon/icon_student.svg);
	width: 44px;
	height: 44px;
	margin-left: -20px;
	top: 15px;
}
.fixedMenu .iconList .icon.subject .btn:before,
#footBar .footTop .iconList .icon.subject .btn:before{
	background-image: url(/kumonnow/common_2019/img/icon/icon_book.svg);
	width: 44px;
	height: 40px;
	margin-left: -14px;
}
.fixedMenu .iconList .icon.tuition .btn:before,
#footBar .footTop .iconList .icon.tuition .btn:before{
	background-image: url(/kumonnow/common_2019/img/icon/icon_money.svg);
	width: 40px;
	margin-left: -20px;
}
.fixedMenu .iconList .icon.search .btn:before,
#footBar .footTop .iconList .icon.search .btn:before{
	background-image: url(/kumonnow/common_2019/img/icon/icon_map.svg);
	width: 28px;
	margin-left: -14px;
}
#footBar .footTop .searchWrap{
	padding: 0 0 0 28px;
}
#footBar .footTop .searchWrap .inputTxt{
	width: 280px;
	height: 50px;
	padding: 12px 15px;
	font-size: 15px;
}
#footBar .footTop .searchWrap .btnSearch{
	width: 50px;
	height: 50px;
	padding: 12px;
}

#footBar .footTop .iconList .icon .subNav{
	width: 200px;
	padding: 15px 10px 15px 25px;
	background-color: rgba(16, 105, 196, 0.96);
	border-radius: 5px;
	box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
	position: absolute;
	bottom: 100%;
	left: 0;
	z-index: 110;
	display: none;
}
#footBar .footTop .iconList .icon .subNav:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 12px solid #146dc6;
	position: absolute;
	bottom: -12px;
	left: 20px;
}
#footBar .footTop .iconList .icon .subNav li{
	margin-bottom: 10px;
}
#footBar .footTop .iconList .icon .subNav li:last-child{
	margin-bottom: 0;
}
#footBar .footTop .iconList .icon .subNav li a{
	color: #fff;
	font-size: 15px;
	text-decoration: none;
	display: inline-block;
}
#footBar .footTop .iconList .icon .subNav li a:hover{
	text-decoration: underline;
}
#footBar .footTop .iconList .icon .subNav li a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 7px;
	height: 12px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
	background-repeat: no-repeat;
	background-size: contain;
	margin: -2px 8px 0 0;
}

@media print, screen and (min-width: 768px) {
	#footBar .footTop .iconList{
		display: table !important;
	}
	#footBar .footTop .subNav.yearNav
	#footBar .footTop .subNav.subjectNav{
		display: none !important;
	}
}

@media screen and (max-width: 767px) {
	#footBar{
		margin-top: 30px;
	}
	#footBar .footTop{
		background-color: transparent;
	}
	.fixedMenu .iconMenu,
	#footBar .footTop .iconMenu,
	#footBar .footTop .searchWrap{
		display: block;
	}

	.fixedMenu .iconList,
	#footBar .footTop .iconList{
		width: 100%;
		background: #dcf4ff;
	}
	.fixedMenu .iconList{
		height: 85px;
	}
	.fixedMenu .iconList .icon,
	#footBar .footTop .iconList .icon{
		padding: 10px 0;
		vertical-align: bottom;
		width: 25%;
	}
	.fixedMenu .iconList .icon:first-child,
	#footBar .footTop .iconList .icon:first-child{
		border-left: 0;
	}
	.fixedMenu .iconList .icon:last-child,
	#footBar .footTop .iconList .icon:last-child{
		border-right: 0;
	}
	.fixedMenu .iconList .icon .btn,
	#footBar .footTop .iconList .icon .btn{
		padding: 35px 0 10px;
		line-height: 1.2;
		font-size: 13px;
	}
	.fixedMenu .iconList .icon.tuition .btn,
	#footBar .footTop .iconList .icon.tuition .btn{
		padding-bottom: 0;
	}
	.fixedMenu .iconList .icon .btn:before,
	#footBar .footTop .iconList .icon .btn:before{
		width: 24px;
		height: 30px;
		margin-left: -12px;
		top: 0;
	}
	.fixedMenu .iconList .icon.year .btn:before,
	#footBar .footTop .iconList .icon.year .btn:before{
		height: 32px;
		top: 0;
	}
	.fixedMenu .iconList .icon.subject .btn:before,
	#footBar .footTop .iconList .icon.subject .btn:before{
		height: 30px;
	}
	.fixedMenu .iconList .icon.tuition .btn:before,
	#footBar .footTop .iconList .icon.tuition .btn:before{
		width: 30px;
		margin-left: -15px;
	}
	.fixedMenu .iconList .icon.search .btn:before,
	#footBar .footTop .iconList .icon.search .btn:before{
		width: 22px;
		margin-left: -11px;
	}
	#footBar .footTop .searchWrap{
		margin: 20px 4% 0;
		padding: 0;
		height: 46px;
	}
	#footBar .footTop .searchWrap .inputTxt{
		width: calc(100% - 46px);
		height: 46px;
    padding: 10px 15px;
	}
	#footBar .footTop .searchWrap .btnSearch{
		width: 46px;
		height: 46px;
	}

	.fixedMenu .subNav,
	#footBar .footTop .subNav{
		padding-bottom: 8px;
		display: none;
	}
	#footBar .footTop .subNav{
		border-bottom: 1px solid #e6e6e6;
	}
	.fixedMenu .subNav ul,
	#footBar .footTop .subNav ul{
		position: relative;
	}
	.fixedMenu .subNav ul:before,
	#footBar .footTop .subNav ul:before{
		content: "";
		width: 100%;
		height: 0;
		border-bottom: 1px solid #e6e6e6;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.fixedMenu .subNav ul:after,
	#footBar .footTop .subNav ul:after{content: ""; clear: both; display: block;}
	.fixedMenu .subNav ul li,
	#footBar .footTop .subNav ul li{
		width: 50%;
		float: left;
	}
	.fixedMenu .subNav ul li a,
	#footBar .footTop .subNav ul li a{
		width: 100%;
		padding: 12px 25px 12px 15px;
		border-bottom: 1px solid #e6e6e6;
		font-size: 15px;
		line-height: 1.4;
		display: table;
		position: relative;
	}
	.fixedMenu .subNav ul li:nth-child(2n+1) a,
	#footBar .footTop .subNav ul li:nth-child(2n+1) a{
		border-right: 1px solid #e6e6e6;
	}
	.fixedMenu .subNav ul li a:after,
	#footBar .footTop .subNav ul li a:after{
		content: "";
		display: block;
		width: 8px;
		height: 17px;
		margin-top: -7px;
		background: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg) no-repeat;
		position: absolute;
		top: 50%;
		right: 10px;
	}
	.fixedMenu .subNav ul li a span,
	#footBar .footTop .subNav ul li a span{
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}

	.fixedMenu .subNav .closeArea,
	#footBar .footTop .subNav .closeArea{
		margin-top: 5px;
		text-align: center;
	}
	.fixedMenu .subNav .closeArea a,
	#footBar .footTop .subNav .closeArea a{
		color: #7dcdf4;
		font-size: 20px;
		font-weight: bold;
	}
	.fixedMenu .subNav .closeArea a:before,
	#footBar .footTop .subNav .closeArea a:before{
		content: "";
		width: 18px;
		height: 18px;
		margin: -2px 5px 0 0;
		background: url(/kumonnow/common_2019/img/icon/icon_close_blu.svg) no-repeat;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
}
/*
footMdl
-------------------------------------*/
#footer .footMdl{
	margin-top: 40px;
}
#footer .footMdl .linkList{
	float: left;
	margin-right: 55px;
}
#footer .footMdl .linkList:nth-child(3){
	margin-right: 0;
}
#footer .footMdl .linkList:last-child{
	float: right;
	margin-right: 0;
}
#footer .footMdl .linkList .link{
	margin-bottom: 15px;
}
#footer .footMdl .linkList .link .btn{
	font-size: 15px;
	font-weight: bold;
}
#footer .footMdl .linkList .link .btn:before,
#footer .footMdl .linkList .ikumon .btn:after,
#footer .footMdl .linkList .linkBlank:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-size: contain;
	background-repeat: no-repeat;
}
#footer .footMdl .linkList .link .btn:before{
	width: 8px;
	height: 13px;
	background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
	margin: -2px 10px 0 0;
}
#footer .footMdl .linkList .ikumon .btn span:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 50px;
	height: 14px;
	background-image: url(/kumonnow/common_2019/img/logo_ikumon.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin: -2px 0 0 10px;
}

#footer .footMdl .linkList .accFooterBtn{
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	display: block;
}
@media print, screen and (min-width: 768px) {
	#footer .footMdl .linkList .accFooterBtn{
		background-color: transparent;
		border-bottom: 1px solid #e2e2e2;
		margin-bottom: 15px;
		padding: 0 0 10px 0;
		font-size: 15px;
		pointer-events: none;
		border-radius: 0;
	}
	#footer .footMdl .linkList .link .accFooterBtn{
		border-bottom: 0;
		margin-bottom: 0;
		padding: 0;
	}
	#footer .footMdl .linkList .accFooterBtn:after{
		display: none;
	}
	#footer .footMdl .linkList .accFooterIn{
		display: block!important;
		padding-bottom: 10px;
	}
	#footer .footMdl .link.accFooterArea .accFooterIn{
		padding:10px 0 0 20px;
	}
	#footer .footMdl .linkList .subLink{
		margin-bottom: 10px;
		line-height: 1.4;
	}
	#footer .footMdl .linkList .subBtn{
		font-size: 13px;
	}
}
@media screen and (max-width: 767px) {
	#footer .footMdl{
		margin-top: 30px;
		border-top: 1px solid #e6e6e6;
	}
	#footer .footMdl .linkList{
		float: none!important;
		margin-right: 0!important;
		font-size: 0;
	}
	#footer .footMdl .linkList:after{
		content: "";
		clear: both;
		display: block;
	}
	#footer .footMdl .linkList .subLink{
		font-size: 0;
	}
	#footer .footMdl .linkList .link{
		margin-bottom: 0;
	}
	#footer .footMdl .linkList .link.ikumon{
		position: relative;
	}
	#footer .footMdl .linkList .link .btn,
	#footer .footMdl .linkList .accFooterBtn{
		border-bottom: 1px solid #e6e6e6;
	}
	#footer .footMdl .linkList .sp50{
		width: 50%;
		margin:0;
		line-height: 1.4;
		float: left;
		vertical-align: middle;
	}
	#footer .footMdl .linkList .sp50 .btn{
		border-right: 1px solid #e6e6e6;
	}
	#footer .footMdl .linkList .sp50.nobdR .btn{
		border-right: 0;
	}
	#footer .footMdl .linkList .sp100{
		clear: both;
	}
	#footer .footMdl .linkList .link .btn,
	#footer .footMdl .linkList .accFooterBtn,
	#footer .footMdl .linkList .subBtn{
		display: block;
		padding: 12px 25px 12px 15px;
		position: relative;
		font-size: 15px;
	}
	#footer .footMdl .linkList .link .btn{
		width: 100%;
		display: table;
	}
	#footer .footMdl .linkList .link .btn:before,
	#footer .footMdl .linkList .subBtn:after{
		position: absolute;
    width: 8px;
    height: 17px;
		top: 50%;
		right: 10px;
		margin: -7px 0 0 0;
	}
	#footer .footMdl .linkList .link .btn.linkBlank:before,
	#footer .footMdl .linkList .ikumon.linkBlank .btn:before{
		content: none;
	}
	#footer .footMdl .linkList .link .btn span{
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	#footer .footMdl .linkList .accFooterBtn{
		background-color: transparent;
		border-radius: 0;
		cursor: pointer;
		font-size: 15px;
	}
	#footer .footMdl .linkList .accFooterBtn:after {
		content: "";
		display: block;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-image: url(/kumonnow/common_2019/img/icon/icon_plus_blu.svg);
		position: absolute;
		top: 50%;
    right: 10px;
	}
	#footer .footMdl .linkList .open .accFooterBtn:after {
    background-image: url(/kumonnow/common_2019/img/icon/icon_minus_blu.svg);
	}
	#footer .footMdl .linkList .accFooterIn{
		background: #dcf4ff url(/kumonnow/common_2019/img/bdr_acc_footer_in.gif) left bottom repeat-x;
		background-size: 100% 1px;
		display: none;
	}
	#footer .footMdl .linkList .accFooterIn:after{
		content: "";
		clear: both;
		display: block;
	}
	#footer .footMdl .linkList .accFooterIn .subBtn{
		width: 100%;
		border-bottom: 1px solid #b4e8ff;
		border-top: 0;
		display: table;
	}
	#footer .footMdl .linkList .accFooterIn .sp50 .subBtn{
		border-right: 1px solid #b4e8ff;
	}
	#footer .footMdl .linkList .sp50:nth-child(2n) .subBtn{
		border-right: 0;
	}
	#footer .footMdl .linkList .subBtn:after{
		content: "";
		display: block;
		background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
		background-size: contain;
		background-repeat: no-repeat;
	}
	#footer .footMdl .linkList .accFooterIn .subBtn > span{
		width: 100%;
		display: table-cell;
		vertical-align: middle;
	}
	#footer .footMdl .linkList .linkBlank:after{
		background-image: url(/kumonnow/common_2019/img/icon/icon_blank_blu.svg);
		position: absolute;
		width: 14px;
		height: 12px;
		top: 50%;
		right: 10px;
		margin: -6px 0 0;
	}
}

/*
広報領域 footer
-------------------------------------*/
[data-navi="navi_origin"] #footer,
[data-navi="navi_corporate"] #footer{
	border-top: 3px solid #81d5fa;
	margin-top: 80px;
}
[data-navi="navi_origin"] #footer .footMdl,
[data-navi="navi_corporate"] #footer .footMdl{
	margin-top: 0;
	padding-top: 40px;
}
@media screen and (max-width: 767px) {
	[data-navi="navi_origin"] #footer .footMdl,
	[data-navi="navi_corporate"] #footer .footMdl{
		padding-top: 0;
	}
}

/*
footBtm
-------------------------------------*/
#footer .footBtm{
	margin-top: 35px;
}
#footer .footBtm .siteList{
	width: 535px;
	float: left;
}
#footer .footBtm .siteList .site{
	display: inline-block;
	vertical-align: middle;
	padding-right: 15px;
	margin:0 15px 10px 0;
	border-right: 1px solid #969696;
	line-height: 1;
}
#footer .footBtm .siteList .site:first-child,
#footer .footBtm .siteList .site:nth-child(6){
	border-left: 1px solid #969696;
	padding-left: 15px;
}
#footer .footBtm .siteList .site .btn{
	font-size: 12px;
}
#footer .footBtm .snsList{
	float: right;
}
#footer .footBtm .snsList .sns{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}
#footer .footBtm .snsList .sns:last-child{
	margin-right: 0;
}
#footer .footBtm .snsList .sns .btn{
	display: block;
	width: 44px;
	height: 44px;
	background-color: #fff;
}
#footer .footBtm .snsList .sns .btn img{
	width: 100%;
}
#footer .footBtm .snsList .sns .btn:hover img{
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#footer .footBtm{
		margin-top: 0;
		font-size: 0;
	}
	#footer .footBtm .siteList,
	#footer .footBtm .snsList{
		width: 100%;
		float: none;
	}
	#footer .footBtm .siteList{
		margin-top: 30px;
		text-align: center;
	}
	#footer .footBtm .siteList .site{
		margin-right: 10px;
		padding-right: 10px;
	}
	#footer .footBtm .siteList .site:first-child{
		padding-left: 10px;
	}
	#footer .footBtm .siteList .site:last-child{
		margin-right: 0;
	}
	/*
	#footer .footBtm .siteList .sp50{
		display: inline-block;
		width: 50%;
		margin:0;
		border-right: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
		line-height: 1.4;
	}
	#footer .footBtm .siteList .sp100{
		display: block;
		width: 100%;
		margin:0;
		border-right: none;
		border-bottom: 1px solid #e6e6e6;
		line-height: 1.4;
	}
	#footer .footBtm .siteList .site{
		padding-right: 0;
		padding-left: 0;
	}
	#footer .footBtm .siteList .site:nth-child(2n){
		padding-right: 0;
		border-right: 0;
	}
	#footer .footBtm .siteList .site:first-child,
	#footer .footBtm .siteList .site:nth-child(6){
		padding-right: 0;
		padding-left: 0;
		border-left: 0;
	}
	#footer .footBtm .siteList .site .btn{
		padding: 15px 4%;
		font-size: 14px;
		display: block;
	}
	#footer .footBtm .siteList .site.sp50 .btn{
		padding: 15px 8%;
	}
	*/
	#footer .footBtm .snsList {
		text-align: center;
		margin-top: 30px;
	}
}
/*
copyWrap
-------------------------------------*/
#footCopy{
	width: 100%;
}
#footCopy.fixed{
	position: fixed;
	bottom: 0;
	left: 0;
}
#footCopy .copyWrap{
	background-color: #81d5fa;
	font-size: 12px;
	padding: 15px 0;
	margin-top: 30px;
	text-align: center;
	position: relative;
}
#footCopy .pageTop{
	position: absolute;
	right: 100px;
	bottom: 24px;
	/* display: none; */
}
#footCopy .pageTop.fixed{
	position: fixed;
}
#footCopy .pageTop a{
	width: 54px;
	height: 54px;
	background: #fff url(/kumonnow/common_2019/img/arrow/arrow_blue_u.svg) center center no-repeat;
	background-size: 23px auto;
	border: 2px solid #81d5fa;
	border-radius: 27px;
	display: block;
}
#footCopy .pageTop a:hover{
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	#footCopy .copyWrap{
		padding: 15px 70px 15px 4%;
		text-align: left;
	}
	#footCopy .pageTop{
		margin-bottom: -20px;
		right: 15px;
		bottom: 50%;
	}
	#footCopy .pageTop.fixed{
		margin-bottom: 0;
		bottom: 5px
	}
	#footCopy .pageTop a{
		width: 40px;
		height: 40px;
		background-size: 17px auto;
	}
}
/*
pubR module parts
----------------------------------------*/
.contactCorpoBox{
  padding:25px 30px;
  border: solid 2px #3cb9e2;
  border-radius:10px;
  margin-top: 30px;
}
.contactCorpoBox .contactCorpoIn{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-top:1em;
}
.contactCorpoBox>h4{
  font-size:24px;
}
.contactCorpoBox>h4>span{
  font-size:18px;
}
.contactCorpoBox >ul,
.contactCorpoBox >ul>li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.contactCorpoBox .telWrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:3;
      -ms-flex-positive:3;
  flex-grow:3;
}
.contactCorpoBox .webWrapper{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
      -ms-flex-positive:1;
  flex-grow:1;
  border-left:#d9d9d9 solid 2px;
  padding-left:20px;
}
.contactCorpoBox .tel,
.contactCorpoBox .formwrapper{
  padding-left:15px;
  font-size:18px;
  vertical-align:middle;
}
.contactCorpoBox .tel li,
.contactCorpoBox .formwrapper li{
  vertical-align:baseline;
}
.contactCorpoBox .tel span,
.contactCorpoBox .formwrapper span{
  vertical-align: baseline;
  /* vertical-align: middle; */
}
.contactCorpoBox .tel strong,
.contactCorpoBox .formwrapper strong{
  color:#17a1e6;
  font-size:26px;
  font-weight:bold;
  vertical-align: middle;
}
.contactCorpoBox .tel>ul{
  position:relative;
}
.contactCorpoBox .phoneNumber span{
  vertical-align:middle;
}
.contactCorpoBox .ico{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width:74px;
  height:74px;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align: center;
      -ms-flex-align: center;
  align-items: center;
  text-align:center;
  border: solid 3px #17a1e6;
  border-radius:10px;
}
.contactCorpoBox .phoneNumber:nth-of-type(2){
  display:inline-block;
  margin-right:10px;
  vertical-align:middle;
}
.contactCorpoBox .hours{
  display:inline-block;
  font-size: 15px;
  font-weight:bold;
  background-color:#f5f5f5;
  padding: 6px 10px;
  vertical-align: inherit;
  }
.contactCorpoBox .link.kulink{
  padding: 12px 30px 12px 15px;
  background-color: #17a1e6;
  border: solid 2px #17a1e6;
  border-radius: 22px;
  color: #17a1e6;
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  display: inline-block;
  position: relative;
  color: #fff;
}
.contactCorpoBox .kulink::after {
  content: "";
  width: 21px;
  height: 21px;
  margin-top: -10px;
  background: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg) center center no-repeat;
  background-size: 10px auto;
  position: absolute;
  top: 50%;
  right: 8px;
  display: block;
}
.contactCorpoBox .info{
	color: #06c;
}
@media screen and (max-width: 767px){
  .contactCorpoBox{
    padding:15px 15px 25px;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
    justify-content:center;
  }
  .contactCorpoBox>.ttl{
    text-align:center;
    margin-bottom:0.5em;
  }
  .contactCorpoBox>.ttl>span{
    display:block;
  }
  .contactCorpoBox .info{
    text-align:center;
  }

  .contactCorpoBox .telWrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    margin:0 auto;
  }
  .contactCorpoBox .telWrapper .tel{
    max-width: 350px;
    margin:0 auto;
    text-align:center;
    padding-left:0;
    padding-bottom: 30px;
    border-bottom: #cccccc solid 1px;
  }
  .contactCorpoBox .telWrapper .tel>ul{
    display:inline;
    width:auto;
  }
  .contactCorpoBox .telWrapper .ico{
    display:none;
  }
  .contactCorpoBox .telWrapper .phoneNumber::before{
    content:"";
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background:url(/enterprise/corporation/common/img/icon/icon_contact_phone_white.svg)#17a1e6 center center no-repeat;
    background-size:15px;
    border-radius: 4px 0 0 4px;
  }
  .contactCorpoBox .telWrapper .phoneNumber{
    display: inline-block;
    width: 100%;
    /*height: 60px;*/
    margin-right: 0px;
    background-color:#e3f4fc;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    position: relative;
    /* vertical-align: middle; */
    text-align: left;
    border-radius: 4px;
  }
  .contactCorpoBox .telWrapper .phoneNumber span{
    font-weight:bold;
    font-size:16px;
  }
  .contactCorpoBox .telWrapper .phoneNumber strong{
    color:#1e1e1e;
    font-size:inherit !important;
  }
  .contactCorpoBox .telWrapper .phoneNumber::after{
    content:"";
    display:block;
    height:0;
    clear:both;
  }
  .contactCorpoBox .hours{
    display:block;
    width:100%;
  }
  .contactCorpoBox .webWrapper {
    border-left:none;
    padding-left: 0;
    padding-top:20px;
    text-align: center;
    margin: 0px auto 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
    justify-content: center;
  }
  .contactCorpoBox .webWrapper .ico{
    border:none;
    background-color:#17a1e6;
    width: 40px;
    height: 40px;
    border-radius:4px;
  }
  .contactCorpoBox .webWrapper .ico img{
    display:none;
  }
  .contactCorpoBox .webWrapper .ico::before{
    content:"";
    background:url(/enterprise/corporation/common/img/icon/icon_contact_smartphone_white.svg)#17a1e6 center center no-repeat;
    background-size:15px;
    width:50px;
    height:50px;
  }
  .contactCorpoBox .webWrapper .tit{
    font-size:16px;
    line-height: 1.5;
    text-align: left;
  }
  .contactCorpoBox .link.kulink{
    padding: 8px 30px 8px 15px;
  }
}
.contactCorpoBox2{
  padding:25px 30px;
  border: solid 2px #3cb9e2;
  border-radius:10px;
  margin-top: 30px;
}
.contactCorpoBox2>.ttl{
	font-size:20px;
}
.contactCorpoBox2>.ttl>span{
	font-size:16px;
	padding-left:10px;
}
.contactCorpoBox2 .telWrapper{
	margin-top:10px;
}
.contactCorpoBox2 .telWrapper ul>li{
	display:inline-block;
}
.contactCorpoBox2 .telWrapper .phoneNumber{
	padding-right: 15px;
	vertical-align:middle;
	line-height: 1;
}
.contactCorpoBox2 .telWrapper .phoneNumber:first-child{
	border-right:#ccc solid 1px;
	/* line-height: 1; */
}
.contactCorpoBox2 .telWrapper .phoneNumber>span{
	font-size:18px;
	/* padding-top: 5px; */
	vertical-align:middle;
}
.contactCorpoBox2 .telWrapper .phoneNumber strong{
	color:#17a1e6;
	font-size:26px;
	vertical-align:middle;
}
.contactCorpoBox2 .telWrapper .hours{
	background-color:#f5f5f5;
	padding:5px 10px;
	/* 	font-size: 15px; */
	font-weight: bold;
	vertical-align: middle;
}
@media screen and (max-width: 767px){
	.contactCorpoBox2{
	  padding:15px 15px 25px;
	}
	.contactCorpoBox2>.ttl{
		text-align:center;
	}
	.contactCorpoBox2>.ttl>span{
		display:block;
	}
	.contactCorpoBox2 .telWrapper{
		max-width: 350px;
		margin:15px auto 0 auto;
		text-align:center;
	}
	.contactCorpoBox2 .telWrapper .phoneNumber:first-child {
  		border-right: none;
	}
	.contactCorpoBox2 .telWrapper .phoneNumber::before{
		content:"";
		position: relative;
		display: inline-block;
		left: 0;
		top: 0;
		width: 60px;
		height: 60px;
		vertical-align: middle;
		background:url(/enterprise/corporation/common/img/icon/icon_contact_phone_white.svg)#17a1e6 center center no-repeat;
		background-size:26px;
		border-radius: 4px 0 0 4px;
  }
  .contactCorpoBox2 .telWrapper .phoneNumber{
    display: inline-block;
    width: 100%;
    height: 60px;
    margin-right: 0px;
    background-color:#e3f4fc;
    padding: 0 10px 0 0;
    margin-bottom: 10px;
    position: relative;
    /* vertical-align: middle; */
    text-align: left;
    border-radius: 4px;
  }
  .contactCorpoBox2 .telWrapper .phoneNumber span{
    font-weight:bold;
    font-size:16px;
  }
  .contactCorpoBox2 .telWrapper .phoneNumber strong{
    color:#1e1e1e;
    font-size:inherit !important;
  }
  .contactCorpoBox2 .telWrapper .phoneNumber::after{
    content:"";
    display:block;
    height:0;
    clear:both;
  }
  .contactCorpoBox2 .telWrapper .hours{
    display:block;
    width:100%;
    text-align:center;
  }
}
.bdrBoxCut {
  border: 3px solid #7dcdf4;
  border-radius: 5px;
  margin-top: 30px;
}
.bdrBoxCut .ttlBox{
  font-size: 20px;
  color: #fff;
  background-color: #7dcdf4;
  padding: 12px 10px 16px 10px;
  text-align: center;
}
.bdrBoxCut .ttlBox > a{
  position: relative;
  color:#fff;
}
.bdrBoxCut .ttlBox > a::before{
  content:"";
  display: inline-block;
  width: 11px;
  height: 20px;
  background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 14px;
  margin-top: -6px;
  background-position: center;
  vertical-align: middle;
}
.bdrBoxCut .boxIn {
  padding: 20px 25px;
}
.bdrBoxCut .boxIn>ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.bdrBoxCut .boxIn>ul>li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-flex:1;
      -ms-flex-positive:1;
  flex-grow:1;
  padding:6px 20px;
}
.bdrBoxCut .boxIn>ul>li:nth-of-type(2),
.bdrBoxCut .boxIn>ul>li:nth-of-type(3){
  border-left:#d9d9d9 solid 1px;
}
.bdrBoxCut .boxIn .title{
  font-weight:bold;
  margin-bottom:0.25em;
}
.bdrBoxCut .boxIn .detail>ul>li::before{
  content:"";
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 16px;
  background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 5px 0 0;
}
@media screen and (max-width: 767px){
	.bdrBoxCut {
		display:block;
		border-radius: 0;
	}
	.bdrBoxCut .ttlBox{
		padding: 0;
	}
	.bdrBoxCut .ttlBox a{
		position: relative;
		display:block;
		text-align:left;
		padding: 10px 30px 10px 20px;
	}
	.bdrBoxCut .ttlBox a::after{
		content: "";
		position: absolute;
		right: 10px;
		top: 30%;
		display: inline-block;
		vertical-align: middle;
		width: 8px;
		height: 16px;
		background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
		background-repeat: no-repeat;
		background-size: contain;
	}

	.bdrBoxCut .boxIn{
		padding: 0;
	}
	.bdrBoxCut .boxIn>ul{
		display:block;
	}
	.bdrBoxCut .boxIn>ul>li{
		display: block;
		padding: 0;
	}
	.bdrBoxCut .boxIn>ul>li:last-child{
		border-bottom: none;
	}
	.bdrBoxCut .boxIn>ul>li:last-child .detail li:last-child {
		border-bottom: none;
	}
	.bdrBoxCut .boxIn>ul>li:nth-of-type(2),
	.bdrBoxCut .boxIn>ul>li:nth-of-type(3){
		border-left: none;
	}
	.bdrBoxCut .boxIn>ul::after{
		content:"";
		display:block;
		height:0;
		clear:both;
	}
	.bdrBoxCut .boxIn>ul>li>a{
		display: block;
	}
	.bdrBoxCut .boxIn>ul>li>a{
		padding: 10px 10px 10px 30px;
	}
	.bdrBoxCut .boxIn>ul>li:last-child>a{
		padding: 10px 0 10px 30px;
	}
	.bdrBoxCut .boxIn .title{
		background: #edfaff;
		padding: 10px 30px 10px 20px;
		margin-bottom: 0;
		border-bottom: 1px solid #cccccc;
	}
	.bdrBoxCut .boxIn .detail li{
		border-bottom: 1px solid #cccccc;
	}
	.bdrBoxCut .boxIn .detail a{
		position: relative;
		display: block;
		padding: 10px 30px 10px 20px;
	}
	.bdrBoxCut .boxIn .detail .bnrLink a{
		padding: 0;
	}
	.bdrBoxCut .ttlBox > a::before,
	.bdrBoxCut .boxIn .detail>ul>li::before{
		content: none;
	}
	.bdrBoxCut .boxIn .detail>ul>li a:after {
			content: "";
			position: absolute;
			right: 10px;
			top: 30%;
			display: inline-block;
			vertical-align: middle;
			width: 8px;
			height: 16px;
			background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
			background-repeat: no-repeat;
			background-size: contain;
	}
}

.founderWordArea{
	margin-top: 60px;
}
.founderWordArea .founderWordTtl{
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin-bottom: 20px;
}
.founderWordArea .lead{
	text-align: center;
}
.founderWordCol2{
	margin-top: 20px;
}
.founderWordCol2 .founderImg{
	text-align: center;
}
.founderWordCol2 .wordBlock{
	display: table;
	width: 100%;
	padding: 10px;
	border-bottom: 1px dashed #cccccc;
}
.founderWordCol2 .wordBlock .word{
	display: table-cell;
	width: 70%;
}
.founderWordCol2 .wordBlock .link{
	display: table-cell;
	vertical-align: bottom;
	text-align: right;
}
.founderWordCol2 .wordAll{
	text-align: right;
	margin-top: 20px;
}
@media print, screen and (min-width: 768px) {
	.founderWordCol2{
		display: table;
		width: 100%;
	}
	.founderWordCol2 .founderImg{
		display: table-cell;
		vertical-align: middle;
		width: 30%;
	}
	.founderWordCol2 .founderWord{
		display: table-cell;
		vertical-align: middle;
	}
}
@media print, screen and (max-width: 767px) {
	.founderWordArea .founderWordTtl{
		text-align: left;
	}
	.founderWordArea .lead{
		text-align: left;
	}
	.founderWordCol2 .wordBlock{
		padding: 10px 0;
	}

}

.teacherLinkArea{
	width: 600px;
	margin: 40px auto 0;
	padding: 20px 0;
	border-top: solid 1px #7dcdf4;
	border-bottom: solid 1px #7dcdf4;
}
@media print, screen and (max-width: 767px) {
	.teacherLinkArea{
		width: 100%;
	}
	.teacherLinkArea .clmIn:first-child{
		padding-bottom: 20px;
		border-bottom: solid 1px #7dcdf4;
	}
}

/*サイドナビ*/
.pubRsideNavi{
  width:260px;
  border:#cccccc solid 1px;
  border-radius:4px;
}
.pubRsideNavi a:hover{
  color:#034693;
}
.pubRsideNavi .pubRsideNaviTtl{
  position:relative;
  border-radius:4px 4px 0 0;
  background-color:#7dcdf4;
/*   font-weight:bold; */
  color:#fff;
  padding:10px 5px 10px 24px;
  margin:0;
}
.pubRsideNavi .pubRsideNaviTtl::before{
  content:"";
  position:absolute;
  display:block;
  top:18px;
  left:10px;
  width: 8px;
  height: 16px;
  background-image: url(/kumonnow/common_2019/img/arrow/arrow_wh_r.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.pubRsideNavi .pubRsideNaviTtl>a{
  color:#fff;
}
.pubRsideNavi>ul{

}
.pubRsideNavi>ul>li{
  position:relative;
  margin:5px;
  padding:10px 5px 13px 24px;
  border-bottom:#cccccc solid 1px;
}
.pubRsideNavi>ul>li::before{
  content:"";
  position:absolute;
  display:block;
  top:16px;
  left:2px;
  width: 16px;
  height: 16px;
  background-image: url(/kumonnow/common_2019/img/arrow/arrow_circleblu_r.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.pubRsideNavi>ul>li:last-child{
  border-bottom:0;
}
.pubRsideNavi>ul>li.active>a,
.pubRsideNavi>ul>li .pubRsideNaviSubTtl.active>a{
	color: #034693;
}
.pubRsideNavi .pubRsideNaviTypeArrowL>li{
  position:relative;
  padding:8px 5px 3px 14px;
}
.pubRsideNavi .pubRsideNaviTypeArrowL>li::before{
  content:"";
  position:absolute;
  display:block;
  top:16px;
  left:2px;
  width: 8px;
  height: 16px;
  background-image: url(/kumonnow/common_2019/img/arrow/arrow_blue_r.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.pubRsideNavi .pubRsideNaviTypeArrowL>li.active a{
	color: #034693;
}

@media screen and (max-width: 767px) {
  .pubRsideNavi{
		width: 92%;
		margin-right: auto;
		margin-left: auto;
		display: none;
  }
}


/* ==========================================================================
   アクションエリア
========================================================================== */
.campaignWrap.cpnBnrC{
	padding: 25px 30px;
	background-color: #fff9d8;
	border-radius: 10px;
}
.campaignWrap.cpnBnrD{
	margin: 35px 0 20px;
}

@media screen and (max-width: 767px) {
	.campaignWrap.cpnBnrC{
		padding-right: 0;
		padding-left: 0;
		border-radius: 0;
	}
	.campaignWrap.cpnBnrD{
		margin-top: 0;
	}
}


/* ==========================================================================
   お問い合わせSPのみ<a>タグをリンクさせる
========================================================================== */
@media screen and (min-width: 768px) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}