#page_title .flex > div:nth-child(2):after {
  content: "\0049\0054\0046\306E\3054\7D39\4ECB"; }

#about {
  background: url(/img/top/bg_about.jpg) no-repeat 0 0;
  background-position: top center;
  background-size: cover; }
  #about h2 {
    color: #fff;
    font-weight: 900;
    letter-spacing: 1.5px;
    line-height: 1.8;
    margin-bottom: 2.0rem; }
    #about h2 span {
      color: #41bbfb; }
  #about p {
    color: #fff;
    line-height: 2.2; }
    @media only screen and (max-width: 767px) {
      #about p {
        font-size: 14px;
        text-align: left; } }
  #about .flex {
    align-items: center; }
    #about .flex > div {
      width: 49%; }
      @media only screen and (max-width: 767px) {
        #about .flex > div {
          width: 100%;
          text-align: center; } }
      #about .flex > div img {
        max-width: 100%; }
        @media only screen and (max-width: 767px) {
          #about .flex > div img {
            max-width: 320px;
            margin-top: 3.0rem; } }
  #about .more a {
    color: #fff;
    border-color: #fff; }
    #about .more a:before {
      border-color: #fff; }
  #about dl {
    color: #fff; }
    #about dl dt {
      font-weight: bold; }
      @media only screen and (max-width: 767px) {
        #about dl dt {
          text-align: left; } }
      #about dl dt span {
        display: inline-block;
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 2.4rem;
        letter-spacing: 2px;
        margin-right: 10px; }
    #about dl dd {
      font-size: 1.5rem;
      padding-left: 40px;
      line-height: 1.8;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        #about dl dd {
          padding-left: 0;
          text-align: left; } }

#message {
  padding-bottom: 0; }
  #message h3 {
    text-align: center;
    font-size: 2.4rem;
    margin: 4.0rem 0 3.0rem 0;
    letter-spacing: 2px; }
    #message h3 span {
      color: #41bbfb; }
  #message p {
    text-align: center;
    line-height: 2; }