@charset "UTF-8";
/*============================
/* 896px以上用（PC用）の記述
==============================*/
@media screen and (min-width: 896px) {
  /*============================
  about
  ==============================*/
  #page .page-header {
    text-align: center;
    background-color: #D0CBAF;
    padding: 32px;
    opacity: 0.5; }
    #page .page-header .page-header-title {
      font-size: 2em;
      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 {
      padding: 32px 0; }
      #page .page-content .page-content-inner--works {
        padding: 32px 96px; }
      #page .page-content .page-content-inner .page-content-info {
        padding: 32px 0; }
        #page .page-content .page-content-inner .page-content-info .page-content-title {
          font-size: 20px;
          font-weight: bold;
          padding: 32px 0; }
        #page .page-content .page-content-inner .page-content-info .page-content-description {
          font-size: 20px;
          display: inline-block;
          text-align: left;
          padding: 64px 0; 
          letter-spacing: 0.1em;}
          #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-description-main {
            font-size: 20px; }
          #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works {
            display: flex; }
            #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works:first-child {
              margin-top: 64px; }
            #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works .page-content-works-image {
              width: 50%; }
              #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 {
              width: 50%;
              line-height: 2.5;
              font-size: 18px; }
              #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works .page-content-works-text .description-right {
                padding: 100px 0 24px 48px; }
              #page .page-content .page-content-inner .page-content-info .page-content-description .page-content-works .page-content-works-text .description-left {
                padding: 100px 8px 24px 16px; }
        #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 {
          background-image: url('../images/about_bg.png');
          background-attachment: fixed;
          background-position: center;
          background-size: cover;
          background-repeat: no-repeat;
          height: 500px;
        }
        #page .page-content .page-content-inner .page-content-info .page-content-main {
          margin: 96px 0; }
          #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-informations {
        margin: 64px 25%;
        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 {
            font-size: 16px;
            border-bottom: 1px solid #f2f2f2;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            text-align: left;
            font-weight: 500; }
            #page .page-content .page-content-inner .page-content-informations ul li:first-child {
              padding-bottom: 16px; }
            #page .page-content .page-content-inner .page-content-informations ul li:not(:first-child) {
              padding: 16px 0; }
            #page .page-content .page-content-inner .page-content-informations ul li a {
              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-right: 24px;
                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;
                padding-right: 24px;
                color: #918D6682;
                letter-spacing: 2.25px; }
              #page .page-content .page-content-inner .page-content-informations ul li a .none-new-icon {
                margin-left: 90px; } }