@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

.sh-PR {
    position: relative;
}
.sh-gradient-wrapper {
    padding-bottom: 40px;
}
.sh-contents {
    max-width: 1120px;
    text-align: inherit;
    position: relative;
}
.sh-contents.__wide {
    max-width: 1620px;
}
.sh-contents.__W800 {
    max-width: 820px;
}
.sh-contents.__W1200 {
    max-width: 1220px;
}
.sh-contents.__W1500 {
    max-width: 1500px;
}

.__W800 {
    max-width: 800px;
    margin-inline: auto;
}

.__caption1 {
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.__caption1.__white {
    text-shadow: 0 0 3px #000, 1px 0 3px #000, 0 -1px 3px #000, 0 1px 3px #000, -1px 0 3px #000;
}
.__white {
    color: #fff;
}

.color1 {
    color: #A58C5A;
}

.square {
  width: 10px;
  height: 10px;
  margin-inline: auto;
  background-color: #A58C5A;
}

.sh-contents-comment-text {
}

.sh-design-img1 {
    max-width: 800px;
    margin-inline: auto;
}

.__row-reverse {
    flex-direction: row-reverse;
}

.LS1 {
    letter-spacing: 0.3em;
}

hr {
    border: none;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid #3e3a39;
}
hr.hr2 {
    border-top: 1px solid #fff;
    max-width: 130px;
}

sup {
    top: initial;
}

.hover-img a:hover img {
    opacity: 0.9;
}

.__smp_prt {
    display: none;
}


@media screen and (min-width: 768px) {
    .sh-design-img1__bg1,
    .sh-design-img1__bg2 {
        position: absolute;
        max-width: 350px;
        width: 23.5%;
    }
    .sh-design-img1__bg1 {
        top: -5%;
        right: 0;
    }
    .sh-design-img1__bg2 {
        top: 55%;
        left: 0;
    }
}


@media screen and (min-width: 1200px) {
}


@media screen and (max-width: 767px) {
    .sh-gradient-wrapper {
        padding-bottom: initial;
    }
    .sh-contents {
    }


    .MB60._smp_MB, 
    .MB80._smp_MB {
        margin-bottom: 40px;
    }
    .MB120._smp_MB {
        margin-bottom: 80px;
    }
    ._smp_TL {
        text-align: left;
    }
    .TL.__smp_TR {
        text-align: right;
    }
}

@media screen and (max-width: 600px) and (orientation: portrait) {
    .js-scrollable img {
        width: 180%;
    }

    .__smp_prt {
        display: block;
    }
}