@charset "UTF-8";

.contentBox{
	width: 100%;
}

.contentBox .inner{
	width: 1022px;
	margin: 0 auto;
}

.contentBox h2{
	font-family: "Hiragino Kaku Gothic W6 JIS2004" ;
	color: #00a0e9;
	text-align: center;
	font-size: 200%;
}
.line_full{
	background: linear-gradient(transparent 0%, #fff001 0%);
}

.ttl_arrow {
	/*width: 992px;
 	background-color: #efebe0;
	margin-bottom: 60px;*/
	width: 100%;
	margin-bottom:20px;
	text-align: center;
/*	color: #454545;*/
	color:#000000;
  /*padding: 15px ;*/
  font-size: 18px;
  line-height: 1.4;
  position:relative;
  }
/*
.ttl_arrow span{
	color: #00a0e9;
	font-size: 32px;
}
*/  


.box1 .ttl_arrow span{
/*	color: #00a0e9; */
	color: black;

	font-size: 32px;
/*	text-shadow: 2px 2px 0px #fff,  
				2px -2px 0px #fff,  
				-2px 2px 0px #fff,  
				-2px -2px 0px #fff,
				0px 2px 0px #fff,  
				0px -2px 0px #fff,  
				2px 0px 0px #fff,  
				-2px -0px 0px #fff;  
*/
	}

.box2 .ttl_arrow span{
/*	color: #00a0e9; */
	color: black;
font-size: 32px;
}


/*.ttl_arrow img {
  position: relative;
  bottom: -23px;
  display: block;
  margin: 0 auto; 
  }*/
	
.ttl_arrow2{
	color: #454545;
	font-size: 32px;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	margin-bottom:20px;
	
}

.ttl_arrow3{
	color: #454545;
	font-size: 4vw;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	margin-bottom:20px;
	
}




.taiken{
/*	background:#F8CD4E;	*/
	background:#FFF001;	
	padding: 40px;
	border-radius: 1.5em;
}
.under{
	background:none;
	padding:20px 40px;
	border-radius:0;
}

.taiken h4{
/*	background:#F8CD4E;	*/
	background:#FFF001;	
	font-size: 200%;
	border-bottom: #000000 dotted 1px;
	text-align: center;
/*	color: #00a0e9; */
	color: black;
}

.taiken p{
	font-size: 24px;
	line-height: 1.3;
	text-align: center;
/*	color:#fff; */
	color:#ff0004;
	font-weight: 600;
}
.taiken p.komet{
	font-size:16px;
	font-weight: 250;
	color:#000;
	text-align:left;
	width:80%;
	margin:20px auto 20px;
}



.bunkatsu{
	background:#fff;	
	padding: 40px;
	border:  solid 1px;
}

.bunkatsu h4{
	background:#fff;	
	font-size: 200%;
	border-bottom: #000000 dotted 1px;
	text-align: center;
}

.bunkatsu p{
	font-size: 24px;
	line-height: 1.3;
	text-align: left;
	font-size: 18px;

}

.bunkatsu p.linkimg{
	text-align: center;
	margin-top:  10px;

}


.nyuukai{
	font-size: 32px;
	color: #000;
	font-weight: bold;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
/*	text-decoration:underline;  */
}
.nyuukai p.txt {
	display: inline-block;
/*	padding-left: 0.5em;
	padding-right: 0.5em;  */
	line-height: 1.2em;
	color:#ff0004;

}
.nyuukai p.txt span.tax{
	font-size:18px;
	color:black;
}
.nyuukai p.caption{
	font-size:16px;
	line-height: 1.2em;
	color:black;
	font-weight:normal;
}
.nyuukai p.caption2{
	font-size:16px;
	line-height: 1.2em;
	color:black;
	font-weight:normal;
}

.nyuukai p.doubledelete{
	color:#000;
	background-image:url("/price/images/doubledelete.png");
	background-repeat:repeat-x;
	background-position: center;
	background-size:auto 36px;
}


.nyuukai p.special {
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border-bottom: double 3px #f00;
	line-height: 1.2em;
	color:#ff0004;
}

.nyuukai p.txt span{
	color:black;
}
.nyuukai p.special span{
	font-size: 42px;
}

.nyuukai p.komet{
	font-size: 14px;
	color: #000;
	font-weight: normal;
	text-align: center;
	margin-top:10px;

}

.nyushitsu{
	color: black;
	font-weight:normal;
	text-align: center;	
}

.additional{
	color: #FF0004;
	font-weight: bold;
	text-align: center;	
}


 .price table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
 	border:#333333 solid 1px;
}

 .price th, .price td{
	 padding:20px;
	 text-align: center;
	 font-size: 24px;
}

 .price td span.large{
	 font-size: 32px;
}


 .price td{
 	border-top:#333333 solid 1px;
	background: #fff;
	vertical-align:baseline;
}
 .price td .suggest{
	display:block;
	color: #f00;
	text-align: center;
	font-weight:600;
 }

  .price th.width30{
	width:40%;
	background:  #CBCBCB;
 	border-right:#333333 solid 1px;
  }

  .price td.width30{
 	border-right:#333333 solid 1px;
  }

  
  .price th.width70{
	width: 58%;
	background: #CBCBCB;  
  }
  
  
   .price2 table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
 	border:#333333 solid 1px;
}

 .price2 th, .price2 td{
	 padding: 20px;
	 text-align: center;
	 font-size: 22px;
 	border-right:#333333 solid 1px;
}


 .price2 td{
 	border-top:#333333 solid 1px;
	background: #fff;
}
  

  .price2 th.width30{
	width:30%;
	background:  #CBCBCB;
 	border-right:#333333 solid 1px;
  }

  .price2 td.width30{
 	border-right:#333333 solid 1px;
  }

  
  .price2 th.width20{
	width: 20%;
	background: #CBCBCB;  
  }

  .price2 th.width10{
	width: 10%;
	background: #CBCBCB;
 	border-right:#333333 solid 1px;
  }
  
  .price2 .yellow{
	background: #FDF366;  
  }
  
  .box1{
	background:#e2fffd;

	/*	background: #f1feff;*/
	/*background: #eaf2f4;*/
	padding: 60px 0;
  }
  .box2{
	padding: 60px 0;
  }
  .box3{
	background: #eaf2f4;
	padding: 30px 0;
  }
  .btm{
	border-bottom:solid 1px black;
	}
  .nopad{
	padding:0;
	}
