@charset "UTF-8";
/* CSS Document */

/* ホーム */
.home h3{
	width:100%;
	margin:30px 0 20px 0;
}
.home h3 img{
	width:100%;
	height:auto;
}
#txt_01{
	font-size:13px;
	color:#555;
	text-align:left;
	line-height:23px;
	margin-bottom:20px;}
#img_box01{
	width:300px;
	float:right;
	margin-left:20px;}
#img_box02{
	width:658px;
	margin:20px 0 0 0;
	padding:0;
}
#img_box03{
	width:658px;
	padding:0 0 30px 0;
}
#img_box02 img,#img_box03 img{
	width:100%;
	height:auto;
}
#greenbox{
	width:203px;
	height:175px;
	margin:0 15px 15px 0;
	float:left;
	text-align:left;
	border:#8dc21f solid 3px;
	border-radius:8px;
}
#greenbox img{
	width:90%;
	height:auto;
	margin-top:10px;
}
.greenbox_center{
	padding:10px 15px 15px 15px;
	font-size:12px;
	line-height:1.7em;
}
#schedule{
	height:550px;
	margin:50px 0 20px 0;
	padding:20px 30px 30px 30px;
	background-color:#92c033;
	border-radius:0.5em;
	box-sizing:border-box;
}
#schedule h4{
	margin:0 0 10px 0;
	color:#fff;
	font-size:25px;
	letter-spacing:0.1em;
}
	
/* Q&A */
#q_a{
	padding-bottom:15px;
}
#q_a h2{
	font-size:14px;
	font-weight:bold;
	padding:15px 0 5px 0;
}

/* 塾案内 */
#info{
	padding-bottom:15px;
}
#info h3{
	margin-top:30px;
	font-size:14px;
	font-weight:bold;
}
#info h4{
	height:42px;
	margin-top:40px;
	text-align:left;
	padding-bottom:5px;
}
#info h4 img{
	width:auto;
	height:100%;
}
#info_box01{
	width:678px;
	text-align:left;
}
#info_box01 ul {
	width:270px;
	padding:0;
	text-align:left;
	list-style:none;
	margin:0 35px 20px 0;
	float:left;
}
#info_box01 li{
	width:255px;
	background-color:#FFFFCC;
	padding:10px 0 10px 15px;
	margin-bottom:10px;
	font-size:17px;
	font-weight:bold;
	letter-spacing:2px;
}
#info_box01 li:first-child{
	width:240px;
	padding:10px 15px;
	background-color:#F7B52C;
	letter-spacing:0.15em;
	border-radius:0.6em 0.6em 0 0;
	text-align:center;
	color:#fff;
	font-size:18px;
}
#info_box01 li span{
	margin:0 15px 0 0;
	padding:11px 8px;
	border:#91bf32 solid 2px;
	color:#91bf32;
	border-radius:10em;
	display:inline-block;
	font-size:15px;
}
#info_box02{
	width:658px;
	text-align:left;
	clear:both;
}
#info_box02 ul{
	color:#444444;
	font-size:12px;
	margin:0;
	padding-left:0;
	list-style:none;}
#info_box02 li{
	padding-bottom:5px;}
#info_box03{
	width:678px;
	text-align:left;
	margin-bottom:30px;
}
#info_box03 ul{
	color:#444444;
	font-size:15px;
	margin:0;
	padding-left:14px;
	list-style: square;}
#info_box03 li{
	padding-bottom:10px;
	letter-spacing:1px;
	font-weight:bold;}
#info_box04{
	padding:25px 0 0 0;
	margin-top:20px;
	width:658px;
	border-top:#E73828 dotted 1px;
	background-image:url(../../img/info_img07.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	text-align:left;
	font-size:13px;
	line-height:30px;
	font-weight:bold;
}
#info_box04 p{
	margin:30px 0 30px 0;}
#info h3 img,#info_box02 img,#info_box04 img{
	width:100%;
	height:auto;
}
.syuiro{
	color:#E95513;}
.blue{
	color:#5aa0d6;}
	
/*アコーディオン*/

#acMenu{
	margin:0;
}
#acMenu dt{
    display:block;
    width:678px;
	margin:30px auto 0 auto;
	padding:15px 0 15px 0;
	letter-spacing:0.15em;
    text-align:center;
    cursor:pointer;
	font-size:22px;
	color:#fff;
	border-radius:6px;
	position:relative;
	background-color:#156d6b;
	font-weight:700;
}
#acMenu dd{
    width:678px;
	padding:0;
	margin:0;
    text-align: center;
    display:none;
}
#acMenu dd p{
	width:678px;
}
#acMenu dd p img{width:100%; height:auto;}

