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


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

#header_wrap{
	width:100%;
	max-width:100%;
	min-width:1280px;
	margin:0px auto;
	background-image:url(index/mainvisual_bg_illust.png),url(index/mainvisual_img_illust01.png),url(index/mainvisual_img_illust02.png),url(index/mainvisual_bg@2x.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:center center,left -23px top,right bottom,center center;
	background-size:auto auto,auto auto, auto auto,cover;
}

#header{
	width:100%;
	max-width:100%;
	min-width:1280px;
	height:837px;
	margin:0px auto;
	position:relative;
}

/**/

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

#header h2{
	position:absolute;
	left:465px;
	top:20px;
}

#header h3{
	position:absolute;
	left:180px;
	top:210px;
}

/**/

#btn_gnavi{
	position:absolute;
	right:114px;
	top:11px;
}

#logo_facebook{
	position:absolute;
	right:216px;
	top:29px;
}

#logo_twitter{
	position:absolute;
	right:284px;
	top:29px;
}

/**/

#btn_contact{
	position:absolute;
	top:403px;
	left:-27px;
}

/**/

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

@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%;
	min-width:1280px;
	max-width:100%;
	background-color:#ffff00;
}

#news_container{
	width:1480px;
	min-width:1280px;
	max-width:1480px;
	margin:0px auto;
	position:relative;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
}

.link_more{
	position:absolute;
	right:0px;
	top:20px;
}

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

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

#news_container ul{
	overflow:hidden;
	padding:62px 0px 27px 100px;

}

#news_container ul li{
	list-style-type:none;
	float:left;
	overflow:hidden;
	/*width:432px;*/
	width:280px;
	padding: 20px
}
#news_container ul li:first-child{
	background-color: #29abe2;
	border-radius:14px;
	color: #fff !important;
}
#news_container ul li:first-child a{
		color: #fff !important;
}
.pickup{
	font-family: "myFont";
	color: #fff;
	background-color: #29abe2;
	border-radius: 10px;
	padding: 2px;
	margin-top: 2px;
}

#news_container ul li .a_news{
	display:table;
	/*width:432px;*/
	width:320px;
}

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

#news_container ul li .a_news .thumb{
	/*display:table-cell;*/
	display: block;
	vertical-align:middle;
	/*width:175px;*/
	width: 280px;
	text-align:left;
}
#news_container ul li .a_news .thumb,
#news_container ul li .a_news .thumb img{
    width: 280px !important;
    height: auto !important;
}
#news_container ul li .a_news .txt{
	/*display:table-cell;*/
	display: block;
	/*width:175px;*/
	width: 280px;
	vertical-align:middle;
}


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

#about_programming_education_wrap{
	width:100%;
	min-width:1280px;
	max-width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#29abe2;
	background-image:url(index/about_square01.png),url(index/about_square02.png),url(index/about_square03.png),url(index/about_square04.png);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left top,right top 42px,left top 164px,right top 390px;
	z-index:1;
}

#about_programming_education{
	min-height:1000px; /*3がある場合は1234px*/
	width:1280px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-image:url(index/about_bg01.png);
	background-repeat:no-repeat;
	background-position:center top 400px;
}

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




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

#about_programming_education .block01 dl dt{
	overflow:hidden;
}

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

#about_programming_education .block01 p{
	text-align:center;
	overflow:hidden;
	margin-top:20px;
	line-height:225%;
}

#about_programming_education_wrap .square03{
	position:absolute;
	left:0px;
	bottom:-161px;
}


#about_programming_education_wrap .square04{
	position:absolute;
	right:0px;
	bottom:-207px;
}

/**/

#about_programming_education .point01{
	color:#fff;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	width:580px;
	position:absolute;
	left:40px;
	top:462px;
	overflow:hidden;
}

#about_programming_education .point01 dl{
	overflow:hidden;
	margin-top:15px;
}

#about_programming_education .point01 dl dt{
	float:right;
	overflow:hidden;
	width:270px;
	margin-top:5px;
}

#about_programming_education .point01 dl dd{
	float:left;
	overflow:hidden;
	width:260px;
	font-size:17px;
	margin-left:40px;
	line-height:200%;
}

/**/

#about_programming_education .point02{
	position:absolute;
	top:638px;
	right:35px;
	color:#fff;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	width:580px;
	overflow:hidden;
}

#about_programming_education .point02 dl{
	overflow:hidden;
	margin-top:15px;
}

#about_programming_education .point02 dl dt{
	float:right;
	overflow:hidden;
	width:270px;
	margin-top:5px;
}

#about_programming_education .point02 dl dd{
	float:left;
	overflow:hidden;
	width:260px;
	font-size:17px;
	margin-left:40px;
	line-height:175%;
}

/**/

#about_programming_education .point03{
	position:absolute;
	color:#fff;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	width:580px;
	left:40px;
	top:800px;
	overflow:hidden;
}

#about_programming_education .point03 dl{
	overflow:hidden;
	margin-top:15px;
}

#about_programming_education .point03 dl dt{
	float:right;
	overflow:hidden;
	width:270px;
	margin-top:5px;
}

#about_programming_education .point03 dl dd{
	float:left;
	overflow:hidden;
	width:260px;
	font-size:17px;
	margin-left:40px;
	line-height:200%;
}


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

#course_price_wrap{
	width:1280px;
	margin:0px auto 80px auto;
	overflow:hidden;
	position:relative;
	z-index:0;
}

#course_price{
	overflow:hidden;
}

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

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

#course_price dl dd{
	line-height:225%;
	overflow:hidden;
	text-align:center;
}

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

#tab_container_wrap{
	width:100%;
	max-width:100%;
	min-width:1280px;
	margin:0px auto;
	overflow:hidden;
	position:relative;
	z-index:0;
}

