header,
footer,
main,
nav,
article,
aside,
section {
  display: block;
}
html {
    box-sizing: border-box;
}
body {
  font-family: "Zen Kaku Gothic New", 'ヒラギノ角ゴ StdN','Hiragino Kaku Gothic StdN','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
  font-size: 16px;
  overflow-x: hidden;
  color: #5a4903;
}

.en {
    font-family: "Montserrat", sans-serif;
}
.en02 {
    font-family: "Jost", sans-serif;
}

a {
    color: #5a4903;
}



a:hover {
    opacity: 0.7;
}
button:hover {
    opacity: 0.7;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
.flex {
  display: flex;
  align-items: center;
}
.jc-sb {
    justify-content: space-between;
}
.ai-top {
    align-items: flex-start;
}
.p_re {
  position: relative;
}
.tx-rgt {
  text-align: right;
}
.block {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}
.fw-bold {
    font-weight: bold;
}

.pc_dpb {
    display: block;
}
.sp_dpb {
    display: none;
}



.mb0 {
    margin-bottom: 0;
}
.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb60 {
    margin-bottom: 60px;
}
.mb70 {
    margin-bottom: 60px;
}
.mb80 {
    margin-bottom: 80px;
}
.mb90 {
    margin-bottom: 90px;
}
.mb100 {
    margin-bottom: 100px;
}
.mb150 {
    margin-bottom: 150px;
}
.mb200 {
    margin-bottom: 200px;
}


.mt30 {
    margin-top: 30px;
}
.mt40 {
    margin-top: 40px;
}
.mt50 {
    margin-top: 50px;
}
.mt60 {
    margin-top: 60px;
}
.mt70 {
    margin-top: 60px;
}
.mt80 {
    margin-top: 80px;
}
.mt90 {
    margin-top: 90px;
}
.mt100 {
    margin-top: 100px;
}
.mt150 {
    margin-top: 150px;
}
.mt200 {
    margin-top: 200px;
}

@media screen and (max-width: 768px) {
    html {
        width: 100%;
    }
    body {
        font-size: 4.083vw;
    }
    .pc_dpb {
        display: none;
    }
    .sp_dpb {
        display: block;
    }
    .mb10 {
        margin-bottom: calc(100vw * (10 / 768) + 2vw);
    }
    .mb15 {
        margin-bottom: calc(100vw * (15 / 768) + 2vw);
    }
    .mb20 {
        margin-bottom: calc(100vw * (20 / 768) + 2vw);
    }
    .mb30 {
        margin-bottom: calc(100vw * (30 / 768) + 2vw);
    }
    .mb40 {
        margin-bottom: calc(100vw * (40 / 768) + 2vw);
    }
    .mb50 {
        margin-bottom: calc(100vw * (50 / 768) + 2vw);
    }
    .mb60 {
        margin-bottom: calc(100vw * (60 / 768) + 2vw);
    }
    .mb70 {
        margin-bottom: calc(100vw * (70 / 768) + 2vw);
    }
    .mb80 {
        margin-bottom: calc(100vw * (80 / 768) + 2vw);
    }
    .mb90 {
        margin-bottom: calc(100vw * (90 / 768) + 2vw);
    }
    .mb100 {
        margin-bottom: calc(100vw * (100 / 768) + 2vw);
    }
    .mb150 {
        margin-bottom: calc(100vw * (150 / 768) + 2vw);
    }
    .mb200 {
        margin-bottom: calc(100vw * (200 / 768) + 2vw);
    }

    .mt30 {
        margin-top: calc(100vw * (30 / 768) + 2vw);
    }
    .mt40 {
        margin-top: calc(100vw * (40 / 768) + 2vw);
    }
    .mt50 {
        margin-top: calc(100vw * (50 / 768) + 2vw);
    }
    .mt60 {
        margin-top: calc(100vw * (60 / 768) + 2vw);
    }
    .mt70 {
        margin-top: calc(100vw * (70 / 768) + 2vw);
    }
    .mt80 {
        margin-top: calc(100vw * (80 / 768) + 2vw);
    }
    .mt90 {
        margin-top: calc(100vw * (90 / 768) + 2vw);
    }
    .mt100 {
        margin-top: calc(100vw * (100 / 768) + 2vw);
    }
    .mt150 {
        margin-top: calc(100vw * (150 / 768) + 2vw);
    }
    .mt200 {
        margin-top: calc(100vw * (200 / 768) + 2vw);
    }
    .sp_brk {
        display: block;
    }
}