@charset "utf-8";

/* ==========================================================================
   mv
========================================================================== */
@media screen and (min-width: 767px) {
.barBgImgWrap .breadcrumbs{
	margin: 0 auto;
	padding: 5px 0;
}
}
.mv .mvImg{
	text-align: center;
}
.mv .mvImg img{
	width: 100%;
	vertical-align: top;
}

.ribbonBluMv .ribbonTtl em {
    display: inline-block;
}

@media screen and (min-width: 768px) {
	.mv .mvImg{
		position: absolute;
		top: 45px;
	}
}

@media screen and (max-width: 767px){
	.ribbonBluMv .ribbonTtl em {
		font-size: 5.5vw;
	}
}

@media screen and (max-width: 380px){
	.ribbonBluMv .ribbonTtl {
		font-size: 14px;
	}
	
	.ribbonBluMv .ribbonTtl em {
		font-size: 5vw;
	}
	
	
	
}	

/* ==========================================================================
   共通
========================================================================== */
#btmNav .btmNavList .listBox, .btmNavMulti .btmNavList .listBox {
    width: 230px;
}


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

}
	
@media screen and (max-width: 767px){
	body.methodUnder #footer{
		margin-top: 0;
	}
}

@media screen and (max-width: 767px) {
	#btmNav .btmNavList .listBox {
		width: 100%;
	}
	#btmNav .btmNavList .listBox:nth-child(odd) .link {
		border-right: none;
	}
}

/*featureArea*/
.featureArea .clm3 .imgWrap{
	display: table;
	width: 100%;
}
.featureArea .clm3 .imgWrap .boxRadNml{
	display: table-cell;
	vertical-align: middle;
}

/*.nextBox*/
.nextBox a{
		display: block;
		padding-left: 110px;
		background: url("/about-kumon/method/common/img/img_nextArrow.png") no-repeat 0 center;
	}
.nextBox .bdrTxt{
	border-bottom: 1px solid #000;
}
.nextBox .ttlBoldM .num{
	letter-spacing: 5px;
}
@media screen and (max-width: 767px) {
	.nextBox a{
		padding-left: 0;
		background: none;
	}
}

/*#features*/
#features{
	text-align: center;
}
#features .featuresSubTtl{
	font-weight: bold;
	line-height: 1.5;
	display: inline-block;
}
#features .featuresSubTtl em{
	color: #1069c4;
	border-bottom: 6px solid #fff44e;
	font-size: 43px;
	font-style: normal;
}
#features .featuresList li{
	background-color: #e7f3ff;
	font-weight: bold;
	position: relative;
}
#features .featuresList li .num{
	width: 1.727em;
	height: 1.727em;
	margin-left: -0.8635em;
	background-color: #1069c4;
	border-radius: 0.8635em;
	color: #fff;
	line-height: 1.727;
	display: block;
	position: absolute;
	top: -0.8635em;
	left: 50%;
}
@media screen and (min-width: 768px) {
	#features .featuresSubTtl{
		font-size: 35px;
		position: relative;
	}
	/*#features .featuresSubTtl:before,
	#features .featuresSubTtl:after{
		content: "";
		width: 41px;
		height: 87px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
		display: block;
		position: absolute;
		bottom: 0;
	}
	#features .featuresSubTtl:before{
		left: -60px;
		background-image: url(/top/img/features_ttl2_l.svg);
	}
	#features .featuresSubTtl:after{
		right: -36px;
		background-image: url(/top/img/features_ttl2_r.svg);
	}*/
	#features .featuresExp{
		margin-top: 30px;
		font-size: 18px;
		line-height: 1.778;
	}
	#features .featuresList{
		margin-top: 45px;
	}
	#features .featuresList li{
		min-width: 195px;
		margin-right: 3px;
		margin-left: 3px;
		padding: 30px 15px 20px;
		border-radius: 10px;
		font-size: 18px;
		display: inline-block;
	}
	#features .featuresList li .num{
		font-size: 22px;
	}
}
@media screen and (max-width: 767px) {
	.text-c, .taC {
    	text-align: left !important;
	}
	
	.spTaC{
		text-align: center !important;
	}
	
	#features .featuresSubTtl{
		font-size: 24px;
	}
	#features .featuresSubTtl em{
		font-size: 32px;
	}
	#features .featuresSubTtl span{
		margin-top: 0.4em;
		display: inline-block;
	}
	#features .featuresExp{
		margin-top: 20px;
		font-size: 14px;
		line-height: 2;
		text-align: left;
	}
	#features .featuresList{
		margin-top: 40px;
	}
	#features .featuresList:after{content: ""; clear: both; display: block;}
	#features .featuresList li{
		width: 48%;
		margin-top: 25px;
		padding: 22px 0 10px;
		border-radius: 8px;
		line-height: 1.25;
	}
	#features .featuresList li:nth-child(-n+2){
		margin-top: 0;
	}
	#features .featuresList li:nth-child(2n+1){
		clear: both;
		float: left;
	}
	#features .featuresList li:nth-child(2n){
		float: right;
	}
	#features .featuresList li .num{
		font-size: 17px;
	}
	#features .featuresList li p{
		width: 100%;
		display: table;
	}
	#features .featuresList li span{
		display: table-cell;
		vertical-align: middle;
	}
}