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


/******************************************************************/

#header_wrap{
	width:100%;
	margin:0px auto;
	background-image:url(sp/sp_mainimage_square01@2x.png),url(sp/sp_mainimage_square02@2x.png),url(sp/bg_mainvisual@2x.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-position:left top,right bottom,center center;
	background-size:90px auto,90px auto,cover;
}

#header{
	position:relative;
	height:415px;
	width:100%;
}

/**/

#header h1{
	height:30px;
	position:absolute;
	left:20px;
	top:20px;
}

#header h1 img{
	width:auto;
	height:30px;
}

#header h2{
	height:30px;
	position:absolute;
	left:180px;
	top:20px;
}

#header h2 img{
	width:auto;
	height:30px;
}

#header h3{
	display:none;
}

/**/

#btn_gnavi{
	width:40px;
	position:absolute;
	right:10px;
	top:10px;
}

#logo_facebook{
	width:25px;
	position:absolute;
	right:18px;
	top:100px;
}

#logo_twitter{
	width:25px;
	position:absolute;
	right:18px;
	top:60px;
}

/**/

#btn_contact{
	position:absolute;
	right:-20px;
	bottom:40px;
}

#btn_contact img{
	width:70px;
	height:auto;
}

/**/

#illust_robot{
	position:absolute;
	right:60px;
	bottom:-10px;
	animation-name: anime1;
	animation-duration: 2s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
}

#illust_robot img{
	width:auto;
	height:75px;
}

@keyframes anime1 {
0% {transform: rotate(0deg);}
25% {transform: rotate(15deg);}
50% {transform: rotate(0deg);}
75% {transform: rotate(-15deg);}
100% {transform: rotate(0deg);}
}

/******************************************************************/

#news_container_wrap{
	width:100%;
	background-color:#ffff00;
}

#news_container{
	width:100%;
	margin:0px auto;
	position:relative;
}

#news_container h1{
	position:absolute;
	top:-24px;
	left:10px;
}

#news_container h1 img{
	width:110px;
	height:auto;
}

#news_container ul{
	overflow:hidden;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

#news_container ul li{
	list-style-type:none;
	overflow:hidden;
	margin:20px;
}

#news_container ul li .a_news{
	display:table;
}

#news_container ul li .a_news a{
	text-decoration:none;
}

#news_container ul li .a_news .thumb{
	display:table-cell;
	vertical-align:middle;
	width:125px;
}
#news_container ul li .a_news .txt{
	display:table-cell;
	vertical-align:middle;
}

#news_container ul li .a_news .txt dl{
	overflow:hidden;
	margin-left:1em;
}

#news_container ul li .a_news .txt dl dt{
}

#news_container ul li .a_news .txt dl dd{
}
#news_container ul li{
	padding: 5px;
}
#news_container ul li:first-child{
	background-color: #29abe2;
	border-radius:6px;
	color: #fff !important;
	margin-top: 40px;
}
#news_container ul li:first-child a{
		color: #fff !important;
}

.link_more{
	position:absolute;
	right:10px;
	top:10px;
}

.link_more a{
	text-decoration:none;
	color:#29abe2;
}
.pickup{
color:#ffff00 !important;
	}

/******************************************************************/

#about_programming_education_wrap{
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#29abe2;
	background-image:url(sp/sp_mainimage_square01@2x.png),url(sp/sp_mainimage_square01@2x.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left top,right top;
	background-size:70px auto,70px auto;
	z-index:1;
	overflow:hidden;
}

#about_programming_education{
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#about_programming_education .block01{
	color:#fff;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	position:relative;
	margin-left:10px;
	margin-right:10px;
	overflow:hidden;
}




#about_programming_education .block01 dl{
	overflow:hidden;
	padding-top:20px;
	text-align:center;
}

#about_programming_education .block01 dl dt{
	overflow:hidden;
	margin-left:20px;
	margin-right:20px;
}

#about_programming_education .block01 dl dd{
	overflow:hidden;
	margin-top:20px;
}

#about_programming_education .block01 p{
	overflow:hidden;
	margin-top:20px;
	line-height:175%;
	margin-left:10px;
	margin-right:10px;
	text-align:justify;
}

#about_programming_education_wrap .square03{
	display:none;
}


#about_programming_education_wrap .square04{
	display:none;
}

/**/

#about_programming_education .label_txt img{
	width:auto;
	height:40px;
}


#about_programming_education .point01,
#about_programming_education .point02,
#about_programming_education .point03{
	color:#fff;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	overflow:hidden;
	margin-left:30px;
	margin-right:30px;
	margin-top:30px;
	margin-bottom:30px;
}

