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

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


/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
body{background:#DEDEDE;}

/* main
**********************************************************************/
main div dl{ background:#FFF; max-width:300px; margin:0 auto; padding:8px 0 4px; position:relative; border-radius:30px; color:#74C1BD; text-align:center;}
main:before,
main div dl:before{ content:""; display:block; width:0; height:0; margin:0 0 0 -12px; position:absolute; bottom:-24px; left:50%; border:12px solid transparent;}
main:before{ border-top-color:#74C1BD;}
main div dl:before{ border-top-color:#FFF;}
main div dl dt{font-family:'Aldrich',sans-serif;}
main div dl dd{ display:table; margin:2px auto 0; font-size:16px; font-weight:bold; border-top:#74C1BD 1px solid;}
main div ul{ overflow:hidden; padding:23px 0 0;}
main div ul li{ width:20%; float:left;}
main div ul li a{ display:block; color:#FFF; text-align:center;}
main div ul li a div{ height:69px; padding:17px 0 0;}
main div ul li a div img{ width:35px;}
main div ul li a p{ margin:10px 0 0; text-align:center;}
main div ul li a p span{ display:none;}

main div ul li.it a div{ background:#3295DD; border-radius:10px 0 0 10px;}
main div ul li.business a div{ background:#925DA3;}
main div ul li.game a div{ background:#DD5136;}
main div ul li.cg a div{ background:#E48813;}
main div ul li.design a div{ background:#F07D93; border-radius:0 10px 10px 0;}


/* cast
**********************************************************************/
.cast li.off{ display:none !important;}
.cast li a dl{ margin:10px 0 0; padding:0 14px;}
.cast li a dl dt{ margin:0 0 4px; font-size:18px; font-weight:bold;}
.cast li a dl dt span{ font-size:13px; letter-spacing: -1px;}
.cast li a dl dt .gion{ width: auto; height: 14px; vertical-align: middle;}
.cast li a dl dd{ color:#646464;}


.comingsoon{ display:none; padding:0 14px 80px;}
.comingsoon p{ background:#fafafa; max-width:745px; margin:0 auto; padding:50px; font-size:15px; color:#666; text-align:center; }



/*************************************************************************************************************************
* 641px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:641px){
  
  body{ font-size:14px;}
  
  /* main
  **********************************************************************/
  main{ padding:40px 15px;}
  main:before,
  main div dl:before{ margin:0 0 0 -20px; bottom:-40px; border-width:20px;}
  main div h2{ max-width:745px; margin:0 auto;}
  main div > p{ max-width:745px; margin:20px auto; padding:15px 0; font-size:15px;}
  main div dl dd{ padding:2px 0 0;}
  main div ul{ max-width:745px; margin:0 auto; padding:30px 0 0;}
  
  /* cast
  **********************************************************************/
  .cast li a dl{ padding:0 14px;}
  .cast li a dl dt{ font-size:15px;}
  .cast li a dl dt span{ font-size:12px;}
	.cast li a dl dt span:not(:last-of-type) { margin-right: 10px; }
  .cast li a dl dd{ font-size:13px;}
  
  .comingsoon p{ padding:100px; }


}


/*************************************************************************************************************************
* 1024px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:1024px){
  
  body{font-size:15px;}
  
  /* main
  **********************************************************************/
  main{ padding:50px 0 30px;}
  main div ul{ max-width:806px;}
  main div dl dd{ font-size:15px;}
  
  
  main div ul li a p{ line-height:1.3;}
  main div ul li a p span{ display:inline; margin:4px 0 0; font-family:'Aldrich',sans-serif;}
  main div ul li a p span.entxt{ display:block; font-size:11px; color:#C7E6E5;}
  main div ul li a div{ width:100px; height:100px; margin:0 auto; border-radius:16px;}
  main div ul li a div img{ width:60px;}
  
  main div ul li.it a div{ border-radius:16px;}
  main div ul li.design a div{ border-radius:16px;}
  
  main div ul li.it a:hover div{ background:#1169A8; transition:all 0.3s ease-in-out 0s;}
  main div ul li.business a:hover div{ background:#6A3B7A; transition:all 0.3s ease-in-out 0s;}
  main div ul li.game a:hover div{ background:#BC3219; transition:all 0.3s ease-in-out 0s;}
  main div ul li.cg a:hover div{ background:#BB6709;transition:all 0.3s ease-in-out 0s;}
  main div ul li.design a:hover div{ background:#D2446A; transition:all 0.3s ease-in-out 0s;}
  
  
  /* cast
  **********************************************************************/
  .cast li a dl dt{ font-size:14px;}
  .cast li a dl dt span{ font-size:11px;}
  
  .comingsoon p{ width:930px; max-width:none; }

}