.line-orange{
	background: linear-gradient(transparent 80%, #ff4a14 0%);	
	}

/*PC版価格3行微調整*/
.price td.w3lines{
	position:relative;
	text-align:left;
	padding-left:5em;
}
.price td span.month3lines{
	display:block;
	position:absolute;
	bottom:0.2em;
	left:10em;
	width:6em;
	height:auto;
	font-size:80%;
	text-align:center;
	line-height:1em;
}
.price td span.month3lines::before{
	content:"(";
	position:absolute;
	bottom:1em;
	left:0;
	transform:scale(1,3);

}
.price td span.month3lines::after{
	content:")";
	position:absolute;
	bottom:1em;
	right:0;
	transform:scale(1,3);
}
.price td span.pace,.price th span.pace{
	font-size:0.8em;
}
.price td span.off,.price th span.off{
	font-size:0.8em;
	color:red;
	font-weight:bold;
}


  
  @media only screen and (max-width: 767px) {/*スマホ*/
.contentBox .inner{
	width: 96%;
	margin: 0 auto;
}

.contentBox h2{
	font-family: "Hiragino Kaku Gothic W6 JIS2004" ;
	color: #00a0e9;
	text-align: center;
	font-size: 3vw;
}



.ttl_arrow {
	/*width: 992px;
 	background-color: #efebe0;
	margin-bottom: 60px;*/
	width: 100%;
	margin-bottom:20px;
	text-align: center;
  /*padding: 15px ;*/
	font-size: 4vw;
  line-height: 1.2;
  }
/*  
.ttl_arrow span{
	color: #00a0e9;
	font-size: 1.4em;
	text-decoration:underline;
}
*/


.box1 .ttl_arrow span{
/*	color: #00a0e9; */
	color: black;
	font-size: 5.5vw;
	text-decoration:underline; 
	/*
	text-shadow: 2px 2px 0px #fff,  
				2px -2px 0px #fff,  
				-2px 2px 0px #fff,  
				-2px -2px 0px #fff,
				0px 2px 0px #fff,  
				0px -2px 0px #fff,  
				2px 0px 0px #fff,  
				-2px -0px 0px #fff;  */
	}
.box2 .ttl_arrow span{
/*	color: #00a0e9; */
	color: black;
	font-size: 5.5vw;
	text-decoration:underline;
}


/*.ttl_arrow img {
  position: relative;
  bottom: -23px;
  display: block;
  margin: 0 auto; 
  }*/
	
.ttl_arrow2{
	color: #454545;
	font-size: 5vw;
	width: 100%;
	margin-bottom: 10px;
	text-align: center;
	margin-bottom:20px;
	
}
.nopad p{
	margin-bottom:1em;
}



.taiken{
/*	background:#F8CD4E;	*/
	background:#FFF001;	
	padding: 20px;
}
.under{
	background:none;
	padding:20px 40px;
	border-radius:0;
}


.taiken h4{
/*	background:#F8CD4E;	*/
	background:#FFF001;	
	font-size: 180%;
	border-bottom: #000000 dotted 1px;
	text-align: center;
}

.taiken p{
	font-size: 6vw;
	line-height: 1.3;
	text-align: center;
	/*	color:#fff; */
	color:#ff0004;

}

.taiken p.komet{
	width:100%;
	font-size: 3.8vw;
	line-height:6vw;
	margin:1vw auto 1vw;
}

	  
.bunkatsu{
	width: 80%;
	margin:  0 auto;
	background:#fff;	
	padding: 10px;
	border:  solid 1px;
	margin-bottom:  30px;
}

.bunkatsu h4{
	background:#fff;	
	font-size: 100%;
	border-bottom: #000000 dotted 1px;
	text-align: center;
}

.bunkatsu p{
	font-size: 70%;
	line-height: 1.3;
	text-align: left;

}

.bunkatsu p.linkimg{
	text-align: center;
	margin-top:  10px;

}

.nyuukai{
	font-size: 24px;
	color: #000;
	font-weight: bold;
	text-align: center;	
}

.nyuukai p.txt{
	font-size: 6vw;
}
.nyuukai p.txt span.tax{
	font-size: 4vw;
}
.nyuukai p.caption{
	font-size: 3.5vw;
	font-weight:normal;
}
.nyuukai p.caption2{
	margin:3vw 9vw 0vw 10vw;
	font-size: 3.5vw;
	font-weight:normal;
	text-align:left;
}

.nyuukai p.special{
	font-size: 7vw;
	margin-top:3vw;
}
.nyuukai p.txt span{
	font-size: 7vw;
}

.nyuukai p.special span{
	font-size: 10vw;
}
.nyuukai p.doubledelete{
	font-size:7vw;
	background-size:auto 7vw;
}
.nyuukai p.komet{
	font-size: 4vw;
	color: #000;
	font-weight: normal;
	text-align: center;
	margin-top;3vw;
}

	  
.nyushitsu{
	color: black;
	text-align: center;	
	font-size:90%;
	line-height:20px;
}


.additional{
	color: #FF0004;
	font-weight: bold;
	text-align: center;	
	font-size:90%;
	line-height:20px;
}
	  
 .price table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
 	border:#333333 solid 1px;
}

 .price th, .price td{
	position:relative;
	height:7vw;
	 padding:1.8vw;
	 padding-top: 25px;
	 text-align: center;
	 font-size: 18px;
	 font-size: 5vw;
}

.price td{
	position:relative;
}
.price td span.times{
	display:block;
	position:absolute;
	bottom:2vw;
	right:21vw;
	height:auto;
}
.price th span.times{
	display:block;
	position:absolute;
	bottom:2vw;
	right: 22vw;
	height:auto;
}
.price td span.pace,.price th span.pace{
	font-size:3.5vw;
	display:block;
	position:absolute;
	top: 1vw;
	left:0;
	width:100%;
	text-align:center;
	height:auto;
	text-align:center;
}

.price td span.month,.price th span.month{
	font-size:3.5vw;
	display:block;
	position:absolute;
	bottom:2.6vw;
	left:14vw;
	width:20vw;
	height:auto;
	text-align:center;
}
.price td span.month3lines{
	font-size:3.8vw;
	line-height:4vw;
	display:block;
	position:absolute;
	bottom:2.6vw;
	left:14.7vw;
	width:20vw;
	height:auto;
	text-align:center;
}
.price td span.month3lines::before{
	content:"(";
	position:absolute;
	bottom:4vw;
	left:0;
	transform:scale(1,3.5);

}
.price td span.month3lines::after{
	content:")";
	position:absolute;
	bottom:4vw;
	right:0;
	transform:scale(1,3.5);

}

.price td span.timesline{
	display:block;
	position:absolute;
	bottom:2vw;
	left:2.5vw;
	height:auto;
	background: linear-gradient(transparent 60%, #fff001 0%);
}


.price td span.small{
	font-size:4vw;
}
.price td.single{
	text-align:center;
}
.price td.single span.price{
	display:block;
	position:absolute;
	bottom:2vw;
	right:17vw;
	height:auto;
}
.price td span.off,.price th span.off{
	font-size:4vw;
	display:block;
	position:absolute;
	top: 1vw;
	left:0;
	width:100%;
	text-align:center;
	height:auto;
	text-align:center;
	font-weight:bold;
	color:red;
}

.price td.double{
	padding:2vw;
	position:relative;
}
.price td.double span.price{
	display:block;
	position:absolute;
	bottom:2vw;
	right:27vw;
	height:auto;
}


.price td span.smallblock{
	font-size:4vw;
	display:block;
	position:absolute;
	bottom:2.4vw;
	left:30vw;
	width:30vw;
	height:auto;
	text-align:center;
}
.price td span.smallblock span{
	font-size:3.8vw;
}

.price td span.large{
	font-size:7vw;
}

 .price td{
 	border-top:#333333 solid 1px;
	background: #fff;
}
  

  .price th.width30{
	width:35%;
	background:  #CBCBCB;
 	border-right:#333333 solid 1px;
  }

  .price td.width30{
 	border-right:#333333 solid 1px;
  }

  
  .price th.width70{
	width: 58%;
	background: #CBCBCB;  
  }
  
  
   .price2 {
	display: none;
}

.komet {
	font-size:0.75em;
}

   .price3 table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
 	border:#333333 solid 1px;
}

 .price3 th{
	background: #fff;
 	border-top:#333333 solid 1px;
}

 .price3 th, .price3 td{
	 padding: 10px 0;
	 text-align: center;
	 font-size: 3.5vw;
 	border-right:#333333 solid 1px;
 	width: 20%;
}


 .price3 td{
 	border-top:#333333 solid 1px;
	background: #fff;
	padding-left:0.5em;
	padding-right:0.5em;
}
  

  .price3 th.width16{
	width:16%;
	background:  #CBCBCB;
 	border-right:#333333 solid 1px;
  } 
  
  .price3 .yellow{
	background: #FDF366;  
  }
  
  
  
  
  .box1{
	padding: 30px 0;
  }
  .box2{
	padding: 30px 0 0px 0;
  }
  .box3{
	padding: 30px 0;
  }
  .btm{
	padding-bottom:20px;
	border-bottom:solid 1px black;
	}
  .nopad{
	padding:0;
	}



  }
  
  @media only screen and (min-width: 768px) {/*PC*/
.price3{
	display:none;
}
  }

