@charset "utf-8";

@charset "UTF-8";
/* 使い方
font-size: rem(16);
font-size: vw(16);
font-size: vw(16, 1440); // ブラウザ幅が1440pxのデザインデータの場合
line-height: lh(16,28);
letter-spacing: ls(50);
*/
/* ----------------------------------------
reset css
---------------------------------------- */
.kikanshi h2.sdgs-post-heading {
  padding: 0 !important;
  margin: 0 !important;
  background-color: transparent;
}

/* =======================================
general settings
======================================= */
.kikanshi .sdgs-main-wrapper * {
  font-size: initial;
  line-height: initial !important;
  letter-spacing: initial;
}

.kikanshi #sdgs-main * {
  color: var(--text-color);
  font-size: var(--fz);
}
.kikanshi #sdgs-main * img {
  align-items: baseline;
}
.kikanshi #sdgs-main * dl, .kikanshi #sdgs-main * dt, .kikanshi #sdgs-main * dd {
  margin: 0;
}
.kikanshi #sdgs-main * figure, .kikanshi #sdgs-main * h2, .kikanshi #sdgs-main * h3, .kikanshi #sdgs-main * h4, .kikanshi #sdgs-main * h5, .kikanshi #sdgs-main * h6 {
  margin: 0;
}

.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

/* ----------------------------------------
feature style css
---------------------------------------- */
#feature-article {
  font-family: inherit;
  font-weight: inherit;
  --accent-color: #008ccd;
  --black: #000;
  --fz: clamp(14px, 8.1824px + 1.8182vw, 18px);
  --phrase: #c7a899;
  --text-color: #222;
  --white: #fff;
}

#feature-article > * {
  width: 100%;
  margin: 0 auto;
}

#feature-article * {
  font-size: var(--fz);
}

