/*--------------------------------------------------------------------------
main
--------------------------------------------------------------------------*/
main .section p {
  color: #4c4c4c;
  font-size: 19px;
  font-weight: 300;
  margin: 50px 0 0; }
main .visual {
  height: 300px;
  margin: 100px 0 70px;
  position: relative;
  width: 1000px; }
  main .visual .visual-copy {
    position: absolute;
    left: 0;
    top: 85px;
    width: 100%; }
    main .visual .visual-copy p {
      color: #fff;
      font-size: 30px;
      font-weight: 700;
      margin: 0;
      text-align: center; }
main #question {
  padding: 100px 0 0; }
  main #question .visual .visual-copy {
    top: 50px; }
  main #question h1 {
    background: url(../../workplace/images/h1-question.png) 0 0 no-repeat;
    background-size: auto 18px; }
  main #question #visual-question {
    background: url(../../workplace/images/visual-question.jpg) 50% 50% no-repeat;
    background-size: cover; }
main #case {
  padding: 200px 0 0; }
  main #case .visual .visual-copy {
    top: 85px; }
  main #case h1 {
    background: url(../../workplace/images/h1-case.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #case #visual-case {
    background: url(../../workplace/images/visual-case.jpg) 50% 50% no-repeat;
    background-size: cover; }
main #career {
  padding: 200px 0 0; }
  main #career .visual .visual-copy {
    top: 85px; }
  main #career h1 {
    background: url(../../workplace/images/h1-career.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #career #visual-career {
    background: url(../../workplace/images/visual-career.jpg) 50% 50% no-repeat;
    background-size: cover; }
main #goal {
  padding: 100px 0 0; }
  main #goal .visual .visual-copy {
    top: 85px; }
  main #goal h1 {
    background: url(../../workplace/images/h1-goal.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #goal #visual-goal {
    background: url(../../workplace/images/visual-goal.jpg) 50% 50% no-repeat;
    background-size: cover; }

/*========================================================================*/
@media screen and (max-width: 1200px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main .section p {
    font-size: 16px;
    margin: 50px 0 0; }
  main .visual {
    height: 300px;
    width: 100%; }
    main .visual .visual-copy {
      top: 85px;
      width: 100%; }
      main .visual .visual-copy p {
        font-size: 26px; }
  main #question {
    padding: 100px 0 0; }
    main #question .visual .visual-copy {
      height: 150px;
      top: 75px; }
    main #question p img {
      height: auto;
      width: 100%; }
  main #case {
    padding: 200px 0 0; }
    main #case .visual .visual-copy {
      height: 110px;
      top: 95px; }
    main #case p img {
      height: auto;
      width: 100%; }
  main #career {
    padding: 200px 0 0; }
    main #career .visual .visual-copy {
      height: 110px;
      top: 95px; }
    main #career p img {
      height: auto;
      width: 100%; }
  main #goal {
    padding: 200px 0 0; }
    main #goal .visual .visual-copy {
      height: 110px;
      top: 95px; }
    main #goal p img {
      height: auto;
      width: 100%; } }
/*========================================================================*/
@media screen and (max-width: 768px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main .section p {
    font-size: 12px;
    margin: 30px 0 0; }
  main #question {
    padding: 0; }
    main #question .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #question .visual .visual-copy {
        height: 80px;
        top: 35px; }
        main #question .visual .visual-copy p {
          font-size: 13px; }
    main #question h1 {
      background: url(../../workplace/images/h1-question.png) 0 0 no-repeat;
      background-size: auto 14px; }
  main #case {
    padding: 100px 0 0; }
    main #case .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #case .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #case .visual .visual-copy p {
          font-size: 13px; }
    main #case h1 {
      background: url(../../workplace/images/h1-case.png) 0 0 no-repeat;
      background-size: auto 12px; }
  main #career {
    padding: 100px 0 0; }
    main #career .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #career .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #career .visual .visual-copy p {
          font-size: 13px; }
    main #career h1 {
      background: url(../../workplace/images/h1-career.png) 0 0 no-repeat;
      background-size: auto 12px; }
  main #goal {
    padding: 0; }
    main #goal .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #goal .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #goal .visual .visual-copy p {
          font-size: 13px; }
    main #goal h1 {
      background: url(../../workplace/images/h1-goal.png) 0 0 no-repeat;
      background-size: auto 12px; } }
/*========================================================================*/

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