/* 追加　スマホ時のみinline-blockになるspan */
@media only screen and (min-width: 768px) {/*PC*/
span.mobblock{
	display:inline;
	  }
}

@media only screen and (max-width: 767px) {/*スマホ*/
	span.mobblock{	
	  display:inline-block;
	  }

}

table.course_1st >tbody >tr >td {
	position: relative;
}
table.course_1st >tbody >tr >td.strong {
/*
	background-color: #ff0;
*/
}
table.course_1st >tbody >tr >td img.subicon {
	position: absolute;
	right: 150px;
	top: 5px;
	height: 50px;
}
@media only screen and (max-width: 767px) {
	table.course_1st >tbody >tr >td img.subicon {
/*
		position: relative;
		display: block;
*/
		right: 10px;
		height: 50px;
	}
}

table.course_std >tbody >tr >td {
	position: relative;
}
table.course_std >tbody >tr >td.strong {
/*
	background-color: #ff0;
*/
}
table.course_std >tbody >tr >td img.subicon {
	position: absolute;
	right: 35px;
	top: 5px;
	height: 50px;
}
@media only screen and (max-width: 767px) {
	table.course_std >tbody >tr >td img.subicon {
/*
		position: relative;
		display: block;
*/
		right: 5px;
		height: 25px;
	}
}
div.price_komet {
/*
	background-color: #ee761c;
*/
	padding: 1em 2em;
	border-radius: 1em;
	margin-top: 1em;
}
div.price_komet ul.list_komet {
	color: #333;
	margin-left: 30%;
	margin-right: 30%;
}
@media only screen and (max-width: 767px) {
	div.price_komet {
		padding: 0 5vw;
	}
	div.price_komet ul.list_komet {
		margin: 0;
	}
}
div.price_komet ul.list_komet li.list_item {
	text-indent: -1.15em;
	padding-left: 1em;
}
div.price_komet ul.list_komet li.list_item:before {
	content: '※';
}
/*complete course*/
.complete{
	/*background:#fef8ec;*/
	background:#fff6d1;
	background-clip:padding-box ;
}
.complete .ttl_arrow img.newicon{
	position:absolute;
	bottom:5em;
	right:2em;
	width:5em;
	height:auto;
}
.pink{
	background:#fef2f2;
	background-clip:padding-box ;
}

