/* .img-wrapper {
    height: 400px !important;
    padding: 20px;
    overflow: hidden;
    width: 100%;
}

.img-wrapper img {
    height: 100%;
    width: 100%;
    border-radius: 4px;
}

.card {
    overflow: hidden;
} */

.btn-primary {
    background: #016d05 !important;
    border-radius: 4px;
    width: 135px;
    height: 40px;
    flex-shrink: 0;
    border: 0;
}

.btn-secondary {
    background-color: #0019ff !important;
    border-radius: 4px;
    width: 135px;
    height: 40px;
    flex-shrink: 0;
    border: 0;
    color: white;
}

.btn-primary a {
    color: white;
}

.btn-dark a {
    color: white;
}

.pagination-navigator {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.page-title-overlap {
    background: #016d05 !important;
}

.footer {
    background: #016d05 !important;
}

.navbar-light .nav-item.active .nav-link:not(.disabled) > i,
.navbar-light .nav-item.show .nav-link:not(.disabled) > i,
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) > i,
.navbar-light .nav-item.active .nav-link:not(.disabled),
.navbar-light .nav-item.show .nav-link:not(.disabled),
.navbar-light .nav-item.dropdown .nav-link:focus:not(.disabled) {
    color: #016d05 !important;
}

.active {
    color: #016d05 !important;
}

.form-check-input:checked {
    background-color: #016d05 !important;
    border-color: #016d05 !important;
}

/* pagination */
body
    > main
    > main
    > div.container.pb-5.mb-2.mb-md-4
    > div
    > section
    > nav
    > ul:nth-child(2)
    > li.page-item.active.d-none.d-sm-block
    > span {
    background: #016d05 !important;
    border: 1px solid #016d05 !important;
}

/* step */
.step-label {
    color: #ffffff !important;
}

/* .btn-primary:hover,
.btn-primary:focus {
    background-color: #ff5a5a !important;
}

.no-found {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70vh;
} */

.input-file .preview {
    background-image: url(/hoge.jpg);
}
.input-file input[type="file"] {
    opacity: 0;
}

.card {
    margin: 0 0.5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
}

.fixed-ratio {
    width: 100%;
    height: 200px; /* 画像の固定高さを設定 */
    object-fit: cover; /* 画像をアスペクト比を保ったままボックスに収める */
}