/*--------------------------------------------------------------------------
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 #scrapbuild {
  padding: 100px 0 0; }
  main #scrapbuild .visual .visual-copy {
    top: 85px; }
  main #scrapbuild h1 {
    background: url(../../culture/scrapbuild/images/h1-scrapbuild.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #scrapbuild #visual-scrapbuild {
    background: url(../../culture/scrapbuild/images/visual-scrapbuild.jpg) 50% 50% no-repeat;
    background-size: cover; }
main #onestop {
  padding: 200px 0 0; }
  main #onestop .visual .visual-copy {
    top: 85px; }
  main #onestop h1 {
    background: url(../../culture/scrapbuild/images/h1-onestop.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #onestop #visual-onestop {
    background: url(../../culture/scrapbuild/images/visual-onestop.jpg) 50% 50% no-repeat;
    background-size: cover; }
main #teamwork {
  padding: 200px 0 0; }
  main #teamwork .visual .visual-copy {
    top: 85px; }
  main #teamwork h1 {
    background: url(../../culture/scrapbuild/images/h1-teamwork.png) 0 0 no-repeat;
    background-size: auto 15px; }
  main #teamwork #visual-teamwork {
    background: url(../../culture/scrapbuild/images/visual-teamwork.jpg) 50% 50% no-repeat;
    background-size: cover; }
main #fun {
  padding: 100px 0 0;
  text-align: center; }
  main #fun h1 {
    background: url(../../culture/fun/images/h1-fun.png) 0 0 no-repeat;
    background-size: auto 15px;
    text-align: left; }
  main #fun #fun-base {
    height: 1700px;
    margin: 0 auto;
    position: relative; }
  main #fun .image {
    position: absolute; }
    main #fun .image img {
      height: auto;
      width: 100%; }
    main #fun .image span {
      background: url(../../culture/fun/images/mask.png) 0 0 repeat;
      display: block;
      height: 100%;
      position: absolute;
      width: 100%; }
  main #fun #image1 {
    left: 17px;
    top: 20px;
    width: 410px; }
  main #fun #image2 {
    left: 460px;
    top: 166px;
    width: 332px; }
  main #fun #image3 {
    left: 70px;
    top: 540px;
    width: 928px; }
  main #fun #image4 {
    left: 78px;
    top: 1012px;
    width: 991px; }
  main #fun #fun1 {
    left: 484px;
    top: 0;
    width: 332px; }
  main #fun #fun2 {
    left: 46px;
    top: 440px;
    width: 464px; }
  main #fun #fun3 {
    left: 626px;
    top: 896px;
    width: 388px; }
  main #fun #fun4 {
    left: 0;
    top: 1288px;
    width: 380px; }
  main #fun #hello {
    left: 856px;
    top: 90px;
    width: 133px; }

/*========================================================================*/
@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 #scrapbuild .visual .visual-copy {
    height: 110px;
    top: 95px; }
  main #scrapbuild p img {
    height: auto;
    width: 100%; }
  main #onestop .visual .visual-copy {
    height: 110px;
    top: 95px; }
  main #onestop p img {
    height: auto;
    width: 100%; }
  main #teamwork .visual .visual-copy {
    height: 110px;
    top: 95px; }
  main #teamwork p img {
    height: auto;
    width: 100%; } }
/*========================================================================*/
@media screen and (max-width: 1050px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main #fun {
    padding: 100px 0 0; }
    main #fun #fun-base {
      height: 1170px;
      width: 685px; }
    main #fun #image1 {
      left: 0;
      top: 16px;
      width: 287px; }
    main #fun #image2 {
      left: 323px;
      top: 115px;
      width: 232px; }
    main #fun #image3 {
      left: 48px;
      top: 377px;
      width: 650px; }
    main #fun #image4 {
      left: 55px;
      top: 710px;
      width: 694px; }
    main #fun #fun1 {
      left: 337px;
      top: 0;
      width: 232px; }
    main #fun #fun2 {
      left: 28px;
      top: 307px;
      width: 325px; }
    main #fun #fun3 {
      left: 440px;
      top: 627px;
      width: 272px; }
    main #fun #fun4 {
      left: 0;
      top: 900px;
      width: 266px; }
    main #fun #hello {
      left: 602px;
      top: 64px;
      width: 93px; } }
/*========================================================================*/
@media screen and (max-width: 768px) {
  /*--------------------------------------------------------------------------
  main
  --------------------------------------------------------------------------*/
  main .section p {
    font-size: 12px;
    margin: 30px 0 0; }
  main #scrapbuild {
    padding: 0; }
    main #scrapbuild .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #scrapbuild .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #scrapbuild .visual .visual-copy p {
          font-size: 13px; }
    main #scrapbuild h1 {
      background: url(../../culture/scrapbuild/images/h1-scrapbuild.png) 0 0 no-repeat;
      background-size: auto 12px; }
  main #onestop {
    padding: 100px 0 0; }
    main #onestop .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #onestop .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #onestop .visual .visual-copy p {
          font-size: 13px; }
    main #onestop h1 {
      background: url(../../culture/scrapbuild/images/h1-onestop.png) 0 0 no-repeat;
      background-size: auto 12px; }
  main #teamwork {
    padding: 100px 0 0; }
    main #teamwork .visual {
      height: 150px;
      margin: 50px 0 30px; }
      main #teamwork .visual .visual-copy {
        height: 50px;
        top: 50px; }
        main #teamwork .visual .visual-copy p {
          font-size: 13px; }
    main #teamwork h1 {
      background: url(../../culture/scrapbuild/images/h1-teamwork.png) 0 0 no-repeat;
      background-size: auto 12px; }
  main #fun {
    padding: 0; }
    main #fun h1 {
      background: url(../../culture/fun/images/h1-fun.png) 0 0 no-repeat;
      background-size: auto 12px; }
    main #fun #fun-base {
      height: 550px;
      width: 320px; }
    main #fun #image1 {
      left: 6px;
      top: 6px;
      width: 131px; }
    main #fun #image2 {
      left: 148px;
      top: 52px;
      width: 106px; }
    main #fun #image3 {
      left: 23px;
      top: 170px;
      width: 297px; }
    main #fun #image4 {
      left: 27px;
      top: 325px;
      width: 317px; }
    main #fun #fun1 {
      left: 148px;
      top: 0;
      width: 106px; }
    main #fun #fun2 {
      left: 14px;
      top: 140px;
      width: 149px; }
    main #fun #fun3 {
      left: 200px;
      top: 287px;
      width: 124px; }
    main #fun #fun4 {
      left: 0;
      top: 420px;
      width: 122px; }
    main #fun #hello {
      left: 274px;
      top: 26px;
      width: 42px; } }
/*========================================================================*/

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