@media only screen and (min-width: 768px) {/*PC*/
	.complete .ttl_arrow img.newicon{
		bottom:7.5em;
		right:17em;
		width:5em;
		height:auto;
	}
	}

/*お申し込みと入会手順*/
#nyuukai{
}

@media only screen and (max-width: 767px) {/*スマホ*/
	#nyuukai{
		background: #fff;
		padding-bottom: 10px;
		width: 100%;
	}

	#nyuukai .inner{
		width: 96%;
		margin:  0 auto;
	}

	#nyuukai p{
	font-size: 100%;
	line-height: 1.5;
	}	
	
		
	#nyuukai h3{
		margin-bottom: 10px;
		text-align: center;
	}
	
	
	#nyuukai .arrow{
		width: 100%;
		text-align: center;
		margin: 15px 0;
	}
	
	#nyuukai .br{
		display: none;
	}
	
	#nyuukai .nyuukai_img{
		text-align: center;
	}
	
	#nyuukai .nyuukai_img img{
		width: 80%;
	}
	
}
	

@media only screen and (min-width: 768px) {/*PC*/
	#nyuukai{
		background: #fff;
		padding: 30px 0 30px 0;

	}

	#nyuukai .inner{
		width: 1022px;
		margin:  0 auto;
	}
	
	#nyuukai h3{
		margin-bottom: 5px;
		font-size: 1.3em;
		text-align: center;
	}
	
	
	#nyuukai .arrow{
		width: 100%;
		text-align: center;
		margin: 15px 0;
	}
	
	#nyuukai p{
		font-size: 120%;
		text-align: center;
		line-height: 1.5;
	}
	
	#nyuukai .nyuukai_img{
		width: 100%;
		text-align: center;
	}
	
	#nyuukai .nyuukai_img img{
		width: 60%;
	}
	
	#nyuukai .arrow{
	width: 100%;
	text-align: center;
	margin: 15px 0;
}
	#nyuukai .arrow img{
	width: 60px;
}
	

	
}
/*h2の帯設定*/
@media only screen and (max-width: 767px) {/*スマホ*/
	.boxTtl{
/*		width:100%;*/
		text-align: left;
		color: #000;
		font-size: 1.2rem;
		font-weight:normal;
		margin-bottom:10px;
		padding:5px;
		padding-left:10px;
		background:linear-gradient(#fff, #e9e9e9);
		border-top: #eb0280 solid 4px;
		border-bottom: #A7A7A7 solid 1px;
		/*border-left: #eb0280 solid 10px;
		background:linear-gradient(#fefefe, #b9b9b9);
		*/
	}
	
	.boxTtl div{
		width: 96%;
	}
}

@media only screen and (min-width: 768px) {/*PC*/
	.boxTtl{
		width:100%;
		text-align: center;
		color: #000;
		font-size: 1.8rem;
		font-weight:normal;
		margin-bottom:10px;
		padding:5px;
		padding-left:10px;
		padding-right:10px;
		background:linear-gradient(#fff, #e9e9e9);
		border-top: #eb0280 solid 4px;
		border-bottom: #A7A7A7 solid 1px;
		
		
		
	}


	.boxTtl div{
		max-width: 1022px;
		margin: 0 auto;
	}
}