#tab_container_wrap .tab{
	width:1280px;
	margin:0px auto;
	overflow:hidden;
}

#tab_container_wrap .tab li{
	list-style-type:none;
	width:640px;
	margin: auto;
	overflow:hidden;
}

#tab_container_wrap .tab li dl{
	display:table;
	display:100%;
}

#tab_container_wrap .tab li dl dt{
	display:table-cell;
	padding-left:34px;
	vertical-align:middle;
	text-align:left;
}

#tab_container_wrap .tab li dl dd{
	display:table-cell;
	vertical-align:middle;
	padding-left:32px;
	text-align:left;
}

#tab01{
	background-color:#f78f1e;
}

#tab02{
	background-color:#ffff00;
}

.hide {display:none;}


/**/

.content{
	width:100%;
	max-width:100%;
	min-width:1280px;
	margin:0px auto;
	overflow:hidden;
}

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

/**/


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

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

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

}

.tab_content dl dt{
	text-align:center;
	overflow:hidden;
}

.tab_content dl dd{
	overflow:hidden;
	font-size:27px;
	line-height:30px;
	text-align:center;
	margin:20px 0px 0px auto;
	letter-spacing:-0.75px;
}

.tab_content .img{
	text-align:center;
	overflow:hidden;
}

.tab_content .txt_block{
	width:1046px;
	margin:40px auto;
	overflow:hidden;

}

.tab_content .txt_block .left_col{
	float:left;
	overflow:hidden;
	width:730px;
	font-size:17px;
}

.tab_content .txt_block .right_col{
	float:right;
	overflow:hidden;
	width:240px;
	font-size:17px;
	padding-bottom:10px;
	padding-top:10px;
}

.tab_content .txt_block .right_col {
	width:240px;
	border:4px solid #fff;
	box-sizing:border-box;
}

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

.tab_content .btn_detail{
	text-align:center;
	overflow:hidden;
	margin-bottom:80px;
}

/**/


.tab_content_wrap2{
	width:100%;
	max-width:100%;
	min-width:1280px;
	background-color:#ffff00;
}

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

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

}

.tab_content2 dl dt{
	text-align:center;
	overflow:hidden;
}

.tab_content2 dl dd{
	overflow:hidden;
	font-size:27px;
	line-height:30px;
	text-align:center;
	margin:20px 0px 0px auto;
	letter-spacing:3px;
}

.tab_content2 .img{
	text-align:center;
	overflow:hidden;
}

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

.tab_content2 .btn_detail{
	text-align:center;
	overflow:hidden;
	margin-bottom:80px;
}

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

#flow_container_wrap{
	width:100%;
	max-width:100%;
	min-width:1280px;
	position:relative;
	z-index:1;
}

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

#flow_container_wrap .square01{
	position:absolute;
	left:0px;
	top:-69px;
}

#flow_container_wrap .square02{
	position:absolute;
	right:0px;
	top:-115px;
}

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

#flow_container ul{
	overflow:hidden;
	width:1070px;
	margin-left:auto;
	margin-right:auto;
}

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

#flow_container ul li:nth-child(1){
	margin-left:0px;
}

#flow_container ul li:nth-child(2){
	padding-left:100px;
	background-image:url(index/arrow_flow.png);
	background-repeat:no-repeat;
	background-position:40px 50px;
}

#flow_container ul li:nth-child(3){
	padding-left:100px;
	background-image:url(index/arrow_flow.png);
	background-repeat:no-repeat;
	background-position:40px 50px;
}




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

#flow_container ul li div dl{
}

#flow_container ul li div dl dt{
}

#flow_container ul li div dl dd{
	font-size:17px;
	line-height:225%;
	padding:10px 0px 0px 10px;
	text-align:justify;
}

.caution_txt{
	font-size:17px;
	width:1180px;
	color:#4d4d4d;
	font-family: "tbchibirgothicplusk-pro",sans-serif;
	line-height:225%;
	overflow:hidden;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}

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

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

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

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

#voice_faq_wrap .right_col{
	width:50%;
	display:table-cell;
	vertical-align:top;
	background-color:#fffdb8;
}

/**/

.voice_container{
	width:640px;
	float:right;
	overflow:hidden;
}

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

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

.voice dl{
	border-bottom:1px solid #cccccc;
	overflow:hidden;
	box-sizing:border-box;
	font-size:17px;
	padding-bottom:15px;
	padding-top:30px;
	line-height:200%;
}



/**/


.faq_container{
	width:640px;
	float:left;
	overflow:hidden
}

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

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

.faq ul{
	overflow:hidden;
}

.faq li{
	list-style-type:none;
	border-bottom:1px solid #cccccc;
	overflow:hidden;
	box-sizing:border-box;
	font-size:17px;
	padding:20px 0px;
}

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

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


.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:70px;
	text-align:center;

}

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

.btn_detail_faq{
	text-align:center;
	overflow:hidden;
	margin:42px 0px;
}



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

#classroom_container_wrap{
	overflow:hidden;
	width:100%;
	max-width:100%;
	min-width:1280px;
	margin:0px auto;
}

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

.map_and_photo{
	width:100%;
	height:522px;
	/*display:table;*/
	overflow:hidden;
}

#gmap{
	width:50%;
	height:522px;
	/*display:table-cell;*/
	float:left;
}

.map_and_photo .photo{
	width:50%;
	/*display:table-cell;*/
	float:left;
	height:522px;
	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{
	background-color:#29abe2;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#cover02{
	background-color:#29abe2;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#cover03{
	background-color:#29abe2;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}

#cover04{
	background-color:#29abe2;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
}
#header img.certify-bnr{
margin: 0 0 10px 5px; 
}



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


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

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