@media (max-width: 650px) {
/* ホーム 650*/
.home h3{
	width:100%;
	margin:10% 0 5% 0;
}
.home h3 img{
	width:100%;
	height:auto;
}
#txt_01{
	margin:0 0 5% 0;
	font-size:calc(11px + 1.4vw);
	line-height:1.5;
}
#img_box01{
	width:100%;
	margin-left:0;
	padding:5% 0;
	float:none;
}
#img_box02{
	width:100%;
	margin:0 auto;
	padding:2.5% 0;
	text-align:center;
}

#img_box01 img,#img_box02 img{
	width:100% !important;
	height: auto;
}
#img_box03{
	width:90%;
	padding:5%;
}
#img_box02 img,#img_box03 img{
	width:100%;
	height:auto;
}
#img_box02.dekita{
	width:90%;
	padding-top:8%;
}
#greenbox{
	width:98%;
	height: auto;
	margin:0 auto 5% auto;
	float:none;
	border-radius:1em;
}
#greenbox img{
	width:90%;
	height:auto;
	margin-top:5%;
}
.greenbox_center{
	padding:5% 5% 5% 5%;
	font-size:calc(11px + 1.5vw);
	line-height:1.7em;
}
#schedule{
	height:500px;
	margin:8% 0 2% 0;
	padding:15px;
}
#schedule h4{
	margin:0 0 2% 0;
	font-size:calc(11px + 2vw);
}
/* 塾案内650 */
#info{
	padding-bottom:3%;
}
#info h3{
	font-size:calc(11px + 1.5vw);
	font-weight:500;
}
#info h3 span{
	padding:0.7em 0.5em 0.7em 2.7em;
	background-color:#68bdeb;
	display:block;
	color:#fff;
	font-size:calc(14px + 2.3vw);
	font-weight:500;
	background-image:url(../../img/info_img11.png);
	background-size:1.8em auto;
	background-repeat:no-repeat;
	background-position:center left 0.6em;
	text-align:left;
}
#info h4{
	width:70%;
	height: auto;
	margin-top:10%;
	padding-bottom:3%;
}
#info h4 img{
	width:100%;
	height:auto;
}
#info_box01{
	width:100%;
}
#info_box01 ul {
	width:100%;
	margin:0 0 6% 0;
	float:none;
}
#info_box01 li{
	width:96%;
	padding:3% 0 3% 4%;
	margin-bottom:1.5%;
	font-size:calc(11px + 2.3vw);
	font-weight:500;
	letter-spacing:2px;
}
#info_box01 li:first-child{
	width:100%;
	padding:3% 0;
	margin-bottom:2%;
	font-size:calc(15px + 1.7vw);
}
#info_box01 li span{
	margin:0 5% 0 0;
	padding:2% 4%;
	font-size:calc(11px + 2vw);
	border-radius:0.6em;
	background-color:#91bf32;
	color:#fff;
}
#info_box02{
	width:100%;
}
#info_box02 ul{
	font-size:calc(11px + 1vw);
}
#info_box02 li{
	padding-bottom:2%;
}
#info_box03{
	width:100%;
	margin-bottom:5%;
}
#info_box03 ul{
	padding-left:7%;
}
#info_box03 li{
	padding-bottom:3%;
	font-size:calc(11px + 1.3vw);
	font-weight:500;
}
#info_box04{
	width:100%;
	padding:5vw 0 70vw 0;
	margin-top:6%;
	background-repeat:no-repeat;
	background-position:bottom center;
	background-image:url(../../img/info_img07_sp.jpg);
	background-size: 80% auto;
	font-size:calc(11px + 1.3vw);
	line-height:2;
	font-weight:400;
}
#info_box04 p{
	margin:30px 0 30px 0;
}
/* Q&A 650 */
#q_a{
	padding-bottom:3%;
}
#q_a h2{
	font-size:calc(15px + 1.5vw);
	font-weight:500;
	padding:3% 0 2% 0;
	text-align:left;
	color:#F29600;
}
#q_a dl{
	text-align:left;
}
#q_a dt{
	padding:4% 5% 4% 5%;
	background-color:#48a1d1;
	border-radius:0.6em 0.6em 0 0;
	color:#fff;
	font-size:calc(13px + 1.5vw);
	font-weight:500;
	line-height:1.3;
}
#q_a dd{
	margin:0 0 6% 0;
	padding:4% 5% 5% 5%;
	background-color:#eee;
	border-radius:0 0 0.6em 0.6em;
	font-size:calc(13px + 1.4vw);
}
}