@charset "utf-8";

/************************************
    contents_page
*************************************/
    .mainPage { position: relative; background: url(/images/myerp/T202200015/front/mainContent.png) no-repeat; background-position: top center; max-width: 1920px; margin: 0 auto; }

    /*headerTopBtn*/
    .btnWrap_ .btn { border-color: #7F6CCC; background: #fff; color: #7F6CCC; }
    .btnWrap_ .btn:last-child { border-color: #7F6CCC; background: #7F6CCC; color: #fff; }

    /*section height*/
    .section { position: relative; }
    .mainPage .section01 { height: 770px; }
    .mainPage .section02 { height: 757px; }
    .mainPage .section03 { height: 720px; }
    .mainPage .section04 { height: 664px; }
    .mainPage .section05 { height: 708px; }
    
    /*button position*/
    .mainPage .guideBtn { position: absolute; cursor: pointer; }
    .mainPage .section02 .guideBtn { bottom: 70px; left: 50%; transform: translateX(-468px); }
    .mainPage .section04 .guideBtn { bottom: 120px; left: 50%; transform: translateX(-500px);  }
    .mainPage .section05 .guideBtn { bottom: 115px; left: 50%; transform: translateX(-50%); }
  
    @media screen and (max-width: 640px) {
        .mainPage { background-size: 640px; }
        .mainPage .section01 { height: 258px; }
        .mainPage .section02 { height: 250px; }
        .mainPage .section03 { height: 240px; }
        .mainPage .section04 { height: 220px; }
        .mainPage .section05 { height: 238px; }
        .mainPage .section02 .guideBtn { bottom: 16px; transform: translateX(-158px); width: 90px; }
        .mainPage .section04 .guideBtn { bottom: 34px; transform: translateX(-166px); width: 85px; }
        .mainPage .section05 .guideBtn { bottom: 40px; width: 60px; }
    }