h3 {
  font-size: 1.3125em;
  line-height: 2.4em;
  letter-spacing: 0.050em;
  margin-bottom: 2.619047619em; }
  @media screen and (max-width: 767px) {
    h3 {
      font-size: 1.1875em; } }

#main-contents {
  padding-top: 16.25em; }
  @media screen and (max-width: 767px) {
    #main-contents {
      padding-top: 8.0357142857em; } }

#concept {
  margin-bottom: 11.875em;
  text-align: center; }
  #concept .conextion {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 5.625em; }
    #concept .conextion .typo {
      display: flex;
      justify-content: center;
      font-size: 1.3125em;
      height: 3.625em; }
      #concept .conextion .typo dl {
        position: relative; }
        #concept .conextion .typo dl:not(:last-child) {
          margin-right: 0.5em; }
        #concept .conextion .typo dl dt {
          font-family: 'Roboto', sans-serif;
          font-size: 1.75em;
          line-height: 1em;
          letter-spacing: 0;
          font-weight: bold;
          -webkit-transition: -webkit-transform 0.5s;
          -moz-transition: -moz-transform 0.5s;
          transition: transform 0.5s;
          transform: scale(0); }
        #concept .conextion .typo dl dd {
          font-size: 0.625em;
          line-height: 1em;
          letter-spacing: 0.05em;
          position: absolute;
          top: 3.2em;
          left: 50%;
          transform: translateX(-50%);
          white-space: nowrap;
          text-align: center;
          opacity: 0;
          -webkit-transition: opacity 0.5s, top 0.5s;
          -moz-transition: opacity 0.5s, top 0.5s;
          transition: opacity 0.5s, top 0.5s; }
        #concept .conextion .typo dl:nth-child(0) dt, #concept .conextion .typo dl:nth-child(0) dd {
          transition-delay: 0s; }
        #concept .conextion .typo dl:nth-child(1) dt, #concept .conextion .typo dl:nth-child(1) dd {
          transition-delay: 0.25s; }
        #concept .conextion .typo dl:nth-child(2) dt, #concept .conextion .typo dl:nth-child(2) dd {
          transition-delay: 0.5s; }
        #concept .conextion .typo dl:nth-child(3) dt, #concept .conextion .typo dl:nth-child(3) dd {
          transition-delay: 0.75s; }
        #concept .conextion .typo dl:nth-child(4) dt, #concept .conextion .typo dl:nth-child(4) dd {
          transition-delay: 1s; }
        #concept .conextion .typo dl:nth-child(5) dt, #concept .conextion .typo dl:nth-child(5) dd {
          transition-delay: 1.25s; }
        #concept .conextion .typo dl:nth-child(6) dt, #concept .conextion .typo dl:nth-child(6) dd {
          transition-delay: 1.5s; }
        #concept .conextion .typo dl:nth-child(7) dt, #concept .conextion .typo dl:nth-child(7) dd {
          transition-delay: 1.75s; }
    #concept .conextion .txt02 {
      font-size: 1em;
      line-height: 1.96875em;
      margin-top: 2.5em;
      opacity: 0;
      transform: translateY(-0.625em);
      -webkit-transition: opacity 0.5s 2s, -webkit-transform 0.5s 2s;
      -moz-transition: opacity 0.5s 2s, -moz-transform 0.5s 2s;
      transition: opacity 0.5s 2s, transform 0.5s 2s; }
    #concept .conextion._do_anim .typo dl dt {
      transform: scale(1); }
    #concept .conextion._do_anim .typo dl dd {
      opacity: 1;
      top: 4.2em; }
    #concept .conextion._do_anim .txt02 {
      opacity: 1;
      transform: translateY(0); }
  @media screen and (max-width: 767px) {
    #concept .conextion {
      font-size: 0.8em; } }

#echizenshi {
  text-align: center;
  margin-bottom: 5.625em; }
  #echizenshi .txt01 {
    margin-bottom: 8.125em; }
  #echizenshi .place {
    width: 9.4375em;
    margin-bottom: 4.5em; }
  #echizenshi .photos {
    display: flex;
    justify-content: center;
    margin: auto;
    max-width: 100%;
    width: 66.6875em; }
    #echizenshi .photos .p_item {
      width: 32.3336457357%; }
      #echizenshi .photos .p_item:not(:last-child) {
        margin-right: 1.4995313964%; }
      #echizenshi .photos .p_item img {
        width: 100%; }