@media screen and (min-width: 770px) {
  body #wrapper .title.vertical {
    background: #fff !important;
    box-sizing: border-box !important;
    color: #333 !important;
    display: block !important;
    font-size: 28px !important;
    font-weight: normal !important;
    line-height: 1.7em !important;
    letter-spacing: 0.35em !important;
    padding: 25px 20px; }
    body #wrapper .title.vertical span {
      display: block !important; }
  body #wrapper .mv {
    background: url(../../images/pc/mv-about-index.jpg) transparent no-repeat;
    background-position: center center;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    height: 500px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 1em;
    width: 100%; }
    body #wrapper .mv .container {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: auto;
      min-width: 800px;
      overflow: hidden;
      padding: 0 0 0 0;
      text-align: left;
      width: 90%; }
      body #wrapper .mv .container .title {
        color: #fff;
        display: block !important;
        font-size: 30px;
        height: auto;
        margin: 100px 0 0 0;
        width: auto; }
      body #wrapper .mv .container .description {
        color: #fff;
        font-size: 15px;
        line-height: 2em;
        margin: 20px 0 0 0;
        width: 500px; }
        body #wrapper .mv .container .description span {
          display: block; }
      body #wrapper .mv .container .btn {
        font-size: 15px !important;
        height: 58px !important;
        margin: 55px 0 0 0 !important;
        padding-top: 21px !important;
        width: 260px !important; }
  body #wrapper .aboutList {
    display: block;
    height: auto;
    margin: 0 auto 0 auto;
    padding: 0;
    width: 100%; }
    body #wrapper .aboutList .container {
      display: block;
      height: auto;
      margin: 0 auto;
      max-width: 1280px;
      min-width: 800px;
      overflow: hidden;
      padding: 0 0 0 0;
      text-align: left;
      width: 90%; }
      body #wrapper .aboutList .container .content {
        margin: 80px auto 0 auto;
        overflow: hidden; }
        body #wrapper .aboutList .container .content .title.sp {
          display: none; }
        body #wrapper .aboutList .container .content .photo {
          display: block;
          float: left;
          width: 40%;
          position: relative; }
          body #wrapper .aboutList .container .content .photo .caption {
            height: auto;
            left: 0;
            position: absolute;
            width: auto;
            z-index: 960; }
            body #wrapper .aboutList .container .content .photo .caption.sp {
              display: none !important; }
            body #wrapper .aboutList .container .content .photo .caption span {
              background: #fff;
              color: #333;
              display: block;
              font-size: 18px;
              font-weight: bold;
              letter-spacing: 0.35em !important;
              padding: 10px 6px;
              width: auto; }
          body #wrapper .aboutList .container .content .photo .kv {
            position: relative;
            z-index: 950; }
            body #wrapper .aboutList .container .content .photo .kv .pc {
              display: block;
              height: auto;
              margin: 0 0 0 30px;
              width: 92%; }
            body #wrapper .aboutList .container .content .photo .kv .sp {
              display: none; }
        body #wrapper .aboutList .container .content .data {
          display: block;
          float: right;
          padding: 35px 0 0 0;
          width: 55%; }
          body #wrapper .aboutList .container .content .data dl dt.number {
            font-size: 14px; }
          body #wrapper .aboutList .container .content .data dl dt.name {
            font-size: 26px;
            font-weight: bold;
            letter-spacing: 0.2em;
            margin: 10px 0 0 0; }
          body #wrapper .aboutList .container .content .data dl dd.description {
            font-size: 15px;
            line-height: 1.6em;
            margin: 20px 0 0 0;
            width: auto; }
          body #wrapper .aboutList .container .content .data .external {
            color: #333 !important;
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            margin: 20px 0 0 0 !important;
            text-decoration: underline !important; }
            body #wrapper .aboutList .container .content .data .external:after {
              background: url(../../images/pc/ico-new-window.png) transparent no-repeat;
              background-position: center center;
              background-size: cover;
              content: " ";
              display: inline-block;
              height: 11px;
              margin: 0 0 0 2px;
              width: 11px; }
            body #wrapper .aboutList .container .content .data .external:hover {
              color: #333 !important;
              text-decoration: none !important; }
          body #wrapper .aboutList .container .content .data .btn {
            font-size: 15px !important;
            height: 58px !important;
            margin: 30px 0 0 0 !important;
            padding-top: 21px !important;
            width: 320px !important; } }

