@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&display=swap");
.bscstm .fw-500 {
  font-weight: 500 !important;
}
.bscstm .fw-semi-bold {
  font-weight: 600 !important;
}
.bscstm .align-super {
  vertical-align: super !important;
}
.bscstm .z-1 {
  z-index: 1 !important;
}
.bscstm .ls-0em {
  letter-spacing: 0em !important;
}
.bscstm .ls-1em {
  letter-spacing: 0.01em !important;
}
.bscstm .ls-2em {
  letter-spacing: 0.02em !important;
}
.bscstm .ls-3em {
  letter-spacing: 0.03em !important;
}
.bscstm .ls-4em {
  letter-spacing: 0.04em !important;
}
.bscstm .ls-5em {
  letter-spacing: 0.05em !important;
}
.bscstm .ls-6em {
  letter-spacing: 0.06em !important;
}
.bscstm .ls-7em {
  letter-spacing: 0.07em !important;
}
.bscstm .ls-8em {
  letter-spacing: 0.08em !important;
}
.bscstm .ls-9em {
  letter-spacing: 0.09em !important;
}
.bscstm .ls-10em {
  letter-spacing: 0.1em !important;
}
.bscstm .ls-11em {
  letter-spacing: 0.11em !important;
}
.bscstm .ls-12em {
  letter-spacing: 0.12em !important;
}
.bscstm .ls-13em {
  letter-spacing: 0.13em !important;
}
.bscstm .ls-14em {
  letter-spacing: 0.14em !important;
}
.bscstm .ls-15em {
  letter-spacing: 0.15em !important;
}
.bscstm .ls-16em {
  letter-spacing: 0.16em !important;
}
.bscstm .ls-17em {
  letter-spacing: 0.17em !important;
}
.bscstm .ls-18em {
  letter-spacing: 0.18em !important;
}
.bscstm .ls-19em {
  letter-spacing: 0.19em !important;
}
.bscstm .ls-20em {
  letter-spacing: 0.2em !important;
}
@media screen and (min-width: 768px) {
  .bscstm .w-md-auto {
    width: auto !important;
  }
  .bscstm .right-md-auto {
    right: auto !important;
  }
  .bscstm .left-md-auto {
    left: auto !important;
  }
  .bscstm .align-md-super {
    vertical-align: super !important;
  }
  .bscstm .overflow-md-visible {
    overflow: visible !important;
  }
  .bscstm .ls-md-0em {
    letter-spacing: 0em !important;
  }
  .bscstm .ls-md-1em {
    letter-spacing: 0.01em !important;
  }
  .bscstm .ls-md-2em {
    letter-spacing: 0.02em !important;
  }
  .bscstm .ls-md-3em {
    letter-spacing: 0.03em !important;
  }
  .bscstm .ls-md-4em {
    letter-spacing: 0.04em !important;
  }
  .bscstm .ls-md-5em {
    letter-spacing: 0.05em !important;
  }
  .bscstm .ls-md-6em {
    letter-spacing: 0.06em !important;
  }
  .bscstm .ls-md-7em {
    letter-spacing: 0.07em !important;
  }
  .bscstm .ls-md-8em {
    letter-spacing: 0.08em !important;
  }
  .bscstm .ls-md-9em {
    letter-spacing: 0.09em !important;
  }
  .bscstm .ls-md-10em {
    letter-spacing: 0.1em !important;
  }
  .bscstm .ls-md-11em {
    letter-spacing: 0.11em !important;
  }
  .bscstm .ls-md-12em {
    letter-spacing: 0.12em !important;
  }
  .bscstm .ls-md-13em {
    letter-spacing: 0.13em !important;
  }
  .bscstm .ls-md-14em {
    letter-spacing: 0.14em !important;
  }
  .bscstm .ls-md-15em {
    letter-spacing: 0.15em !important;
  }
  .bscstm .ls-md-16em {
    letter-spacing: 0.16em !important;
  }
  .bscstm .ls-md-17em {
    letter-spacing: 0.17em !important;
  }
  .bscstm .ls-md-18em {
    letter-spacing: 0.18em !important;
  }
  .bscstm .ls-md-19em {
    letter-spacing: 0.19em !important;
  }
  .bscstm .ls-md-20em {
    letter-spacing: 0.2em !important;
  }
}

.ff-shippori-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.ff-shippori-medium {
  font-family: "Shippori Mincho", serif;
  font-weight: 500;
  font-style: normal;
}

.ff-shippori-semibold {
  font-family: "Shippori Mincho", serif;
  font-weight: 600;
  font-style: normal;
}

