@charset "UTF-8";
/*
Theme Name: 学科・コース用CSS
Theme URI: 
Description: 
Author: 
Author URI: 
Version:0.1
*/
/* ==========================================================================
   project
   ========================================================================== */
/* ==========================================================================
   subject 共通CSS
   ========================================================================== */
#main2 .sub-headlines {
  position: relative;
  z-index: 999; }

#main2 .sectional-lead {
  position: relative;
  z-index: 999; }

/*余白*/
.diffs, .double-major, .clubs, .facilities {
  padding-top: 20px;
  padding-bottom: 30px; }

.btn-trans {
  margin-top: 20px; }

/*3つの違い*/
.diffs-title {
  font-size: 1.4em; }

.deco-spacer-num:before {
  display: inline-block;
  width: 4em;
  height: 3.2em;
  content: ''; }

.diffs-title#point1 {
  border-bottom: 4px solid #feb2d0; }

.diffs-title#point2 {
  border-bottom: 4px solid #3cbae8; }

.diffs-title#point3 {
  border-bottom: 4px solid #f2ae35; }

#point1 .deco-spacer-num:before {
  background: url(../imgs/common/num-a_01.png) no-repeat center bottom;
  background-size: contain;
  vertical-align: bottom; }

#point2 .deco-spacer-num:before {
  background: url(../imgs/common/num-a_02.png) no-repeat center bottom;
  background-size: contain;
  vertical-align: bottom; }

#point3 .deco-spacer-num:before {
  background: url(../imgs/common/num-a_03.png) no-repeat center bottom;
  background-size: contain;
  vertical-align: bottom; }

/*各専攻紹介*/
.desc-box {
  margin-bottom: 20px; }

.desc-text {
  background: #777777;
  color: #ffffff;
  padding: 10px;
  line-height: 1.8em; }

.curriculum-list {
  background-color: #FFEEF4; }

/*部活*/
.clubs-img2 {
  display: none; }

/*施設*/
.facilities-img1, .facilities-img2 {
  display: none; }

.double-major-img,
.clubs-img,
.facilities-img {
  text-align: center; }

/*袋文字*/
.txtshdw {
  text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.8), 0px 1px 0px rgba(255, 255, 255, 0.8), -1px 0px 0px rgba(255, 255, 255, 0.8), 0px -1px 0px rgba(255, 255, 255, 0.8); }

/*481px〜
----------------------------------------------------------------*/
@media screen and (min-width: 481px) {
  .desc-box:nth-child(odd) {
    float: left;
    width: 50%;
    max-width: 600px;
    padding-right: 10px; }

  .desc-box:nth-child(even) {
    float: right;
    width: 50%;
    max-width: 600px;
    padding-left: 10px; } }
/*769px〜
----------------------------------------------------------------*/
@media screen and (min-width: 769px) {
  #main1 {
    background-size: 100% auto; }

  #main2 .module-inner {
    padding: 30px 0; }

  #main4 .goalls-detail {
    margin-top: 200px; }

  /*余白*/
  .diffs, .double-major, .clubs, .facilities {
    padding-top: 30px;
    padding-bottom: 30px; }

  .deco-spacer-num {
    width: 109px;
    height: 87px; }

  .desc-box {
    margin-bottom: 30px; }

  .double-major-img,
  .clubs-img,
  .facilities-img {
    text-align: center;
    margin-bottom: 20px; }

  .curriculum-list {
    background-color: transparent; }

  .double-major-img img {
    width: 80%; }

  /*部活*/
  .clubs-img .clubs-img1 {
    width: 50%; }

  .clubs-img .clubs-img2 {
    display: inline;
    width: 30%; }

  /*施設*/
  .facilities-img .facilities-img1,
  .facilities-img .facilities-img2 {
    display: inline;
    width: 20%; }

  .facilities-img .facilities-main {
    width: 40%; } }
/*1025px〜
----------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
  #main1 {
    background-size: cover; }

  #main2 {
    width: 100%;
    overflow: hidden; }

  #main2 .desc-box-wrapper:after {
    content: '';
    display: block;
    clear: both; }

  #main2 .desc-box:nth-child(2):last-child {
    z-index: -1; } }
/* ==========================================================================
   アニメ声優ワールド
   ========================================================================== */