/* ----------------------------------------
coop-recommend css
---------------------------------------- */
#feature-article {
  padding: 0 5px;
}
#feature-article p, #feature-article li, #feature-article dd, #feature-article th, #feature-article td {
  font-size: 1.125em;
  line-height: 1.75 !important;
  letter-spacing: -0.035em;
}
#feature-article section {
  margin-top: 8.3449235049vw;
}
#feature-article section:first-of-type {
  margin-top: 0;
}
#feature-article .link {
  width: 100%;
  max-width: 83.4492350487vw;
  margin: 2.7816411683vw auto 0 auto;
}
#feature-article .link a {
  display: block;
  padding: 0.75em 1.5em 0.75em 0.5em;
  background: #e60012;
  border-radius: 50vh;
  color: var(--white);
  font-size: 1em;
  text-align: center;
  text-decoration: none;
  position: relative;
}
#feature-article .link a:after {
  content: "";
  width: 1em;
  aspect-ratio: 1;
  border-top: 2px solid var(--white);
  border-right: 2px solid var(--white);
  position: absolute;
  top: calc(50% - 0.5em);
  right: 1em;
  transform: rotate(45deg);
}
#feature-article .feature-article {
  /** common **/
  /** mv **/
  /** overview **/
  /** howto **/
  /** food **/
  /** case **/
  /** camp **/
  /** outdoor **/
  /** cook **/
  /** summary **/
}
#feature-article .feature-article-common__heading, #feature-article .feature-article-common__heading--center {
  padding: 0.6954102921vw 2.0862308762vw;
  margin: 0;
  background: url("../images/feature202601_common_bg_heading.png") repeat top left/11.2656467316vw 11.2656467316vw;
  border-radius: 0;
  color: #f08327;
  font-size: 5.5076495132vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-common__heading--center {
  text-align: center;
}
#feature-article .feature-article-mv__wrap {
  max-width: 113.9082058414vw;
  margin: 0 auto;
}
#feature-article .feature-article-mv__heading {
  width: 34.7705146036vw;
  padding: 0;
  margin: 0;
  background: none;
  border-radius: 0;
}
#feature-article .feature-article-mv__heading img {
  width: 100%;
}
#feature-article .feature-article-mv__subheading {
  padding: 0;
  margin: 5.5632823366vw 0 0 0;
  background: transparent;
  text-align: center;
}
#feature-article .feature-article-mv__subheading span, #feature-article .feature-article-mv__subheading strong {
  display: inline-block;
}
#feature-article .feature-article-mv__subheading span::before, #feature-article .feature-article-mv__subheading span::after, #feature-article .feature-article-mv__subheading strong::before, #feature-article .feature-article-mv__subheading strong::after {
  content: "";
  display: block;
  width: 0.5563282337vw;
  height: 7.2322670376vw;
  background: #ea617b;
  pointer-events: none;
  position: absolute;
  top: 0;
}
#feature-article .feature-article-mv__subheading span::before, #feature-article .feature-article-mv__subheading strong::before {
  transform: rotate(-20deg);
}
#feature-article .feature-article-mv__subheading span::after, #feature-article .feature-article-mv__subheading strong::after {
  transform: rotate(20deg);
}
#feature-article .feature-article-mv__subheading span {
  padding: 0 2.7816411683vw 0 3.8942976356vw;
  position: relative;
}
#feature-article .feature-article-mv__subheading span::before {
  left: 0;
}
#feature-article .feature-article-mv__subheading span::after {
  right: 0;
}
#feature-article .feature-article-mv__subheading span strong {
  color: #ea617b;
  font-size: 5.0069541029vw;
  font-weight: 700;
}
#feature-article .feature-article-mv__subheading span strong::before {
  left: 1.1126564673vw;
}
#feature-article .feature-article-mv__subheading span strong::after {
  right: 1.1126564673vw;
}
#feature-article .feature-article-mv__img {
  text-align: center;
}
#feature-article .feature-article-mv__img figure img {
  width: 100%;
}
#feature-article .feature-article-overview__meta__lead {
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  text-align: justify;
}
#feature-article .feature-article-overview__img {
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-overview__img__photo {
  width: 49.2350486787vw;
  margin: 0 auto;
}
#feature-article .feature-article-overview__img__photo figure img {
  width: 100%;
}
#feature-article .feature-article-overview__img__meta {
  margin-top: 2.7816411683vw;
}
#feature-article .feature-article-overview__img__name {
  color: #333;
  font-size: 3.6161335188vw;
  font-weight: 400;
  line-height: 1.5 !important;
  text-align: center;
}
#feature-article .feature-article-overview__img__name strong {
  display: inline-block;
  margin-right: 1.3908205841vw;
  font-size: 5.0069541029vw;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: 0em;
}
#feature-article .feature-article-overview__img__lead {
  margin-top: 2.7816411683vw;
  color: #333;
  font-size: 4.1724617524vw;
  line-height: 1.5 !important;
  text-align: justify;
}
#feature-article .feature-article-howto__lead {
  margin-top: 2.7816411683vw;
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  text-align: justify;
}
#feature-article .feature-article-howto__heading + .feature-article-howto__subheading {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-howto__heading + p {
  margin-top: 2.7816411683vw;
}
#feature-article .feature-article-howto__subheading {
  padding: 0;
  margin: 8.3449235049vw 0 0 0;
  background: transparent;
  color: #ea617b;
  font-size: 5.0069541029vw;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-howto__subheading + p {
  margin-top: 1.3908205841vw;
}
#feature-article .feature-article-howto__img {
  width: 40.0556328234vw;
  margin: 2.7816411683vw auto 0 auto;
}
#feature-article .feature-article-howto__img__heading {
  margin-top: 8.3449235049vw;
  text-align: center;
}
#feature-article .feature-article-howto__img__heading span {
  display: inline-block;
  padding: 0 1.668984701vw 0 2.2253129346vw;
  color: #ea617b;
  font-size: 4.1724617524vw;
  line-height: 1.3 !important;
  letter-spacing: 0em;
  position: relative;
}
#feature-article .feature-article-howto__img__heading span::before, #feature-article .feature-article-howto__img__heading span::after {
  content: "";
  display: block;
  width: 0.5563282337vw;
  height: 10.8484005563vw;
  background: #ea617b;
  pointer-events: none;
  position: absolute;
  top: 0;
}
#feature-article .feature-article-howto__img__heading span::before {
  left: 0;
  transform: rotate(-20deg);
}
#feature-article .feature-article-howto__img__heading span::after {
  right: 0;
  transform: rotate(20deg);
}
#feature-article .feature-article-howto__img figure img {
  width: 100%;
}
#feature-article .feature-article-howto__box {
  padding: 5.5632823366vw;
  margin-top: 5.5632823366vw;
  margin-bottom: 13.9082058414vw;
  background: #fef3f3;
}
#feature-article .feature-article-howto__box > .feature-article-howto__miniheading {
  margin-top: 0;
}
#feature-article .feature-article-howto__miniheading {
  padding: 0;
  margin: 8.3449235049vw 0 0 0;
  background: none;
  color: #ea617b;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-food {
  padding-top: 13.9082058414vw;
  margin-top: 13.9082058414vw;
  border-top: 2px dashed #9fa0a0;
}
#feature-article .feature-article-food__subheading {
  text-align: center;
}
#feature-article .feature-article-food__subheading span {
  display: inline-block;
  padding: 1.3908205841vw 2.7816411683vw;
  color: #ea617b;
  font-size: 4.4506258693vw;
  font-weight: 700;
  line-height: 1.75 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-food__heading {
  padding: 0;
  margin: 2.7816411683vw 0 0 0;
  background: transparent;
  border-radius: 0;
  color: #f08327;
  font-size: 7.0931849791vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.15em;
  text-align: center;
}
#feature-article .feature-article-food__summary {
  margin-top: 4.1724617524vw;
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  text-align: center;
}
#feature-article .feature-article-food__flex:first-of-type, #feature-article .feature-article-food__flex--col3:first-of-type {
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-food__col {
  padding: 8.3449235049vw 0;
}
#feature-article .feature-article-food__col__heading {
  padding: 0.8344923505vw 1.3908205841vw;
  margin: 8.3449235049vw 0 0 0;
  background: #ea617b;
  border-radius: 4.7287899861vw;
  color: #fff;
  font-size: 5.0069541029vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-food__col__heading:first-of-type {
  margin-top: 0;
}
#feature-article .feature-article-food__col__subheading {
  width: auto;
  padding: 0;
  margin: 4.1724617524vw 0 0 0;
  background: none;
  border-radius: 0;
  text-align: center;
}
#feature-article .feature-article-food__col__subheading span {
  display: inline-block;
  padding-left: 9.735744089vw;
  color: #f08327;
  font-size: 5.0069541029vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
}
#feature-article .feature-article-food__col__subheading span::before {
  content: "";
  display: block;
  width: 8.2058414465vw;
  height: 8.2058414465vw;
  background: url("../images/feature202601_food_bg_subheading.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
#feature-article .feature-article-food__col__lead {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  text-align: justify;
}
#feature-article .feature-article-food__col__card {
  margin-top: 5.5632823366vw;
}
#feature-article .feature-article-food__col__img {
  padding: 0 1.3908205841vw;
  margin-top: 5.5632823366vw;
  text-align: center;
}
#feature-article .feature-article-food__col__img figure img {
  width: auto;
  height: 47.2878998609vw;
}
#feature-article .feature-article-food__col__name {
  margin-top: 2.7816411683vw;
  color: #00a484;
  font-size: 3.3379694019vw;
  line-height: 1.5 !important;
  text-align: center;
}
#feature-article .feature-article-case__flex {
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-case__col {
  margin-top: 11.1265646732vw;
}
#feature-article .feature-article-case__col__heading {
  padding-left: 19.471488178vw;
  margin: 0;
  background: #fadbdc;
  position: relative;
}
#feature-article .feature-article-case__col__heading figure {
  position: absolute;
  top: -5.0069541029vw;
  left: 0;
}
#feature-article .feature-article-case__col__heading figure img {
  width: 19.471488178vw;
}
#feature-article .feature-article-case__col__heading span {
  color: #9561a6;
  font-size: 4.4506258693vw;
  font-weight: 700;
  line-height: 1.75 !important;
  letter-spacing: 0.15em;
}
#feature-article .feature-article-case__col__subheading {
  padding: 0 0 0 19.471488178vw;
  margin: 1.3908205841vw 0 0 0;
  background: transparent;
  border-radius: 0;
  color: #ea617b;
  font-size: 4.1724617524vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-case__col__lead {
  margin-top: 2.7816411683vw;
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  text-align: justify;
}
#feature-article .feature-article-case__col__card {
  margin-top: 5.5632823366vw;
}
#feature-article .feature-article-case__col__img {
  padding: 0 1.3908205841vw;
  margin-top: 5.5632823366vw;
  text-align: center;
}
#feature-article .feature-article-case__col__img figure img {
  width: auto;
  height: 47.2878998609vw;
}
#feature-article .feature-article-case__col__name {
  margin-top: 1.3908205841vw;
  color: #00a484;
  font-size: 3.3379694019vw;
  line-height: 1.5 !important;
  text-align: center;
}
#feature-article .feature-article-case__remark {
  padding-left: 1em;
  margin-top: 8.3449235049vw;
  text-indent: -1em;
  color: #333;
  font-size: 3.8942976356vw;
  line-height: 1.5 !important;
  text-align: justify;
}
#feature-article .feature-article-camp {
  padding-top: 11.1265646732vw;
  margin-top: 19.471488178vw;
  border-top: 2px dashed #9fa0a0;
}
#feature-article .feature-article-camp__heading {
  padding: 0;
  margin: 2.7816411683vw 0 0 0;
  background: transparent;
  border-radius: 0;
  color: #f08327;
  font-size: 7.0931849791vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.15em;
  text-align: center;
}
#feature-article .feature-article-camp__summary {
  margin-top: 4.1724617524vw;
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
}
#feature-article .feature-article-camp__flex {
  display: flex;
  align-items: center;
  max-width: 125.173852573vw;
  margin: 5.5632823366vw auto 0 auto;
}
#feature-article .feature-article-camp__img {
  width: 30.5980528512vw;
}
#feature-article .feature-article-camp__img figure img {
  width: 100%;
}
#feature-article .feature-article-camp__fukidashi {
  flex: 1;
  padding: 2.7816411683vw;
  margin-left: 5.5632823366vw;
  border: 2px solid #f6b06f;
  border-radius: 5.5632823366vw;
  position: relative;
}
#feature-article .feature-article-camp__fukidashi::before, #feature-article .feature-article-camp__fukidashi::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 0;
  border-bottom: 8px solid transparent;
  pointer-events: none;
  position: absolute;
  bottom: 5.5632823366vw;
  border-style: solid;
}
#feature-article .feature-article-camp__fukidashi::before {
  border-right: 16px solid #f6b06f;
  left: -4.4506258693vw;
}
#feature-article .feature-article-camp__fukidashi::after {
  border-right: 16px solid #fff;
  left: -3.3379694019vw;
}
#feature-article .feature-article-camp__lead {
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  text-align: justify;
  position: relative;
  z-index: 3;
}
#feature-article .feature-article-outdoor__img {
  text-align: center;
}
#feature-article .feature-article-outdoor__img figure img {
  width: 69.5410292072vw;
}
#feature-article .feature-article-outdoor__img__lead {
  margin-top: 1.1126564673vw;
  color: #5c87c6;
  font-size: 3.8942976356vw;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-outdoor__flex {
  margin-top: 11.1265646732vw;
}
#feature-article .feature-article-outdoor__col {
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-outdoor__col__heading {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
#feature-article .feature-article-outdoor__col__heading span {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.1794158554vw;
  height: 9.1794158554vw;
  background: #ea617b;
  border-radius: 2.2253129346vw;
  color: #fff;
  font-size: 6.6759388039vw;
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: 0em;
  text-align: center;
}
#feature-article .feature-article-outdoor__col__heading strong {
  padding-left: 1.3908205841vw;
  color: #ea617b;
  font-size: 5.0069541029vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-outdoor__col__lead {
  margin-top: 2.7816411683vw;
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  text-align: justify;
}
#feature-article .feature-article-outdoor__col__img {
  margin-top: 8.3449235049vw;
  text-align: center;
}
#feature-article .feature-article-outdoor__col__img figure img {
  width: auto;
  height: 36.1613351878vw;
}
#feature-article .feature-article-outdoor__col__remark {
  margin-top: 4.1724617524vw;
  color: #5c87c6;
  font-size: 3.8942976356vw;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-cook__flex {
  padding: 5.5632823366vw 0;
  background: #fef3f3;
  border: 3px solid #ee8594;
  border-radius: 5.5632823366vw;
}
#feature-article .feature-article-cook__col {
  padding: 0 4.1724617524vw;
}
#feature-article .feature-article-cook__col__heading {
  padding: 9.735744089vw 0 4.1724617524vw 0;
  margin: 0;
  background: #ee8594;
  border: 2px solid #f8c9cc;
  border-radius: 50%;
}
#feature-article .feature-article-cook__col__heading small {
  display: block;
  color: #fff;
  font-size: 3.6161335188vw;
  font-weight: 700;
  line-height: 1.5 !important;
  text-align: center;
}
#feature-article .feature-article-cook__col__heading span {
  display: block;
  color: #fff;
  font-size: 5.2851182197vw;
  font-weight: 700;
  line-height: 1.3 !important;
  text-align: center;
}
#feature-article .feature-article-cook__col__subheading {
  padding-left: 5.5632823366vw;
  margin-top: 8.3449235049vw;
  color: #333;
  font-size: 4.4506258693vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  position: relative;
}
#feature-article .feature-article-cook__col__subheading::before {
  content: "";
  display: block;
  width: 4.4506258693vw;
  height: 4.4506258693vw;
  background: #f197a1;
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
  top: 1.1126564673vw;
  left: 0;
}
#feature-article .feature-article-cook__col__lead, #feature-article .feature-article-cook__col__lead--number {
  display: flex;
  margin-top: 1.3908205841vw;
}
#feature-article .feature-article-cook__col__lead strong, #feature-article .feature-article-cook__col__lead--number strong {
  flex: 1;
  color: #333;
  font-size: 3.8942976356vw;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-cook__col__lead--number span {
  width: 4.4506258693vw;
  height: 4.4506258693vw;
  margin-right: 0.5563282337vw;
  background: #333;
  border-radius: 50%;
  color: #fff;
  font-size: 3.8942976356vw;
  line-height: 1 !important;
  letter-spacing: 0em;
  text-align: center;
  position: relative;
  top: 0.8344923505vw;
  left: 0;
}
#feature-article .feature-article-cook__col__name {
  color: #00a484;
  font-size: 3.8942976356vw;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-cook__col__name span {
  color: #00a484;
  font-size: 3.8942976356vw;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-cook__col__remark {
  padding-left: 1em;
  margin-top: 2.2253129346vw;
  text-indent: -1em;
  color: #333;
  font-size: 3.3379694019vw;
  line-height: 1.3 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-cook__col__card, #feature-article .feature-article-cook__col__card--reverse {
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-cook__col__card--reverse {
  flex-direction: row-reverse;
}
#feature-article .feature-article-cook__col__img {
  width: 51.5994436718vw;
  padding: 0 2.7816411683vw;
  margin: 4.1724617524vw auto 0 auto;
  text-align: center;
}
#feature-article .feature-article-cook__col__img figure img {
  width: 100%;
}
#feature-article .feature-article-cook__col__meta {
  flex: 1;
}
#feature-article .feature-article-summary__meta {
  display: flex;
  flex: 1;
  padding-right: 5.5632823366vw;
}
#feature-article .feature-article-summary__meta__img {
  width: 22.7399165508vw;
  text-align: center;
}
#feature-article .feature-article-summary__meta__img figure img {
  width: 100%;
}
#feature-article .feature-article-summary__meta__comment {
  flex: 1;
  padding-left: 5.5632823366vw;
}
#feature-article .feature-article-summary__meta__lead {
  color: #333;
  font-size: 4.1724617524vw;
  line-height: 1.75 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-summary__meta__lead span {
  background: linear-gradient(transparent 65%, #ffe26f 65%);
  color: #333;
  font-size: 4.4506258693vw;
  line-height: 1.75 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-summary__img {
  width: 72.8789986092vw;
  margin: 8.3449235049vw auto 0 auto;
  text-align: center;
}
#feature-article .feature-article-summary__img figure img {
  width: 100%;
}
@media screen and (min-width: 720px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  #feature-article {
    --fz: 15px;
  }
  #feature-article section {
    margin-top: 6rem;
  }
  #feature-article .link {
    max-width: 46.5rem;
    margin: 2rem auto 0 auto;
  }
  #feature-article .feature-article-common__heading, #feature-article .feature-article-common__heading--center {
    padding: 0.5rem 1.5rem;
    background: url("../images/feature202601_common_bg_heading.png") repeat top left/8.1rem 8.1rem;
    font-size: 2.2rem;
  }
  #feature-article .feature-article-mv__wrap {
    max-width: 81.9rem;
  }
  #feature-article .feature-article-mv__heading {
    width: 14.4rem;
  }
  #feature-article .feature-article-mv__subheading {
    margin: 1rem 0 0 0;
  }
  #feature-article .feature-article-mv__subheading span::before, #feature-article .feature-article-mv__subheading span::after, #feature-article .feature-article-mv__subheading strong::before, #feature-article .feature-article-mv__subheading strong::after {
    width: 0.2rem;
    height: 2.6rem;
  }
  #feature-article .feature-article-mv__subheading span {
    padding: 0 1rem 0 1.4rem;
  }
  #feature-article .feature-article-mv__subheading span strong {
    font-size: 2.4rem;
  }
  #feature-article .feature-article-mv__subheading span strong::before {
    left: 0.4rem;
  }
  #feature-article .feature-article-mv__subheading span strong::after {
    right: 0.4rem;
  }
  #feature-article .feature-article-overview__flex {
    display: flex;
  }
  #feature-article .feature-article-overview__meta {
    flex: 1;
    padding-right: 3rem;
  }
  #feature-article .feature-article-overview__meta__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-overview__img {
    display: flex;
    align-items: center;
    width: 40rem;
    margin-top: 0;
  }
  #feature-article .feature-article-overview__img__photo {
    width: 17.7rem;
  }
  #feature-article .feature-article-overview__img__meta {
    flex: 1;
    padding-left: 1.5rem;
    margin-top: 0;
  }
  #feature-article .feature-article-overview__img__name {
    font-size: 1.3rem;
    text-align: justify;
  }
  #feature-article .feature-article-overview__img__name strong {
    margin-right: 0.5rem;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-overview__img__lead {
    margin-top: 1rem;
    font-size: 1.5rem;
  }
  #feature-article .feature-article-howto__flex {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-howto__col {
    width: calc(50% - 2rem);
  }
  #feature-article .feature-article-howto__lead {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-howto__card {
    display: flex;
  }
  #feature-article .feature-article-howto__meta {
    flex: 1;
    padding-right: 1.5rem;
  }
  #feature-article .feature-article-howto__heading + .feature-article-howto__subheading {
    margin-top: 2rem;
  }
  #feature-article .feature-article-howto__heading + p {
    margin-top: 2rem;
  }
  #feature-article .feature-article-howto__subheading {
    margin: 3rem 0 0 0;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-howto__subheading + p {
    margin-top: 0.5rem;
  }
  #feature-article .feature-article-howto__img {
    width: 9.6rem;
    margin-top: 0;
  }
  #feature-article .feature-article-howto__img__heading {
    margin-top: 3rem;
    text-align: center;
  }
  #feature-article .feature-article-howto__img__heading span {
    padding: 0 0.6rem 0 0.8rem;
    font-size: 1rem;
  }
  #feature-article .feature-article-howto__img__heading span::before, #feature-article .feature-article-howto__img__heading span::after {
    width: 0.2rem;
    height: 2.6rem;
  }
  #feature-article .feature-article-howto__img figure img {
    width: 100%;
  }
  #feature-article .feature-article-howto__box {
    padding: 2rem;
    margin-top: 2rem;
    margin-bottom: 0;
    background: #fef3f3;
  }
  #feature-article .feature-article-howto__box > .feature-article-howto__miniheading {
    margin-top: 0;
  }
  #feature-article .feature-article-howto__miniheading {
    padding: 0;
    margin: 3rem 0 0 0;
    background: none;
    color: #ea617b;
    font-size: 1.6rem;
    line-height: 1.75 !important;
    text-align: justify;
  }
  #feature-article .feature-article-food {
    padding-top: 0;
    margin-top: 6rem;
    border-top: 0;
  }
  #feature-article .feature-article-food__subheading span {
    padding: 0.5rem 1rem;
    border-top: 2px solid #ea617b;
    border-bottom: 2px solid #ea617b;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-food__heading {
    margin: 1rem 0 0 0;
    font-size: 3.4rem;
  }
  #feature-article .feature-article-food__summary {
    margin-top: 1.5rem;
    color: #333;
    font-size: 1.6rem;
    line-height: 1.75 !important;
    text-align: center;
  }
  #feature-article .feature-article-food__flex, #feature-article .feature-article-food__flex--col3 {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-food__flex:first-of-type, #feature-article .feature-article-food__flex--col3:first-of-type {
    margin-top: 3rem;
    border-top: 1px dotted #9fa0a0;
  }
  #feature-article .feature-article-food__flex--col3 .feature-article-food__col {
    width: 33.33%;
  }
  #feature-article .feature-article-food__col {
    width: 50%;
    padding: 2rem;
    border-right: 1px dotted #9fa0a0;
    border-bottom: 1px dotted #9fa0a0;
  }
  #feature-article .feature-article-food__col:first-of-type {
    border-left: 1px dotted #9fa0a0;
  }
  #feature-article .feature-article-food__col__heading {
    padding: 0.3rem 0.5rem;
    margin: 3rem 0 0 0;
    border-radius: 1.7rem;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-food__col__heading:first-of-type {
    margin-top: 0;
  }
  #feature-article .feature-article-food__col__subheading {
    width: auto;
    padding: 0;
    margin: 1.5rem 0 0 0;
    background: none;
    border-radius: 0;
    text-align: center;
  }
  #feature-article .feature-article-food__col__subheading span {
    display: inline-block;
    padding-left: 3.5rem;
    color: #f08327;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5 !important;
    letter-spacing: 0.05em;
    text-align: center;
    position: relative;
  }
  #feature-article .feature-article-food__col__subheading span::before {
    content: "";
    display: block;
    width: 2.95rem;
    height: 2.95rem;
    background: url("../images/feature202601_food_bg_subheading.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  #feature-article .feature-article-food__col__lead {
    margin-top: 0.5rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-food__col__card {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  #feature-article .feature-article-food__col__img {
    padding: 0 0.5rem;
    margin-top: 0;
  }
  #feature-article .feature-article-food__col__img figure img {
    height: 10rem;
  }
  #feature-article .feature-article-food__col__name {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  #feature-article .feature-article-case__flex {
    display: flex;
    margin-top: 3rem;
  }
  #feature-article .feature-article-case__col {
    width: 33.33%;
    padding: 0 2rem;
    margin-top: 0;
    border-left: 1px dotted #9fa0a0;
  }
  #feature-article .feature-article-case__col:first-of-type {
    border-left: 0;
  }
  #feature-article .feature-article-case__col__heading {
    padding-left: 7rem;
  }
  #feature-article .feature-article-case__col__heading figure {
    top: -1.8rem;
  }
  #feature-article .feature-article-case__col__heading figure img {
    width: 7rem;
  }
  #feature-article .feature-article-case__col__heading span {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__col__subheading {
    padding: 0 0 0 7rem;
    margin: 0.5rem 0 0 0;
    font-size: 1.5rem;
  }
  #feature-article .feature-article-case__col__lead {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__col__card {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
  }
  #feature-article .feature-article-case__col__img {
    padding: 0 0.5rem;
    margin-top: 0;
  }
  #feature-article .feature-article-case__col__img figure img {
    height: 10rem;
  }
  #feature-article .feature-article-case__col__name {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  #feature-article .feature-article-case__remark {
    margin-top: 2rem;
    font-size: 1.4rem;
  }
  #feature-article .feature-article-camp {
    padding-top: 0;
    margin-top: 6rem;
    border-top: 0;
  }
  #feature-article .feature-article-camp__heading {
    margin: 1rem 0 0 0;
    font-size: 3.4rem;
  }
  #feature-article .feature-article-camp__summary {
    margin-top: 1.5rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-camp__flex {
    max-width: 45rem;
    margin: 2rem auto 0 auto;
  }
  #feature-article .feature-article-camp__img {
    width: 16.95rem;
  }
  #feature-article .feature-article-camp__fukidashi {
    padding: 1rem;
    margin-left: 2rem;
    border-radius: 2rem;
  }
  #feature-article .feature-article-camp__fukidashi::before {
    border-right: 16px solid #f6b06f;
    left: -1.6rem;
  }
  #feature-article .feature-article-camp__fukidashi::after {
    border-right: 16px solid #fff;
    left: -1.2rem;
  }
  #feature-article .feature-article-camp__fukidashi::before, #feature-article .feature-article-camp__fukidashi::after {
    bottom: 2rem;
  }
  #feature-article .feature-article-camp__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-outdoor__img figure img {
    width: 38.7rem;
  }
  #feature-article .feature-article-outdoor__img__lead {
    margin-top: 0.4rem;
    font-size: 1.5rem;
  }
  #feature-article .feature-article-outdoor__flex {
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
  }
  #feature-article .feature-article-outdoor__col {
    width: calc(50% - 2rem);
    margin-top: 0;
  }
  #feature-article .feature-article-outdoor__col__heading span {
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 0.8rem;
    font-size: 2.4rem;
  }
  #feature-article .feature-article-outdoor__col__heading strong {
    padding-left: 0.5rem;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-outdoor__col__lead {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-outdoor__col__img {
    margin-top: 3rem;
  }
  #feature-article .feature-article-outdoor__col__img figure img {
    height: 13rem;
  }
  #feature-article .feature-article-outdoor__col__remark {
    margin-top: 1.5rem;
    font-size: 1.5rem;
  }
  #feature-article .feature-article-cook__flex {
    display: flex;
    padding: 3rem 0;
    border-radius: 2rem;
  }
  #feature-article .feature-article-cook__col {
    width: 50%;
    padding: 0 2rem;
  }
  #feature-article .feature-article-cook__col__heading {
    padding: 3.5rem 0 1.5rem 0;
  }
  #feature-article .feature-article-cook__col__heading small {
    font-size: 1.3rem;
  }
  #feature-article .feature-article-cook__col__heading span {
    font-size: 2.4rem;
  }
  #feature-article .feature-article-cook__col__subheading {
    padding-left: 2rem;
    margin-top: 3rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-cook__col__subheading::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: #f197a1;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    top: 0.4rem;
    left: 0;
  }
  #feature-article .feature-article-cook__col__lead, #feature-article .feature-article-cook__col__lead--number {
    display: flex;
    margin-top: 0.5rem;
  }
  #feature-article .feature-article-cook__col__lead strong, #feature-article .feature-article-cook__col__lead--number strong {
    font-size: 1.4rem;
  }
  #feature-article .feature-article-cook__col__lead--number span {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.2rem;
    font-size: 1.4rem;
    top: 0.3rem;
  }
  #feature-article .feature-article-cook__col__name {
    font-size: 1.4rem;
  }
  #feature-article .feature-article-cook__col__name span {
    font-size: 1.4rem;
  }
  #feature-article .feature-article-cook__col__remark {
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
  #feature-article .feature-article-cook__col__card, #feature-article .feature-article-cook__col__card--reverse {
    display: flex;
    margin-top: 3rem;
  }
  #feature-article .feature-article-cook__col__img {
    width: 18.55rem;
    padding: 0 1rem;
    margin: 0 auto;
  }
  #feature-article .feature-article-summary__flex {
    display: flex;
  }
  #feature-article .feature-article-summary__meta {
    padding-right: 2rem;
  }
  #feature-article .feature-article-summary__meta__img {
    width: 16.35rem;
  }
  #feature-article .feature-article-summary__meta__comment {
    padding-left: 2rem;
  }
  #feature-article .feature-article-summary__meta__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-summary__meta__lead span {
    background: linear-gradient(transparent 65%, #ffe26f 65%);
    color: #333;
    font-size: 1.6rem;
    line-height: 1.75 !important;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  #feature-article .feature-article-summary__img {
    width: 21.8rem;
    margin-top: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 1000px) {
  #feature-article {
    --fz: 16px;
  }
}