@charset "UTF-8";
/*--------------------------------------------
* 【注意】
* --------------------------------------------
* 
* custom.cssは直接編集しないでください。
* custom.sassを修正しコンパイルして使用するようにお願いします。
* 修正するファイルはdcms_media/css/sass/custom-order.scssです。
* 
* --------------------------------------------*/
.u-fs__h1 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(32px + 16 * (100vw - 375px) / 1545);
}
@media screen and (min-width: 1920px) {
  .u-fs__h1 {
    font-size: 48px;
  }
}

.u-fs__h2 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(22px + 10 * (100vw - 375px) / 1545);
}
@media screen and (min-width: 1920px) {
  .u-fs__h2 {
    font-size: 32px;
  }
}

.u-fs__h3 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(21px + 7 * (100vw - 375px) / 1545);
}
@media screen and (min-width: 1920px) {
  .u-fs__h3 {
    font-size: 28px;
  }
}

.u-fs__h4 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(20px + 4 * (100vw - 375px) / 1545);
}
@media screen and (min-width: 1920px) {
  .u-fs__h4 {
    font-size: 24px;
  }
}

.u-fs__h5 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(19px + 1 * (100vw - 375px) / 1545);
}
@media screen and (min-width: 1920px) {
  .u-fs__h5 {
    font-size: 20px;
  }
}

.u-fs__h6 {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(16px + 0 * (100vw - 375px) / 1545);
}
@media screen and (min-width: 1920px) {
  .u-fs__h6 {
    font-size: 16px;
  }
}

.c-heading__dual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  text-align: center;
}
.c-heading__dual-main {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(22px + 10 * (100vw - 375px) / 1545);
  margin-bottom: 0;
  line-height: 1 !important;
}
@media screen and (min-width: 1920px) {
  .c-heading__dual-main {
    font-size: 32px;
  }
}
.c-heading__dual-sub {
  color: #008000 !important;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.3 !important;
  margin-bottom: 0;
}
.c-heading__dual-sub-bold {
  color: #008000 !important;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1 !important;
  margin-bottom: 0;
}

.u-fc__main {
  color: #008000;
}

.u-fc__main70 {
  color: #33b233;
}

.u-fc__main50 {
  color: #66cc66;
}

.u-fc__main30 {
  color: #99e699;
}

.u-fc__main20 {
  color: #b3f0b3;
}

.u-fc__main10 {
  color: #ccffcc;
}

.u-fc__text {
  color: #333;
}

.u-fc__blk {
  color: #000;
}

.u-fc__wht {
  color: #fff;
}

.u-fc__gray-eee {
  color: #eee;
}

.u-fc__gray-f5 {
  color: #f5f5f5;
}

.u-fc__gray-ccc {
  color: #ccc;
}

.u-fc__btn-mail {
  color: #54a448;
}

.u-fc__btn-main {
  color: #328326;
}

.u-fc__btn-document {
  color: #127454;
}

.u-bg__main {
  background-color: #008000;
}

.u-bg__main70 {
  background-color: #33b233;
}

.u-bg__main50 {
  background-color: #66cc66;
}

.u-bg__main30 {
  background-color: #99e699;
}

.u-bg__main20 {
  background-color: #b3f0b3;
}

.u-bg__main10 {
  background-color: #ccffcc;
}

.u-bg__text {
  background-color: #333;
}

.u-bg__blk {
  background-color: #000;
}

.u-bg__wht {
  background-color: #fff;
}

.u-bg__gray-eee {
  background-color: #eee;
}

.u-bg__gray-f5 {
  background-color: #f5f5f5;
}

.u-bg__gray-ccc {
  background-color: #ccc;
}

.u-bg__btn-mail {
  background-color: #54a448;
}

.u-bg__btn-main {
  background-color: #328326;
}

.u-bg__btn-document {
  background-color: #127454;
}

.u-round0 {
  border-radius: 0px;
}

.u-round1 {
  border-radius: 1px;
}

.u-round2 {
  border-radius: 2px;
}

.u-round3 {
  border-radius: 3px;
}

.u-round4 {
  border-radius: 4px;
}

.u-round5 {
  border-radius: 5px;
}

