@charset "UTF-8";
/*==========================
    - 〜479px      ：SP portrait
    - 480px〜599px ：SP landscape
    - 600px〜959px ：tablet
    - 960px〜1279px：small PC
    - 1280px〜     ：large PC
    - 1400px〜     ：largest PC
==========================*/
/* 〜479px：SP portrait
------------------------------ */
/***************************
    container
***************************/
#container .list {
  display: block; }
  #container .list li {
    display: block;
    margin: 0 0 40px;
    letter-spacing: -0.5px; }
    #container .list li:last-child {
      margin: 0; }
    #container .list li .banner {
      margin: 0 0 12px; }
    #container .list li .text .title {
      margin: 0 0 10px; }
    #container .list li .text .btn {
      width: 41%;
      margin: 25px 0 0 59%;
      line-height: 22px;
      font-size: 10px; }
      #container .list li .text .btn a {
        padding: 0; }
        #container .list li .text .btn a:after {
          transform: translateY(-50%) rotate(45deg) scale(0.8); }
    #container .list li.not-banner-link {
      margin: 0;
      border-top: 1px solid #fff; }
      #container .list li.not-banner-link:nth-of-type(1) {
        margin-top: 40px; }
      #container .list li.not-banner-link:nth-last-of-type(1) {
        border-bottom: 1px solid #fff; }
      #container .list li.not-banner-link a {
        display: block;
        padding: 12px 30px 12px 0;
        color: #fff;
        text-decoration: none; }
        #container .list li.not-banner-link a:after {
          content: "";
          position: absolute;
          top: 50%;
          right: 0px;
          transform: translateY(-50%);
          width: 11px;
          height: 11px;
          top: 50%;
          right: 10px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          transform: translateY(-50%) rotate(45deg);
          margin-top: 1px; }
    #container .list li .comingsoon {
      padding: 50px 0 20px;
      font-size: 12px;
      text-align: center; }

#title-bar {
  background-image: url(../img/h1_sp.png); }

#block-schedule > .bg {
  background: url(../img/schedule_bg_sp.png) left top no-repeat;
  background-size: 100%; }
#block-schedule > .inner {
  padding: 20px 0 65px; }

#block-past > .bg {
  background: url("/robo/general/img/bg_green_box.jpg") left top repeat;
  background-size: 94px 162px; }
  #block-past > .bg:before {
    background: url(../img/past_bg1_sp.png) left top no-repeat;
    background-size: 100%; }
  #block-past > .bg:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../img/past_bg2_sp.png) left bottom no-repeat;
    background-size: 100%; }
#block-past > .inner {
  padding: 20px 0 65px; }
#block-past .list li {
  color: #fff; }
  #block-past .list li .text .btn a {
    color: #f39800;
    background: #fff; }
    #block-past .list li .text .btn a:after {
      border-color: #f39800; }

/* 480px〜599px：SP landscape
------------------------------ */
@media screen and (min-width: 414px) {
  /***************************
      container
  ***************************/ }
/* 600px〜959px：tablet
------------------------------ */
@media screen and (min-width: 600px) {
  /***************************
      container
  ***************************/ }
/* 960px〜1279px：small PC
------------------------------ */
@media screen and (min-width: 960px) {
  /***************************
      container
  ***************************/
  #container .list {
    width: 950px;
    margin: 0 auto; }
    #container .list li {
      margin: 0 0 80px;
      letter-spacing: normal; }
      #container .list li:after {
        content: "";
        display: block;
        clear: both; }
      #container .list li:nth-child(odd) .banner {
        float: right; }
      #container .list li:nth-child(odd) .text {
        float: left; }
      #container .list li:nth-child(even) .banner {
        float: left; }
      #container .list li:nth-child(even) .text {
        float: right; }
      #container .list li .banner {
        width: 543px;
        height: 410px;
        margin: 0; }
      #container .list li .text {
        position: relative;
        width: 377px;
        height: 410px;
        padding: 0;
        box-sizing: border-box; }
        #container .list li .text .title {
          margin: 0 0 40px;
          line-height: 46px;
          font-size: 26px; }
        #container .list li .text .btn {
          width: 280px;
          margin: 40px 0 0;
          line-height: 46px;
          font-size: 16px; }
          #container .list li .text .btn a:after {
            transform: translateY(-50%) rotate(45deg) scale(1); }
      #container .list li.not-banner-link {
        width: 680px;
        margin: 0 auto;
        border-top: 2px solid #fff; }
        #container .list li.not-banner-link:nth-of-type(1) {
          margin-top: 80px; }
        #container .list li.not-banner-link:nth-last-of-type(1) {
          border-bottom: 2px solid #fff; }
        #container .list li.not-banner-link a {
          padding: 20px 60px 20px 0;
          line-height: 44px;
          font-size: 24px; }
          #container .list li.not-banner-link a:after {
            width: 20px;
            height: 20px; }
      #container .list li .comingsoon {
        padding: 180px 0;
        font-size: 26px; }

  #title-bar {
    background-image: url(../img/h1_pc.png); }

  #block-schedule > .bg {
    background: url(../img/schedule_bg_pc.png) left top no-repeat;
    background-size: 100%; }
  #block-schedule > .inner {
    padding: 40px 0 120px; }

  #block-past > .bg {
    background-size: 188px 324px; }
    #block-past > .bg:before {
      background: url(../img/past_bg_pc.png) left top no-repeat;
      background-size: 100%; }
    #block-past > .bg:after {
      content: none; }
  #block-past > .inner {
    padding: 100px 0 120px; } }
/* 1280px〜：large PC
------------------------------ */
@media screen and (min-width: 1280px) {
  /***************************
      container
  ***************************/ }
/* 1400px〜：largest PC
------------------------------ */
@media screen and (min-width: 1400px) {
  /***************************
      container
  ***************************/ }

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