@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 {
  z-index: 2;
  background-image: url(../img/h1_sp.png); }

#block-profile {
  z-index: 1; }
  #block-profile > .bg {
    background: url(../img/profile_bg1_sp.png) no-repeat;
    background-size: 100%; }
    #block-profile > .bg:before {
      background: url(../img/profile_bg2_sp.png) no-repeat;
      background-size: 100%; }
    #block-profile > .bg:after {
      top: auto;
      bottom: -76px;
      background: url(../img/profile_bg3_sp.png) bottom no-repeat;
      background-size: 100%; }
  #block-profile > .inner {
    padding: 20px 0 60px; }
  #block-profile .photo {
    margin: 0 0 22px; }
  #block-profile .description {
    margin: 0 0 16px; }
    #block-profile .description span {
      font-size: 14px; }
      #block-profile .description span strong {
        font-size: 18px; }
  #block-profile h3 {
    margin: 0 0 8px;
    text-align: left;
    color: #333; }
  #block-profile .col {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    #block-profile .col .text {
      width: 62.5%; }
    #block-profile .col .logo {
      width: 30.441176470588232%; }

#block-message > .bg {
  background: url(../img/message_bg_sp.jpg) center top no-repeat;
  background-size: cover; }
#block-message > .inner {
  padding: 37px 0 60px; }
#block-message .photo {
  margin: 30px 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_bg1_pc.png); }
    #block-profile > .bg:before {
      background: url(../img/profile_bg2_pc.png) no-repeat;
      background-size: 100%; }
    #block-profile > .bg:after {
      top: auto;
      bottom: -97px;
      background: url(../img/profile_bg3_pc.png) bottom no-repeat;
      background-size: 100%; }
  #block-profile > .inner {
    padding: 44px 0 120px; }
  #block-profile .photo {
    width: 670px;
    margin: 0 auto 30px; }
  #block-profile .description {
    width: 670px;
    margin: 0 auto 46px; }
    #block-profile .description span {
      font-size: 20px; }
      #block-profile .description span strong {
        font-size: 30px; }
  #block-profile h3 {
    width: 670px;
    margin: 0 auto 14px;
    font-size: 22px; }
  #block-profile .col {
    width: 670px;
    margin: 0 auto; }
    #block-profile .col .text {
      width: 510px; }
    #block-profile .col .logo {
      width: 120px; }

  #block-message > .bg {
    background: url("../img/message_bg_pc.jpg") no-repeat;
    background-size: cover; }
  #block-message > .inner {
    padding: 100px 0 120px; }
  #block-message .box {
    max-width: 950px;
    width: 67.85714285714286%;
    margin: 60px auto; }
  #block-message .photo {
    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 */