@charset "utf-8";

html {
    font-feature-settings: "palt";
    scroll-behavior: smooth;
}

@media screen and (max-width: 1080px) {
    html {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    html {
        font-size: 13px;
    }
}

:root {
    --brown01: #643C25;
    --brown02: #BA866A;
}

body {
    font-family: 'noto sans jp';
    font-size: 1.16rem;
    letter-spacing: .15em;
    line-height: 2em;
    margin-left: auto;
    margin-right: auto;
    color: #6B5752;
    position: relative;
}

a {
    color: #6B5752;
}

section {
    max-width: 65rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 9.3rem;
}

@media screen and (max-width:768px) {
    section {
        margin-top: 6.25rem;
    }
}

/* PADDING */

.padding-lr {
    padding: 0 1.25rem;
}

/* BTN AREA */

.btn-area {
    text-align: center;
    padding-bottom: 9.3rem;
}

@media screen and (max-width:768px) {
    .btn-area {
        padding-bottom: 6.25rem;
    }
}

.btn-area p {
    text-align: center;
    margin-bottom: 1.88rem;
}

.btn-area a {
    width: 12.5rem;
    height: 4.35rem;
    background-color: #BA866A;
    border: 1px solid #BA866A;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.56rem;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
}

.btn-area a:hover {
    background-color: #fff;
    color: #BA866A;
    transition: .5s;
}

/* TEXT */

.heading-subtitle {
    font-size: 1.16rem;
    margin-bottom: 3.13rem;
    text-align: justify;
}

.add {
    font-size: 0.88rem;
}

.text-justify {
    text-align: justify;
}

.indent {
    text-indent: 1em;
}

/* COLOR */

.bg-color-01 {
 background-color: #F4F2EF;
}

/* SP BLOCK/NONE */

.sp-block {
    display: none;
}

@media screen and (max-width: 768px) {
     .sp-block {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .sp-none {
       display: none;
   }
}