@charset "UTF-8";
/* ====================
	common
=====================*/
html ,body{ font-size: 62.5%; letter-spacing:0.1em;font-family: 'AxisStd-Regular',Arial,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;}

p{font-size:1.4rem;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb56{margin-bottom:56px;}

.pd3{padding:0 3px;}

.lh8{line-height:0.8em;}

.w60{width:60%;}

.fs9{font-size:.9rem;}
.fs10{font-size:1rem;}
.fs11{font-size:1.1rem;}
.fs12{font-size:1.2rem;}
.fs13{font-size:1.3rem;}
.fs18{font-size:1.8rem;}
.fs26{font-size:2.6rem;}

a{color:#fff;}
a:hover{text-decoration:none;color:#fff}
a:focus{outline:none;}
a.link{text-decoration: underline;}
a.link:active, a.link:focus{color:#fff;}
a.link:hover{text-decoration: underline;opacity: .8;}
.red{background:#cc3333;}

.fixed {
    position: fixed;
    top: 0;
    z-index: 1;
}
.pc-only {
	display: block;
}
.video-wrap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.position {
	position: relative;
}
@media (min-width: 1200px){
	.container {
		width: 1030px;
	}
}
@media (max-width: 767px){
	.smb10{
		margin-bottom:10px;
	}
	.smb20{
		margin-bottom:20px;
	}
	.smb30{
		margin-bottom:30px;
	}
	.fixed_margin{
		margin-top:126px;
	}
	.mt10{ margin-top:20px;}
	.pc-only {
		display: none;
	}
}
/* ====================
	entry btn
=====================*/
.toentry{
	font-family: 'AxisStd-Regular';
	text-align:center;
	display:inline-block;
	border-radius:5px;
	font-size:1.4rem;
	font-weight:bold;
	padding:10px 0;
	transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	-webkit-transition: all 350ms;	
}
.rb_entry,.yb_entry{
	display:inline-block;
	vertical-align:text-bottom;
	width:16px;
	height:16px;
	margin-right:10px;
	transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	-webkit-transition: all 350ms;
}
.rb_entry{
	background: url(../images/arrowR_of.png) 0 0  no-repeat;	
}
.rb{
	border:2px solid #cc3333;
	color:#cc3333;
}
a.rb:hover{
	color:#fff;
	background:#cc3333;
}
a.rb:hover .rb_entry{
	background: url(../images/arrowR_on.png) 0 0  no-repeat;
}
.yb{
	border:2px solid #ffe100;
	color:#ffe100;
}
a.yb:hover, a.yb:focus{
	color:#011629;
	background:#ffe100;
	text-decoration: none;
}
.yb_entry{
	background: url(../images/arrowY_of.png) 0 0  no-repeat;	
}
a.yb:hover .yb_entry, a.yb:focus .yb_entry{
	background: url(../images/arrowY_on.png) 0 0  no-repeat;
}
/* ====================
	Go to Top
=====================*/
.totop{
	background:#000000;
	padding:10px 0 5px;
}
.totop a{
	display:block;
}
/* ====================
	txt red
=====================*/
.free_red{
	background:#e90000;
	color:#fff;
	display:inline-block;
	padding:5px;
	vertical-align:middle;
}
/* ====================
	nav
=====================*/
#nav{
	width:100%;
}
.navbar {
	margin-bottom: 0;
	background:#000000;
}
.navbar-toggle{
	border-color:#ffe100;
	margin-top:14px;
}
.navbar-toggle .icon-bar{
	background:#ffe100;
}
.navbar-brand{
	height:64px;
	padding-top:6px;
	padding-bottom:4px;
}
.navbar-nav>li>a{
	padding-bottom:0;
}
.nav>li>a.bt_zbrush{
	background:url(../images/btn_zbrush_sp.png) no-repeat 0 10px;
}
.nav>li>a.bt_houdini{
	background:url(../images/btn_houdini_sp.png) no-repeat 0 10px;
}
.nav>li>a.bt_maya{
	background:url(../images/btn_maya_sp.png) no-repeat 0 10px;
}
.nav>li>a.bt_max{
	background:url(../images/btn_max_sp.png) no-repeat 0 10px;
}
.nav>li>a.bt_nuke{
	background:url(../images/btn_nuke_sp.png) no-repeat 0 10px;
}
.nav>li>a.bt_ps{
	background:url(../images/btn_sp_sp.png) no-repeat 0 10px;
}
/*
.nav>li>a.bt_realflow{
	background:url(../images/btn_realflow_sp.png) no-repeat 0 10px;
}
*/
.nav>li.cs{
	display:none;
}
@media (min-width: 768px){
	.navbar {
		border-radius: 0;
	}
	.navbar-nav{
		display:table;
		float:none;
		table-layout:fixed;
		width:100%;
		margin:0 auto;
	}
	.navbar-nav>li{
		display:table-cell;
		width:25%;
		/* width:20%; */
		float:none;
		vertical-align:middle;
    		text-align:center;
	}
	.navbar-brand{
		display:none;
	}
	.navbar-collapse{
		padding-left:0;
		padding-right:0;
	}
	.nav>li>a {
		padding: 12px 0;
		margin-left:10px;
	}
	.nav>li:first-child>a {
		margin-left:0;
	}
	.nav>li>a>img {
		max-width: 100%;
		display: inline;
	}
	.nav>li>a.bt_zbrush{
		background:url(../images/btn_zbrush.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_houdini{
		background:url(../images/btn_houdini.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_maya{
		background:url(../images/btn_maya.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_max{
		background:url(../images/btn_max.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_nuke{
		background:url(../images/btn_nuke.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_ps{
		background:url(../images/btn_sp.png) no-repeat center center;
		background-size:contain;
	}		
	.nav>li>a.bt_zbrush:hover,.nav>li>a.bt_zbrush.on{
		background:url(../images/btn_zbrush_on.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_houdini:hover,.nav>li>a.bt_houdini.on{
		background:url(../images/btn_houdini_on.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_maya:hover,.nav>li>a.bt_maya.on{
		background:url(../images/btn_maya_on.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_max:hover,.nav>li>a.bt_max.on{
		background:url(../images/btn_max_on.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_nuke:hover,.nav>li>a.bt_nuke.on{
		background:url(../images/btn_nuke_on.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li>a.bt_ps:hover,.nav>li>a.bt_ps.on{
		background:url(../images/btn_sp_on.png) no-repeat center center;
		background-size:contain;
	}
	.nav>li.cs{
		display:table-cell;
	}
	.nav>li.cs a:hover{
		background:none;
	}
	/*
	.nav>li>a.bt_realflow{
		background:url(../images/btn_realflow_cs.png) no-repeat 0 10px;
		background-size:contain;
	}
	.nav>li>a.bt_realflow:hover,.nav>li>a.bt_realflow.on{
		background:url(../images/btn_realflow_on.png) no-repeat 0 10px;
		background-size:contain;
	}
	*/
}

/*20161123追加sns*/
.container #sns {
	margin: 9px 0 0;
}
.container #sns li {
	list-style: none;
	float: left;
}
.container #sns li:nth-child(2), .container #sns li:nth-child(3) {
	margin-left: 3px;
}


/* ====================
	main
=====================*/
#main{
	background: url(../images/bg_line.png),linear-gradient(to bottom, #21245d, #010924);
	background: url(../images/bg_line.png),-moz-linear-gradient(top, #21245d, #010924);
	background: url(../images/bg_line.png),-webkit-linear-gradient(top, #21245d, #010924);
	background-position:center,top;
	background-repeat:repeat,repeat;
	text-align:center;
	color:#fff;
	padding:22px 0;
}
#main h1{
	position: absolute;
	right: 10%;
	top: 0;
	display:inline-block;
	width: 21.3%;
	/* text-align:center; */
}
#main h1 img{
	max-width: 213px;
	width: 100%;
	height: auto;
}
#main h2{
	/* margin-top:100px; */
	display:inline-block;
	text-align:center;
}
#main p{
	line-height:1.8em;
	margin-bottom:0;
}
@media (max-width: 767px){
	/* #main h1{
		width:60%;
	} */
	#main h2{
		/* margin-top:-60px; */
	}
	.logo_dh{
		display:none;
	}
}
/* ====================
	head sub nav
=====================*/
#subline{
	display:block;
	background:#000;
	font-size: 1.1rem;
	height:22px;
}
#nav_sub{
	margin-bottom:0;
	list-style:none;
	background:#999;
}
#nav_sub li{
	padding:0 12px;
	position:relative;
	bottom:0;
	line-height:22px;
}
#nav_sub a:hover{
	color:#ff3c00;
}
#nav_sub li::after{
	width:0;
	height: 0;
	position:absolute;
	border:11px solid transparent;
	top:0;
	left:100%;
	content:" ";
}
#nav_sub a::after {
	content: ' ';
	width:0;
	height: 0;
	position:absolute;
	border:4px solid transparent;
	border-left-color:#fff;
	top:25%;
	left:0;
}
#nav_sub a:hover::after{
	border-left-color:#ff3c00;
}
/*181024追加*/
.topicpath {
	display: flex;
	align-items: center;
	background: url(../images/bg_line.png),#010924;
	margin-bottom: 0;
	padding: 5px 0 5px 40px;
}
.topicpath li {
	list-style: none;
	font-size: 1.1rem;
	position: relative;
}
.topicpath li:not(:last-child)::after {
	content: '\3e';
	padding: 0 5px;
}
.topicpath li, .topicpath li a {
	color: #fff;
	text-decoration: none;
}
.topicpath li a:hover {
	opacity: 0.7;
	  -ms-filter: "alpha(opacity=70)";
}
/* */
.cgv{
	background:#999;
}

#nav_sub li.cgv::after{
	border-top-color:#999;
	border-left-color:#999;
	border-bottom-color:#666;
	border-right-color:#666;
}

.cgE{
	background:#666;
	margin-left:22px;
}

#nav_sub li.cgE::after{
	border-top-color:#666;
	border-left-color:#666;
	border-bottom-color:#444;
	border-right-color:#444;
}

.cgg{
	background:#111;
	margin-left:22px;
}

#nav_sub li.cgg::after{
	border-top-color:#111;
	border-left-color:#111;
	border-bottom-color:#222;
	border-right-color:#222;
}

#nav_sub li.dcgE{
	background:#444;
	margin-left:22px;
}
#nav_sub li.dcgE::after{
	border-top-color:#444;
	border-left-color:#444;
	border-bottom-color:#222;
	border-right-color:#222;
}
#nav_sub li.schoolE{
	background:#222;
	margin-left:22px;
}
#nav_sub li.schoolE::after{
	border-top-color:#222;
	border-left-color:#222;
	border-bottom-color:#000;
	border-right-color:#000;
}
@media (max-width:860px){
	#nav_sub {
		padding-left: 10px;
	}
	#nav_sub li {
		padding: 0 2px 0 10px;
	}
	.topicpath {
		padding: 5px 0 5px 10px;
	}
}
@media (max-width:767px){
	#subline {
		display:none;
	}
	.topicpath {
		display: none;
	}
}
/* ====================
	cgW event
=====================*/
#event{
	padding:40px 0;
}
#eve_inner{
	background:#fff;
	border:4px solid #333;
	border-radius:10px;
	padding:30px;
	position: relative;
	box-shadow: 10px 10px; 
}
#event h2{
	font-size:1.7rem;
	font-family:'AxisStd-Bold';
	line-height: 1.6em;
}
@media (max-width:767px){
	#eve_inner{
		padding:15px;
		box-shadow: 5px 5px; 
	}
	#event h2{
		margin-top:15px;
		font-size:1.6rem;
	}
}