@media screen and (max-width: 769px) {
  body #wrapper .mv {
    display: block;
    margin: 0 auto;
    width: 100%;
    z-index: 900; }
    body #wrapper .mv .container {
      display: block;
      margin: 0 auto;
      overflow: hidden;
      width: 100%; }
      body #wrapper .mv .container .kv {
        background: url(../../images/sp/mv-about-index.jpg) transparent no-repeat;
        background-position: center center;
        background-size: cover;
        display: block;
        height: 420px; }
      body #wrapper .mv .container .title {
        font-size: 22px;
        margin: 1.2em auto 0 auto;
        width: 90%; }
      body #wrapper .mv .container .description {
        font-size: 13px;
        line-height: 1.8em;
        margin: 1.2em auto 0 auto;
        text-align: left;
        width: 90%; }
      body #wrapper .mv .container .btn {
        margin: 2em auto 0 auto !important;
        width: 90% !important; }
  body #wrapper .aboutList {
    display: block;
    margin: 0 auto 0 auto;
    width: 100%; }
    body #wrapper .aboutList .container {
      display: block;
      overflow: hidden; }
      body #wrapper .aboutList .container .content {
        margin: 3.5em auto 0 auto;
        width: 90%; }
        body #wrapper .aboutList .container .content .title.sp {
          display: block;
          overflow: hidden;
          padding: 8px 0 0 0; }
          body #wrapper .aboutList .container .content .title.sp .number {
            display: block;
            float: left;
            font-size: 12px; }
          body #wrapper .aboutList .container .content .title.sp .name {
            display: block;
            float: left;
            font-size: 22px;
            font-weight: bold;
            margin: -4px 0 0 6px; }
        body #wrapper .aboutList .container .content .photo {
          display: block;
          width: 100%; }
          body #wrapper .aboutList .container .content .photo .kv {
            position: relative;
            z-index: 950; }
            body #wrapper .aboutList .container .content .photo .kv .pc {
              display: none; }
            body #wrapper .aboutList .container .content .photo .kv .sp {
              display: block;
              height: auto;
              width: 100%; }
          body #wrapper .aboutList .container .content .photo .caption {
            height: auto;
            margin: -46px 0 0 0;
            overflow: visible;
            padding: 0 0 46px 0;
            position: relative;
            width: auto;
            z-index: 960; }
            body #wrapper .aboutList .container .content .photo .caption.pc {
              display: none !important; }
            body #wrapper .aboutList .container .content .photo .caption span {
              background: #fff;
              clear: both;
              color: #333;
              display: block;
              float: right;
              font-size: 16px;
              font-weight: bold;
              letter-spacing: 0.1em !important;
              margin: 0 0 0.3em 0;
              padding: 5px 4px;
              width: auto; }
        body #wrapper .aboutList .container .content .data {
          margin: 2.5em 0 0 0; }
          body #wrapper .aboutList .container .content .data dl dt.number {
            display: none; }
          body #wrapper .aboutList .container .content .data dl dt.name {
            display: none; }
          body #wrapper .aboutList .container .content .data dl dd.description {
            font-size: 13px;
            line-height: 1.8em;
            margin: 1.2em auto 0 auto;
            text-align: left;
            width: 92%; }
          body #wrapper .aboutList .container .content .data .external {
            color: #333 !important;
            display: inline-block;
            font-size: 12px;
            font-weight: bold;
            line-height: 1.8em;
            margin: 2em 0 0 0 !important;
            text-decoration: underline !important; }
            body #wrapper .aboutList .container .content .data .external:after {
              background: url(../../images/sp/ico-new-window.png) transparent no-repeat;
              background-position: center center;
              background-size: cover;
              content: " ";
              display: inline-block;
              height: 11px;
              margin: 0 0 0 2px;
              width: 11px; }
            body #wrapper .aboutList .container .content .data .external:hover {
              color: #333 !important;
              text-decoration: none !important; }
          body #wrapper .aboutList .container .content .data .btn {
            margin: 2em auto 0 auto !important;
            width: 90% !important; } }