#about_programming_education .point01 dl,
#about_programming_education .point02 dl,
#about_programming_education .point03 dl{
	overflow:hidden;
	display:table;
	width:100%;
	margin-top:20px;
	text-align:justify;
}

#about_programming_education .point01 dl dt,
#about_programming_education .point02 dl dt,
#about_programming_education .point03 dl dt{
	display:table-cell;
	overflow:hidden;
	width:120px;
	vertical-align:top;
}

#about_programming_education .point01 dl dd,
#about_programming_education .point02 dl dd,
#about_programming_education .point03 dl dd{
	display:table-cell;
	overflow:hidden;
	vertical-align:top;
	padding-right:10px;
}

/******************************************************************/
/*コース・授業料*/

#course_price_wrap{
	width:100%;
	margin:0px auto 50px auto;
	overflow:hidden;
	position:relative;
	z-index:0;
	background-image:url(sp/sp_mainimage_square01@2x.png),url(sp/sp_mainimage_square01@2x.png);
	background-repeat:no-repeat,no-repeat;
	background-position:left top,right top;
	background-size:70px auto,70px auto;
}

#course_price{
	overflow:hidden;
}

#course_price dl{
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	overflow:hidden;
	margin-top:50px;
}

#course_price dl dt{
	text-align:center;
	overflow:hidden;
	margin-bottom:30px;
}

#course_price dl dt img{
	width:auto;
	height:25px;
}

#course_price dl dd{
	line-height:175%;
	text-align:justify;
	overflow:hidden;
	margin-left:30px;
	margin-right:30px;
}

/******************************************************************/

#tab_container_wrap{
	width:100%;
	margin:0px auto;
	position:relative;
	z-index:0;
}

#tab_container_wrap .tab{
	width:100%;
	margin:0px auto;
}

#tab_container_wrap .tab li{
	list-style-type:none;
	width:50%;
	float:left;
}

#tab_container_wrap .tab li dl{
	display:100%;
	margin-top:-30px;
}

#tab_container_wrap .tab li dl dt{
	text-align:center;
}

#tab_container_wrap .tab li dl dt img{
	width:auto;
	height:60px;
}

#tab_container_wrap .tab li dl dd{
	padding:0px 0px 10px 20px;
	margin-top:-10px;
}

#tab_container_wrap .tab li dl dd img{
	height:50px;
	width:auto;
}

#tab01{
	background-color:#f78f1e;
}

#tab02{
	background-color:#ffff00;
}

.hide {display:none;}


/**/

.content{
	width:100%;
	margin:0px auto;
	overflow:hidden;
}

content li{
	list-style-type:none;
	width:100%;
}

/**/


.tab_content_wrap{
	width:100%;
	background-color:#f78f1e;
	color:#fff;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

.tab_content{
	margin:0px auto;
	overflow:hidden;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

.tab_content dl{
	overflow:hidden;
	margin:30px 0px 10px 0px;
	
}

.tab_content dl dt{
	text-align:center;
	overflow:hidden;
	margin-right:30px;
	margin-left:30px;
}

.tab_content dl dd{
	overflow:hidden;
	text-align:justify;
	line-height:20px;
	margin:20px 20px 0px 20px;
}

.tab_content .img{
	text-align:center;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
}

.tab_content .txt_block{
	margin:20px 10px;
	overflow:hidden;
	
}

.tab_content .txt_block .left_col{
	overflow:hidden;
	text-align:justify;
}

.tab_content .txt_block .right_col{
	overflow:hidden;
	margin-top:20px;
	text-align:justify;
}

.tab_content .txt_block .right_col {
}

.tab_content .txt_block .right_col p{
	overflow:hidden;
	margin:0px 0px 0px 0px;
}

.tab_content .btn_detail{
	text-align:center;
	overflow:hidden;
	margin:20px 60px;
}

/**/


.tab_content_wrap2{
	width:100%;
	background-color:#ffff00;
}

.tab_content2{
	margin:0px auto;
	overflow:hidden;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

.tab_content2 dl{
	overflow:hidden;
	margin:30px 0px 10px 0px;
}

.tab_content2 dl dt{
	text-align:center;
	overflow:hidden;
	margin-right:30px;
	margin-left:30px;
}

.tab_content2 dl dd{
	overflow:hidden;
	text-align:justify;
	line-height:20px;
	margin:20px 20px 0px 20px;
}

.tab_content2 .img{
	text-align:center;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
}

.tab_content2 .txt_block2{
	margin:20px 10px;
	overflow:hidden;
}

.tab_content2 .btn_detail{
	text-align:center;
	overflow:hidden;
	margin:20px 60px;
}


/******************************************************************/

#flow_container_wrap{
	width:100%;
	position:relative;
	z-index:1;
}

#flow_container .label_flow{
	text-align:center;
	overflow:hidden;
	margin-top:40px;
	margin-bottom:40px;
}

#flow_container .label_flow img{
	width:auto;
	height:25px;
}

