@charset "UTF-8";
/* common
================================================== */
/*
 * media query
**/
/**
 * フォントサイズの可変
 *
 * @param {number} $fontsize 基準となるフォントサイズ
 * @param {number} $basewidth 基準となる幅
 * @param {number} $maxwidth フォントサイズの拡大をとめる幅（未指定時は上限なし）
 * @param {number} $minwidth フォントサイズの縮小をとめる幅（未指定時は下限なし）
 */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

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

body {
  overscroll-behavior-y: none;
  overscroll-behavior: none;
}
body * {
  box-sizing: border-box;
}
body a {
  text-decoration: none;
  color: inherit;
}

#main .fs-sect-01 .fs-sect-01-wrapper {
  max-width: 750px;
  padding-top: 0;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #main .fs-sect-01 .fs-sect-01-wrapper {
    padding-block: 0;
  }
}

/*---上書き---*/
#main .heartfood-link-btn {
  width: -moz-fit-content;
  width: fit-content;
  transition: 0.3s ease;
  font-weight: bold;
  color: #e50012;
}
#main .heartfood-link-btn {
  padding-bottom: 0.3660322108vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link-btn {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn {
    padding-bottom: 2.8074670571px;
  }
}
#main .heartfood-link-btn {
  font-size: 1.1713030747vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link-btn {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn {
    font-size: 8.9838945827px;
  }
}
#main .heartfood-link-btn {
  border-bottom: 2px solid #e50012;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn {
    font-size: 2.6666666667vw;
  }
  #main .heartfood-link-btn {
    padding-bottom: 0.8vw;
  }
  #main .heartfood-link-btn {
    border-bottom-width: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main .heartfood-link-btn:hover {
    color: #b7000e;
    border-bottom: 2px solid #b7000e;
  }
  #main .heartfood-link-btn:hover:after {
    border-left: 9px solid #b7000e;
  }
}
#main .heartfood-link-btn:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #e50012;
  border-right: 0;
}
#main .heartfood-link-btn:after {
  margin-left: 0.6588579795vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link-btn:after {
    margin-left: 9px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn:after {
    margin-left: 5.0534407028px;
  }
}
#main .heartfood-link-btn:after {
  border-left-width: 0.6588579795vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link-btn:after {
    border-left-width: 9px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn:after {
    border-left-width: 5.0534407028px;
  }
}
#main .heartfood-link-btn:after {
  border-bottom-width: 0.3660322108vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link-btn:after {
    border-bottom-width: 5px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn:after {
    border-bottom-width: 2.8074670571px;
  }
}
#main .heartfood-link-btn:after {
  border-top-width: 0.3660322108vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link-btn:after {
    border-top-width: 5px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn:after {
    border-top-width: 2.8074670571px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link-btn:after {
    margin-left: 1.4666666667vw;
  }
  #main .heartfood-link-btn:after {
    border-left-width: 1.6vw;
  }
  #main .heartfood-link-btn:after {
    border-bottom-width: 0.9333333333vw;
  }
  #main .heartfood-link-btn:after {
    border-top-width: 0.9333333333vw;
  }
}
#main .heartfood-link {
  background-color: #fff7d8;
}
#main .heartfood-link {
  padding-block: 4.39238653vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link {
    padding-block: 60px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link {
    padding-block: 33.6896046852px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link {
    padding-block: 8vw;
  }
  #main .heartfood-link {
    padding-inline: 4vw;
  }
}
#main .heartfood-link .heartfood-link-inner {
  width: 80.5270863836vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link .heartfood-link-inner {
    width: 1100px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-inner {
    width: 617.6427525622px;
  }
}
#main .heartfood-link .heartfood-link-inner {
  margin: auto;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-inner {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
  #main .heartfood-link .heartfood-link-inner {
    gap: 4vw;
  }
}
#main .heartfood-link .heartfood-link-block {
  width: 25.7686676428vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link .heartfood-link-block {
    width: 352px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-block {
    width: 197.6456808199px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-block {
    width: 100%;
    display: flex;
    align-items: center;
  }
  #main .heartfood-link .heartfood-link-block {
    gap: 4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-block picture {
    width: 37.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-block .heartfood-link-block-text {
    flex: 1;
  }
}
#main .heartfood-link .heartfood-link-block h3 {
  margin-top: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link .heartfood-link-block h3 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-block h3 {
    margin-top: 16.8448023426px;
  }
}
#main .heartfood-link .heartfood-link-block h3 {
  font-size: 1.756954612vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link .heartfood-link-block h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-block h3 {
    font-size: 13.4758418741px;
  }
}
#main .heartfood-link .heartfood-link-block h3 {
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-block h3 {
    font-size: 3.7333333333vw;
  }
  #main .heartfood-link .heartfood-link-block h3 {
    margin-top: 0;
  }
}
#main .heartfood-link .heartfood-link-btn {
  margin-top: 0.7320644217vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-link .heartfood-link-btn {
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-btn {
    margin-top: 5.6149341142px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-link .heartfood-link-btn {
    margin-top: 2.6666666667vw;
  }
}
#main .heartfood-know {
  background-color: #f5f5f5;
}
#main .heartfood-know .fs-sect-03-wrapper {
  padding-block: 2.9282576867vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper {
    padding-block: 40px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper {
    padding-block: 22.4597364568px;
  }
}
#main .heartfood-know .fs-sect-03-wrapper {
  display: flex;
  align-items: center;
}
#main .heartfood-know .fs-sect-03-wrapper {
  width: 80.5270863836vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper {
    width: 1100px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper {
    width: 617.6427525622px;
  }
}
#main .heartfood-know .fs-sect-03-wrapper {
  margin: auto;
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper {
    width: 100%;
  }
  #main .heartfood-know .fs-sect-03-wrapper {
    padding-block: 8vw;
  }
  #main .heartfood-know .fs-sect-03-wrapper {
    padding-inline: 4vw;
  }
  #main .heartfood-know .fs-sect-03-wrapper {
    flex-direction: column;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text {
  flex: 1;
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1) {
  font-size: 1.8301610542vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1) {
    font-size: 25px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1) {
    font-size: 14.0373352855px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1) {
    font-size: 3.7333333333vw;
  }
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1) {
    margin-bottom: 4vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):before {
  height: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):before {
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):before {
    height: 16.8448023426px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):before {
    height: 4.2666666667vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):after {
  height: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):after {
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):after {
    height: 16.8448023426px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(1):after {
    font-size: 4.2666666667vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
  font-size: 1.6105417277vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
    font-size: 12.3528550512px;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
  margin-bottom: 0.7320644217vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
    margin-bottom: 5.6149341142px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
    font-size: 3.2vw;
  }
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(2) {
    margin-bottom: 1.3333333333vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) {
  font-size: 2.0497803807vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) {
    font-size: 15.7218155198px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) {
    font-size: 4.2666666667vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) strong {
  font-size: 4.2459736457vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) strong {
    font-size: 58px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) strong {
    font-size: 32.5666178624px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(3) strong {
    font-size: 7.2vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) {
  font-size: 2.0497803807vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) {
    font-size: 15.7218155198px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) {
    font-size: 4.2666666667vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) strong {
  font-size: 3.6603221083vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) strong {
    font-size: 50px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) strong {
    font-size: 28.074670571px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text span:nth-child(4) strong {
    font-size: 6.4vw;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul {
  margin-top: 2.9282576867vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul {
    margin-top: 22.4597364568px;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li {
  font-weight: normal;
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li {
  font-size: 0.878477306vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li {
    font-size: 12px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li {
    font-size: 6.737920937px;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li {
  line-height: 1.8;
  text-align: center;
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li:last-child {
  margin-top: 1.0980966325vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li:last-child {
    margin-top: 15px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-text ul li:last-child {
    margin-top: 8.4224011713px;
  }
}
#main .heartfood-know .fs-sect-03-wrapper .heartfood-know-graph {
  width: 34.4070278184vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-graph {
    width: 470px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-graph {
    width: 263.9019033675px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-graph {
    width: 75.4666666667vw;
  }
  #main .heartfood-know .fs-sect-03-wrapper .heartfood-know-graph {
    margin: auto;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl {
  margin-top: 0;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl .heartfood-history-title {
  width: 94.1434846266vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl .heartfood-history-title {
    width: 1286px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl .heartfood-history-title {
    width: 722.0805270864px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl .heartfood-history-title {
  height: 40.9956076135vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl .heartfood-history-title {
    height: 560px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl .heartfood-history-title {
    height: 314.4363103953px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .fs-sect-04-desc-ttl .heartfood-history-title {
  background-image: url("/-/Media/com/heartfood/202512/top/products.png") !important;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-panel {
  padding-top: 0;
  margin-top: 0;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
  padding-block: 2.9282576867vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    padding-block: 40px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    padding-block: 22.4597364568px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
  border-top-left-radius: 1.4641288433vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    border-top-left-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    border-top-left-radius: 11.2298682284px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
  border-top-right-radius: 1.4641288433vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    border-top-right-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    border-top-right-radius: 11.2298682284px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
  font-size: 3.513909224vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    font-size: 26.9516837482px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
  background-color: #005bab;
  text-align: center;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    font-size: 7.2vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    padding-block: 5.3333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    border-radius: 1.3333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list h3 {
    line-height: 1.2;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
  padding-block: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    padding-block: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    padding-block: 16.8448023426px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
  padding-inline: 3.6603221083vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    padding-inline: 50px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    padding-inline: 28.074670571px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
  gap: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    gap: 16.8448023426px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    padding-inline: 0;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    padding-top: 4vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    padding-bottom: 9.3333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul {
    gap: 4vw;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
  background-color: #e8f4ff;
  border: 3px solid #498ecc;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
  border-radius: 0.7320644217vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    border-radius: 10px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    border-radius: 5.6149341142px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
  gap: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    gap: 16.8448023426px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
  padding: 2.9282576867vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    padding: 40px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    padding: 22.4597364568px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    border-radius: 1.3333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    padding-block: 8vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    padding-inline: 4vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    row-gap: 4vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    -moz-column-gap: 5.3333333333vw;
         column-gap: 5.3333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li {
    flex-wrap: wrap;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li picture {
  width: 8.78477306vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li picture {
    width: 120px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li picture {
    width: 67.3792093704px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li picture {
    width: 23.3333333333vw;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text {
  flex: 1;
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text {
    display: contents;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 {
  font-weight: bold;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 {
  font-size: 2.635431918vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 {
    font-size: 36px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 {
    font-size: 20.2137628111px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 {
    flex: 1;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 {
    font-size: 6.1333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 {
    line-height: 1.3043478261;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text h4 span {
  background: linear-gradient(transparent 75%, #ffe886 75%);
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
  font-weight: bold;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
  font-size: 1.756954612vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
    font-size: 13.4758418741px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
  margin-top: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
    margin-top: 16.8448023426px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
    font-size: 4.8vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-list ul li .heartfood-history-list-text p {
    margin-top: 0;
    width: 100%;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco {
  margin-top: 1.4641288433vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco {
    margin-top: 11.2298682284px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco {
    margin-top: 2.6666666667vw;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-lead {
  width: 52.7086383602vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-lead {
    width: 720px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-lead {
    width: 404.2752562225px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-lead {
  margin: auto;
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-lead {
    width: 84vw;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block {
  margin-top: 2.9282576867vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block {
    margin-top: 22.4597364568px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block {
    margin-top: 6.6666666667vw;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl {
  display: flex;
  flex-direction: column;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dt {
  font-size: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dt {
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dt {
    font-size: 16.8448023426px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
  flex-grow: 1;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
  gap: 0.7320644217vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    gap: 5.6149341142px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
  padding-block: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    padding-block: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    padding-block: 16.8448023426px;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
  padding-inline: 1.4641288433vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    padding-inline: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    padding-inline: 11.2298682284px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    row-gap: 1.3333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    -moz-column-gap: 4vw;
         column-gap: 4vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    padding-block: 5.3333333333vw;
  }
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd {
    padding-inline: 2.4vw;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd > picture {
  width: 11.7130307467vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd > picture {
    width: 160px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd > picture {
    width: 89.8389458272px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd > picture {
    width: 32vw;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text {
  flex: 1;
  padding-left: 0;
  line-height: 1.5 !important;
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text {
  font-size: 1.4641288433vw  !important;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text {
    font-size: 20px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text {
    font-size: 11.2298682284px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text {
    font-size: 3.7333333333vw  !important;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon picture {
  width: 3.513909224vw  !important;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon picture {
    width: 48px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon picture {
    width: 26.9516837482px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon picture {
    width: 9.3333333333vw  !important;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon-03 picture {
  width: 1.9033674963vw  !important;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon-03 picture {
    width: 26px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon-03 picture {
    width: 14.5988286969px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .heartfood-history-reco-text .icon-03 picture {
    width: 4.2666666667vw  !important;
  }
}
#main .heartfood-history .fs-sect-04-wrapper .fs-sect-04-desc .heartfood-history-reco .heartfood-history-reco-block dl dd .note {
  width: 100%;
  margin-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
#main .hfarticle-feature {
  background-color: #e8f4ff;
}
#main .hfarticle-feature {
  padding-block: 3.6603221083vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature {
    padding-block: 50px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature {
    padding-block: 28.074670571px;
  }
}
#main .hfarticle-feature {
  margin-top: 4.39238653vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature {
    margin-top: 33.6896046852px;
  }
}
#main .hfarticle-feature {
  margin-bottom: 5.8565153734vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature {
    margin-bottom: 44.9194729136px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature {
    padding-block: 5.3333333333vw;
  }
  #main .hfarticle-feature {
    padding-inline: 4vw;
  }
  #main .hfarticle-feature {
    margin-top: 10.6666666667vw;
  }
  #main .hfarticle-feature {
    margin-bottom: 2.6666666667vw;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner {
  width: 65.8857979502vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    width: 900px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    width: 505.3440702782px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner {
  margin: auto;
  border: 3px solid #498ecc;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#main .hfarticle-feature .hfarticle-feature-banner {
  padding-block: 2.635431918vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    padding-block: 36px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    padding-block: 20.2137628111px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner {
  padding-inline: 2.3426061493vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    padding-inline: 32px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    padding-inline: 17.9677891654px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner {
  border-radius: 1.4641288433vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    border-radius: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    border-radius: 11.2298682284px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner {
    width: 100%;
  }
  #main .hfarticle-feature .hfarticle-feature-banner {
    border-radius: 2.6666666667vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner {
    padding-top: 4vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner {
    padding-bottom: 6.6666666667vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner {
    border-width: 0.5333333333vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner {
    gap: 5.3333333333vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner {
    flex-direction: column;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-img {
  width: 14.934114202vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-img {
    width: 204px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-img {
    width: 114.5446559297px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-img {
    width: 38vw;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-text h3 {
  font-weight: bold;
}
#main .hfarticle-feature .hfarticle-feature-banner-text h3 {
  font-size: 1.756954612vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-text h3 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-text h3 {
    font-size: 13.4758418741px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-text h3 {
    text-align: center;
    line-height: 1.5;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-text h3 {
    font-size: 4.5333333333vw;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link {
  margin-top: 1.4641288433vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link {
    margin-top: 11.2298682284px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link {
  gap: 2.196193265vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link {
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link {
    gap: 16.8448023426px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link {
  display: flex;
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link {
    margin-top: 5.3333333333vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-link {
    gap: 6.6666666667vw;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link a {
  transition: 0.3s ease;
  font-weight: bold;
  color: #005bac;
}
#main .hfarticle-feature .hfarticle-feature-banner-link a {
  padding-bottom: 0.3660322108vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a {
    padding-bottom: 2.8074670571px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link a {
  font-size: 1.4641288433vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a {
    font-size: 11.2298682284px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link a {
  border-bottom: 2px solid #005bac;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a {
    font-size: 3.2vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-link a {
    padding-bottom: 0.8vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-link a {
    border-bottom-width: 0.2666666667vw;
  }
}
@media screen and (min-width: 768px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:hover {
    color: #013e75;
    border-bottom: 2px solid #013e75;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-link a:hover:after {
    border-left: 9px solid #013e75;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 9px solid #005bac;
  border-right: 0;
}
#main .hfarticle-feature .hfarticle-feature-banner-link a:after {
  margin-left: 0.6588579795vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    margin-left: 9px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    margin-left: 5.0534407028px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link a:after {
  border-left-width: 0.6588579795vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-left-width: 9px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-left-width: 5.0534407028px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link a:after {
  border-bottom-width: 0.3660322108vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-bottom-width: 5px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-bottom-width: 2.8074670571px;
  }
}
#main .hfarticle-feature .hfarticle-feature-banner-link a:after {
  border-top-width: 0.3660322108vw;
}
@media screen and (min-width: 1366px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-top-width: 5px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-top-width: 2.8074670571px;
  }
}
@media screen and (max-width: 767px) {
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    margin-left: 1.4666666667vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-left-width: 1.8666666667vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-bottom-width: 1.0666666667vw;
  }
  #main .hfarticle-feature .hfarticle-feature-banner-link a:after {
    border-top-width: 1.0666666667vw;
  }
}
#main .heartfood-news-banner {
  background-color: #f5f5f5;
  width: 100% !important;
  border-bottom: none !important;
}
#main .heartfood-news-banner {
  margin-top: 4.39238653vw;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-news-banner {
    margin-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-news-banner {
    margin-top: 33.6896046852px;
  }
}
#main .heartfood-news-banner {
  padding-bottom: 4.39238653vw  !important;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-news-banner {
    padding-bottom: 60px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-news-banner {
    padding-bottom: 33.6896046852px  !important;
  }
}
#main .heartfood-news-banner {
  margin-bottom: 4.39238653vw  !important;
}
@media screen and (min-width: 1366px) {
  #main .heartfood-news-banner {
    margin-bottom: 60px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-news-banner {
    margin-bottom: 33.6896046852px  !important;
  }
}
@media screen and (max-width: 767px) {
  #main .heartfood-news-banner {
    margin-top: 10.6666666667vw;
  }
  #main .heartfood-news-banner {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  #main .heartfood-contact {
    width: 80.5270863836vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main .heartfood-contact {
    width: 1100px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #main .heartfood-contact {
    width: 617.6427525622px;
  }
}
@media screen and (min-width: 768px) {
  #main .heartfood-contact {
    padding-top: 5.1244509517vw;
  }
}
@media screen and (min-width: 768px) and (min-width: 1366px) {
  #main .heartfood-contact {
    padding-top: 70px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  #main .heartfood-contact {
    padding-top: 39.3045387994px;
  }
}
#main .heartfood-contact {
  border-top: 3px solid #dddddd;
  margin: auto;
}
@media screen and (max-width: 767px) {
  #main .heartfood-contact {
    padding-top: 10.6666666667vw;
  }
  #main .heartfood-contact {
    width: 92vw;
  }
}

@media screen and (min-width: 768px) {
  #main .fs-news .fs-news-wrapper .fs-news-banner ul li a.banner-02:after {
    background-image: url(/-/Media/com/heartfood/202512/top/news-banner01-hov.png) !important;
  }
}
@media screen and (min-width: 768px) {
  #main .fs-news .fs-news-wrapper .fs-news-banner ul li a.banner-04:after {
    background-image: url(/-/Media/com/heartfood/202512/top/news-banner03-hov.png) !important;
  }
}
#main .fs-news .fs-news-wrapper .fs-news-ttl {
  position: relative;
}

#main .fs-news .fs-news-wrapper .fs-news-ttl #anchor01 {
  margin-top: -200px;
}

@media screen and (max-width: 767px) {
  #main .fs-news .fs-news-wrapper .fs-news-ttl #anchor01 {
    margin-top: -100px;
  }
}