@charset "utf-8";

/*-------------------------
  画面幅（768px以上）の場合
-------------------------*/
@media screen and (min-width: 768px) {

    /* 内容（全体） */
    .contents {
        padding-top: 80px;
        height: calc(100% - 74px);
    }

    /* メイン */
    .contents-main {
        width: 90%;
        max-width: 1000px;
        margin: 0px auto;
        border-radius: 20px;
        box-shadow: 0 0 15px rgb(238, 238, 238);
    }
}

/*-------------------------
  画面幅（767px以下）の場合
-------------------------*/
@media screen and (max-width: 767px) {

    /* 内容（全体） */
    .contents {
        height: 100%;
    }

    /* メイン */
    .contents-main {
        margin: 0px;
    }

    .contents-body {
        padding-bottom: 74px;
    }

    .txt-form {
        padding-left: 15px;
    }
}

/*-------------------------
  画面幅の制限なし
-------------------------*/
html {
    height: 100%;
}

body {
    height: calc(100% - 74px);
}



.contents-main {
    height: 100%;
    padding: 5% 0px;
    background-color: white;
    text-align: center;
    min-height: 600px;
}

.contents-body {
    height: 100%;
}

/* ログイン画面へボタン */
.login-transition-btn {
    width: 90%;
    max-width: 300px;
}