#flow_container_wrap .square01{
	display:none;
}

#flow_container_wrap .square02{
	display:none;
}

#flow_container{
	margin:0px auto;
	overflow:hidden;
}

#flow_container ul{
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
}

#flow_container ul li{
	list-style-type:none;
	float:left;
	vertical-align:top;
}





#flow_container ul li div{
	margin:0px 0px 0px 0px;
	overflow:hidden;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

#flow_container ul li div dl{
	display:table;
	width:100%;
	overflow:hidden;
	margin-bottom:30px;
}

#flow_container ul li div dl dt{
	display:table-cell;
	vertical-align:top;
	width:140px;
}

#flow_container ul li div dl dd{
	display:table-cell;
	padding:0px 0px 0px 10px;
	text-align:justify;
	vertical-align:top;
	line-height:150%;
}

.caution_txt{
	color:#4d4d4d;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	overflow:hidden;
	margin-left:10px;
	margin-right:10px;
	text-align:justify;
}

.caution_txt p{
	text-indent:-1em;
	padding-left:1em;
}

#flow_container .btn_detail{
	text-align:center;
	overflow:hidden;
	margin:20px 60px;
}

/******************************************************************/

#voice_faq_wrap{
	width:100%;
	overflow:hidden;
	position:relative;
	z-index:0;
}
#voice_faq_wrap .left_col{
	vertical-align:top;
	background-color:#d7f5ff;
	overflow:hidden;
}

#voice_faq_wrap .right_col{
	vertical-align:top;
	overflow:hidden;
	background-color:#fffdb8;
}

/**/

.voice_container{
	
	float:right;
	overflow:hidden;
}

.voice_container .label{
	margin-top:20px;
	overflow:hidden;
	margin-left:20px;
}

.voice_container .label img{
	width:auto;
	height:30px;
}

.voice{
	margin:20px 20px 30px 20px;
	overflow:hidden;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

.voice dl{
	overflow:hidden;
	box-sizing:border-box;
	display:none;
	margin-bottom:1em;
	border-top:1px solid #cccccc;
	padding-top:1em;
}

.voice dl:first-child{
	display:block;
	border-top:none;
	padding-top:0em;
}



/**/


.faq_container{
	
	float:left;
	overflow:hidden
}

.faq_container .label{
	margin-top:20px;
	overflow:hidden;
	margin-left:20px;
}

.faq_container .label img{
	width:auto;
	height:30px;
}

.faq{
	
	margin:20px auto 0px auto;
	overflow:hidden;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

.faq ul{
	overflow:hidden;
}

.faq li{
	list-style-type:none;
	margin:0px 20px 20px 20px;
	display:none;
}

.faq li:first-child{
	display:block;
}


.faq li .q{
	display:table;
	width:100%;
}

.faq li .q dt{
	display:table-cell;
	vertical-align:middle;
	width:35px;
	text-align:left;
}

.faq li .q dt img{
	width:25px;
	height:auto;
}


.faq li .q dd{
	display:table-cell;
	vertical-align:middle;
	color:#29abe2;
}


.faq li .a{
	display:table;
	width:100%;
	overflow:hidden;
	margin-top:10px;
}

.faq li .a dt{
	display:table-cell;
	vertical-align:top;
	width:35px;
	text-align:left;
}

.faq li .a dt img{
	width:25px;
	height:auto;
}

.faq li .a dd{
	display:table-cell;
	vertical-align:top;
}

/**/

#voice_faq_wrap .btn_sp_more{
	margin:0px 60px 20px 60px;
	text-align:center;
}



/******************************************************************/

#classroom_container_wrap{
	overflow:hidden;
	width:100%;
	margin:0px auto;
}

#classroom_container_wrap .label{
	text-align:center;
	overflow:hidden;
	margin-top:50px;
	margin-bottom:20px;
}

#classroom_container_wrap .label img{
	width:auto;
	height:30px;
}

.map_and_photo{
	width:100%;
	overflow:hidden;
}

#gmap{
	height:250px;
}

.map_and_photo .photo{
	width:50%;
	display:table-cell;
	background-image:url(index/img_classroom@2x.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

.map_and_photo .photo img{
	width:100%;
	height:auto;
	opacity:0;
}

/******************************************************************/

#cover01{
	display:none;
}

#cover02{
	display:none;
}

#cover03{
	display:none;
}

#cover04{
	display:none;
}

#header img.certify-bnr{
	width: 80px;
	height: auto;
	margin-left: 10px;
}



/******************************************************************/

/******************************************************************/

/******************************************************************/