@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: 64.6731571627vw;
  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 {
  /** MV **/
  /** トラブル相談 **/
  /** 相談件数 **/
  /** 年代別 **/
  /** センターに相談 **/
  /** トラブル事例 **/
  /** トラブルに巻き込まれたら **/
}
#feature-article .feature-article-mv {
  padding: 2.7816411683vw;
  background: #fdd000;
}
#feature-article .feature-article-mv__wrap {
  padding: 4.1724617524vw 2.7816411683vw;
  background: #fff;
  border: 3px solid #727171;
  border-radius: 0.8344923505vw;
}
#feature-article .feature-article-mv__heading {
  width: 34.7705146036vw;
  padding: 0;
  margin: 0 auto;
  background: none;
  border-radius: 0;
}
#feature-article .feature-article-mv__heading img {
  width: 100%;
}
#feature-article .feature-article-mv__lead {
  margin-top: 2.7816411683vw;
  font-size: 3.8942976356vw;
  text-align: center;
}
#feature-article .feature-article-trouble__heading {
  padding: 0;
  margin: 0;
  background: none;
  color: #0fae6f;
  font-size: 5.0069541029vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-trouble__heading small {
  color: #0fae6f;
  font-size: 3.7552155772vw;
  font-weight: bold;
}
#feature-article .feature-article-trouble__lead {
  margin-top: 0.6954102921vw;
  text-indent: 1em;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-trouble__img {
  text-align: center;
}
#feature-article .feature-article-trouble__img img {
  width: 34.6314325452vw;
}
#feature-article .feature-article-data__heading {
  padding: 0;
  margin: 0;
  background: none;
  border-bottom: 1px solid #333;
  color: #333;
  font-size: 4.1724617524vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-data__heading span {
  display: inline-block;
  padding: 0.6954102921vw 1.668984701vw 0 1.668984701vw;
  background: #fff;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  border-top-left-radius: 0.8344923505vw;
  border-top-right-radius: 0.8344923505vw;
  color: #333;
  font-size: 4.1724617524vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  top: 2px;
  left: 0;
}
#feature-article .feature-article-data__heading span strong {
  color: #009d91;
  font-size: 5.0069541029vw;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-data__graph {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-data__graph__heading {
  width: auto;
  padding: 0;
  margin: 0 0 0.6954102921vw 0;
  background: none;
  border-radius: 0;
  color: #12a69c;
  font-size: 4.1724617524vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-data__graph:nth-of-type(1) img {
  width: 100%;
}
#feature-article .feature-article-data__graph:nth-of-type(2) {
  text-align: center;
}
#feature-article .feature-article-data__graph:nth-of-type(2) img {
  width: 45%;
}
#feature-article .feature-article-data__subheading {
  margin-top: 2.0862308762vw;
  background: #12a69c;
  border-radius: 5.5632823366vw;
  color: #fff;
  font-size: 3.7552155772vw;
  font-weight: bold;
  text-align: center;
}
#feature-article .feature-article-data__subheading:first-of-type {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-data__remark {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 2.9207232267vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-data__right {
  margin-top: 6.9541029207vw;
}
#feature-article .feature-article-data__table {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-data__table table {
  width: 100%;
}
#feature-article .feature-article-data__table table tr th, #feature-article .feature-article-data__table table tr td {
  width: 16.6898470097vw;
  padding: 0 1.3908205841vw;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  color: #333;
  font-size: 3.8942976356vw;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-data__table table tr th:first-of-type, #feature-article .feature-article-data__table table tr td:first-of-type {
  width: calc(100% - 16.6898470097vw);
  border-right: 1px dashed #333;
}
#feature-article .feature-article-data__table table tr th {
  text-align: center;
}
#feature-article .feature-article-data__table table tr td {
  text-align: right;
}
#feature-article .feature-article-data__table table tr td:first-of-type {
  text-align: left;
}
#feature-article .feature-article-data__table table tr:first-of-type th {
  background: rgba(0, 147, 169, 0.2);
}
#feature-article .feature-article-data__table table tr:nth-of-type(odd) td {
  background: #fff;
}
#feature-article .feature-article-data__table table tr:nth-of-type(even) td {
  background: #efefef;
}
#feature-article .feature-article-data__table__remark {
  margin-top: 0.6954102921vw;
  color: #333;
  font-size: 2.9207232267vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-data__tomato {
  margin-top: 5.5632823366vw;
}
#feature-article .feature-article-data__tomato__meta {
  padding-bottom: 8.3449235049vw;
  position: relative;
}
#feature-article .feature-article-data__tomato__meta::before {
  content: "";
  display: block;
  width: 6.7802503477vw;
  height: 27.2253129346vw;
  margin: auto;
  background: url("../images/feature202511_data_bg_border.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10.831015299vw;
  transform: rotate(90deg);
}
#feature-article .feature-article-data__tomato__lead {
  color: #0093a9;
  font-size: 3.8942976356vw;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-data__tomato__img {
  margin-top: 3.4770514604vw;
  text-align: center;
}
#feature-article .feature-article-data__tomato__img img {
  width: 14.0820584145vw;
}
#feature-article .feature-article-age__wrap {
  padding-top: 6.9541029207vw;
  margin-top: 11.1265646732vw;
  border-top: 2px dashed #0093a9;
}
#feature-article .feature-article-age__heading {
  padding: 0;
  margin: 0;
  background: none;
  color: #0093a9;
  font-size: 6.2586926287vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-age__col {
  display: flex;
  margin-top: 5.5632823366vw;
}
#feature-article .feature-article-age__col__left {
  width: 24.5132127955vw;
  height: 36.926286509vw;
  padding-top: 4.1724617524vw;
  background: url("../images/feature202511_age_bg_heading.png") no-repeat top left/100% 100%;
}
#feature-article .feature-article-age__col__heading {
  margin: 0;
  color: #0093a9;
  font-size: 5.8414464534vw;
  font-weight: bold;
  line-height: 1.1 !important;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-age__col__heading small {
  color: #0093a9;
  font-size: 4.1724617524vw;
  font-weight: bold;
  line-height: 1.1 !important;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-age__col__right {
  flex: 1;
  padding-left: 2.0862308762vw;
}
#feature-article .feature-article-age__col__ul li {
  padding-left: 4.5897079277vw;
  color: #333;
  font-size: 3.3379694019vw;
  letter-spacing: 0.05em;
  text-align: left;
  position: relative;
}
#feature-article .feature-article-age__col__ul li::before {
  content: "";
  display: block;
  width: 3.3379694019vw;
  height: 3.3379694019vw;
  background: #6da9c6;
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
  top: 1.4603616134vw;
  left: 0;
}
#feature-article .feature-article-age__col__img {
  width: 100%;
  margin-top: 1.3908205841vw;
  text-align: left;
}
#feature-article .feature-article-age__col__img img {
  width: auto;
  height: 27.8164116829vw;
}
#feature-article .feature-article-age__fukidashi__col {
  display: flex;
  align-items: flex-end;
  margin-top: 6.9541029207vw;
}
#feature-article .feature-article-age__fukidashi__col:nth-of-type(odd) .feature-article-age__fukidashi__img {
  padding-right: 2.7816411683vw;
}
#feature-article .feature-article-age__fukidashi__col:nth-of-type(odd) .feature-article-age__fukidashi__meta::before {
  border-top: 1.2517385257vw solid transparent;
  border-left: 0;
  border-right: 3.1293463143vw solid #b8dba5;
  border-bottom: 1.2517385257vw solid transparent;
  left: -3.7552155772vw;
  bottom: 4.1724617524vw;
  z-index: 1;
}
#feature-article .feature-article-age__fukidashi__col:nth-of-type(odd) .feature-article-age__fukidashi__meta::after {
  border-top: 1.2517385257vw solid transparent;
  border-left: 0;
  border-right: 3.1293463143vw solid #fff;
  border-bottom: 1.2517385257vw solid transparent;
  left: -2.5034770515vw;
  bottom: 4.1724617524vw;
  z-index: 2;
}
#feature-article .feature-article-age__fukidashi__col:nth-of-type(even) {
  flex-direction: row-reverse;
}
#feature-article .feature-article-age__fukidashi__col:nth-of-type(even) .feature-article-age__fukidashi__img {
  padding-left: 4.1724617524vw;
}
#feature-article .feature-article-age__fukidashi__col:nth-of-type(even) .feature-article-age__fukidashi__meta::before {
  border-top: 1.2517385257vw solid transparent;
  border-left: 3.1293463143vw solid #b8dba5;
  border-right: 0;
  border-bottom: 1.2517385257vw solid transparent;
  right: -3.7552155772vw;
  bottom: 4.1724617524vw;
  z-index: 1;
}
#feature-article .feature-article-age__fukidashi__col:nth-of-type(even) .feature-article-age__fukidashi__meta::after {
  border-top: 1.2517385257vw solid transparent;
  border-left: 3.1293463143vw solid #fff;
  border-right: 0;
  border-bottom: 1.2517385257vw solid transparent;
  right: -2.5034770515vw;
  bottom: 4.1724617524vw;
  z-index: 2;
}
#feature-article .feature-article-age__fukidashi__img {
  width: 20.8623087622vw;
}
#feature-article .feature-article-age__fukidashi__meta {
  flex: 1;
  padding: 2.0862308762vw 3.1293463143vw;
  background: #fff;
  border: 3px solid #b8dba5;
  border-radius: 4.1724617524vw;
  position: relative;
}
#feature-article .feature-article-age__fukidashi__meta::before, #feature-article .feature-article-age__fukidashi__meta::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
}
#feature-article .feature-article-age__fukidashi__lead {
  color: #333;
  font-size: 3.3379694019vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-steps__heading {
  padding: 0 0 0.6954102921vw 0;
  margin: 0;
  background: none;
  border-bottom: 3px dotted #97cfa7;
  color: #0fae6f;
  font-size: 5.0069541029vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
}
#feature-article .feature-article-steps__heading strong {
  display: inline-block;
  padding: 0 2.9207232267vw;
  color: #0fae6f;
  font-size: 5.0069541029vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
}
#feature-article .feature-article-steps__heading strong::before, #feature-article .feature-article-steps__heading strong::after {
  content: "";
  display: block;
  width: 0.6258692629vw;
  height: 5.8414464534vw;
  background: #97cfa7;
  pointer-events: none;
  position: absolute;
  top: 0.8344923505vw;
}
#feature-article .feature-article-steps__heading strong::before {
  left: 0;
  transform: rotate(-15deg);
}
#feature-article .feature-article-steps__heading strong::after {
  right: 0;
  transform: rotate(15deg);
}
#feature-article .feature-article-steps__heading span {
  display: block;
  color: #0fae6f;
  font-size: 5.0069541029vw;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-steps__heading img {
  display: none;
}
#feature-article .feature-article-steps__summary {
  margin-top: 2.7816411683vw;
  color: #333;
  font-size: 3.8942976356vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-steps__col {
  margin: 13.9082058414vw 0 0 0;
  position: relative;
}
#feature-article .feature-article-steps__col::before {
  content: "";
  display: block;
  width: 7.9276773296vw;
  height: 7.9276773296vw;
  margin: auto;
  background: url("../images/feature202511_steps_bg_arrow.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10.4311543811vw;
  z-index: 2;
  transform: rotate(90deg);
}
#feature-article .feature-article-steps__col:first-of-type {
  margin-top: 11.1265646732vw;
}
#feature-article .feature-article-steps__col:last-of-type::before {
  display: none;
}
#feature-article .feature-article-steps__col__border::before, #feature-article .feature-article-steps__col__border::after {
  content: "";
  display: block;
  background: #727171;
  pointer-events: none;
  position: absolute;
  z-index: 1;
}
#feature-article .feature-article-steps__col__border::before {
  width: 0.4172461752vw;
  height: calc(100% - 4.1724617524vw);
  top: 4.1724617524vw;
  left: 0;
}
#feature-article .feature-article-steps__col__border::after {
  width: calc(100% - 4.1724617524vw);
  height: 0.4172461752vw;
  top: 0;
  left: 4.1724617524vw;
}
#feature-article .feature-article-steps__col__heading {
  position: absolute;
  top: -7.3018080668vw;
  left: 1.668984701vw;
}
#feature-article .feature-article-steps__col__heading::before {
  content: "";
  display: block;
  width: 7.9276773296vw;
  height: 7.9276773296vw;
  background: url("../images/feature202511_steps_bg_pin.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: -3.1293463143vw;
  left: -5.2155771905vw;
  z-index: 2;
}
#feature-article .feature-article-steps__col__heading small {
  display: block;
  padding-left: 2.5034770515vw;
  color: #81c698;
  font-size: 3.3379694019vw;
  font-weight: bold;
  line-height: 1 !important;
  letter-spacing: 0;
}
#feature-article .feature-article-steps__col__heading strong {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8.3449235049vw;
  height: 8.3449235049vw;
  margin-top: 3.7552155772vw;
  background: #81c698;
  border-radius: 50%;
  color: #fff;
  font-size: 5.8414464534vw;
  font-weight: bold;
  line-height: 1 !important;
  letter-spacing: 0;
  text-align: center;
}
#feature-article .feature-article-steps__col__lead {
  padding: 10.4311543811vw 4.1724617524vw 0 2.0862308762vw;
  color: #333;
  font-size: 3.8942976356vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-case__wrap {
  padding-top: 6.9541029207vw;
  margin-top: 12.5173852573vw;
  border-top: 2px dashed #72bbc9;
}
#feature-article .feature-article-case__heading {
  padding: 0;
  margin: 0;
  background: none;
  color: #0fae6f;
  font-size: 6.2586926287vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-case__heading span {
  display: inline-block;
  padding: 1.668984701vw 2.0862308762vw 1.2517385257vw 2.0862308762vw;
  border: 3px solid #72bbc9;
  border-radius: 2.0862308762vw;
  color: #0093a9;
  font-size: 5.0069541029vw;
  font-weight: bold;
  line-height: 1 !important;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-case__heading strong {
  display: block;
  margin-top: 1.668984701vw;
  color: #0093a9;
  font-size: 6.2586926287vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-case__summary {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-case__summary__img {
  text-align: center;
}
#feature-article .feature-article-case__summary__img img {
  width: 19.7148817803vw;
}
#feature-article .feature-article-case__summary__lead {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 3.8942976356vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-case__col {
  padding: 3.1293463143vw;
  margin-top: 12.5173852573vw;
  border: 1px solid #727171;
  position: relative;
}
#feature-article .feature-article-case__col__heading {
  display: flex;
  padding: 0;
  margin: -6.2586926287vw 0 0 0;
}
#feature-article .feature-article-case__col__heading strong {
  padding: 2.0862308762vw 4.1724617524vw;
  background: #ef7e00;
  border-radius: 5.2155771905vw;
  color: #fff;
  font-size: 2.9207232267vw;
  font-weight: bold;
  line-height: 1.1 !important;
  letter-spacing: 0.05em;
  text-align: center;
  position: relative;
  top: -2.0862308762vw;
  left: -2.0862308762vw;
  z-index: 2;
  transform: rotate(-5deg);
}
#feature-article .feature-article-case__col__heading strong::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 1.2517385257vw solid transparent;
  border-left: 3.1293463143vw solid #ef7e00;
  border-right: 0;
  border-bottom: 1.2517385257vw solid transparent;
  position: absolute;
  right: 4.1724617524vw;
  bottom: -2.0862308762vw;
  z-index: 1;
  transform: rotate(60deg);
  border-style: solid;
}
#feature-article .feature-article-case__col__heading span {
  flex: 1;
  max-width: calc(100% - 10.4311543811vw);
  padding: 1.0431154381vw 2.0862308762vw 1.0431154381vw 6.2586926287vw;
  background: #dd6b37;
  color: #fff;
  font-size: 4.1724617524vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  transform: rotate(-3deg);
}
#feature-article .feature-article-case__col__heading span::before {
  content: "";
  display: block;
  width: 8.1363004172vw;
  height: 12.7260083449vw;
  background: url("../images/feature202511_case_bg_heading.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: -4.5897079277vw;
  left: -3.7552155772vw;
  transform: rotate(3deg);
}
#feature-article .feature-article-case__col__subheading {
  padding: 0;
  margin: 6.2586926287vw 0 0 0;
  background: none;
  border-radius: 0;
  color: #dd6b37;
  font-size: 3.7552155772vw;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-case__col__icon, #feature-article .feature-article-case__col__icon--green, #feature-article .feature-article-case__col__icon--blue {
  padding-left: 12.1001390821vw;
  margin-top: 2.0862308762vw;
  position: relative;
}
#feature-article .feature-article-case__col__icon::before, #feature-article .feature-article-case__col__icon--green::before, #feature-article .feature-article-case__col__icon--blue::before {
  content: "";
  display: block;
  width: 10.1182197497vw;
  height: 10.1182197497vw;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
