@media print, screen and (min-width: 767px) {
  article {
    margin-bottom: 120px; }
    article h1 {
      margin-bottom: 30px; }
    article .profile {
      width: 90%;
      max-width: 1100px;
      margin: 0 auto 60px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; }
      article .profile > div:nth-of-type(1) {
        
        /*width: 60%;*/
        /*max-width: 650px;*/
      }
        article .profile > div:nth-of-type(1) h2 {
          font-size: 1.5em;
          font-weight: bold;
          font-family: 'Noto Sans Japanese', sans-serif;
          margin-bottom: 45px;
          line-height: 1.5em;
          position: relative;
          padding-left: 80px; }
        article .profile > div:nth-of-type(1) h2:before {
          content: url(../../image/charactor/img06.png);
          position: absolute;
          left: 0;
          top: 0; }
        article .profile > div:nth-of-type(1) h3 {
          font-family: 'Contrail One', cursive;
          font-size: 1.75em;
          margin-bottom: 45px;
          position: relative; }
          article .profile > div:nth-of-type(1) h3 span {
            font-size: 0.65em;
            margin-left: 20px; }
        article .profile > div:nth-of-type(1) h3:before {
          content: url(../../image/company/index/section02_h4.png);

          position: absolute;
          left: 0;
          top: -20px; }
        article .profile > div:nth-of-type(1) dl {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          -o-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap;
          position: relative; }
          article .profile > div:nth-of-type(1) dl dt {
            width: 35%;
            font-size: 1.1em;
            padding: 15px 0;
            line-height: 1.5em;
            text-align: center; }
          article .profile > div:nth-of-type(1) dl dd {
            width: 65%;
            font-size: 1.1em;
            padding: 15px 0;
            line-height: 1.5em; }
          article .profile > div:nth-of-type(1) dl dt:nth-of-type(odd),
          article .profile > div:nth-of-type(1) dl dd:nth-of-type(odd) {
            background: #fff;
            border-top: 1px solid #dad4d2;
            border-bottom: 1px solid #dad4d2; }
      article .profile > div:nth-of-type(2) {
        width: 35%;
        max-width: 400px; }
        article .profile > div:nth-of-type(2) figure p {
          display: block;
          padding: 60px;
          background: #fff;
          margin-bottom: 10px;
          -webkit-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
          -moz-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
          -ms-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
          -o-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
          box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1); }
          article .profile > div:nth-of-type(2) figure p img {
            display: block;
            margin: 0 auto; }
        article .profile > div:nth-of-type(2) figure figcaption {
          margin-bottom: 30px; }
    article .message {
      width: 90%;
      max-width: 1100px;
      margin: 0 auto 60px; }
      article .message h3 {
        font-family: 'Contrail One', cursive;
        font-size: 1.75em;
        margin-bottom: 45px;
        position: relative; }
        article .message h3 span {
          font-size: 0.65em;
          margin-left: 20px; }
      article .message h3:before {
        content: url(../../image/company/index/section02_h4.png);
        position: absolute;
        left: 0;
        top: -20px; }
      article .message div {
        margin-bottom: 40px; }
        article .message div h4 {
          font-size: 1.75em;
          font-weight: bold;
          font-family: 'Noto Sans Japanese', sans-serif;
          margin-bottom: 15px;
          letter-spacing: 0.1em; }
        article .message div h4:nth-of-type(3) {
          text-align: center;
          color: #9ccc1d; }
        article .message div p {
          margin-bottom: 15px; }
        article .message div p:last-of-type {
          margin-bottom: 30px; }
        article .message div img {
          float: right;
          margin-left: 30px;
          width: 400px; }
      article .message div:after {
        content: "";
        clear: both;
        display: block; }
      article .message div:nth-of-type(2) {
        padding: 30px;
        border-radius: 10px;
        border: 1px solid #dad4d2;
        margin-bottom: 0; }
        article .message div:nth-of-type(2) h4 {
          font-size: 1.25em;
          font-weight: bold;
          font-family: 'Noto Sans Japanese', sans-serif;
          margin-bottom: 15px; }
        article .message div:nth-of-type(2) img {
          float: left;
          margin-right: 30px;
          margin-left: 0;
          width: 250px; }
    article .concept {
      width: 90%;
      max-width: 1100px;
      margin: 0 auto;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative; }
      article .concept h3 {
        font-family: 'Contrail One', cursive;
        font-size: 1.75em;
        margin-bottom: 45px;
        position: relative;
        width: 100%; }
        article .concept h3 span {
          font-size: 0.65em;
          margin-left: 20px; }
      article .concept h3:before {
        content: url(../../image/company/index/section02_h4.png);
        position: absolute;
        left: 0;
        top: -20px; }
      article .concept > div {
        width: 47.5%;
        margin-bottom: 50px; }
        article .concept > div h4 {
          font-size: 1.25em;
          font-weight: bold;
          font-family: 'Noto Sans Japanese', sans-serif;
          margin-bottom: 10px;
          color: #9ccc1d; }
        article .concept > div li {
          padding-bottom: 20px;
          padding-left: 25px;
          margin-bottom: 20px;
          border-bottom: 1px solid #dad4d2;
          position: relative; }
          article .concept > div li a {
            display: block;
            width: 100%;
            height: 30px;
            background: #ffa91e;
            font-size: 1em;
            border-radius: 5px;
            font-family: 'Noto Sans Japanese', sans-serif;
            font-weight: bold;
            color: #fff;
            margin: 0 auto 15px;
            cursor: pointer;
            box-shadow: 0px 5px 1px 0px #e49d27;
            position: relative;
            text-align: center;
            line-height: 30px;
            text-decoration: none;
            top: 5px; }
          article .concept > div li a:hover {
            top: 9px;
            box-shadow: 0px 1px 1px 0px #e49d27; }
        article .concept > div li:last-child {
          border-bottom: 0;
          padding-bottom: 0;
          margin-bottom: 0; }
        article .concept > div li:before {
          content: "";
          width: 10px;
          height: 10px;
          display: block;
          border-radius: 50%;
          border: 3px solid #9ccc1d;
          position: absolute;
          left: 0;
          top: 5px; } }