/**********************************************************************
*
*　　 ■個別指導オンラインゲッツ
*
**********************************************************************/

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
	list-style: none;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
	

#sec05 .inner h2 ,
#sec02 .inner h2 ,
#sec03 .inner h2 ,
#sec04 .inner h2 ,
#sec06 .inner h2 ,
#sec07 .inner h2{
	font-size:23px;
	color:hsla(0,0%,14%,1.00);
	background:#FFF;
	font-weight:600;
	padding:10px 0 15px 0;
	text-align:center;
	border-bottom: dotted 2px #05B455 ;
	margin:0 auto;
	margin-bottom:20px;
}

#sec03 .inner h3 ,
#sec03 .inner h3_sd,
#sec02 .inner h3 {
	font-size:20px;
	color:hsla(0,0%,14%,1.00);
	background:#FFF;
	padding:15px 0;
	text-align:center;
}
	

#sec05 table{
	text-align: left;
    width: 100%;
    margin: auto;
    border: 7px solid #ff8400;
	border-collapse: collapse;
	border-spacing: 0;
}

#sec05 table tr{
    line-height:1;
	 border-bottom: 4px solid #ff8400;
}
#sec05 table td{
	padding: 12px 15px;
    line-height:1;
    font-size: 14px;
}
#sec05 table td:nth-child(2){
	background: #fff6ed;
}


#sec07 table{
	width: 100%;
    margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
}
#sec07 table tr{
	/*background: #f0f0f0;*/
	background: #FFF;
	text-align:center;
	font-weight:400;
}
#sec07 table td{
	padding:10px 0;
	font-size: 15px;
}
#sec07 table td:nth-child(1){
	font-size: 16px;
}

#sec07 table tr:nth-child(2n){
	background: #f8f8f8;
}
/*
#sec07 table tr:nth-child(1) td{
	color: #fff;
	font-size: 18px;
	background: #ff8400;
	border-left: 1px solid #fff; 
}
*/
#sec07 table tr td.exam{
	line-height: 1;
	font-size: 13px;
}

#sec07 table tr td:nth-child(1) {
	border-right:1px solid #13b8d1;
}

#sec07 table thead tr{
	background: #13b8d1;
	margin:10px auto;
	color:#FFF;
}


#sec07 .inner,
#sec05 .inner ,
#sec02 .inner ,
#sec02 .inner ,
#sec03 .inner ,
#sec04 .inner ,
#sec06 .inner ,
#sec07 .inner {
		padding: 30px 15px;
	}

	#sec07 table tr:nth-child(1) td,
	#sec07 table td:nth-child(1){
	    font-size: 14px;
	}
	#sec07 table tr td.exam {
		font-size: 12px;
	}


	.fee_area{
		/*overflow-x: scroll;*/
		border: 1px solid #13b8d1;
	}
	
	p.fee_txt{
		font-size:10px;
		color:hsla(0,1%,56%,1.00);
		line-height:1.3;
	}
	
	
	
#cva{
	padding-bottom:20px;
}

#cva{
		background-size: 25px;
	}
	
/**********************************************************************
*
*　　 ■対話型のオンライン個別指導
*
**********************************************************************/	
	
	
	
.mainimg img,
.zoom-inner img{
	width:100%;
	padding-top:20px;}
	
.zoom-deviceimg{
	width:100px;}



.zoom-device h4, .zoom-flow h4{
	font-size:22px;
	padding:20px 30px;
	color:#1fc2d1;
	font-weight:bold;
	background:#FFFFCC;
	/*background:	repeating-linear-gradient(315deg,
                                         #c1f0f5,
                                         #c1f0f5 3px,
                                         #a4eef5 0,
                                         #a4eef5 6px);*/
	border-top: 2px solid #1fc2d1;
	border-bottom: 2px solid #1fc2d1;
}
ul.zoom-note{
	margin: 70px 20px;
}

ul.zoom-note li{
	font-size:15px;
	line-height:2;
	float:left;
}


.zoom-flow ul{
	width:680px;
	margin: 10px auto;
	/*text-align:center;*/
}
.zoom-flow ul li{
	margin-top:30px;
}

.zoom-flow ul li p{
	font-size:17px;
}


.zoom-flow ul li p.zoom-step{
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #FFF;
  background: #72d6e0;
  border-radius:3px;	
  text-align:center;
}

.zoom-flow ul li p.zoom-step:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #72d6e0;
}

.zoom-flow ul li p{
	line-height:1.4;
}


.zoom-intro{
	font-size:1.0rem;
	line-height:1.6;
	color:#053d52;
	border-left: #56d6db 5px solid;
	border-right: #56d6db 5px solid;
	padding:20px;
	
}

/*.zoom-cont ul li:last-child{
	margin-right:10px;
}
*/
.zoom-cont ul li{
	width:90%;
	margin:15px auto;
	float:none;
	
}
.zoom-cont ul li:last-child{
	margin:15px auto;
}

.zoom-balloon {
	width:80%;
	text-align:center;
	position: relative;
	display: inline-block;
	margin: 0.4em 0 0.4rem 28px;
	padding: 10px;
	font-size: 20px;
	font-weight:bold;
	background:#4eaede;
	/*background: #fff;*/
	/*border: 2px solid #00ced1;*/
	border-radius: 25px;
	color:#FFFF00;
}

.zoom-balloon:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -11px;
	border: 8px solid transparent;
	border-top: 13px solid #4eaede;
	/* border-top: 11px solid #FFF;
	z-index:2;*/
}

.zoom-balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -13px;
  border: 10px solid transparent;
/* border-top: 13px solid #00ced1;
  z-index:1;*/
}
.zoom-balloon span{
	font-size: 18px;
	font-weight:bold;
	color:#FFFF00;
}

.zoom-sqrtit{
	margin-top:-36px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	line-height:1.4;
	padding:50px 10px 30px;
	background : repeating-linear-gradient(315deg,
	#e0ffff,
	#e0ffff 2px,
	#f0f8ff 0,
	#f0f8ff 4px);
	border:1px solid #4eaede;
	border-radius:5px;
	color:#1890cc;
}
.zoom-cont{
margin-bottom:20px;	
}
.zoom-device h4,.zoom-flow h4{
	width:95%;
	margin: 0 auto;
	padding:15px 0;
	font-size:18px;
	text-align:center;
}

ul.zoom-note{
	margin: 10px;
}

ul.zoom-note li{
	font-size:1rem;
	line-height:1.8;
}
ul.zoom-note li p.zoom-deviceimg{
	width:70%;
	float:right;
	
}
.zoom-flow ul{
	width:90%;
	margin: 10px auto;
	text-align:center;
}
.zoom-flow ul li{
	margin-top:10px;
}

.zoom-flow ul li p{
	font-size:1rem;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}