#voice_actor_vocalist {
  /*769px〜
  ----------------------------------------------------------------*/
  /*1024px〜
  ----------------------------------------------------------------*/ }
  #voice_actor_vocalist #main1 {
    background-image: url(/_assets/imgs/subject/voice_actor_vocalist/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #voice_actor_vocalist #main8 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/voice_actor_vocalist/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 769px) {
    #voice_actor_vocalist #main4 {
      background: url(/_assets/imgs/subject/voice_actor_vocalist/work_bg01.jpg) top center no-repeat;
      background-size: cover; }
    #voice_actor_vocalist #main5 .module-inner {
      min-height: 750px;
      background: url(/_assets/imgs/subject/voice_actor_vocalist/chara_bg03.png) top right no-repeat; } }
  @media screen and (min-width: 1025px) {
    #voice_actor_vocalist #main2 .desc-box {
      position: relative;
      z-index: 9; }
    #voice_actor_vocalist #main2 .desc-box:first-child:after {
      position: absolute;
      left: -900px;
      top: -250px;
      content: '';
      display: block;
      width: 1000px;
      height: 1000px;
      background: url(/_assets/imgs/subject/voice_actor_vocalist/chara_bg_02.png) right no-repeat;
      z-index: -1; }
    #voice_actor_vocalist #main2 .desc-box:nth-child(2):after {
      position: absolute;
      top: -230px;
      content: '';
      display: block;
      width: 800px;
      height: 1181px;
      background: url(/_assets/imgs/subject/voice_actor_vocalist/chara_bg_01.png) right 0 no-repeat;
      z-index: -1; } }

/* ==========================================================================
   e-sportsプロフェッショナルゲーマーワールド
   ========================================================================== */
#e-sports {
  /*#main1*/
  /*施設*/
  /*769px〜
  ----------------------------------------------------------------*/
  /*1025px〜
  ----------------------------------------------------------------*/ }
  #e-sports #main1 {
    background-image: url(/_assets/imgs/subject/e-sports/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #e-sports #main8 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/e-sports/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 769px) {
    #e-sports {
      /*目指せる仕事背景_e-sports*/
      /*カリキュラム背景_e-sports*/ }
      #e-sports #main4 {
        background: url(/_assets/imgs/subject/e-sports/work_bg01.jpg) top center no-repeat;
        background-size: cover; }
      #e-sports #main5 .module-inner {
        min-height: 750px;
        background: url(/_assets/imgs/subject/e-sports/chara_bg03.png) top right no-repeat; } }
  @media screen and (min-width: 1025px) {
    #e-sports #main2 .desc-box {
      position: relative;
      z-index: 9; }
    #e-sports #main2 .desc-box:first-child:after {
      position: absolute;
      left: -900px;
      top: -200px;
      content: '';
      display: block;
      width: 1000px;
      height: 1000px;
      background: url(/_assets/imgs/subject/e-sports/chara_bg_01.png) right no-repeat;
      z-index: -1; }
    #e-sports #main2 .desc-box:nth-child(2):after {
      position: absolute;
      top: -280px;
      content: '';
      display: block;
      width: 800px;
      left: 250px;
      height: 1400px;
      background: url(/_assets/imgs/subject/e-sports/chara_bg_02.png) no-repeat;
      z-index: -1; } }

/* ==========================================================================
   アニメクリエイターワールド
   ========================================================================== */
#anime_illust {
  /*#main1*/
  /*#main1*/
  /*481px〜
  ----------------------------------------------------------------*/
  /*769px〜
  ----------------------------------------------------------------*/
  /*1025px〜
  ----------------------------------------------------------------*/ }
  #anime_illust #main1 {
    background-image: url(/_assets/imgs/subject/anime_illust/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #anime_illust #main2 .bnr-area.bnr-area_anime p {
    margin-bottom: 20px; }
  #anime_illust #main8 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/anime_illust/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 481px) {
    #anime_illust {
      /*特設サイトバナー*/ }
      #anime_illust .bnr-area.bnr-area_anime {
        width: 100%; }
        #anime_illust .bnr-area.bnr-area_anime p {
          width: 32.2%;
          display: inline-block;
          margin-right: 5px;
          padding: 0; }
          #anime_illust .bnr-area.bnr-area_anime p:last-child {
            margin-right: 0; } }
  @media screen and (min-width: 769px) {
    #anime_illust {
      /*目指せる仕事背景*/
      /*カリキュラム背景*/ }
      #anime_illust #main4 {
        background: url(/_assets/imgs/subject/anime_illust/work_bg01__160208.png) top center no-repeat;
        background-size: contain; }
      #anime_illust #main5 .module-inner {
        min-height: 750px;
        background: url(/_assets/imgs/subject/anime_illust/chara_bg03.png) top right no-repeat; } }
  @media screen and (min-width: 1025px) {
    #anime_illust #main2 .desc-box {
      position: relative;
      z-index: 9; }
    #anime_illust #main2 .desc-box:first-child:after {
      position: absolute;
      left: -900px;
      top: -200px;
      content: '';
      display: block;
      width: 1000px;
      height: 1000px;
      background: url(/_assets/imgs/subject/anime_illust/chara_bg_01.png) right no-repeat;
      z-index: -1; }
    #anime_illust #main2 .desc-box:nth-child(2):after {
      position: absolute;
      top: -240px;
      content: '';
      display: block;
      width: 800px;
      left: 200px;
      height: 1200px;
      background: url(/_assets/imgs/subject/anime_illust/chara_bg_02.png) no-repeat;
      z-index: -1; } }

