@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-profile > .bg {
  background: url(../img/profile_bg_sp.png) left top no-repeat;
  background-size: 100%; }
#block-profile > .inner {
  padding: 20px 0 60px; }
#block-profile .photo {
  margin: 0 0 22px; }
#block-profile .description span {
  font-size: 14px; }
  #block-profile .description span strong {
    font-size: 18px; }

#block-message > .bg {
  background: url("/robo/general/img/bg_green_box.jpg") left top repeat;
  background-size: 94px 162px; }
  #block-message > .bg:before {
    top: -32px;
    height: calc(100% + 32px);
    background: url("../img/message_bg_sp.png") left top no-repeat;
    background-size: 100%; }
#block-message > .inner {
  padding: 37px 0 48px; }
#block-message .photo1 {
  margin: 30px 0; }
#block-message .photo2 {
  margin: 30px 0 0; }

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

  #block-profile > .bg {
    background-image: url(../img/profile_bg_pc.png); }
  #block-profile > .inner {
    padding: 40px 0 110px; }
  #block-profile .photo {
    width: 670px;
    margin: 0 auto 30px; }
  #block-profile .description {
    width: 670px;
    margin: 0 auto; }
    #block-profile .description span {
      font-size: 20px; }
      #block-profile .description span strong {
        font-size: 30px; }

  #block-message > .bg {
    background-size: 188px 324px; }
    #block-message > .bg:before {
      top: -120px;
      height: calc(100% + 120px);
      background-image: url("../img/message_bg_pc.png"); }
  #block-message > .inner {
    padding: 100px 0 90px; }
  #block-message .box {
    max-width: 950px;
    width: 67.85714285714286%;
    margin: 60px auto; }
    #block-message .box .photo1 {
      float: right;
      width: 70.3157894736842%;
      margin: 0 -23.684210526315788% 10px 30px; }
  #block-message .photo2 {
    margin: 0; } }
/* 1280px〜：large PC
------------------------------ */
@media screen and (min-width: 1280px) {
  /***************************
      container
  ***************************/ }
/* 1400px〜：largest PC
------------------------------ */
@media screen and (min-width: 1400px) {
  /***************************
      container
  ***************************/ }

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