@charset "utf-8";

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

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

    /*section height*/
    .mainPage .section { position: relative; }
    .mainPage .section01 { height: 770px; }
    .mainPage .section02 { height: 894px; }
    .mainPage .section03 { height: 680px; }
    .mainPage .section04 { height: 800px; }
    .mainPage .section05 { height: 796px; }

    /*button position*/
    .mainPage .guideBtn { position: absolute; cursor: pointer; }
    .mainPage .section02 .guideBtn { bottom: 158px; left: 50%; transform: translateX(6px); }
    .mainPage .section04 .guideBtn { bottom: 160px; left: 50%; transform: translateX(0px); }
    .mainPage .section05 .guideBtn { bottom: 210px; left: 50%; transform: translateX(-512px); }

    @media screen and (max-width: 640px) {
        .mainPage { background-size: 640px; }
        .mainPage .section01 { height: 258px; }
        .mainPage .section02 { height: 296px; }
        .mainPage .section03 { height: 228px; }
        .mainPage .section04 { height: 262px; }
        .mainPage .section05 { height: 270px; }
        .mainPage .section02 .guideBtn { bottom: 50px; transform: translateX(0px); width: 90px; }
        .mainPage .section04 .guideBtn { bottom: 48px; transform: translateX(0px); width: 85px; }
        .mainPage .section05 .guideBtn { bottom: 68px; transform: translateX(-170px); width: 84px; }
    }