@charset "UTF-8";

h1, h2, h3, h4, h5,
dt,
button{
    text-transform:capitalize;
}

p::first-letter,
div::first-letter,
span::first-letter{
   text-transform:capitalize; 
}

h1 {
    margin: 30px 0px;
    color: orangered;
}

.f2vw {
    font-size: 2vw;
}

.bg-deepblue {
    background: #0062cc;
}

.bg-orange {
    background: #fd7e14;
}

.text-sz-07rem {
    font-size: 0.7rem
}

.text-sz-5rem {
    font-size: 1.5rem
}

.shadow {
    box-shadow: 0 0 8px gray;
}

.toggleExpand {
    transform: rotate(45deg);
    font-size: 1.5rem;
    border: none;
}

.btn.focus.toggleExpand,
.toggleExpand.btn:focus {
    box-shadow: initial;
}

.close {
    transform: rotate(0deg);
}

button:focus {
    outline: none;
}

#register_an_email .form-control:focus {
    box-shadow: none;
    background: rgb(179, 234, 239);
}

#register_an_email form div:has(.form-control:focus) {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
    background: rgb(179, 234, 239);
}

.card .card-header a[data-toggle="collapse"] {
    display: block;
    padding: .75rem 1.25rem;
    margin: -.75rem -1.25rem;
}

.card .card-header a[data-toggle="collapse"]:active,
.card .card-header a[data-toggle="collapse"]:hover,
.card .card-header a[data-toggle="collapse"]:focus {
    text-decoration: none; //リンクテキストの下線を消す
}


.card-header > h5 {
    margin-bottom: 0;
}

.card-body dl {
    margin: 0;
    padding: 0;
}

.custom-file-label::after:hover {
    cursor: pointer;
}

.custom-file-label::after {
    content: "ファイル選択" !important;
    font-size: 90%;
}

.dropdown-menu{
    padding: 0;
}
.dropdown-item:focus,
.dropdown-item:hover{
    background: #ade9ff;
}

#langDropdown .btn{
    padding: 0;
    width: 58px;
    
}

#langDropdown .btn-secondary{
    background: rgba(255, 255, 255, 0);
    color: gray;
    border: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

.br {
    display: none;
}

@media (max-width: 576px) {
.br {
        display: block;
    }
}