/* 共通デザイン */
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #8fbbfd;
    --bs-btn-border-color: #8fbbfd;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #276bd1;
    --bs-btn-hover-border-color: #2f6ac2;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2f6ac2;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #8fbbfd;
    --bs-btn-disabled-border-color: #8fbbfd;
}

.btn-success {
    --bs-btn-color: #fff;
    --bs-btn-bg: #56a17e;
    --bs-btn-border-color: #56a17e;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2d6d4f;
    --bs-btn-hover-border-color: #236647;
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #236647;
    --bs-btn-active-border-color: #2d664b;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #56a17e;
    --bs-btn-disabled-border-color: #56a17e;
}

.header {
    height: 90px;
}

.border-top-image {
    border-top: 10px solid #abc6ff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Chrome, Safari */
}

.w100 {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    /* Firefox */
    -webkit-box-sizing: border-box;
    /* Chrome, Safari */
}

/* ロゴ画像真ん中寄せ */
#logo img {
    display: block;
    margin: 0 auto;
}

/* tableデザイン */
.ta1 th {
    width: auto;
}


/* buttonデザイン */

.bn39 {
    background-image: linear-gradient(135deg, #008aff, #86d472);
    border-radius: 6px;
    box-sizing: border-box;
    color: #767676;
    display: block;
    height: 50px;
    font-size: 1.4em;
    font-weight: 600;
    padding: 4px;
    position: relative;
    text-decoration: none;
    width: 7em;
    z-index: 2;
}

.bn39:hover {
    color: #fff;
}

.bn39 .bn39span {
    align-items: center;
    background: #fff;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    height: 100%;
    transition: background 0.5s ease;
    width: 100%;
}

.bn39:hover .bn39span {
    background: transparent;
}