/*--------------------------------------------------------------------------
main
--------------------------------------------------------------------------*/
main {
  padding: 100px 0 100px !important; }
  main #info {
    margin: 100px 0 0;
    text-align: center; }
    main #info h1 {
      background: url(../../info/images/h1-info.png) 0 0 no-repeat;
      background-size: auto 15px;
      text-align: left; }
    main #info h2 {
      text-align: left; }
    main #info #head-career {
      margin: 150px 0 0; }
    main #info dl {
      color: #656565;
      letter-spacing: 0.2em;
      font-size: 19px;
      text-align: left; }
      main #info dl dt {
        font-weight: 700;
        padding: 80px 0 0; }
      main #info dl dd {
        font-weight: 300;
        padding: 20px 0 0; }
      main #info dl dd span {
        font-weight: 500; }
      main #info dl dd ul li {
        text-indent: -1.2em;
        padding-left: 1.2em; }
    main #info dl.first {
      padding: 20px 0 0; }
    main #info #flow dd {
      padding: 10px 0 0; }
    main #info #flow dd:nth-child(2) {
      padding: 30px 0 0; }
    main #info #contact dd {
      padding: 30px 0 0; }
    main #info .button {
      font-size: 16px;
      margin: 70px auto 0;
      padding: 7px 75px 7px 25px; }

/*========================================================================*/
@media screen and (max-width: 1200px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main #info dl {
    font-size: 16px; } }
/*========================================================================*/
@media screen and (max-width: 768px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main {
    padding: 100px 0 50px !important; }
    main #info {
      margin: 0; }
      main #info h1 {
        background: url(../../info/images/h1-info.png) 0 0 no-repeat;
        background-size: auto 12px; }
      main #info h2 {
        font-size: 14px;
        margin: 70px 0 0; }
      main #info #head-career {
        margin: 100px 0 0; }
      main #info dl {
        font-size: 12px; }
        main #info dl dt {
          padding: 50px 0 0; }
        main #info dl dd {
          padding: 10px 0 0; }
      main #info dl.first {
        padding: 0 0 0; }
      main #info #flow dd {
        padding: 5px 0 0; }
      main #info #flow dd:nth-child(2) {
        padding: 15px 0 0; }
      main #info #contact dd {
        padding: 15px 0 0; } }
/*========================================================================*/

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