main#contents {
    margin: 100px 0 80px 0;
}

.hissu::after {
    content: "*";
    color: #f00;
}

hr.dashed {
    border: none;
    border-top: 1px dashed black;
}

hr.dashed.light {
    border-color: white;
}

#pageTop {
    position: fixed;
    bottom: 90px;
    right: 30px;
    z-index: 2222;
    opacity: 0.4;
}

#pageTop a {
    display: block;
    padding: 10px 0px 0px 0px;
    border-radius: 40px;
    width: 45px;
    height: 45px;
    background-color: #9FD6D2;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

#pageTop:hover {
    opacity: 1.0;
}

.label-form {
    min-width: 160px !important;
    /* text-align: right; */
    font-size: 1.0rem;
    font-weight: bold;
}

::placeholder {
    color: #ccc !important;
}
.is-invalid::placeholder {
    color: #555 !important;
}

.hogosha-form.disabled {
    color: #ccc !important;
}

.comment-text {
    color: #888;
}

.comment-text-sm {
    font-size: 0.8rem;
}

.offcanvas-menu-link-item {
    text-decoration: none;
    color: #fff;
    margin-left: 1rem;
}
.offcanvas-menu-link-item:hover {
    color: rgba(255,193,7, 1.0);
}
.offcanvas {
    z-index: 2147483648 !important;
}

.mail-recieved {
    display: none;
}

.mail-recieved.unknown {
    display: block;
    color: rgba(255,193,7, 1.0);
}

.mail-recieved-icon::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230D6EFD' class='bi bi-patch-check-fill' viewBox='0 0 16 16'%3E%3Cpath d='M10.067.87a2.89 2.89 0 0 0-4.134 0l-.622.638-.89-.011a2.89 2.89 0 0 0-2.924 2.924l.01.89-.636.622a2.89 2.89 0 0 0 0 4.134l.637.622-.011.89a2.89 2.89 0 0 0 2.924 2.924l.89-.01.622.636a2.89 2.89 0 0 0 4.134 0l.622-.637.89.011a2.89 2.89 0 0 0 2.924-2.924l-.01-.89.636-.622a2.89 2.89 0 0 0 0-4.134l-.637-.622.011-.89a2.89 2.89 0 0 0-2.924-2.924l-.89.01zm.287 5.984-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 8.793l2.646-2.647a.5.5 0 0 1 .708.708'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: rgba(13,110,253, 1.0); /* #0D6EFD */
}
.mail-recieved-icon.unknown::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23FFC107' class='bi bi-patch-question-fill' viewBox='0 0 16 16'%3E%3Cpath d='M5.933.87a2.89 2.89 0 0 1 4.134 0l.622.638.89-.011a2.89 2.89 0 0 1 2.924 2.924l-.01.89.636.622a2.89 2.89 0 0 1 0 4.134l-.637.622.011.89a2.89 2.89 0 0 1-2.924 2.924l-.89-.01-.622.636a2.89 2.89 0 0 1-4.134 0l-.622-.637-.89.011a2.89 2.89 0 0 1-2.924-2.924l.01-.89-.636-.622a2.89 2.89 0 0 1 0-4.134l.637-.622-.011-.89a2.89 2.89 0 0 1 2.924-2.924l.89.01zM7.002 11a1 1 0 1 0 2 0 1 1 0 0 0-2 0m1.602-2.027c.04-.534.198-.815.846-1.26.674-.475 1.05-1.09 1.05-1.986 0-1.325-.92-2.227-2.262-2.227-1.02 0-1.792.492-2.1 1.29A1.7 1.7 0 0 0 6 5.48c0 .393.203.64.545.64.272 0 .455-.147.564-.51.158-.592.525-.915 1.074-.915.61 0 1.03.446 1.03 1.084 0 .563-.208.885-.822 1.325-.619.433-.926.914-.926 1.64v.111c0 .428.208.745.585.745.336 0 .504-.24.554-.627'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    color: rgba(255,193,7, 1.0); /* #FFC107 */
}

@media print{
    footer {
        display: none;
    }
}

a.footer-button-item {
    text-decoration: none;
}
a.footer-button-item:link,
a.footer-button-item:visited,
a.footer-button-item:hover,
a.footer-button-item:active,
a.footer-button-item:focus {
    color: transparent;
}

/*for SP*/
@media screen and (max-width:768px) {
    .fs-sm {
        font-size: 0.5rem;
    }
    .fs-md {
        font-size: 0.7rem;
    }
    .fs-lg {
        font-size: 1rem;
    }
}

/*for tablet*/
@media screen and (min-width:768px) and (max-width:1024px) {
    .fs-sm {
        font-size: 1rem;
    }
    .fs-md {
        font-size: 1rem;
    }
    .fs-lg {
        font-size: 1rem;
    }
}

/*for PC*/
@media screen and (min-width:1024px) {
    .fs-sm {
        font-size: 1rem;
    }
    .fs-md {
        font-size: 1rem;
    }
    .fs-lg {
        font-size: 1rem;
    }
}