.u-round6 {
  border-radius: 6px;
}

.u-round7 {
  border-radius: 7px;
}

.u-round8 {
  border-radius: 8px;
}

.u-round9 {
  border-radius: 9px;
}

.u-round10 {
  border-radius: 10px;
}

.u-round11 {
  border-radius: 11px;
}

.u-round12 {
  border-radius: 12px;
}

.u-round13 {
  border-radius: 13px;
}

.u-round14 {
  border-radius: 14px;
}

.u-round15 {
  border-radius: 15px;
}

.u-round16 {
  border-radius: 16px;
}

.u-round17 {
  border-radius: 17px;
}

.u-round18 {
  border-radius: 18px;
}

.u-round19 {
  border-radius: 19px;
}

.u-round20 {
  border-radius: 20px;
}

.u-round21 {
  border-radius: 21px;
}

.u-round22 {
  border-radius: 22px;
}

.u-round23 {
  border-radius: 23px;
}

.u-round24 {
  border-radius: 24px;
}

.u-round25 {
  border-radius: 25px;
}

.u-round26 {
  border-radius: 26px;
}

.u-round27 {
  border-radius: 27px;
}

.u-round28 {
  border-radius: 28px;
}

.u-round29 {
  border-radius: 29px;
}

.u-round30 {
  border-radius: 30px;
}

.u-round31 {
  border-radius: 31px;
}

.u-round32 {
  border-radius: 32px;
}

.u-round33 {
  border-radius: 33px;
}

.u-round34 {
  border-radius: 34px;
}

.u-round35 {
  border-radius: 35px;
}

.u-round36 {
  border-radius: 36px;
}

.u-round37 {
  border-radius: 37px;
}

.u-round38 {
  border-radius: 38px;
}

.u-round39 {
  border-radius: 39px;
}

.u-round40 {
  border-radius: 40px;
}

.u-round41 {
  border-radius: 41px;
}

.u-round42 {
  border-radius: 42px;
}

.u-round43 {
  border-radius: 43px;
}

.u-round44 {
  border-radius: 44px;
}

.u-round45 {
  border-radius: 45px;
}

.u-round46 {
  border-radius: 46px;
}

.u-round47 {
  border-radius: 47px;
}

.u-round48 {
  border-radius: 48px;
}

.u-round49 {
  border-radius: 49px;
}

.u-round50 {
  border-radius: 50px;
}

.u-mw260 {
  max-width: 260px;
  width: 100%;
}

.u-mw360 {
  max-width: 360px;
  width: 100%;
}

.u-mw400 {
  max-width: 400px;
  width: 100%;
}

