@charset "UTF-8";
/*============================================================
  basic setting 
============================================================*/
.gray {
  color: #808285;
}

.red {
  color: #CF0000;
}

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

.pctbdn {
  display: none;
}
@media screen and (max-width: 480px) {
  .pctbdn {
    display: block;
  }
}

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

.spdn {
  display: block;
}
@media screen and (max-width: 480px) {
  .spdn {
    display: none;
  }
}

.bg-white {
  background-color: #fff !important;
}

.rice-indent {
  padding-left: 1em;
  position: relative;
}

.rice-indent:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

sup {
  vertical-align: super;
  font-size: small;
}

.align-left {
  text-align: left !important;
}

.align-right {
  text-align: right !important;
}

.align-center {
  text-align: center !important;
}

.v-align-top {
  vertical-align: top !important;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

@media (min-width: 600px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
/*============================================================
  font-size settings
============================================================*/
.font-xx-small {
  font-size: 1.3rem !important;
}

@media screen and (max-width: 480px) {
  .font-xx-small {
    font-size: 1.1rem !important;
  }
}
.font-x-small {
  font-size: 1.4rem !important;
}

@media screen and (max-width: 480px) {
  .font-x-small {
    font-size: 1.3rem !important;
  }
}
.font-small {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 480px) {
  .font-small {
    font-size: 1.5rem !important;
  }
}
.font-normal {
  font-size: 1.8rem !important;
}

@media screen and (max-width: 480px) {
  .font-normal {
    font-size: 1.6rem !important;
  }
}
.font-medium {
  font-size: 2rem !important;
}

@media screen and (max-width: 480px) {
  .font-medium {
    font-size: 1.8rem !important;
  }
}
.font-large {
  font-size: 2.3rem !important;
}

@media screen and (max-width: 480px) {
  .font-large {
    font-size: 2rem !important;
  }
}
.font-x-large {
  font-size: 2.6rem !important;
}

@media screen and (max-width: 480px) {
  .font-x-large {
    font-size: 2rem !important;
  }
}
.font-xx-large {
  font-size: 2.9rem !important;
}

@media screen and (max-width: 480px) {
  .font-xx-large {
    font-size: 2.3rem !important;
  }
}
.font-xxx-large {
  font-size: 3.2rem !important;
}

@media screen and (max-width: 480px) {
  .font-xxx-large {
    font-size: 2.3rem !important;
  }
}
/*============================================================
  margin settings
============================================================*/
.margin-center {
  margin-left: auto;
  margin-right: auto;
}

/* margin */
.m-half {
  margin: 16px !important;
}

.m-1 {
  margin: 32px !important;
}

@media screen and (max-width: 480px) {
  .m-1 {
    margin: 16px !important;
  }
}
.m-1-half {
  margin: 48px !important;
}

@media screen and (max-width: 480px) {
  .m-1-half {
    margin: 32px !important;
  }
}
.m-2 {
  margin: 64px !important;
}

@media screen and (max-width: 480px) {
  .m-2 {
    margin: 48px !important;
  }
}
/* margin-bottom */
.mb-half {
  margin-bottom: 16px !important;
}

.mb-1 {
  margin-bottom: 32px !important;
}

.mb-1-half {
  margin-bottom: 48px !important;
}

@media screen and (max-width: 480px) {
  .mb-1-half {
    margin-bottom: 32px !important;
  }
}
.mb-2 {
  margin-bottom: 64px !important;
}

@media screen and (max-width: 480px) {
  .mb-2 {
    margin-bottom: 48px !important;
  }
}
.mb-2-half {
  margin-bottom: 80px !important;
}

@media screen and (max-width: 480px) {
  .mb-2-half {
    margin-bottom: 64px !important;
  }
}
.mb-3 {
  margin-bottom: 96px !important;
}

@media screen and (max-width: 480px) {
  .mb-3 {
    margin-bottom: 64px !important;
  }
}
.mb-3-half {
  margin-bottom: 112px !important;
}

@media screen and (max-width: 480px) {
  .mb-3-half {
    margin-bottom: 96px !important;
  }
}
.mb-none {
  margin-bottom: 0 !important;
}

/* margin-top */
.mt-half {
  margin-top: 16px !important;
}

@media screen and (max-width: 480px) {
  .mt-half {
    margin-top: 8px !important;
  }
}
.mt-1 {
  margin-top: 32px !important;
}

@media screen and (max-width: 480px) {
  .mt-1 {
    margin-top: 16px !important;
  }
}
.mt-1-half {
  margin-top: 48px !important;
}

@media screen and (max-width: 480px) {
  .mt-1-half {
    margin-top: 32px !important;
  }
}
.mt-2 {
  margin-top: 64px !important;
}

@media screen and (max-width: 480px) {
  .mt-2 {
    margin-top: 48px !important;
  }
}
.mt-2-half {
  margin-top: 80px !important;
}

@media screen and (max-width: 480px) {
  .mt-2-half {
    margin-top: 64px !important;
  }
}
.mt-3 {
  margin-top: 96px !important;
}

@media screen and (max-width: 480px) {
  .mt-3 {
    margin-top: 64px !important;
  }
}
.mt-none {
  margin-top: 0 !important;
}

/* margin-bottom-minus */
.mb-m-half {
  margin-bottom: -16px !important;
}

.mb-m-1 {
  margin-bottom: -32px !important;
}

.mb-m-1-half {
  margin-bottom: -48px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-1-half {
    margin-bottom: -32px !important;
  }
}
.mb-m-2 {
  margin-bottom: -64px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-2 {
    margin-bottom: -48px !important;
  }
}
.mb-m-2-half {
  margin-bottom: -80px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-2-half {
    margin-bottom: -64px !important;
  }
}
.mb-m-3 {
  margin-bottom: -96px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-3 {
    margin-bottom: -64px !important;
  }
}
.mb-m-3-half {
  margin-bottom: -112px !important;
}

@media screen and (max-width: 480px) {
  .mb-m-3-half {
    margin-bottom: -96px !important;
  }
}
/* margin-top-minus */
.mt-m-half {
  margin-top: -16px !important;
}

.mt-m-1 {
  margin-top: -32px !important;
}

.mt-m-1-half {
  margin-top: -48px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-1-half {
    margin-top: -32px !important;
  }
}
.mt-m-2 {
  margin-top: -64px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-2 {
    margin-top: -48px !important;
  }
}
.mt-m-2-half {
  margin-top: -80px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-2-half {
    margin-top: -64px !important;
  }
}
.mt-m-3 {
  margin-top: -96px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-3 {
    margin-top: -64px !important;
  }
}
.mt-m-3-half {
  margin-top: -112px !important;
}

@media screen and (max-width: 480px) {
  .mt-m-3-half {
    margin-top: -96px !important;
  }
}
/*============================================================
  padding settings
============================================================*/
/* padding-bottom */
.pb-half {
  padding-bottom: 16px !important;
}

.pb-1 {
  padding-bottom: 32px !important;
}

.pb-1-half {
  padding-bottom: 48px !important;
}

@media screen and (max-width: 480px) {
  .pb-1-half {
    padding-bottom: 32px !important;
  }
}
.pb-2 {
  padding-bottom: 64px !important;
}

@media screen and (max-width: 480px) {
  .pb-2 {
    padding-bottom: 48px !important;
  }
}
.pb-2-half {
  padding-bottom: 80px !important;
}

@media screen and (max-width: 480px) {
  .pb-2-half {
    padding-bottom: 64px !important;
  }
}
.pb-3 {
  padding-bottom: 96px !important;
}

@media screen and (max-width: 480px) {
  .pb-3 {
    padding-bottom: 64px !important;
  }
}
.pb-3-half {
  padding-bottom: 112px !important;
}

@media screen and (max-width: 480px) {
  .pb-3-half {
    padding-bottom: 96px !important;
  }
}
.pb-none {
  padding-bottom: 0 !important;
}

/* padding-top */
.pt-half {
  padding-top: 16px !important;
}

@media screen and (max-width: 480px) {
  .pt-half {
    padding-top: 8px !important;
  }
}
.pt-1 {
  padding-top: 32px !important;
}

@media screen and (max-width: 480px) {
  .pt-1 {
    padding-top: 16px !important;
  }
}
.pt-1-half {
  padding-top: 48px !important;
}

@media screen and (max-width: 480px) {
  .pt-1-half {
    padding-top: 32px !important;
  }
}
.pt-2 {
  padding-top: 64px !important;
}

@media screen and (max-width: 480px) {
  .pt-2 {
    padding-top: 48px !important;
  }
}
.pt-2-half {
  padding-top: 80px !important;
}

@media screen and (max-width: 480px) {
  .pt-2-half {
    padding-top: 64px !important;
  }
}
.pt-3 {
  padding-top: 96px !important;
}

@media screen and (max-width: 480px) {
  .pt-3 {
    padding-top: 64px !important;
  }
}
.pt-none {
  padding-top: 0 !important;
}

/* padding-bottom-minus */
.pb-m-half {
  padding-bottom: -16px !important;
}

.pb-m-1 {
  padding-bottom: -32px !important;
}

.pb-m-1-half {
  padding-bottom: -48px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-1-half {
    padding-bottom: -32px !important;
  }
}
.pb-m-2 {
  padding-bottom: -64px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-2 {
    padding-bottom: -48px !important;
  }
}
.pb-m-2-half {
  padding-bottom: -80px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-2-half {
    padding-bottom: -64px !important;
  }
}
.pb-m-3 {
  padding-bottom: -96px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-3 {
    padding-bottom: -64px !important;
  }
}
.pb-m-3-half {
  padding-bottom: -112px !important;
}

@media screen and (max-width: 480px) {
  .pb-m-3-half {
    padding-bottom: -96px !important;
  }
}
/* padding-top-minus */
.pt-m-half {
  padding-top: -16px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-half {
    padding-top: -8px !important;
  }
}
.pt-m-1 {
  padding-top: -32px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-1 {
    padding-top: -16px !important;
  }
}
.pt-m-1-half {
  padding-top: -48px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-1-half {
    padding-top: -32px !important;
  }
}
.pt-m-2 {
  padding-top: -64px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-2 {
    padding-top: -48px !important;
  }
}
.pt-m-2-half {
  padding-top: -80px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-2-half {
    padding-top: -64px !important;
  }
}
.pt-m-3 {
  padding-top: -96px !important;
}

@media screen and (max-width: 480px) {
  .pt-m-3 {
    padding-top: -64px !important;
  }
}
/*============================================================
  サイト内のフォント修正
============================================================*/
body {
  font-weight: 400 !important;
}
@media screen and (max-width: 768px) {
  body {
    font-size: 1.6rem !important;
  }
}

h2.wp-block-heading::first-letter {
  color: #2e2e2e !important;
}

h2.wp-block-heading {
  margin-top: 60px !important;
}
@media screen and (max-width: 768px) {
  h2.wp-block-heading {
    margin-top: 48px !important;
  }
}

h3.title03 {
  line-height: 1.5;
}

h3.wp-block-heading {
  margin-bottom: 18px !important;
  border-left: none !important;
  position: relative;
  border-bottom: 4px solid #FAF1DF !important;
  padding: 8px 0 !important;
}
@media screen and (max-width: 768px) {
  h3.wp-block-heading {
    font-size: 1.7rem !important;
  }
}

h3.wp-block-heading:before {
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 20%;
  height: 4px;
  content: "";
  /*background: #a39877;*/
  background: #c2ae83;
}

h4.wp-block-heading {
  font-size: 2rem !important;
  margin-bottom: 18px !important;
  border-left: 10px solid #c2ae83 !important;
}
@media screen and (max-width: 768px) {
  h4.wp-block-heading {
    font-size: 1.6rem !important;
  }
}

ul.wp-block-list li {
  line-height: 1.5 !important;
}
@media screen and (max-width: 768px) {
  ul.wp-block-list li {
    font-size: 1.6rem !important;
    padding-left: 18px !important;
  }
}

ul.wp-block-list li:not(:last-child) {
  margin-bottom: 16px !important;
}

ul.wp-block-list.has-background {
  padding: 24px !important;
}
@media screen and (max-width: 768px) {
  ul.wp-block-list.has-background {
    padding: 16px 16px 16px 8px !important;
  }
}/*# sourceMappingURL=add.css.map */