#main-content {
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-family: YuGothic, YuGothicM, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  #main-content {
    overflow-x: hidden;
  }
}
@media screen and (max-width: 767px) {
  #main-content .right-bottom-img .space {
    float: right;
    height: 20em;
  }
  #main-content .right-bottom-img .space2 {
    float: right;
    height: 18em;
  }
  #main-content .right-bottom-img img {
    float: right;
    clear: both;
    margin: 15px 0 0 15px;
  }
}
#main-content .mv {
  position: relative;
}
@media screen and (min-width: 768px) {
  #main-content .mv__img img {
    height: 764px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#main-content .mv__ttl {
  padding-block: 80px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#main-content .mv__ttl--inner {
  max-width: 1250px;
  margin-inline: auto;
  padding-inline: 15px;
}
#main-content .about-nihon {
  background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/concept_bg.jpg) no-repeat center top/cover;
  padding-top: 130px;
  padding-bottom: 220px;
}
@media screen and (max-width: 767px) {
  #main-content .about-nihon {
    background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/concept_bg_sp.png) no-repeat center bottom/cover;
    padding-top: 45px;
    padding-bottom: 120px;
  }
}
#main-content .nihon-fruite {
  background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/yamanashi_bg01.jpg) no-repeat right -2vw top -14vw/40vw auto, url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/yamanashi_bg02.jpg) no-repeat left bottom;
}
@media screen and (max-width: 767px) {
  #main-content .nihon-fruite {
    margin-top: -7.2vw;
    background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/yamanashi_bg01_sp.png) no-repeat center top/100% auto, url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/yamanashi_bg02_sp.jpg) no-repeat left bottom/100% auto;
  }
}
#main-content .nihon-fruite__logo {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}
#main-content .nihon-chef {
  background: #fafcef;
}
@media screen and (min-width: 768px) {
  #main-content .nihon-chef__item-img {
    margin-top: -170px;
    margin-right: -50px;
    margin-left: 70px;
  }
}
#main-content .nihon-chef__shadow {
  background: #fff;
  -webkit-box-shadow: 0px 0px 29.75px 5.25px rgba(135, 174, 32, 0.15);
          box-shadow: 0px 0px 29.75px 5.25px rgba(135, 174, 32, 0.15);
  padding: 55px 48px 48px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #main-content .nihon-chef__shadow {
    padding: 48px 32px 32px;
  }
}
#main-content .nihon-chef__shadow--label {
  position: absolute;
  top: -50px;
  left: -30px;
}
@media screen and (max-width: 767px) {
  #main-content .nihon-chef__shadow--label {
    text-align: center;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
  }
}
#main-content .nihon-product {
  background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/section.png) no-repeat center top -1px/100% auto, url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/p_bg.jpg) no-repeat center top/cover;
}
@media screen and (max-width: 767px) {
  #main-content .nihon-product {
    background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/section_sp.png) no-repeat center top/100% auto, url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/p_bg_sp.jpg) no-repeat center top -10px/cover;
  }
}
#main-content .nihon-product__box {
  position: relative;
  -webkit-box-shadow: 0px 0px 42px 18px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 0px 42px 18px rgba(0, 0, 0, 0.2);
  background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/waku_bottom.png) no-repeat center bottom/100% auto, url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/waku_middle.png) repeat-y center top/100% auto;
}
@media screen and (max-width: 767px) {
  #main-content .nihon-product__box {
    -webkit-box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 24px 6px rgba(0, 0, 0, 0.15);
    background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/bottom_sp.png) no-repeat center bottom/100% auto, url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/middle_sp.png) repeat-y center top/100% auto;
  }
}
#main-content .nihon-product__box:before {
  content: "";
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 101px;
  background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/waku_top.png) no-repeat center top/100% auto;
}
@media screen and (max-width: 767px) {
  #main-content .nihon-product__box:before {
    background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/top_sp.png) no-repeat center top/100% auto;
    height: 76px;
    top: -60px;
  }
}
#main-content .nihon-comment__box {
  background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/mayor_waku_sp.jpg) no-repeat center top/contain;
}
@media screen and (min-width: 768px) {
  #main-content .nihon-comment__box {
    background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/mayor_waku.jpg) no-repeat center top/contain;
    min-width: 1000px;
  }
}
#main-content .nihon-comment__box .grid-container {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  grid-template-areas: "content-left" "photo-right" "efforts";
}
@media screen and (min-width: 768px) {
  #main-content .nihon-comment__box .grid-container {
    padding: 80px 80px 100px;
    grid-template-columns: 1fr 38%;
    grid-template-areas: "content-left photo-right" "efforts   photo-right";
  }
}
@media screen and (max-width: 1100px) {
  #main-content .nihon-comment__box .grid-container {
    padding: 20px 40px 100px;
  }
}
@media screen and (max-width: 767px) {
  #main-content .nihon-comment__box .grid-container {
    padding: 40px 30px 50px;
  }
}
#main-content .nihon-comment__box .grid-container .content-left {
  grid-area: content-left;
}
@media screen and (min-width: 768px) {
  #main-content .nihon-comment__box .grid-container .content-left {
    margin-right: 9.6153846154%;
  }
}
#main-content .nihon-comment__box .grid-container .photo-right {
  grid-area: photo-right;
}
#main-content .nihon-comment__box .grid-container .efforts {
  grid-area: efforts;
}
#main-content .nihon-comment__box .grid-container .efforts h3 {
  color: #679328;
  position: relative;
}
#main-content .nihon-comment__box .grid-container .efforts h3:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  background: #679328;
}
#main-content .nihon-csv {
  background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/csv_bg.jpg) no-repeat center top/cover;
}
@media screen and (max-width: 767px) {
  #main-content .nihon-csv {
    background: url(/wp-content/themes/henri-charpentier/resources/images/nihonhojo/csv_bg_sp.jpg) no-repeat center top/cover;
  }
}