.ttl_line{
	border-bottom:3px dotted #333;
}
.ttl_line h1{
	display:inline-block;
	margin:0 10px 15px 0;
	margin-left:-30px;
}
.ttl_line h1 .img-responsive{
	display:inline-block;
}
@media (max-width:767px){
	.ttl_line h1{
		margin-bottom:5px;
		margin-left:-15px;
	}
}
.eve_detail{
	margin-top:20px;
	font-size:1.3rem;
}
.dl-horizontal dt {
	font-family:'AxisStd-Medium';
	font-weight:normal;
	margin-bottom:3px;
}
.dl-horizontal dd{
	margin-bottom:10px;
}
.eve_detail ul li{
	margin-bottom:3px;
}

@media (min-width: 768px){
	.dl-horizontal dt {
		width: 60px;
		text-align: left;
		margin-bottom:5px;
		font-family:'AxisStd-Medium';
		font-weight:normal;
	}
	.dl-horizontal dd{
		margin-left: 60px;
		margin-bottom:5px;
	}
}
/* ====================
	course common
=====================*/
.course{
	background:#010a24;
	background: linear-gradient(to bottom, #161a47, #010924);
	background: -moz-linear-gradient(top, #161a47, #010924);
	background: -webkit-linear-gradient(top, #161a47, #010924);
	color:#fff;
	padding:56px 0;	
}
.course h1{
	font-family:'AxisStd-Bold';
	color:#ffe100;
	font-size:4rem;
	line-height:1.4em;
	background:url(../images/icon_cg.png) left center no-repeat;
	background-size:56px 56px;
	padding:15px 0 15px 60px;
	margin:0;
	text-shadow:0 0 10px rgba(0, 0, 51, 0.8),0 0 5px rgba(0, 0, 51, 0.8),0 0 15px rgba(0, 0, 51, 0.8);
}
.course h1 span{
	line-height:1em;
}

.course h1.new{
	background:url(../images/icon_cg_new.png) left center no-repeat;
	background-size:75px 90px;
	padding:30px 0 18px 75px;
}

.course h1.ps_ttl {
	line-height:1.2em;
}

.course h2{
	font-size:1.8rem;
	margin-bottom:26px;
	line-height:1.6em;
	font-family:'AxisStd-Medium';
}
.course h3{
	font-size:1.2rem;
	border-bottom:1px dotted #fff;
	padding:0 0 6px 3px;
	margin:0 0 20px;
	font-family:'AxisStd-Medium';
}
.course h4{
	font-size:1.3rem;
}
.course h5{
	font-size:1rem;
	font-family:Arial, sans-serif;
}
.course p{
	line-height:1.7em;
}
.img_teacher{
	float:left;
	margin:0 14px 24px 3px;
}
.course ol li{
	margin-bottom:13px;
	font-size: 1.4rem;
}
.teach_info a{
	display:inline-block;
	margin-bottom:5px;
}
@media (max-width:767px){
	.course{
		padding:20px 0 50px;
	}
	.course h1 {
		font-size:2rem;
	}
	.course h1.new{
		padding-top:36px;
	}
	.course h1 .fs26{
		font-size:1.6rem;
	}
	.course h1 .fs18{
		font-size:1.4rem;
	}
	.course h2{
		font-size:1.6rem;
		line-height:1.6em;
	}
}
/* ====================
	course houdini
=====================*/
.houdini{
	background:url(../images/charactor_houdini.png) right 100px top 100px no-repeat;
}
@media (max-width:767px){
	.houdini{
		background-position:right 0px top 100px ;
	}
}
/* ====================
	course maya
=====================*/
.maya{
	background:url(../images/charactor_maya.png) right 100px top 120px no-repeat;
}
@media (max-width:767px){
	.maya{
		background-position:right 10px top 160px ;
	}
}
/* ====================
	course nuke
=====================*/
.nuke{
	background:url(../images/charactor_nuke.png) right 100px top 120px no-repeat;
}
@media (max-width:767px){
	.nuke{
		background-position:right 60px top 100px ;
	}
}
/* ====================
	course max
=====================*/
.max{
	background:url(../images/charactor_max.png) right 30px top 60px no-repeat;
}
@media (max-width:767px){
	.max{
		background-position:right 0px top 60px ;
	}
}
/* ====================
	course zBrush
=====================*/
.zbrush{
	background:url(../images/charactor_zbrush.png) right 30px top 60px no-repeat;
}
@media (max-width:767px){
	.zbrush{
		background-position:right -36px top 100px ;
	}
}
/* ====================
	course photoshop
=====================*/
.ps{
	background:url(../images/charactor_ps.png) right 80px top 85px no-repeat;
}
@media (max-width:767px){
	.ps{
		background-position:right 0px top 92px ;
	}
}
/* ====================
	course Unreal Engine4
=====================*/
.ue-img img {
	margin: auto;
}
/* ====================
	school
=====================*/
#school{
	padding:40px 0;
}
#school_inner{
	background:#fff;
	border-radius:10px;
	padding:30px;
}
@media (max-width:767px){
	#school_inner{
		padding:15px;
	}
}
h5.ttl_school{
	display:inline-block;
	font-size:1.7rem;
	font-family:'AxisStd-Bold';
}
.box{
	background:#fff;
	box-shadow:0px 0px 10px rgba(0, 0, 0, 0.2);
	padding:0;
	text-align:center;
}
@media (max-width:767px){
	.box{
		box-shadow:none;
	}
}
.box_inner>ul{
	display:table;
	border-collapse : separate ;
	border-spacing: 12px;
	margin-bottom:0;
	width:100%;
}
@media (max-width:767px){
	.box_inner>ul{
		border-spacing: 0 12px;
	}
}
.box_inner>ul>li{
	display:table-cell;
	font-size:1.7rem;
	vertical-align:middle;
}
.box li a{
	transition: all 350ms;
	-o-transition: all 350ms;
	-moz-transition: all 350ms;
	-webkit-transition: all 350ms;
	display:block;
	vertical-align:middle;
}
.box li a:hover,.box li:hover{
	opacity:0.9;
}
.box li a:active, .box li a:focus{
	color: #fff;
}
.box li a img{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}
@media (max-width:767px){
	.box li{
		font-size:1.6rem;
	}
	.box_inner>ul>li{
		display:block;
		width:100%;
	}
	.box li a{
		padding-left:15px;
		text-align:left;
	}
}
.box_white{
	display:inline-block;
	border:1px solid #fff;
	padding:5px;
	font-size:1.6rem;
	margin-right:12px;
	vertical-align:middle;
}
@media (max-width:767px){
	.box_white{
		padding:3px;
		font-size:1.2rem;
		vertical-align:middle;
		margin-right:4px;
	}
}
a.to_da{
	padding:10px 0;
	margin-bottom:12px;
	text-shadow:0 0 10px rgba(16, 111, 187, 0.5),0 0 5px rgba(16, 111, 187, 0.5),0 0 15px rgba(16, 111, 187, 0.5);
	background:url(../images/arrow_da.png) no-repeat right 7% top 50%,linear-gradient(70deg, #1964a0 0%, #63a3d2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF1e622a', endColorstr='#FF34ae49');
}
a.to_cg{
	padding:10px 0;
	text-shadow:0 0 10px rgba(0, 102, 0, 0.5),0 0 5px rgba(0, 102, 0, 0.5),0 0 15px rgba(0, 102, 0, 0.5);
	background:url(../images/arrow_cgvfx.png) no-repeat right 20% top 50%,linear-gradient(70deg, #1e622a 0%, #34ae49 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF1e622a', endColorstr='#FF34ae49');
	margin-bottom:12px;
}
a.to_3dcg{
	padding:10px 0;
	text-shadow:0 0 10px rgba(102, 153, 0, 0.5),0 0 5px rgba(102, 153, 0, 0.5),0 0 15px rgba(102, 153, 0, 0.5);
	background:url(../images/arrow_3dcg.png) no-repeat right 10% top 50%,linear-gradient(70deg, #8cbe17 0%, #c1d651 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FF8cbe17', endColorstr='#FFc1d651');
}
.box_left{
	background:linear-gradient(70deg, #ff5a00 0%, #ff9a17 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffff5a00', endColorstr='#ffff9a17');
	width:40%;
	cursor:pointer;
}
a.to_reserve{
	font-size:2rem;
	background:url(../images/arrow_school.png) no-repeat right 20% top 50%;
	text-shadow:0 0 5px rgba(204, 51, 0, 0.5),0 0 10px rgba(204, 51, 0, 0.5);
}
@media (max-width:767px){
	.box_left{
		padding:15px;
	}
	a.to_3dcg,a.to_cg,a.to_da{
		padding: 15px 0;
		margin-bottom:12px;
		background-position:right 5% top 48%;
	}
	a.to_reserve{
		font-size:1.6rem;
		background-position:right 0 top 48%;
	}
}
/* ====================
	footer
=====================*/
#footer{
	background:#000000;
	color:#fff;
	text-align:center;
	padding:8px 0 2px;
}