/* ==========================================================================
   アニメ造形・フィギュアワールド
  ========================================================================== */
#anime_figure {
  /*#main1*/
  /*#main1*/
  /*769px〜
  ----------------------------------------------------------------*/
  /*1025px〜
  ----------------------------------------------------------------*/ }
  #anime_figure #main1 {
    background-image: url(/_assets/imgs/subject/anime_figure/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #anime_figure #main8 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/anime_figure/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 769px) {
    #anime_figure {
      /*目指せる仕事背景*/
      /*カリキュラム背景*/ }
      #anime_figure #main4 {
        background: url(/_assets/imgs/subject/anime_figure/work_bg01.png) top center no-repeat;
        background-size: contain; }
      #anime_figure #main5 .module-inner {
        min-height: 750px;
        background: url(/_assets/imgs/subject/anime_figure/chara_bg03.png) top right no-repeat; } }
  @media screen and (min-width: 1025px) {
    #anime_figure #main2 .desc-box {
      position: relative;
      z-index: 9; }
    #anime_figure #main2 .desc-box:first-child:after {
      position: absolute;
      left: -900px;
      top: -200px;
      content: '';
      display: block;
      width: 1000px;
      height: 1000px;
      background: url(/_assets/imgs/subject/anime_figure/chara_bg_01.png) right no-repeat;
      z-index: -1; }
    #anime_figure #main2 .desc-box:nth-child(2):after {
      position: absolute;
      top: -300px;
      content: '';
      display: block;
      width: 800px;
      left: 250px;
      height: 1200px;
      background: url(/_assets/imgs/subject/anime_figure/chara_bg_02.png) no-repeat;
      z-index: -1; } }

/* ==========================================================================
   音響効果・エンジニアワールド
  ========================================================================== */
#sound_engineering {
  /*#main1*/
  /*#main1*/
  /*769px〜
  ----------------------------------------------------------------*/
  /*1025px〜
  ----------------------------------------------------------------*/ }
  #sound_engineering #main1 {
    background-image: url(/_assets/imgs/subject/sound_engineering/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #sound_engineering #main8 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/sound_engineering/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 769px) {
    #sound_engineering {
      /*目指せる仕事背景*/
      /*カリキュラム背景*/ }
      #sound_engineering #main4 {
        background: url(/_assets/imgs/subject/sound_engineering/work_bg01.png) top center no-repeat;
        background-size: contain; }
      #sound_engineering #main5 .module-inner {
        min-height: 750px;
        background: url(/_assets/imgs/subject/sound_engineering/chara_bg03.png) top right no-repeat; } }
  @media screen and (min-width: 1025px) {
    #sound_engineering #main2 .desc-box {
      position: relative;
      z-index: 9; }
    #sound_engineering #main2 .desc-box:first-child:after {
      position: absolute;
      left: -900px;
      top: -200px;
      content: '';
      display: block;
      width: 1000px;
      height: 1000px;
      background: url(/_assets/imgs/subject/sound_engineering/chara_bg_01.png) right no-repeat;
      z-index: -1; }
    #sound_engineering #main2 .desc-box:nth-child(2):after {
      position: absolute;
      top: -150px;
      content: '';
      display: block;
      width: 1000px;
      height: 1200px;
      background: url(/_assets/imgs/subject/sound_engineering/chara_bg_02.png) no-repeat right 0;
      z-index: -1; } }

/* ==========================================================================
   アキバビジネスワールド
  ========================================================================== */
#anime-business {
  /*#main1*/
  /*#main1*/
  /*769px〜
  ----------------------------------------------------------------*/
  /*1025px〜
  ----------------------------------------------------------------*/ }
  #anime-business .bnr-area {
    margin-top: 20px;
    margin-bottom: 40px; }
  #anime-business #main1 {
    background-image: url(/_assets/imgs/subject/anime-business/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #anime-business #main7 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/anime-business/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 769px) {
    #anime-business {
      /*目指せる仕事背景*/
      /*カリキュラム背景*/ }
      #anime-business #main3 {
        background: url(/_assets/imgs/subject/anime-business/work_bg01.png) top center no-repeat #EDF6D9; }
        #anime-business #main3 .goalls-detail {
          margin-top: 220px; }
      #anime-business #main4 .module-inner {
        min-height: 750px;
        background: url(/_assets/imgs/subject/anime-business/chara_bg03.png) top right no-repeat; } }
  @media screen and (min-width: 1025px) {
    #anime-business #main2 .desc-box {
      position: relative;
      z-index: 9; }
    #anime-business #main2 .desc-box:first-child:after {
      position: absolute;
      left: -950px;
      top: -200px;
      content: '';
      display: block;
      width: 1000px;
      height: 1000px;
      background: url(/_assets/imgs/subject/anime-business/chara_bg_01.png) right no-repeat;
      z-index: -1; }
    #anime-business #main2 .desc-box:nth-child(2):after {
      position: absolute;
      top: -250px;
      content: '';
      display: block;
      width: 800px;
      height: 1200px;
      background: url(/_assets/imgs/subject/anime-business/chara_bg_02.png) no-repeat right 0;
      z-index: -1; } }