#feature-article .feature-article-case__col__icon--blue::before {
  background-image: url("../images/feature202511_case_bg_icon-blue.png");
}
#feature-article .feature-article-case__col__icon--green::before {
  background-image: url("../images/feature202511_case_bg_icon-green.png");
}
#feature-article .feature-article-case__col__ul li {
  color: #333;
  font-size: 3.3379694019vw;
  letter-spacing: 0.05em;
  text-align: left;
  position: relative;
}
#feature-article .feature-article-case__col__ul li::before {
  content: "";
  display: inline-block;
  width: 3.3379694019vw;
  height: 3.3379694019vw;
  margin-right: 1.0431154381vw;
  background: #6da9c6;
  border-radius: 50%;
  pointer-events: none;
  position: relative;
  top: 0.4172461752vw;
  left: 0;
}
#feature-article .feature-article-case__col__miniheading {
  color: #38af4a;
  font-size: 3.3379694019vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-case__col__lead {
  color: #333;
  font-size: 3.3379694019vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-case__col__lead span {
  background: linear-gradient(transparent 75%, #d2e8ca 75%);
  color: #333;
  font-size: 3.3379694019vw;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-case__col__img {
  margin-top: 4.1724617524vw;
  text-align: center;
}
#feature-article .feature-article-case__col__img img {
  width: auto;
  height: 25.0347705146vw;
}
#feature-article .feature-article-case__col:last-of-type {
  width: 100%;
}
#feature-article .feature-article-handle__wrap {
  padding-top: 6.9541029207vw;
  margin-top: 11.1265646732vw;
  border-top: 2px dashed #0fae6f;
}
#feature-article .feature-article-handle__left__heading {
  padding: 0;
  margin: 0;
  background: none;
  color: #0fae6f;
  font-size: 5.0069541029vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-handle__left__lead {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 3.8942976356vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-handle__left__lead strong {
  display: inline;
  background: linear-gradient(transparent 75%, #ffda2a 75%);
  color: #333;
  font-size: 3.8942976356vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-handle__left__img {
  margin-top: 2.7816411683vw;
  text-align: center;
}
#feature-article .feature-article-handle__left__img img {
  width: 28.1641168289vw;
}
#feature-article .feature-article-handle__right {
  padding: 3.1293463143vw;
  margin-top: 5.5632823366vw;
  background: #e1efd8;
}
#feature-article .feature-article-handle__right__heading {
  padding: 0;
  margin: 0;
  color: #8fc31f;
  font-size: 4.1724617524vw;
  font-weight: bold;
  line-height: 1.3 !important;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-handle__right__wrap {
  padding: 3.1293463143vw;
  background: #fff;
  border: 2px solid #8fc31f;
  border-radius: 2.5034770515vw;
}
#feature-article .feature-article-handle__right__lead {
  margin-top: 3.1293463143vw;
  color: #333;
  font-size: 3.7552155772vw;
  letter-spacing: 0.05em;
  text-align: left;
}
#feature-article .feature-article-handle__right__img {
  margin-top: 2.7816411683vw;
  text-align: center;
}
@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-mv {
    padding: 2rem;
    background: #fdd000;
  }
  #feature-article .feature-article-mv__wrap {
    padding: 3rem 2rem;
    border: 5px solid #727171;
    border-radius: 0.6rem;
  }
  #feature-article .feature-article-mv__heading {
    width: 14.4rem;
  }
  #feature-article .feature-article-mv__lead {
    margin-top: 2rem;
    font-size: 2rem;
  }
  #feature-article .feature-article-trouble__flex {
    display: flex;
    flex-direction: row-reverse;
  }
  #feature-article .feature-article-trouble__meta {
    flex: 1;
    padding-left: 2rem;
  }
  #feature-article .feature-article-trouble__heading {
    font-size: 2.4rem;
    letter-spacing: 0.05em;
    text-align: left;
  }
  #feature-article .feature-article-trouble__heading small {
    color: #0fae6f;
    font-size: 1.8rem;
    font-weight: bold;
  }
  #feature-article .feature-article-trouble__lead {
    margin-top: 0.5rem;
    text-indent: 1em;
    font-size: 1.6rem;
    text-align: justify;
  }
  #feature-article .feature-article-trouble__img img {
    width: 16.6rem;
  }
  #feature-article .feature-article-data__flex {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-data__left {
    width: calc(55% - 1.5rem);
  }
  #feature-article .feature-article-data__heading {
    font-size: 2rem;
  }
  #feature-article .feature-article-data__heading span {
    padding: 0.5rem 1.2rem 0 1.2rem;
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
    font-size: 2rem;
    top: 1px;
  }
  #feature-article .feature-article-data__heading span strong {
    font-size: 2.4rem;
  }
  #feature-article .feature-article-data__graph {
    margin-top: 3rem;
  }
  #feature-article .feature-article-data__graph__heading {
    margin: 0 0 0.5rem 0;
    font-size: 2rem;
  }
  #feature-article .feature-article-data__subheading {
    margin-top: 1.5rem;
    border-radius: 4rem;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-data__subheading:first-of-type {
    margin-top: 3rem;
  }
  #feature-article .feature-article-data__remark {
    margin-top: 1rem;
    font-size: 1.4rem;
  }
  #feature-article .feature-article-data__right {
    width: calc(45% - 1.5rem);
    margin-top: 0;
  }
  #feature-article .feature-article-data__table {
    margin-top: 3rem;
  }
  #feature-article .feature-article-data__table table {
    width: 100%;
  }
  #feature-article .feature-article-data__table table tr th, #feature-article .feature-article-data__table table tr td {
    width: 8rem;
    padding: 0 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-data__table table tr th:first-of-type, #feature-article .feature-article-data__table table tr td:first-of-type {
    width: calc(100% - 8rem);
  }
  #feature-article .feature-article-data__table__remark {
    margin-top: 0.5rem;
    font-size: 1.4rem;
  }
  #feature-article .feature-article-data__tomato {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
  }
  #feature-article .feature-article-data__tomato__meta {
    padding-right: 3rem;
    padding-bottom: 0;
  }
  #feature-article .feature-article-data__tomato__meta::before {
    content: "";
    display: block;
    width: 3.25rem;
    height: 13.05rem;
    margin: auto;
    background: url("../images/feature202511_data_bg_border.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: auto;
    right: 0;
    bottom: 0;
    transform: rotate(0);
  }
  #feature-article .feature-article-data__tomato__lead {
    font-size: 1.4rem;
    text-align: left;
  }
  #feature-article .feature-article-data__tomato__img {
    padding-left: 1rem;
    margin-top: 0;
  }
  #feature-article .feature-article-data__tomato__img img {
    width: 6.75rem;
  }
  #feature-article .feature-article-age__wrap {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  #feature-article .feature-article-age__heading {
    font-size: 3rem;
  }
  #feature-article .feature-article-age__card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature-article .feature-article-age__card__left {
    width: calc(50% - 1rem);
  }
  #feature-article .feature-article-age__card__right {
    width: calc(50% - 1rem);
  }
  #feature-article .feature-article-age__col {
    display: flex;
    min-height: 21.7rem;
    margin-top: 4rem;
  }
  #feature-article .feature-article-age__col__left {
    width: 11.75rem;
    height: 17.7rem;
    padding-top: 2rem;
  }
  #feature-article .feature-article-age__col__heading {
    font-size: 2.8rem;
  }
  #feature-article .feature-article-age__col__heading small {
    font-size: 2rem;
  }
  #feature-article .feature-article-age__col__right {
    padding-left: 1.5rem;
  }
  #feature-article .feature-article-age__col__ul li {
    padding-left: 2.2rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-age__col__ul li::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: #6da9c6;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    top: 0.7rem;
    left: 0;
  }
  #feature-article .feature-article-age__col__img {
    margin-top: 0.5rem;
    text-align: right;
  }
  #feature-article .feature-article-age__col__img img {
    height: 10rem;
  }
  #feature-article .feature-article-age__fukidashi__col {
    align-items: center;
    margin-top: 2rem;
  }
  #feature-article .feature-article-age__fukidashi__col:nth-of-type(odd) .feature-article-age__fukidashi__img {
    padding-right: 2rem;
  }
  #feature-article .feature-article-age__fukidashi__col:nth-of-type(odd) .feature-article-age__fukidashi__meta::before {
    border-top: 0.6rem solid transparent;
    border-left: 0;
    border-right: 1.5rem solid #b8dba5;
    border-bottom: 0.6rem solid transparent;
    left: -1.8rem;
    bottom: 2rem;
    z-index: 1;
  }
  #feature-article .feature-article-age__fukidashi__col:nth-of-type(odd) .feature-article-age__fukidashi__meta::after {
    border-top: 0.6rem solid transparent;
    border-left: 0;
    border-right: 1.5rem solid #fff;
    border-bottom: 0.6rem solid transparent;
    left: -1.2rem;
    bottom: 2rem;
    z-index: 2;
  }
  #feature-article .feature-article-age__fukidashi__col:nth-of-type(even) .feature-article-age__fukidashi__img {
    padding-left: 2rem;
  }
  #feature-article .feature-article-age__fukidashi__col:nth-of-type(even) .feature-article-age__fukidashi__meta::before {
    border-top: 0.6rem solid transparent;
    border-left: 1.5rem solid #b8dba5;
    border-right: 0;
    border-bottom: 0.6rem solid transparent;
    right: -1.8rem;
    bottom: 2rem;
    z-index: 1;
  }
  #feature-article .feature-article-age__fukidashi__col:nth-of-type(even) .feature-article-age__fukidashi__meta::after {
    border-top: 0.6rem solid transparent;
    border-left: 1.5rem solid #fff;
    border-right: 0;
    border-bottom: 0.6rem solid transparent;
    right: -1.2rem;
    bottom: 2rem;
    z-index: 2;
  }
  #feature-article .feature-article-age__fukidashi__img {
    width: 10rem;
  }
  #feature-article .feature-article-age__fukidashi__meta {
    padding: 1rem 1.5rem;
    border-radius: 2rem;
  }
  #feature-article .feature-article-age__fukidashi__meta::before, #feature-article .feature-article-age__fukidashi__meta::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
  }
  #feature-article .feature-article-age__fukidashi__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-steps__heading {
    padding: 0 0 0.5rem 0;
    font-size: 2.4rem;
    text-align: left;
  }
  #feature-article .feature-article-steps__heading strong {
    padding: 0 1.4rem;
    font-size: 2.4rem;
  }
  #feature-article .feature-article-steps__heading strong::before, #feature-article .feature-article-steps__heading strong::after {
    content: "";
    display: block;
    width: 0.3rem;
    height: 2.8rem;
    background: #97cfa7;
    pointer-events: none;
    position: absolute;
    top: 0.4rem;
  }
  #feature-article .feature-article-steps__heading strong::before {
    left: 0;
    transform: rotate(-15deg);
  }
  #feature-article .feature-article-steps__heading strong::after {
    right: 0;
    transform: rotate(15deg);
  }
  #feature-article .feature-article-steps__heading span {
    font-size: 2.4rem;
  }
  #feature-article .feature-article-steps__heading img {
    display: block;
    width: 21.7rem;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #feature-article .feature-article-steps__summary {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-steps__flex {
    display: flex;
  }
  #feature-article .feature-article-steps__col {
    width: calc(25% - 2.25rem);
    margin: 4rem 0 0 3rem;
  }
  #feature-article .feature-article-steps__col::before {
    content: "";
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    margin: auto;
    background: url("../images/feature202511_steps_bg_arrow.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: -5rem;
    right: auto;
    bottom: 0;
    z-index: 2;
    transform: rotate(0);
  }
  #feature-article .feature-article-steps__col:first-of-type {
    margin-top: 4rem;
    margin-left: 0;
  }
  #feature-article .feature-article-steps__col:first-of-type::before {
    display: none;
  }
  #feature-article .feature-article-steps__col:last-of-type::before {
    display: block;
  }
  #feature-article .feature-article-steps__col__border::before {
    width: 0.2rem;
    height: calc(100% - 2rem);
    top: 2rem;
    left: 0;
  }
  #feature-article .feature-article-steps__col__border::after {
    width: calc(100% - 2rem);
    height: 0.2rem;
    top: 0;
    left: 2rem;
  }
  #feature-article .feature-article-steps__col__border::before, #feature-article .feature-article-steps__col__border::after {
    content: "";
    display: block;
    background: #727171;
    pointer-events: none;
    position: absolute;
    z-index: 1;
  }
  #feature-article .feature-article-steps__col__heading {
    position: absolute;
    top: -3.5rem;
    left: 0.8rem;
  }
  #feature-article .feature-article-steps__col__heading::before {
    content: "";
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    background: url("../images/feature202511_steps_bg_pin.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: -1.5rem;
    left: -2.5rem;
    z-index: 2;
  }
  #feature-article .feature-article-steps__col__heading small {
    padding-left: 1.2rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-steps__col__heading strong {
    width: 4rem;
    height: 4rem;
    margin-top: 1.8rem;
    font-size: 2.8rem;
  }
  #feature-article .feature-article-steps__col__lead {
    padding: 5rem 2rem 0 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__wrap {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  #feature-article .feature-article-case__heading {
    font-size: 3rem;
  }
  #feature-article .feature-article-case__heading span {
    padding: 0.8rem 1rem 0.6rem 1rem;
    border-radius: 1rem;
    font-size: 2.4rem;
  }
  #feature-article .feature-article-case__heading strong {
    margin-top: 0.8rem;
    font-size: 3rem;
  }
  #feature-article .feature-article-case__summary {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
  }
  #feature-article .feature-article-case__summary__img img {
    width: 9.45rem;
  }
  #feature-article .feature-article-case__summary__meta {
    padding-left: 1.5rem;
  }
  #feature-article .feature-article-case__summary__lead {
    margin-top: 0;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature-article .feature-article-case__col {
    width: calc(50% - 1.5rem);
    padding: 1.5rem;
    margin-top: 6rem;
  }
  #feature-article .feature-article-case__col__heading {
    margin: -3rem 0 0 0;
  }
  #feature-article .feature-article-case__col__heading strong {
    padding: 1rem 2rem;
    border-radius: 2.5rem;
    font-size: 1.4rem;
    top: -1rem;
    left: -1rem;
  }
  #feature-article .feature-article-case__col__heading strong::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 0.6rem solid transparent;
    border-left: 1.5rem solid #ef7e00;
    border-right: 0;
    border-bottom: 0.6rem solid transparent;
    position: absolute;
    right: 2rem;
    bottom: -1rem;
    z-index: 1;
    transform: rotate(60deg);
    border-style: solid;
  }
  #feature-article .feature-article-case__col__heading span {
    max-width: calc(100% - 5rem);
    padding: 0.5rem 1rem 0.5rem 3rem;
    font-size: 2rem;
  }
  #feature-article .feature-article-case__col__heading span::before {
    content: "";
    display: block;
    width: 3.9rem;
    height: 6.1rem;
    background: url("../images/feature202511_case_bg_heading.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: -2.2rem;
    left: -1.8rem;
    transform: rotate(3deg);
  }
  #feature-article .feature-article-case__col__subheading {
    margin: 3rem 0 0 0;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-case__col__icon, #feature-article .feature-article-case__col__icon--green, #feature-article .feature-article-case__col__icon--blue {
    padding-left: 5.8rem;
    margin-top: 1rem;
  }
  #feature-article .feature-article-case__col__icon::before, #feature-article .feature-article-case__col__icon--green::before, #feature-article .feature-article-case__col__icon--blue::before {
    content: "";
    display: block;
    width: 4.85rem;
    height: 4.85rem;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  #feature-article .feature-article-case__col__ul li {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__col__ul li::before {
    content: "";
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.5rem;
    background: #6da9c6;
    border-radius: 50%;
    pointer-events: none;
    position: relative;
    top: 0.2rem;
    left: 0;
  }
  #feature-article .feature-article-case__col__miniheading {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__col__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__col__lead span {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-case__col__img {
    margin-top: 2rem;
    text-align: right;
  }
  #feature-article .feature-article-case__col__img img {
    height: 12rem;
  }
  #feature-article .feature-article-case__col:last-of-type .feature-article-case__col__img {
    position: absolute;
    top: -6rem;
    right: 1.2rem;
  }
  #feature-article .feature-article-case__col__flex {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-case__col__left, #feature-article .feature-article-case__col__right {
    width: calc(50% - 1.5rem);
  }
  #feature-article .feature-article-handle__wrap {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
  }
  #feature-article .feature-article-handle__flex {
    display: flex;
    align-items: flex-start;
  }
  #feature-article .feature-article-handle__left {
    flex: 1;
    padding-right: 2rem;
  }
  #feature-article .feature-article-handle__left__heading {
    font-size: 2.4rem;
  }
  #feature-article .feature-article-handle__left__lead {
    margin-top: 0;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-handle__left__lead strong {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-handle__left__img {
    margin-top: 0;
    text-align: right;
  }
  #feature-article .feature-article-handle__left__img img {
    width: 13.5rem;
  }
  #feature-article .feature-article-handle__right {
    width: 30rem;
    padding: 1.5rem;
    margin-top: 0;
  }
  #feature-article .feature-article-handle__right__heading {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-handle__right__wrap {
    padding: 1.5rem;
    border-radius: 1.2rem;
  }
  #feature-article .feature-article-handle__right__lead {
    margin-top: 1rem;
    font-size: 1.2rem;
  }
  #feature-article .feature-article-handle__right__img {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 720px) and (max-width: 1000px) {
  #feature-article {
    --fz: 16px;
  }
}