@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
***************************/
#title-bar {
  background-image: url(../img/h1_sp.png); }

#block-intro > .bg {
  background: url("../img/intro_bg_sp.png") top center no-repeat;
  background-size: 100%; }
#block-intro > .inner {
  padding: 20px 0 60px; }
#block-intro .logo-10th {
  width: 20.147058823529413%;
  margin: 24px auto 38px; }
#block-intro .photo {
  margin: 0 auto 38px; }
#block-intro .history {
  width: 100%;
  line-height: 22px;
  font-size: 12px; }
  #block-intro .history tr + tr {
    border-top: 1px solid #999; }
    #block-intro .history tr + tr th, #block-intro .history tr + tr td {
      padding: 15px 0; }
  #block-intro .history tr th {
    width: 23.52941176470588%;
    padding: 0 0 15px; }
  #block-intro .history tr td {
    width: 76.47058823529412%;
    padding: 0 0 15px; }

#block-influence > .bg {
  background: url("/robo/general/img/bg_green_box.jpg") left top repeat;
  background-size: 94px 162px; }
  #block-influence > .bg:before {
    top: -35px;
    height: calc(100% + 35px);
    background: url("../img/influence_bg_sp.png") left top no-repeat;
    background-size: 100%; }
#block-influence > .inner {
  padding: 38px 0 60px; }

#block-supervision > .bg:before {
  top: -67px;
  height: calc(100% + 67px);
  background: url("../img/supervision_bg_sp.png") left top no-repeat;
  background-size: 100%; }
#block-supervision > .inner {
  padding: 38px 0 65px; }
#block-supervision .photo {
  margin: 34px 0 20px; }

#block-next-10-year > .bg {
  background: url("/robo/general/img/bg_cream_box.jpg") left top repeat;
  background-size: 94px 162px; }
  #block-next-10-year > .bg:before {
    top: -40px;
    height: calc(100% + 40px);
    background: url("../img/next10year_bg_sp.png") left top no-repeat;
    background-size: 100%; }
#block-next-10-year > .inner {
  padding: 38px 0 60px; }
#block-next-10-year .lead {
  margin: 0 0 30px; }
#block-next-10-year .study {
  width: 100%;
  margin: 0 0 32px; }
  #block-next-10-year .study th, #block-next-10-year .study td {
    padding: 8px 12px;
    font-size: 11px;
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid #cecece; }
  #block-next-10-year .study th {
    padding-left: 0;
    padding-right: 0;
    width: 28.823529411764703%;
    line-height: 16px;
    color: #fff;
    background: #49aa48; }
  #block-next-10-year .study td {
    width: 71.17647058823529%;
    line-height: 22px;
    background: #fff; }
  #block-next-10-year .study thead {
    font-weight: bold;
    text-align: center; }
    #block-next-10-year .study thead th {
      padding: 12px 0;
      line-height: 16px;
      color: #11a523;
      background: #d8edd8; }
    #block-next-10-year .study thead td {
      padding: 12px 0;
      line-height: 16px;
      color: #11a523;
      background: #ecf8ec; }

/* 480px〜599px：SP landscape
------------------------------ */
@media screen and (min-width: 414px) {
  /***************************
      container
  ***************************/ }
/* 600px〜959px：tablet
------------------------------ */
@media screen and (min-width: 600px) {
  /***************************
      container
  ***************************/
  #title-bar {
    background-image: url(../img/h1_pc.png); } }
/* 960px〜1279px：small PC
------------------------------ */
@media screen and (min-width: 960px) {
  /***************************
      container
  ***************************/
  #block-intro > .bg {
    background: url("../img/intro_bg_pc.png") top center no-repeat;
    background-size: 100%; }
  #block-intro > .inner {
    padding: 40px 0 110px; }
  #block-intro .logo-10th {
    width: 170px;
    margin: 50px auto 80px; }
  #block-intro .photo {
    width: 950px;
    margin: 0 auto 80px; }
  #block-intro .history {
    width: 950px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 16px; }
    #block-intro .history tr + tr th, #block-intro .history tr + tr td {
      padding: 22px 0; }
    #block-intro .history tr th {
      width: 130px;
      padding: 0 0 22px; }
    #block-intro .history tr td {
      width: 820px;
      padding: 0 0 22px; }

  #block-influence > .bg {
    background-size: 188px 324px; }
    #block-influence > .bg:before {
      top: -80px;
      height: calc(100% + 80px);
      background: url("../img/influence_bg_pc.png") left top no-repeat;
      background-size: 100%; }
  #block-influence > .inner {
    padding: 100px 0 120px; }

  #block-supervision > .bg:before {
    top: -130px;
    height: calc(100% + 130px);
    background: url("../img/supervision_bg_pc.png") left top no-repeat;
    background-size: 100%; }
  #block-supervision > .inner {
    padding: 100px 0 120px; }
  #block-supervision .photo {
    margin: 70px 0; }

  #block-next-10-year > .bg {
    background-size: 188px 324px; }
    #block-next-10-year > .bg:before {
      top: 28px;
      height: calc(100% - 28px);
      background: url("../img/next10year_bg_pc.png") left top no-repeat;
      background-size: 100%; }
  #block-next-10-year > .inner {
    padding: 100px 0 120px; }
  #block-next-10-year .lead {
    margin: 0; }
  #block-next-10-year .study {
    width: 950px;
    margin: 0 auto 70px; }
    #block-next-10-year .study th, #block-next-10-year .study td {
      padding: 20px 30px;
      line-height: 30px;
      font-size: 14.5px;
      border: 2px solid #cecece; }
    #block-next-10-year .study th {
      width: 292px; }
    #block-next-10-year .study td {
      width: 658px; }
    #block-next-10-year .study thead th {
      padding: 26px 0; }
    #block-next-10-year .study thead td {
      padding: 26px 0; }
  #block-next-10-year .bottom-lead {
    text-align: center; } }
/* 1280px〜：large PC
------------------------------ */
@media screen and (min-width: 1280px) {
  /***************************
      container
  ***************************/ }
/* 1400px〜：largest PC
------------------------------ */
@media screen and (min-width: 1400px) {
  /***************************
      container
  ***************************/ }

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