@charset "UTF-8";
/*============================
/* 896px以下用（スマートフォン用）の記述
==============================*/
@media screen and (max-width: 896px) {
  /*============================
  about
  ==============================*/
  #page .page-header {
    text-align: center;
    background-color: #D0CBAF;
    padding: 16px;
    opacity: 0.5; }
    #page .page-header .page-header-title {
      font-size: 1.5em;
      font-family: 'Century Gothic';
      font-weight: bold;
      letter-spacing: 2.27px; }
  #page .page-content {
    margin: 32px 0;
    text-align: center;
    font-weight: lighter; }
    #page .page-content .page-content-inner .page-content-info .page-content-main {
      margin: 32px 0; }
    #page .page-content .page-content-inner .page-content-info .page-content-title {
      font-weight: bold;
      padding: 16px 0;
      font-size: 1.2em; }
    #page .page-content .page-content-inner .page-content-info .page-content-description {
      font-size: 16px;
      margin: 16px; }
      #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-description-main {
        font-size: 16px; }
      #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works {
        display: flex;
        flex-direction: column; }
        #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works .page-content-works-image img {
          width: 100%; }
        #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works .page-content-works-text {
          order: 1; }
          #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works .page-content-works-text p {
            padding: 96px 0 96px; }
    #page .page-content .page-content-inner .page-content-info .page-content-images {
      margin: 32px 0; }
      #page .page-content .page-content-inner .page-content-info .page-content-images ul {
        display: flex; }
        #page .page-content .page-content-inner .page-content-info .page-content-images ul li:not(:last-child) {
          padding-right: 8px; }
    .page-content-bg {
      max-width: 100%;
      background-image: url('../../images/about_bg.png');
      background-attachment: fixed;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      height: 400px;
    }
    #page .page-content .page-content-inner .page-content-info .page-content-main .page-content-main-image {
      width: 100%; }
      #page .page-content .page-content-inner .page-content-info .page-content-main .page-content-main-image video {
        width: 100%; }
    #page .page-content .page-content-inner .page-content-informations {
      margin: 16px 16px;
      text-align: center; }
      #page .page-content .page-content-inner .page-content-informations ul {
        display: grid; }
        #page .page-content .page-content-inner .page-content-informations ul li {
          width: 100%;
          font-size: 16px;
          border-bottom: 1px solid #f2f2f2;
          text-align: left;
          font-weight: 500; }
          #page .page-content .page-content-inner .page-content-informations ul li:first-child {
            padding-bottom: 8px; }
          #page .page-content .page-content-inner .page-content-informations ul li:not(:first-child) {
            padding: 8px 0; }
          #page .page-content .page-content-inner .page-content-informations ul li a {
            display: grid;
            color: #000; }
            #page .page-content .page-content-inner .page-content-informations ul li a .information-new-icon {
              font-family: 'Century Gothic';
              font-size: 12px;
              color: #fff;
              background-color: #D0CBAF;
              padding: 4px 16px;
              margin-bottom: 4px;
              width: 30px;
              vertical-align: middle; }
            #page .page-content .page-content-inner .page-content-informations ul li a .information-date {
              font-family: 'Century Gothic';
              font-weight: normal;
              font-size: 12px;
              color: #918D6682;
              letter-spacing: 2.25px; }
            #page .page-content .page-content-inner .page-content-informations ul li a .none-new-icon {
              margin-bottom: 8px; } }