@media screen and (max-width: 766px) {
  article {
    position: relative;
    padding-bottom: 30px; }
    article h1 {
      margin-bottom: 30px; }
    article .profile {
      width: 90%;
      margin: 0 auto 45px; }
      article .profile > div:nth-of-type(1) h2 {
        font-size: 1.2em;
        font-weight: bold;
        font-family: 'Noto Sans Japanese', sans-serif;
        margin-bottom: 45px;
        line-height: 1.5em;
        position: relative; }
      article .profile > div:nth-of-type(1) h3 {
        font-family: 'Contrail One', cursive;
        font-size: 1.75em;
        margin-bottom: 30px;
        position: relative;
        text-align: center; }
        article .profile > div:nth-of-type(1) h3 span {
          font-size: 0.65em;
          margin-left: 20px; }
      article .profile > div:nth-of-type(1) dl {
        margin-bottom: 30px; }
        article .profile > div:nth-of-type(1) dl dt {
          font-weight: bold;
          font-family: 'Noto Sans Japanese', sans-serif;
          font-size: 1.1em; }
        article .profile > div:nth-of-type(1) dl dd {
          width: 100%;
          font-size: 1.1em;
          line-height: 1.5em;
          border-bottom: 1px solid #dad4d2;
          margin-bottom: 15px;
          padding-bottom: 15px; }
      article .profile > div:nth-of-type(2) {
        margin: 0 auto 30px;
        width: 70%;
        position: relative; }
        article .profile > div:nth-of-type(2) figure {
          width: 100%;
          position: relative; }
          article .profile > div:nth-of-type(2) figure p {
            display: block;
            padding: 25px;
            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;
              width: 100%; }
          article .profile > div:nth-of-type(2) figure figcaption {
            margin-bottom: 30px; }
    article .message {
      width: 90%;
      margin: 0 auto 60px; }
      article .message h3 {
        font-family: 'Contrail One', cursive;
        font-size: 1.75em;
        margin-bottom: 20px;
        position: relative;
        text-align: center; }
        article .message h3 span {
          display: block;
          font-size: 0.5em;
          padding: 10px 0 0 0; }
      article .message div {
        margin-bottom: 40px; }
        article .message div h4 {
          font-size: 1.5em;
          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) {
          color: #9ccc1d; }
        article .message div p {
          margin-bottom: 15px; }
        article .message div p:last-of-type {
          margin-bottom: 30px; }
        article .message div img {
          width: 100%;
          display: block;
          margin-bottom: 30px; }
      article .message div:nth-of-type(2) {
        padding: 15px;
        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 {
          width: 100%; }
        article .message div:nth-of-type(2) p:last-of-type {
          margin-bottom: 0; }
    article .concept {
      width: 90%;
      margin: 0 auto;
      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 {
          display: block;
          font-size: 0.65em; }
      article .concept h3:before {
        content: url(../../image/management/index/section02_h4.png);
        position: absolute;
        left: 0;
        top: -20px; }
      article .concept > div {
        margin-bottom: 25px; }
        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; } }