@charset "utf-8";

p {
    margin-bottom: 0 !important;
}

.hoshinosato-modal {
    background-color: rgba(0, 0, 0, 0) !important;
    border: 0px !important;
}

.hoshinosato-header {
    border: 0px !important;
}

.hoshinosato-body {
    border-radius: 20px !important;
    overflow: hidden !important;
}

.em-sm {
    font-size: 1.25em;
}

.em-md {
    font-size: 1.5em;
}


.em-lg {
    font-size: 2em;
}

.em-xxl {
    font-size: 4em;
}


.modalFontFamily {
    font-family: "HG丸ゴシックM-PRO", "HGMaruGothicMPRO",
        "Yu Gothic", "Hiragino Kaku Gothic ProN",
        "メイリオ", sans-serif;
}


.fuchidori {
    color: white;
    -webkit-text-stroke: 1px #F8931F;
}

.marker {
    background: linear-gradient(transparent 75%, #FEB39F 60%);
    display: inline;
}

.linkDark {
    color: #5E382C;
    border: 1px #5E382C solid;
    text-decoration: none;
}


.object-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.part01TextPosition {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;

}

@media (max-width: 379.98px) {
    .modalSize-xl {
        max-width: 100% !important;
    }

    .modalFontSize {
        font-size: 9px;
    }

    .letterSpace-em {
        letter-spacing: 0.2em;
    }

    .h-em {
        height: 2em;
    }

    .em-sm {
        font-size: 1em;
    }

    .em-md {
        font-size: 1.25em;
    }

    .em-lg {
        font-size: 1.75em;
    }

    .em-xxl {
        font-size: 2.25em;
    }

    .part02Position {

        right: -70px;
        width: 60px;
    }
}


@media (min-width: 380px) and (max-width: 449.98px) {
    .modalSize-xl {
        max-width: 100% !important;
    }

    .modalFontSize {
        font-size: 10px;
    }

    .letterSpace-em {
        letter-spacing: 0.2em;
    }

    .h-em {
        height: 2em;
    }

    .em-sm {
        font-size: 1em;
    }

    .em-md {
        font-size: 1.25em;
    }

    .em-lg {
        font-size: 1.75em;
    }

    .em-xxl {
        font-size: 2.25em;
    }

    .part02Position {

        right: -70px;
        width: 60px;
    }

}


@media (min-width: 450px) and (max-width: 575.98px) {
    .modalSize-xl {
        max-width: 100% !important;
    }

    .modalFontSize {
        font-size: 10px;
    }

    .h-em {
        height: 2em;
    }

    .em-sm {
        font-size: 1em;
    }

    .em-md {
        font-size: 1.5em;
    }

    .em-lg {
        font-size: 2em;
    }

    .em-xxl {
        font-size: 3em;
    }

    .letterSpace-em {
        letter-spacing: 0.5rem;
    }

    .part02Position {

        right: -70px;
        width: 60px;
    }

}

/* タブレット（576px～767px） */
@media (min-width: 576px) and (max-width: 767.98px) {
    .modalSize-xl {
        max-width: 576px !important;
    }

    .modalFontSize {
        font-size: 13px;
    }

    .letterSpace-em {
        letter-spacing: 0.1em;
    }

    .part02Position {

        right: -70px;
        width: 60px;
    }

}

/* 小型PC・横向きタブレット（768px～991px） */
@media (min-width: 768px) and (max-width: 991.98px) {
    .modalSize-xl {
        max-width: 720px !important;
    }

    .modalFontSize {
        font-size: 9px;
    }

    .part02Position {
        transform: translate(0%, -100%);
        right: 0;
        width: 60px;
    }
}

/* ノートPC（992px～1199px） */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .modalSize-xl {
        max-width: 960px !important;
    }

    .modalFontSize {
        font-size: 12px;
    }

    .part02Position {
        transform: translate(0%, -100%);
        right: 0;
        width: 60px;
    }
}

/* デスクトップ（1200px以上） */
@media (min-width: 1200px) {
    .modalSize-xl {
        max-width: 1140px !important;
    }

    .h-em {
        height: 2em;
    }

    .modalFontSize {
        font-size: 16px;
    }

    .part02Position {
        transform: translate(0%, -100%);
        right: 0;
        width: 60px;
    }
}

/* @media (max-width: 539.98px) {
    .modalSize-xl {
        max-width: 380px !important;
    }



}



@media (min-width: 540px) {
    .modalSize-xl {
        max-width: 576px !important;
    }

    .modalFontSize {
        font-size: 13px;
    }

    .letterSpace-em {
        letter-spacing: 0.1em;
    }


}



@media (max-width: 767.98px) {

    .part02Position {
   
        right: -70px;
        width: 60px;
    }
}

@media (min-width: 768px) {

    .modalSize-xl {
        max-width: 768px !important;
        
    }

    .modalFontSize {
        font-size: 9px;
    }


    .h-em {
        height: 2em;
    }

    .part02Position {
        transform: translate(0%, -100%);
        right: 0;
        width: 60px;
    }

    .part02Position-sp {
        display: none;
    }



}


@media (min-width: 992px) {

    .modalSize-xl {
        max-width: 992px !important;

    }

    .modalFontSize {
        font-size: 12px;
    }

    .h-em {
        height: 2em;
    }


}


@media (min-width: 1200px) {
    .modalSize-xl {
        max-width: 1140px !important;
    }


    .modalFontSize {
        font-size: 16px;
    }

    .h-em {
        height: 2em;
    }



} */


@media (min-width: 576px) {
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
}



.fw-bold{
    font-weight: 700 !important;
}


#hoshinosatoModal p{
    line-height: 1.5;
}
#hoshinosatoModal a{
    text-decoration: none!important;
}
#hoshinosatoModal .tel{
    color: #333!important;
}