.u-grid {
  display: grid;
}
.u-grid.u-grid-col1 {
  grid-template-columns: repeat(1, 1fr);
}
.u-grid.u-grid-col2 {
  grid-template-columns: repeat(2, 1fr);
}
.u-grid.u-grid-col3 {
  grid-template-columns: repeat(3, 1fr);
}
.u-grid.u-grid-col4 {
  grid-template-columns: repeat(4, 1fr);
}
.u-grid.u-grid-col5 {
  grid-template-columns: repeat(5, 1fr);
}
.u-grid.u-grid-col6 {
  grid-template-columns: repeat(6, 1fr);
}
@media screen and (max-width: 979.8px) {
  .u-grid.u-grid-col1-md {
    grid-template-columns: repeat(1, 1fr);
  }
  .u-grid.u-grid-col2-md {
    grid-template-columns: repeat(2, 1fr);
  }
  .u-grid.u-grid-col3-md {
    grid-template-columns: repeat(3, 1fr);
  }
  .u-grid.u-grid-col4-md {
    grid-template-columns: repeat(4, 1fr);
  }
  .u-grid.u-grid-col5-md {
    grid-template-columns: repeat(5, 1fr);
  }
  .u-grid.u-grid-col6-md {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 679.8px) {
  .u-grid.u-grid-col1-sm {
    grid-template-columns: repeat(1, 1fr);
  }
  .u-grid.u-grid-col2-sm {
    grid-template-columns: repeat(2, 1fr);
  }
  .u-grid.u-grid-col3-sm {
    grid-template-columns: repeat(3, 1fr);
  }
  .u-grid.u-grid-col4-sm {
    grid-template-columns: repeat(4, 1fr);
  }
  .u-grid.u-grid-col5-sm {
    grid-template-columns: repeat(5, 1fr);
  }
  .u-grid.u-grid-col6-sm {
    grid-template-columns: repeat(6, 1fr);
  }
}

.l-flex__img-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}
.l-flex__img-s .col-txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 679.8px) {
  .l-flex__img-s .col-txt {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
.l-flex__img-s .col-img {
  width: 30%;
}
@media screen and (max-width: 679.8px) {
  .l-flex__img-s .col-img {
    width: 100%;
  }
}

.u-gap5 {
  gap: 5px!important;
}

.u-gap10 {
  gap: 10px!important;
}

.u-gap15 {
  gap: 15px!important;
}

.u-gap20 {
  gap: 20px!important;
}

.u-gap25 {
  gap: 25px!important;
}

.u-gap30 {
  gap: 30px!important;
}

.u-gap35 {
  gap: 35px!important;
}

.u-gap40 {
  gap: 40px!important;
}

.u-gap45 {
  gap: 45px!important;
}

.u-gap50 {
  gap: 50px!important;
}

.u-gap55 {
  gap: 55px!important;
}

.u-gap60 {
  gap: 60px!important;
}

.u-gap65 {
  gap: 65px!important;
}

.u-gap70 {
  gap: 70px!important;
}

.u-gap75 {
  gap: 75px!important;
}

.u-gap80 {
  gap: 80px!important;
}

.u-gap85 {
  gap: 85px!important;
}

.u-gap90 {
  gap: 90px!important;
}

.u-gap95 {
  gap: 95px!important;
}

.u-gap100 {
  gap: 100px!important;
}

@media screen and (max-width: 979.8px) {
  .u-gap5-md {
    gap: 5px!important;
  }
  .u-gap10-md {
    gap: 10px!important;
  }
  .u-gap15-md {
    gap: 15px!important;
  }
  .u-gap20-md {
    gap: 20px!important;
  }
  .u-gap25-md {
    gap: 25px!important;
  }
  .u-gap30-md {
    gap: 30px!important;
  }
  .u-gap35-md {
    gap: 35px!important;
  }
  .u-gap40-md {
    gap: 40px!important;
  }
  .u-gap45-md {
    gap: 45px!important;
  }
  .u-gap50-md {
    gap: 50px!important;
  }
  .u-gap55-md {
    gap: 55px!important;
  }
  .u-gap60-md {
    gap: 60px!important;
  }
  .u-gap65-md {
    gap: 65px!important;
  }
  .u-gap70-md {
    gap: 70px!important;
  }
  .u-gap75-md {
    gap: 75px!important;
  }
  .u-gap80-md {
    gap: 80px!important;
  }
  .u-gap85-md {
    gap: 85px!important;
  }
  .u-gap90-md {
    gap: 90px!important;
  }
  .u-gap95-md {
    gap: 95px!important;
  }
  .u-gap100-md {
    gap: 100px!important;
  }
}
@media screen and (max-width: 679.8px) {
  .u-gap5-sm {
    gap: 5px!important;
  }
  .u-gap10-sm {
    gap: 10px!important;
  }
  .u-gap15-sm {
    gap: 15px!important;
  }
  .u-gap20-sm {
    gap: 20px!important;
  }
  .u-gap25-sm {
    gap: 25px!important;
  }
  .u-gap30-sm {
    gap: 30px!important;
  }
  .u-gap35-sm {
    gap: 35px!important;
  }
  .u-gap40-sm {
    gap: 40px!important;
  }
  .u-gap45-sm {
    gap: 45px!important;
  }
  .u-gap50-sm {
    gap: 50px!important;
  }
  .u-gap55-sm {
    gap: 55px!important;
  }
  .u-gap60-sm {
    gap: 60px!important;
  }
  .u-gap65-sm {
    gap: 65px!important;
  }
  .u-gap70-sm {
    gap: 70px!important;
  }
  .u-gap75-sm {
    gap: 75px!important;
  }
  .u-gap80-sm {
    gap: 80px!important;
  }
  .u-gap85-sm {
    gap: 85px!important;
  }
  .u-gap90-sm {
    gap: 90px!important;
  }
  .u-gap95-sm {
    gap: 95px!important;
  }
  .u-gap100-sm {
    gap: 100px!important;
  }
}
.u-fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 679.8px) {
  .u-fd-row-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 679.8px) {
  .u-fd-row-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.u-fd-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 679.8px) {
  .u-fd-row-reverse-md {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (max-width: 679.8px) {
  .u-fd-row-reverse-sm {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

.u-fd-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 679.8px) {
  .u-fd-column-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 679.8px) {
  .u-fd-column-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.u-fd-column-reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}
@media screen and (max-width: 679.8px) {
  .u-fd-column-reverse-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media screen and (max-width: 679.8px) {
  .u-fd-column-reverse-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.u-jsc-start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 679.8px) {
  .u-jsc-start-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 679.8px) {
  .u-jsc-start-sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.u-jsc-end {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 679.8px) {
  .u-jsc-end-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
@media screen and (max-width: 679.8px) {
  .u-jsc-end-sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.u-jsc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 679.8px) {
  .u-jsc-center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 679.8px) {
  .u-jsc-center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.u-jsc-space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 679.8px) {
  .u-jsc-space-between-md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 679.8px) {
  .u-jsc-space-between-sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.u-jsc-space-around {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 679.8px) {
  .u-jsc-space-around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (max-width: 679.8px) {
  .u-jsc-space-around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

.u-jsc-space-evenly {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
@media screen and (max-width: 679.8px) {
  .u-jsc-space-evenly-md {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}
@media screen and (max-width: 679.8px) {
  .u-jsc-space-evenly-sm {
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
}

.u-al-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 679.8px) {
  .u-al-center-md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 679.8px) {
  .u-al-center-sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.u-al-flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 679.8px) {
  .u-al-flex-end-md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 679.8px) {
  .u-al-flex-end-sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

.btn.btn_document {
  background-color: #127454;
  border-color: #127454;
  color: #fff;
}
.btn.btn_document:hover {
  background-color: #fff;
  color: #127454;
}
.btn.btn_mail {
  background-color: #54a448;
  border-color: #54a448;
  color: #fff;
}
.btn.btn_mail:hover {
  background-color: #fff;
  color: #54a448;
}

.text-anchor-link {
  color: #008000;
  position: relative;
  padding-right: 1rem;
}
.text-anchor-link::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 5px);
  border-bottom: solid 2px #008000;
  border-right: solid 2px #008000;
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(45deg) translateY(-50%);
          transform: rotate(45deg) translateY(-50%);
}
.text-anchor-link:hover::after {
  top: calc(50% - 2px);
}

.l-product-details-fv {
  min-height: auto;
  padding: 40px 0;
}
.l-product-details-fv__title {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(24px + 6 * (100vw - 375px) / 1545);
}
@media screen and (min-width: 1920px) {
  .l-product-details-fv__title {
    font-size: 30px;
  }
}
.l-product-details-fv__text {
  font-size: 1.1rem;
}
.l-product-details-fv__btn-area {
  margin-top: 32px;
}
.l-product-details-fv__btn-area .btn {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-weight: bold;
  line-height: 1.3;
  font-size: calc(17px + 3 * (100vw - 375px) / 1545);
  max-width: 360px;
}
@media screen and (min-width: 1920px) {
  .l-product-details-fv__btn-area .btn {
    font-size: 20px;
  }
}
.l-product-details-fv .img-fluid {
  padding-bottom: 0;
}

.btn.btn-mail {
  background-color: #54a448;
  color: #fff;
}
.btn.btn-mail:hover {
  color: #54a448;
  border-color: #54a448;
  background-color: rgba(0, 0, 0, 0);
}

/* ────────── ●● ────────── */
/* ────────── ●● ────────── */
/*--------------------------------------------
* 【注意】
* --------------------------------------------
* 
* custom.cssは直接編集しないでください。
* custom.sassを修正しコンパイルして使用するようにお願いします。
* 修正するファイルはdcms_media/css/sass/custom-order.scssです。
* 
* --------------------------------------------*//*# sourceMappingURL=custom.css.map */