/* ==========================================================================
   公務員ワールド
  ========================================================================== */
#komuin {
  /*#main1*/
  /*#main1*/
  /*769px〜
  ----------------------------------------------------------------*/
  /*1025px〜
  ----------------------------------------------------------------*/ }
  #komuin .bnr-area {
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
    z-index: 99; }
  #komuin #main1 {
    background-image: url(/_assets/imgs/subject/comic/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #komuin #main7 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/comic/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 769px) {
    #komuin {
      /*目指せる仕事背景*/
      /*カリキュラム背景*/ }
      #komuin #main3 {
        background-image: url(/_assets/imgs/subject/comic/work_bg01.png);
        background-color: #FDFBDE;
        background-position: top center;
        background-repeat: no-repeat;
        background-size: contain; }
        #komuin #main3 .goalls-detail {
          margin-top: 220px; }
      #komuin #main4 .module-inner {
        min-height: 750px;
        background: url(/_assets/imgs/subject/comic/chara_bg03.png) top right no-repeat;
        background-size: contain; } }
  @media screen and (min-width: 1025px) {
    #komuin #main2 .desc-box-wrapper {
      position: relative;
      z-index: 9; }
    #komuin #main2 .desc-box-wrapper:before {
      position: absolute;
      left: -840px;
      top: -400px;
      content: '';
      display: block;
      width: 100%;
      height: 1000px;
      background: url(/_assets/imgs/subject/comic/chara_bg_01.png) right no-repeat;
      z-index: -1; }
    #komuin #main2 .desc-box-wrapper:after {
      position: absolute;
      top: -330px;
      right: -300px;
      content: '';
      display: block;
      width: 100%;
      height: 1200px;
      background: url(/_assets/imgs/subject/comic/chara_bg_02.png) no-repeat right 0;
      z-index: -1; } }

/* ==========================================================================
   2.5次元ミュージカルワールド
  ========================================================================== */
#two_point_five-musical {
  /*#main1*/
  /*#main1*/
  /*769px〜
  ----------------------------------------------------------------*/
  /*1025px〜
  ----------------------------------------------------------------*/ }
  #two_point_five-musical #main1 {
    background-image: url(/_assets/imgs/subject/2.5_musical/main_bg01.jpg);
    background-repeat: no-repeat;
    background-position: center top; }
  #two_point_five-musical #main8 {
    background: url(/_assets/imgs/subject/common/facilities_bg02.png), url(/_assets/imgs/subject/2.5_musical/facilities_bg01.jpg);
    background-size: cover; }
  @media screen and (min-width: 769px) {
    #two_point_five-musical {
      /*目指せる仕事背景*/
      /*カリキュラム背景*/ }
      #two_point_five-musical #main4 {
        background: url(/_assets/imgs/subject/2.5_musical/work_bg01.png) top center no-repeat;
        background-size: contain; }
      #two_point_five-musical #main5 .module-inner {
        min-height: 750px;
        background: url(/_assets/imgs/subject/2.5_musical/chara_bg03.png) top right no-repeat; } }
  @media screen and (min-width: 1025px) {
    #two_point_five-musical #main2 .desc-box {
      position: relative;
      z-index: 9; }
    #two_point_five-musical #main2 .desc-box:first-child:after {
      position: absolute;
      left: -900px;
      top: -200px;
      content: '';
      display: block;
      width: 1000px;
      height: 1000px;
      background: url(/_assets/imgs/subject/2.5_musical/chara_bg_01.png) right no-repeat;
      z-index: -1; }
    #two_point_five-musical #main2 .desc-box:nth-child(2):after {
      position: absolute;
      top: -150px;
      content: '';
      display: block;
      width: 1000px;
      height: 1200px;
      background: url(/_assets/imgs/subject/2.5_musical/chara_bg_02.png) no-repeat right 0;
      z-index: -1; } }

/*# sourceMappingURL=subject.css.map */