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

/*********************************************************************
*
* Copyright (c) CUBIC DESIGN INC.
*
* Url :http://www.cubicdesign.co.jp
*
* Built       :2016/03/01
* Last update :2016/04/06
* Made by     :Suga Yui
* Updated by  :Murata Hiroyuki
*
**********************************************************************/


/**************************************************************************************************************************/
#top{ position:relative; }
h2{ background:none; padding:0 0 0 28px; height:auto; position:relative; font-size:20px; color:#484A4C; line-height:1.5; font-weight:bold; }
h2:before{ content:""; display:block; background:#2381A2; width:14px; height:9px; position:absolute; left:0; }



/* main
**********************************************************************/
main{ display:block; height:auto; position:relative; }
main a{ display:block; }
main > img{ position:absolute; bottom:0; left:0; }

/* bxslider */
main .bx-wrapper .bx-pager{ display:none; }
main .bx-wrapper .bx-prev{ background:url(../img/slider_left.png) no-repeat; background-size:25px 80px; left:0; }
main .bx-wrapper .bx-next{ background:url(../img/slider_right.png) no-repeat; background-size:25px 80px; right:0; }
main .bx-wrapper .bx-next:hover{ background-position:0 0; }
main .bx-wrapper .bx-controls-direction a { margin-top:-40px; width:25px; height:80px; z-index:50; }



/* oc
**********************************************************************/
.oc{ background: url(../img/oc_bg.png) repeat; background-size:4px; margin: -1px 0 0; padding:15px 15px 25px; position: relative; z-index:2; -webkit-box-shadow:0px -4px 6px 0px rgba(183,182,182,0.50); -moz-box-shadow:0px -4px 6px 0px rgba(183,182,182,0.50);; box-shadow:0px -4px 6px 0px rgba(183,182,182,0.50);}
.oc dt{ font-size:20px; color:#009fc1; text-align:center; font-weight:bold; }
.oc dd{ margin:14px 0 0; position:relative;}
.oc dd:before { content:""; display:block; background:url(../img/oc_arrow.png); background-size:cover; width:16px; height:9px; top:0; left:50%; position:absolute; -webkit-transform:translate(-50%,0); transform:translate(-50%,0); }
.oc dd div{ background: #FFF; padding:15px 14px; border-radius:8px 8px 0 0;}
.oc dd div a{ display:block; margin:0 0 10px 0; }
.oc dd div a:last-of-type{ margin:0;}
.oc dd .btn02{ background:#7fbe25; border-radius:0 0 8px 8px; -moz-box-shadow:0px 6px #61a000; -webkit-box-shadow:0px 6px #61a000; box-shadow:0px 6px #61a000; }
.oc dd .btn02:after{ border-top:#7fbe25 2px solid; border-left:#7fbe25 2px solid; }



/* course
**********************************************************************/
.course{ background:#E9EFF2; padding:20px 0 10px; }
.course ul{ margin:20px 0 0; padding:0 14px; }
.course li{ margin:0 0 16px 0; }
.course li a{ display:block; height:72px; padding:22px 0 0 70px; position:relative; font-size:18px; font-weight:bold; color:#FFF; line-height:100%; border-radius:8px; }
.course li a span{ display:block; font-size:11px; font-weight:normal; line-height:180%; }
.course li.it a{ background:url(../img/course_it_icon.png) #0095dd 15px 16px no-repeat; background-size:42px; -moz-box-shadow:0px 6px #0084cb; -webkit-box-shadow:0px 6px #0084cb; box-shadow:0px 6px #0084cb; }
.course li.business a{ background:url(../img/course_bu_icon.png) #925DA3 15px 16px no-repeat; background-size:42px; -moz-box-shadow:0px 6px #7C5789; -webkit-box-shadow:0px 6px #7C5789; box-shadow:0px 6px #7C5789; }
.course li.game a{ background:url(../img/course_ga_icon.png) #E84627 15px 16px no-repeat; background-size:42px; -moz-box-shadow:0px 6px #D43217; -webkit-box-shadow:0px 6px #D43217; box-shadow:0px 6px #D43217; }
.course li.cg a{ background:url(../img/course_cg_icon.png) #F08100 15px 16px no-repeat; background-size:42px; -moz-box-shadow:0px 6px #E07400; -webkit-box-shadow:0px 6px #E07400; box-shadow:0px 6px #E07400; }
.course li.design a{ background:url(../img/course_de_icon.png) #EC6C88 15px 16px no-repeat; background-size:42px; -moz-box-shadow:0px 6px #DD5E7C; -webkit-box-shadow:0px 6px #DD5E7C; box-shadow:0px 6px #DD5E7C; }



/* system
**********************************************************************/
.system{ position:relative; }
.system h3{ background:#009FC1; height:40px; padding:4px 0 0 13px; font-size:20px; font-weight:bold; color:#FFF; line-height:35px; }
.system h3:before{ display:none; }
.system div{ background:url(../img/growup_bg.jpg) no-repeat right center; background-size:contain; height:207px; padding:20px 0 0 14px; }
.system div p{ width:231px; margin:0 0 20px; }
.system div > a{ display:block; background:#FFF; width:228px;; height:50px; padding:18px 0 0 0; position:relative; font-size:15px; line-height:1; text-align:center; font-weight:bold; border-radius:6px; -moz-box-shadow:0px 1px 4px 0.54px rgba(102, 105, 109, 0.33); -webkit-box-shadow:0px 1px 4px 0.54px rgba(102, 105, 109, 0.33); box-shadow:0px 1px 4px 0.54px rgba(102, 105, 109, 0.33); }
.system div > a:before{ content:""; display:block; background:#009FC1; width:16px; height:16px; position:absolute; top:17px; right:11px; border-radius:11px; }
.system div > a:after{ content:""; display:block; background:#009FC1; width:4px; height:4px; position:absolute; top:22px; right:17px; border-top:#FFF 2px solid; border-left:#FFF 2px solid; -webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); transform:rotate(135deg); }
.system ul{ background:#009FC1; padding:14px 14px 4px; }
.system ul li{ margin:0 0 10px 0; }
.system ul li a{ display:block; background:#FFF; height:72px; padding:14px 0 0 20px; border-radius:8px; font-size:22px; font-weight:bold; line-height:1.3; position:relative; }
.system ul li a:before{ content:""; display:block; width:20px; height:20px; position:absolute; top:25px; right:20px; border-radius:11px; }
.system ul li a:after{ content:""; display:block; width:5px; height:5px; position:absolute; top:31px; right:28px; border-top:#FFF 2px solid; border-left:#FFF 2px solid; -webkit-transform:rotate(135deg);-moz-transform:rotate(135deg); transform:rotate(135deg); }
.system ul li a span{ display:block; font-size:15px; }
.system ul li.employment a{ color:#834f94; }
.system ul li.employment a:before{ background:#834f94; }
.system ul li.qualifications a{ color:#eb6e8f; }
.system ul li.qualifications a:before{ background:#eb6e8f; }
.system ul li.works a{ color:#f08200; }
.system ul li.works a:before{ background:#f08200; }



/* topics
**********************************************************************/
.topics{ padding:20px 0 26px; }
.topics ul{ margin:5px 0 16px; }
.topics > a{ display:block; margin:0 14px; }
.topics ul li:last-child a dl dd{ border-bottom:none; }



/* bunner
**********************************************************************/
.bunner{ background:#E9EFF2; padding:20px 14px; }
.bunner li{ margin:0 0 10px; }
.bunner li:last-child{ margin:0; }