@charset "utf-8";
/* CSS Document */
#contents a[target="_blank"] {
    background: none;
    margin-right: 0px;
    padding-right: 0px;
}

/* コース　一覧ページ
 -------------------------*/
#corse_top_section h1 a {
	display: block;
	width:100%;
	color:#fff;
}

#corse_top_section h1 a:hover {
	opacity:0.8;
	text-decoration: none;
}

#corse_top_section img,
#corse_top_section p {
	margin: 0 0 10px 0;
}

#corse_top_section ul li a {
	text-decoration: underline;
}

#corse_top_section ul li a:hover {
	text-decoration: none;
}

#contents #corse_top_section h1:after {
    top: -8px;
	-moz-transform: scale(0.8, 0.8);
	-ms-transform: scale(0.8, 0.8);
	-o-transform: scale(0.8, 0.8);
	-webkit-transform: scale(0.8, 0.8);
	transform: scale(0.8, 0.8);
}

p.cpy{
	font-size: 2.0em;
    letter-spacing: 0.1em;
    font-weight: bold;
}

p.cpy strong{
	color:#b30d23;
}


/* コース　トップページ
 -------------------------*/
#corse_top_section .col2 img{
	margin: 5px 0; 
}
 
#contents h1 {
    margin-bottom: 10px;
} 
 
#contents h1 .ctg.accent{
	background: #FFFFFF;
	color: #333333 !important;
	font-size: 60%;
	margin: 0 0 0 15px;
}
 
 
#contents .basicBox.intro.bg.bB_courseTOP {
	float: none;
	margin-top: 10px;
}

#contents .basicBox.intro.bg.bB_courseTOP ul li {
	float:left;
  margin-right: 30px;
 }

.basicBox.image > h2 {
    margin-left: 6px !important;
}

h3.line_course a {
	display: block;
	color:#004f7c;
}

h3.line_course a:hover {
	text-decoration: none;
	opacity:0.6;
}

#contents h3.line_course span.ctg.accent{
	margin-left:10px;
}

h3.line_course i {
	margin-left:20px;
}

#contents .col2 > div:nth-child(odd) {
/*	margin-right: 20px;
*/
	margin-right: 9px;
}

#contents .col2 > div {
	width: 49.3%;
}
/*
#contents .basicBox{
	margin-top:10px;
}
*/
/* 学科ごとの見出し
 -------------------------*/
#contents h1.pc{ background-color: #0071bc;}
#contents h1.pc:after{ background-image: url(/inc/images/common/ico/ico_com.png);}


#contents h1.game{ background-color: #0fa27f;}
#contents h1.game:after{ background-image: url(/inc/images/common/ico/ico_game.png);}


#contents h1.design{ background-color: #f36f21;}
#contents h1.design:after{ background-image: url(/inc/images/common/ico/ico_design.png);}


#contents h1.movie{ background-color: #ef3f60;}
#contents h1.movie:after{ background-image: url(/inc/images/common/ico/ico_movie.png);}


h3.point:before{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e655";
	margin-right: 3px;
}


/*  -------------------------
	2カラム／将来目指す仕事・オープンキャンパス導線
 -------------------------*/
#contents .read_oc,
#contents .read_oc .btnArea{ margin-bottom: 0;}

#contents .read_oc.col2 > div {
	width: 30%;
	margin-bottom: 20px!important;
}

#contents .read_oc.col2 > div.wide{
	width: 67%;
}


#contents .basicBox.intro.bg h3,
#contents .btnArea h3{
    border: 0;
    padding: 0;
	margin: 0 0 5px 0;
    text-align: left;
	font-size: 1.2em;
}


#contents .read_oc.col2 > div.wide .basicBox{
	margin-top: 5px;
}

#contents .basicBox.intro.bg,
#contents .btnArea {
    margin-top: 0;
}

#contents .btnArea{
	padding: 10px 15px;
}

#contents .btnArea p{
	margin-bottom: 5px;
	font-size: 90%;
}
#contents .read_oc.col2 > div.wide .basicBox h3{ font-size:1em;}

#contents .col2 .basicBox h3:first-child,
#contents .basicBox.list h3{
	color:#FFF;
	background: #243042;
}

#contents h3.f_work{
	background:none;
	color:#F00;
}

/*  -------------------------
	コースのポイント
 -------------------------*/

#point strong{
    display: block;
}



/*  -------------------------
	学びのステップ
 -------------------------*/
#step h4 {
	margin-bottom: 10px;
	/*min-height:3em;*/
/*	text-align:center;
*/
	font-size:1.0em;
	padding:5px;
	background:#d3d6d9;
}

#step h4 + p {
	margin-bottom: 10px;
}


#step dl{ margin-top: 3px;} 



 
#step .ctg:before{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e607";
	margin-right: 3px;
	color: #D9FF0F;
}


#contents #timetable table td:empty {
	 background: #f1f1f1;
}


#contents .col3 > div {
  width: 31.3%;
}

@media screen and (max-width: 480px) {
	#contents .button.point {
		margin: 0;
	}

	#contents .btnArea .button:after {
		line-height: 1.5em;
	}

	#contents .button.point br {
		display: none;
	}
	
	#contents h1:after {
		width: auto;

}

/*  -------------------------
	情報処理コース アプリケーション専攻
 -------------------------*/
#contents .basicBox.intro02{
    border: 1px solid #DDDDDD;
    border-radius: 5px;
    padding: 10px 15px;
}

#corse_top_section img.course_h{
	height:100%;
}

}
    
/*  -------------------------
	システムエンジニアコース 20210326追加
 -------------------------*/
    #contents section .under_title{
        font-size: 1.9rem;
        color: #0071bc;
        border-bottom: 3px solid #0071bc;
    }

#contents section .tab_list{
    margin-top: 20px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

#contents section .tab_list img{
    width: auto;
}

@media screen and (max-width: 480px) {
    #contents section .tab_list{
        display: block;
        
    }
    
    #contents section .tab_list li{
        margin-bottom: 20px;
        
    }
    
    #contents section .tab_list img{
        width: 100%;
    }
}