@charset "utf-8";

/* style_pc_try.css：PC
 * ======================================
 * Element
 * ======================================
 */

  /* Element
------------------------------------------------------------------ */

#specialPage #main .inner {
	padding-bottom:30px;
}
#specialPage #main .inner img{
	width:100%;
}

/* お試しレッスン受付中 */
#specialPage #main .inner h1{
	width:898px;
	margin-bottom:8%;
}
#specialPage #main .inner .topBlock {
    margin-bottom: 8.34%;
}
#specialPage #main .inner .topBlock h2{
	font-size:2.8rem;
	text-align:center;
    margin-bottom: 3.2%;
}
#specialPage #main .inner .topBlock p{
	font-size:2rem;
	text-align:center;
}
#specialPage #main .inner .topBlock p span{
	background:linear-gradient(transparent 60%, #f4da26 60%);
}
#specialPage #main .inner .flow{
	background:#f6bcbc;
	padding:6.58% 0 8.23%;
}
#specialPage #main .inner .flow h3{
	text-align:center;
	width:60%;
	margin:0 auto;
	background:#ea5f6d;
	color:#ffffff;
	font-size:2rem;
	padding:1.52% 0;
}
#specialPage #main .inner .flow p.list {
	margin:5.98% auto 5%;
	width:60%;
}
#specialPage #main .inner .flow p.btn{
	margin:0 auto;
	text-align:center;
	background:#1c905f;
	width:500px;
}
#specialPage #main .inner .flow p.btn a{
	color:#ffffff;
	font-size:2rem;
	padding:3% 0;
	padding:1.86% 0;
	display:inline-block;
	width:100%;
	background:url(../images/arrow.png) no-repeat 96% center;
	background-size:3.4%;
}
#specialPage #main .inner .flow p.btn a:hover{
	opacity:0.8;
}

#specialPage #main .inner .start{
	padding:6.58% 0;
}
#specialPage #main .inner .start img{
    width: 88%;
    margin: 0 6% 5%;
}
#specialPage #main .inner .start p.btn{
	margin:0 auto;
	text-align:center;
	background:#1c905f;
	width:500px;
}
#specialPage #main .inner .start p.btn a{
	color:#ffffff;
	font-size:2rem;
	padding:3% 0;
	padding:1.86% 0;
	display:inline-block;
	width:100%;
	background:url(../images/arrow.png) no-repeat 96% center;
	background-size:3.4%;
}
#specialPage #main .inner .start p.btn a:hover{
	opacity:0.8;
}
#specialPage #main .inner .student{
	background:#C8D8BD;
	padding:5.67% 0 5.83%;
}
#specialPage #main .inner .student img{
	width:88%;
	padding:0 6%;
}

#specialPage #main .inner .campaign{
	background:#abdae6;
	padding:5.67% 0 5.83%;
}
#specialPage #main .inner .campaign img{
	width:88%;
	padding:0 6%;
}
#specialPage #main .inner .campaign p.btn{
	border:2px solid #0e3b87;
	background:#ffffff;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	width:500px;
	margin:0 auto;
}
#specialPage #main .inner .campaign p.btn a{
	background:url(../images/btn_arrow_blue.png) no-repeat;
	background-position:right 20px center;
	background-size:15px;
	color:#0e3b87;
	font-size:2rem;
	padding:3% 0;
	display:block;
}
#specialPage #main .inner .campaign p.btn a:hover{
	opacity:0.8;
}

/* Inquiry Block
-----------------------------*/
#specialPage #main .inner .inquiryBlock{
	background:#e0e0e0;
	margin-top:50px;
	padding-bottom:30px;
}
#specialPage #main .inner .inquiryBlock h3{
	text-align:center;
	font-size:30px;
	padding:20px 0 10px;
}
#specialPage #main .inner .inquiryBlock .block{
	background:#ffffff;
	width:750px;
	margin:0 auto;
	padding:25px;
}
#specialPage #main .inner .inquiryBlock .block p{
	font-size:18px;
}
#specialPage #main .inner .inquiryBlock .block p.tel{
	font-size:25px;
	color:#3c7cb5;
	font-weight:bold;
	margin:1% 0;
}
#specialPage #main .inner .inquiryBlock .block p.tel a{
	color:#3c7cb5;
}
#specialPage #main .inner .inquiryBlock .block p.tel a:hover{
	text-decoration:underline;
}
#specialPage #main .inner .inquiryBlock .block dl{
	overflow:hidden;
	font-size:15px;
}
#specialPage #main .inner .inquiryBlock .block dl dt{
	float:left;
}