#Main {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 769px) {
    #Main {
      padding: 100px 0; } }
  @media screen and (max-width: 768px) {
    #Main {
      padding: 60px 0 40px; } }
  #Main h1 {
    width: 100%;
    text-align: center;
    line-height: 1.2;
    font-weight: 500; }
    @media screen and (min-width: 769px) {
      #Main h1 {
        margin-bottom: 50px;
        font-size: 28px; } }
    @media screen and (max-width: 768px) {
      #Main h1 {
        margin-bottom: 20px;
        font-size: 18px; } }
  #Main figure {
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover; }
    @media screen and (min-width: 769px) {
      #Main figure {
        height: 600px;
        margin-bottom: 100px; } }
    @media screen and (max-width: 768px) {
      #Main figure {
        height: 200px;
        margin-bottom: 50px; } }

section {
  position: relative; }
  section:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #494544; }
  section:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0; }
    section:last-of-type:after {
      display: none; }
  @media screen and (min-width: 769px) {
    section {
      padding-bottom: 140px;
      margin-bottom: 140px; }
      section:after {
        width: 70px;
        height: 7px; } }
  @media screen and (max-width: 768px) {
    section {
      padding-bottom: 65px;
      margin-bottom: 65px; }
      section:after {
        width: 35px;
        height: 3px; } }
  section h2 {
    text-align: center;
    line-height: 1.2;
    font-weight: 500; }
    @media screen and (min-width: 769px) {
      section h2 {
        margin-bottom: 50px;
        font-size: 28px; } }
    @media screen and (max-width: 768px) {
      section h2 {
        margin-bottom: 25px;
        font-size: 18px; } }
  section h3 {
    text-align: center;
    line-height: 1.2;
    font-weight: 500; }
    @media screen and (min-width: 769px) {
      section h3 {
        margin-bottom: 10px;
        font-size: 16px; } }
    @media screen and (max-width: 768px) {
      section h3 {
        margin-bottom: 10px;
        font-size: 14px; } }
  section p {
    text-align: center;
    line-height: 2.2;
    font-weight: 500; }
    section p a {
      text-decoration: underline; }
      section p a.isHover {
        text-decoration: none; }
    @media screen and (min-width: 769px) {
      section p {
        margin-bottom: 20px;
        font-size: 14px; }
        section p:last-of-type {
          margin-bottom: 0; }
        section p br.sp {
          display: none; } }
    @media screen and (max-width: 768px) {
      section p {
        padding: 0 20px 20px;
        font-size: 11px; }
        section p:last-of-type {
          padding-bottom: 0; } }
  section .map {
    width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
    padding: 30px 0 56.25%;
    margin-bottom: 60px; }
    section .map iframe, section .map object, section .map embed {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0; }

/*# sourceMappingURL=about.css.map */