@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 {
  /** mv **/
  /** why **/
  /** use **/
  /** example **/
  /** blood **/
  /** safety **/
  /** howto **/
  /** memento **/
  /** staff **/
  /** flow **/
  /** outro **/
}
#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__summary {
  margin-top: 2.7816411683vw;
  color: #333;
  font-size: 4.1724617524vw;
  font-weight: 500;
  text-align: justify;
  position: relative;
}
#feature-article .feature-article-mv__summary::before {
  content: "";
  display: block;
  width: 19.8887343533vw;
  height: 15.7329624478vw;
  background: url("../images/feature202602_mv_bg_before.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: -16.6898470097vw;
  left: auto;
  right: 0;
}
#feature-article .feature-article-mv__summary::after {
  content: "";
  display: block;
  width: 16.5507649513vw;
  height: 5.7719054242vw;
  background: url("../images/feature202602_mv_bg_after.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: 0;
  right: auto;
  bottom: -6.9541029207vw;
}
#feature-article .feature-article-mv__flex {
  margin-top: 5.5632823366vw;
}
#feature-article .feature-article-mv__img {
  width: 80%;
  margin: 13.9082058414vw auto 0 auto;
  text-align: center;
}
#feature-article .feature-article-mv__img img {
  width: 100%;
}
#feature-article .feature-article-mv__meta {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-mv__meta__heading {
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-mv__meta__ul li {
  padding-left: 1.45em;
  text-indent: -1.45em;
  color: #333;
  font-size: 3.8942976356vw;
  text-align: justify;
}
#feature-article .feature-article-why__heading {
  padding: 0.8344923505vw 2.7816411683vw;
  margin-top: 11.1265646732vw;
  margin-bottom: 0;
  background: #fce5eb;
  border-radius: 4.7983310153vw;
  color: #dd4973;
  font-size: 4.4506258693vw;
  letter-spacing: 0.1em;
  text-align: center;
}
#feature-article .feature-article-why__subheading {
  margin-top: 2.7816411683vw;
  color: #00ab80;
  font-size: 4.4506258693vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: justify;
}
#feature-article .feature-article-why__lead {
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-use__heading {
  padding: 0.8344923505vw 2.7816411683vw;
  margin-top: 11.1265646732vw;
  margin-bottom: 0;
  background: #fce5eb;
  border-radius: 4.7983310153vw;
  color: #dd4973;
  font-size: 4.4506258693vw;
  letter-spacing: 0.1em;
  text-align: center;
}
#feature-article .feature-article-use__col {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-use__lead {
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-use__subheading {
  padding-left: 3.7552155772vw;
  margin: 0;
  color: #333;
  font-size: 3.3379694019vw;
  font-weight: 400;
  line-height: 1.3333333333 !important;
  letter-spacing: 0.05em;
  text-align: justify;
  position: relative;
}
#feature-article .feature-article-use__subheading::before {
  content: "";
  display: block;
  width: 3.0598052851vw;
  height: 3.0598052851vw;
  background: #dd4973;
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
  top: 0.8344923505vw;
  left: 0;
}
#feature-article .feature-article-use__img {
  margin-top: 1.3908205841vw;
  text-align: center;
}
#feature-article .feature-article-use__img img {
  width: 100%;
}
#feature-article .feature-article-use__remark {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 2.7816411683vw;
  font-weight: 400;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-example__wrap {
  padding-top: 8.3449235049vw;
  border-top: 1px solid #727171;
}
#feature-article .feature-article-example__heading {
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
  line-height: 1 !important;
  text-align: justify;
}
#feature-article .feature-article-example__heading span {
  display: block;
  padding: 1.9471488178vw 1.668984701vw 0.8344923505vw 1.668984701vw;
  background: #00ab80;
  color: #fff;
  font-size: 5.0069541029vw;
  font-weight: 700;
  line-height: 1 !important;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-example__col {
  margin-top: 5.5632823366vw;
}
#feature-article .feature-article-example__meta__heading {
  padding-left: 5.0069541029vw;
  margin: 0;
  color: #333;
  font-size: 4.4506258693vw;
  font-weight: 700;
  line-height: 1.25 !important;
  letter-spacing: 0.05em;
  position: relative;
}
#feature-article .feature-article-example__meta__heading::before {
  content: "";
  display: block;
  width: 3.6161335188vw;
  height: 3.6161335188vw;
  background: #8fcdb2;
  pointer-events: none;
  position: absolute;
  top: 1.1126564673vw;
  left: 0;
}
#feature-article .feature-article-example__meta__lead {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 4.1724617524vw;
  line-height: 1.5 !important;
  text-align: justify;
}
#feature-article .feature-article-example__img {
  margin-top: 2.0862308762vw;
  text-align: center;
}
#feature-article .feature-article-example__img img {
  height: 25.8692628651vw;
}
#feature-article .feature-article-blood__heading {
  padding: 0.8344923505vw 2.7816411683vw;
  margin-top: 11.1265646732vw;
  margin-bottom: 0;
  background: #fce5eb;
  border-radius: 4.7983310153vw;
  color: #dd4973;
  font-size: 4.4506258693vw;
  letter-spacing: 0.1em;
  text-align: center;
}
#feature-article .feature-article-blood__subheading {
  margin-top: 4.1724617524vw;
  color: #0fae6f;
  font-size: 4.1724617524vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: justify;
}
#feature-article .feature-article-blood__subheading strong {
  display: block;
  margin-right: 1.3908205841vw;
  font-size: 5.5632823366vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}
#feature-article .feature-article-blood__miniheading {
  width: 100%;
  padding: 0 0 0 4.1724617524vw;
  margin: 1.3908205841vw 0 0 0;
  background: transparent;
  border-radius: 0;
  color: #333;
  font-size: 3.8942976356vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  position: relative;
}
#feature-article .feature-article-blood__miniheading::before {
  content: "";
  display: block;
  width: 3.3379694019vw;
  height: 3.3379694019vw;
  background: #dd4973;
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
  top: 1.5299026426vw;
  left: 0;
}
#feature-article .feature-article-blood__graph {
  margin-top: 1.3908205841vw;
}
#feature-article .feature-article-blood__graph img {
  width: 100%;
}
#feature-article .feature-article-blood__graph__ul {
  margin-top: 1.3908205841vw;
}
#feature-article .feature-article-blood__graph__ul li {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 2.7816411683vw;
  font-weight: 400;
  line-height: 1.3 !important;
  position: relative;
}
#feature-article .feature-article-blood__graph__ul li::before {
  content: "";
  display: block;
  height: 3.6161335188vw;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0.1390820584vw;
  left: 0;
}
#feature-article .feature-article-blood__graph__ul li:nth-of-type(1) {
  padding-left: 7.7885952712vw;
}
#feature-article .feature-article-blood__graph__ul li:nth-of-type(1)::before {
  width: 6.8150208623vw;
  background-image: url("../images/feature202602_blood_bg_li_01.png");
}
#feature-article .feature-article-blood__graph__ul li:nth-of-type(2) {
  padding-left: 8.3449235049vw;
}
#feature-article .feature-article-blood__graph__ul li:nth-of-type(2)::before {
  width: 7.371349096vw;
  background-image: url("../images/feature202602_blood_bg_li_02.png");
}
#feature-article .feature-article-blood__graph__ul li:nth-of-type(3) {
  padding-left: 9.4575799722vw;
}
#feature-article .feature-article-blood__graph__ul li:nth-of-type(3)::before {
  width: 8.3449235049vw;
  background-image: url("../images/feature202602_blood_bg_li_03.png");
}
#feature-article .feature-article-blood__graph__lead {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 2.7816411683vw;
  font-weight: 400;
  line-height: 1.3 !important;
  text-align: right;
}
#feature-article .feature-article-blood__graph__remark {
  width: 100%;
  padding-left: 1em;
  margin-top: 1.3908205841vw;
  text-indent: -1em;
  color: #333;
  font-size: 2.7816411683vw;
  font-weight: 400;
  line-height: 1.5 !important;
}
#feature-article .feature-article-blood__flex {
  margin-top: 6.9541029207vw;
}
#feature-article .feature-article-blood__meta__lead {
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-blood__img {
  width: 35.6050069541vw;
  margin: 2.7816411683vw auto 0 auto;
}
#feature-article .feature-article-blood__img img {
  width: 100%;
}
#feature-article .feature-article-safety__meta {
  position: relative;
}
#feature-article .feature-article-safety__meta::before {
  content: "";
  display: block;
  width: 24.3045897079vw;
  height: 10.083449235vw;
  background: url("../images/feature202602_safety_bg_heading.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 13.9082058414vw;
  right: 0;
}
#feature-article .feature-article-safety__meta__fukidashi span {
  display: inline-block;
  padding: 0.4172461752vw 4.1724617524vw;
  background: #f5cd1e;
  border-radius: 4.1724617524vw;
  color: #0fae6f;
  font-size: 3.3379694019vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}
#feature-article .feature-article-safety__meta__fukidashi span::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 2.7816411683vw solid #f5cd1e;
  border-left: 1.1126564673vw solid transparent;
  border-right: 1.1126564673vw solid transparent;
  border-bottom: 0;
  pointer-events: none;
  position: absolute;
  left: 8.3449235049vw;
  bottom: -2.6425591099vw;
  border-style: solid;
}
#feature-article .feature-article-safety__meta__heading {
  padding: 0;
  margin: 2.7816411683vw 0 0 0;
  background: transparent;
  border-radius: 0;
  text-align: justify;
}
#feature-article .feature-article-safety__meta__heading strong {
  display: inline-block;
  padding: 0 2.7816411683vw;
  color: #0fae6f;
  font-size: 3.7552155772vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.1em;
  position: relative;
}
#feature-article .feature-article-safety__meta__heading strong::before, #feature-article .feature-article-safety__meta__heading strong::after {
  content: "";
  display: block;
  width: 0.2rem;
  height: 100%;
  background: #0fae6f;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: auto;
}
#feature-article .feature-article-safety__meta__heading strong::before {
  left: 0;
  transform: rotate(-15deg);
}
#feature-article .feature-article-safety__meta__heading strong::after {
  right: 0;
  transform: rotate(15deg);
}
#feature-article .feature-article-safety__meta__heading span {
  display: block;
  padding-top: 0;
  color: #0fae6f;
  font-size: 5.2851182197vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}
#feature-article .feature-article-safety__img {
  width: 27.8164116829vw;
  margin: 4.1724617524vw auto 0 auto;
}
#feature-article .feature-article-safety__img img {
  width: 100%;
}
#feature-article .feature-article-safety__summary {
  width: 80%;
  margin: 2.0862308762vw auto 0 auto;
  color: #333;
  font-size: 4.1724617524vw;
}
#feature-article .feature-article-safety__card {
  position: relative;
}
#feature-article .feature-article-safety__card::before {
  content: "";
  display: block;
  width: 14.5340751043vw;
  height: 18.6369958275vw;
  background: url("../images/feature202602_safety_bg_card.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 57.0236439499vw;
  left: 2.7816411683vw;
  bottom: auto;
}
#feature-article .feature-article-safety__col {
  padding: 5.5632823366vw 4.1724617524vw 6.9541029207vw 4.1724617524vw;
  margin-top: 4.1724617524vw;
  background: #fce5eb;
  border-radius: 4.1724617524vw;
}
#feature-article .feature-article-safety__col__heading {
  margin: 0;
  color: #dd6b37;
  font-size: 4.4506258693vw;
  font-weight: 700;
  line-height: 1.5 !important;
  text-align: center;
}
#feature-article .feature-article-safety__col__lead {
  margin-top: 2.0862308762vw;
  color: #333;
  font-size: 3.8942976356vw;
  line-height: 1.75 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-safety__col__lead span {
  display: inline;
  background: linear-gradient(transparent 70%, #fff 70%);
  font-size: 3.8942976356vw;
  font-weight: 700;
  line-height: 1.75 !important;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-howto__cloud {
  padding: 13.9082058414vw 0;
  background: url("../images/feature202602_howto_bg_cloud.png") no-repeat center center/contain;
}
#feature-article .feature-article-howto__cloud__heading {
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
  color: #fff;
  font-size: 5.5632823366vw;
  font-weight: 700;
  text-align: center;
}
#feature-article .feature-article-howto__cloud__lead {
  margin-top: 2.0862308762vw;
  color: #fff;
  font-size: 3.8942976356vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-howto__box {
  width: 69.5410292072vw;
  padding-top: 14.6036161335vw;
  margin: 4.1724617524vw auto 0 auto;
  position: relative;
}
#feature-article .feature-article-howto__box::before {
  content: "";
  display: block;
  width: 5.2677329624vw;
  height: 10.7440890125vw;
  background: url("../images/feature202602_howto_bg_arrow.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 13.5605006954vw;
}
#feature-article .feature-article-howto__box__heading {
  display: flex;
  align-items: center;
  margin-top: 0;
}
#feature-article .feature-article-howto__box__heading img {
  height: 10.4311543811vw;
}
#feature-article .feature-article-howto__box__heading span {
  display: inline-block;
  margin-left: 1.668984701vw;
  color: #7acdf3;
  font-size: 5.8414464534vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}
#feature-article .feature-article-howto__box__flex {
  margin-top: 1.3908205841vw;
}
#feature-article .feature-article-howto__box__img {
  text-align: center;
}
#feature-article .feature-article-howto__box__img img {
  width: 44.5062586926vw;
}
#feature-article .feature-article-howto__box__lead {
  margin-top: 2.0862308762vw;
  color: #333;
  font-size: 4.1724617524vw;
  font-weight: 400;
  line-height: 1.8125 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-howto__box__lead small {
  display: inline-block;
  margin-top: 1.0431154381vw;
  color: #333;
  font-size: 3.3379694019vw;
  font-weight: 400;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-howto__box:nth-of-type(2) {
  padding-top: 0;
}
#feature-article .feature-article-howto__box:nth-of-type(2)::before {
  display: none;
}
#feature-article .feature-article-memento {
  padding: 4.1724617524vw 0;
  border-top: 3px dotted #b8decb;
  border-bottom: 3px dotted #b8decb;
}
#feature-article .feature-article-memento__heading {
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
}
#feature-article .feature-article-memento__heading span {
  display: inline-block;
  padding: 1.3908205841vw 2.7816411683vw 0.5563282337vw 2.7816411683vw;
  background: #7acdf3;
  border-radius: 4.4506258693vw;
  color: #333;
  font-size: 4.4506258693vw;
  font-weight: 700;
  line-height: 1.5 !important;
  letter-spacing: 0.05em;
}
#feature-article .feature-article-memento__heading strong {
  display: block;
  margin-top: 0.6954102921vw;
  color: #7acdf3;
  font-size: 5.8414464534vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
#feature-article .feature-article-memento__lead {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 4.1724617524vw;
  font-weight: 400;
  line-height: 1.8125 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-memento__lead span {
  display: inline;
  background: linear-gradient(transparent 70%, #faee00 70%);
  color: #333;
  font-size: 4.1724617524vw;
  font-weight: 400;
  line-height: 1.8125 !important;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-memento__img {
  margin-top: 4.1724617524vw;
}
#feature-article .feature-article-memento__img figure {
  margin: 2.7816411683vw auto 0 auto;
}
#feature-article .feature-article-memento__img figure:nth-of-type(1) {
  width: 36.1613351878vw;
}
#feature-article .feature-article-memento__img figure:nth-of-type(2) {
  width: 69.5410292072vw;
}
#feature-article .feature-article-staff {
  margin-top: 6.9541029207vw;
}
#feature-article .feature-article-staff__img {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
}
#feature-article .feature-article-staff__img__heading {
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
  text-align: justify;
}
#feature-article .feature-article-staff__img__heading span {
  display: inline-block;
  padding: 2.7816411683vw 0;
  color: #8e7c5c;
  font-size: 4.7287899861vw;
  font-weight: 700;
  line-height: 1.3571428571 !important;
  letter-spacing: 0.05em;
  position: relative;
}
#feature-article .feature-article-staff__img__heading span::before, #feature-article .feature-article-staff__img__heading span::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.5563282337vw;
  background: #8e7c5c;
  pointer-events: none;
  position: absolute;
  top: auto;
  left: 0;
}
#feature-article .feature-article-staff__img__heading span::before {
  top: 0;
  transform: rotate(-5deg);
}
#feature-article .feature-article-staff__img__heading span::after {
  bottom: 0;
  transform: rotate(5deg);
}
#feature-article .feature-article-staff__img img {
  width: 19.471488178vw;
  margin-right: 1.3908205841vw;
}
#feature-article .feature-article-staff__meta {
  padding: 5.5632823366vw;
  margin-top: 6.9541029207vw;
  background: #f4eed4;
  border-radius: 5.5632823366vw;
  position: relative;
}
#feature-article .feature-article-staff__meta::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 2.2253129346vw solid transparent;
  border-left: 0;
  border-right: 7.7885952712vw solid #f4eed4;
  border-bottom: 2.2253129346vw solid transparent;
  pointer-events: none;
  position: absolute;
  top: -4.4506258693vw;
  left: 36.1613351878vw;
  bottom: auto;
  transform: rotate(90deg);
  border-style: solid;
}
#feature-article .feature-article-staff__meta__lead {
  color: #333;
  font-size: 4.1724617524vw;
  letter-spacing: 0.05em;
  text-align: justify;
}
#feature-article .feature-article-flow__heading {
  padding: 0.8344923505vw 3.1293463143vw;
  margin: 0;
  background: #f19db3;
  border-radius: 0;
  color: #fff;
  font-size: 5.0069541029vw;
  font-weight: 700;
  line-height: 1.5 !important;
  text-align: center;
}
#feature-article .feature-article-flow__col__heading {
  margin-top: 8.3449235049vw;
  color: #00a78d;
  font-size: 5.5632823366vw;
  font-weight: 700;
  line-height: 1.5;
}
#feature-article .feature-article-flow__col__lead {
  margin-top: 0.6954102921vw;
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-flow__col__img {
  margin-top: 2.7816411683vw;
  text-align: center;
}
#feature-article .feature-article-flow__col__img img {
  width: 100%;
}
#feature-article .feature-article-flow__card {
  margin-top: 11.1265646732vw;
}
#feature-article .feature-article-flow__left__heading {
  padding: 0 0 0 5.5632823366vw;
}
#feature-article .feature-article-flow__left__heading span {
  display: inline-block;
  padding: 0.4172461752vw 2.0862308762vw;
  background: #d15053;
  border-top-left-radius: 2.9207232267vw;
  border-top-right-radius: 2.9207232267vw;
  color: #fff;
  font-size: 4.1724617524vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#feature-article .feature-article-flow__left__wrap {
  padding: 2.0862308762vw 4.1724617524vw 4.1724617524vw 4.1724617524vw;
  background: #f8e8e3;
  border-radius: 6.2586926287vw;
}
#feature-article .feature-article-flow__left__subheading {
  width: 100%;
  padding: 0;
  margin: 1.3908205841vw 0 0 0;
  background: transparent;
  text-align: right;
}
#feature-article .feature-article-flow__left__subheading span {
  display: inline-block;
  padding-right: 17.107093185vw;
  color: #d15053;
  letter-spacing: 0.1em;
  position: relative;
  top: 0;
  right: -3.1293463143vw;
}
#feature-article .feature-article-flow__left__subheading span::before {
  content: "";
  display: block;
  width: 17.0361613352vw;
  height: 24.0605006954vw;
  background: url("../images/feature202602_flow_bg_human.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  bottom: 0;
}
#feature-article .feature-article-flow__left__lead {
  margin-top: 1.3908205841vw;
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-flow__right {
  margin-top: 5.5632823366vw;
}
#feature-article .feature-article-flow__right__wrap {
  padding: 6.2586926287vw 4.1724617524vw;
  background: #e8f5fd;
}
#feature-article .feature-article-flow__right__heading {
  padding: 0.4172461752vw 2.0862308762vw;
  margin: 0;
  background: #036eb8;
  color: #fff;
  font-size: 4.1724617524vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  position: relative;
}
#feature-article .feature-article-flow__right__heading::before {
  content: "";
  display: block;
  width: 8.0319888734vw;
  height: 12.7260083449vw;
  background: url("../images/feature202602_flow_bg_clip.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  right: -1.4603616134vw;
  bottom: 2.0862308762vw;
}
#feature-article .feature-article-flow__right__lead {
  margin-top: 2.0862308762vw;
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-outro {
  padding-top: 5.5632823366vw;
  margin-top: 11.1265646732vw;
  border-top: 3px solid #f19db3;
}
#feature-article .feature-article-outro__meta__lead {
  color: #333;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-outro__img {
  width: 41.7246175243vw;
  margin: 4.1724617524vw auto 0 auto;
}
#feature-article .feature-article-outro__img 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-mv__heading {
    width: 14.4rem;
  }
  #feature-article .feature-article-mv__summary {
    padding: 3rem 0 0 21rem;
    margin-top: 2rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-mv__summary::before {
    content: "";
    display: block;
    width: 19.066rem;
    height: 15.083rem;
    background: url("../images/feature202602_mv_bg_before.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
  }
  #feature-article .feature-article-mv__summary::after {
    content: "";
    display: block;
    width: 11.9rem;
    height: 4.15rem;
    background: url("../images/feature202602_mv_bg_after.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: -1.8rem;
    left: auto;
    right: 0;
    bottom: auto;
  }
  #feature-article .feature-article-mv__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 80rem;
    margin: 4rem auto 0 auto;
  }
  #feature-article .feature-article-mv__img {
    width: calc(50% - 1.5rem);
    margin: 0;
    text-align: center;
  }
  #feature-article .feature-article-mv__meta {
    width: calc(50% - 1.5rem);
    margin-top: 0;
  }
  #feature-article .feature-article-mv__meta__heading {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-mv__meta__ul li {
    font-size: 1.4rem;
  }
  #feature-article .feature-article-why__heading {
    padding: 0.6rem 2rem;
    margin-top: 6rem;
    border-radius: 2.3rem;
    font-size: 2.8rem;
  }
  #feature-article .feature-article-why__subheading {
    margin-top: 1.5rem;
    font-size: 2rem;
  }
  #feature-article .feature-article-why__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-use__heading {
    padding: 0.6rem 2rem;
    margin-top: 6rem;
    border-radius: 2.3rem;
    font-size: 2.8rem;
  }
  #feature-article .feature-article-use__flex {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-use__col {
    width: calc(50% - 1.5rem);
    margin-top: 1.5rem;
  }
  #feature-article .feature-article-use__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-use__subheading {
    padding-left: 1.8rem;
    font-size: 1.5rem;
  }
  #feature-article .feature-article-use__subheading::before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: #dd4973;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    top: 0.3rem;
    left: 0;
  }
  #feature-article .feature-article-use__img {
    margin-top: 1rem;
    text-align: center;
  }
  #feature-article .feature-article-use__img img {
    width: 100%;
  }
  #feature-article .feature-article-use__remark {
    margin-top: 1rem;
    color: #333;
    font-size: 1.4rem;
    font-weight: 400;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-example__wrap {
    padding-top: 3rem;
  }
  #feature-article .feature-article-example__heading span {
    display: inline-block;
    padding: 0.6rem 0.6rem 0.3rem 0.6rem;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-example__flex {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-example__col {
    display: flex;
    width: calc(33.33% - 1rem);
    margin-top: 2rem;
  }
  #feature-article .feature-article-example__meta {
    flex: 1;
  }
  #feature-article .feature-article-example__meta__heading {
    padding-left: 1.8rem;
    margin: 0;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-example__meta__heading::before {
    content: "";
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    background: #8fcdb2;
    pointer-events: none;
    position: absolute;
    top: 0.4rem;
    left: 0;
  }
  #feature-article .feature-article-example__meta__lead {
    padding-right: 1rem;
    margin-top: 0.5rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-example__img {
    margin-top: 0;
  }
  #feature-article .feature-article-example__img img {
    height: 9.3rem;
  }
  #feature-article .feature-article-blood__heading {
    padding: 0.6rem 2rem;
    margin-top: 6rem;
    border-radius: 2.3rem;
    font-size: 2.8rem;
  }
  #feature-article .feature-article-blood__subheading {
    margin-top: 3rem;
    font-size: 2rem;
    text-align: center;
  }
  #feature-article .feature-article-blood__subheading strong {
    margin-right: 1rem;
    font-size: 2.8rem;
  }
  #feature-article .feature-article-blood__miniheading {
    padding: 0 0 0 2rem;
    margin: 1rem 0 0 0;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-blood__miniheading::before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: #dd4973;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    top: 0.6rem;
    left: 0;
  }
  #feature-article .feature-article-blood__graph {
    margin-top: 0;
  }
  #feature-article .feature-article-blood__graph__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature-article .feature-article-blood__graph__ul {
    display: flex;
    margin-top: 0.5rem;
  }
  #feature-article .feature-article-blood__graph__ul li {
    margin-top: 0;
    margin-right: 1rem;
    font-size: 1.3rem;
  }
  #feature-article .feature-article-blood__graph__ul li::before {
    content: "";
    display: block;
    height: 1.3rem;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0.1rem;
    left: 0;
  }
  #feature-article .feature-article-blood__graph__ul li:nth-of-type(1) {
    padding-left: 2.8rem;
  }
  #feature-article .feature-article-blood__graph__ul li:nth-of-type(1)::before {
    width: 2.45rem;
    background-image: url("../images/feature202602_blood_bg_li_01.png");
  }
  #feature-article .feature-article-blood__graph__ul li:nth-of-type(2) {
    padding-left: 3rem;
  }
  #feature-article .feature-article-blood__graph__ul li:nth-of-type(2)::before {
    width: 2.65rem;
    background-image: url("../images/feature202602_blood_bg_li_02.png");
  }
  #feature-article .feature-article-blood__graph__ul li:nth-of-type(3) {
    padding-left: 3.4rem;
  }
  #feature-article .feature-article-blood__graph__ul li:nth-of-type(3)::before {
    width: 3rem;
    background-image: url("../images/feature202602_blood_bg_li_03.png");
  }
  #feature-article .feature-article-blood__graph__lead {
    margin-top: 0.5rem;
    font-size: 1.3rem;
    text-align: justify;
  }
  #feature-article .feature-article-blood__graph__remark {
    margin-top: 0.5rem;
    font-size: 1.3rem;
  }
  #feature-article .feature-article-blood__flex {
    display: flex;
    margin-top: 3rem;
  }
  #feature-article .feature-article-blood__meta {
    flex: 1;
    padding-right: 2rem;
  }
  #feature-article .feature-article-blood__meta__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-blood__img {
    width: 19.25rem;
    margin: 0;
  }
  #feature-article .feature-article-safety__flex {
    display: flex;
    flex-direction: row-reverse;
  }
  #feature-article .feature-article-safety__meta {
    flex: 1;
    align-items: flex-end;
    padding-left: 2rem;
    position: relative;
  }
  #feature-article .feature-article-safety__meta::before {
    content: "";
    display: block;
    width: 17.475rem;
    height: 7.25rem;
    background: url("../images/feature202602_safety_bg_heading.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
  }
  #feature-article .feature-article-safety__meta__fukidashi span {
    padding: 0.2rem 2rem;
    border-radius: 2rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-safety__meta__fukidashi span::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 1rem solid #f5cd1e;
    border-left: 0.4rem solid transparent;
    border-right: 0.4rem solid transparent;
    border-bottom: 0;
    pointer-events: none;
    position: absolute;
    left: 3rem;
    bottom: -1rem;
    border-style: solid;
  }
  #feature-article .feature-article-safety__meta__heading {
    display: flex;
    align-items: center;
    margin: 2rem 0 0 0;
  }
  #feature-article .feature-article-safety__meta__heading strong {
    padding: 0.1rem 1rem;
    font-size: 1.8rem;
    line-height: 2 !important;
  }
  #feature-article .feature-article-safety__meta__heading strong::before {
    top: 0;
    left: auto;
    transform: rotate(3deg);
  }
  #feature-article .feature-article-safety__meta__heading strong::after {
    right: auto;
    bottom: 0;
    transform: rotate(-3deg);
  }
  #feature-article .feature-article-safety__meta__heading strong::before, #feature-article .feature-article-safety__meta__heading strong::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.2rem;
    background: #0fae6f;
    pointer-events: none;
    position: absolute;
    top: auto;
    left: 0;
  }
  #feature-article .feature-article-safety__meta__heading span {
    display: inline-block;
    padding-top: 0.5rem;
    margin-left: 1rem;
    font-size: 2.8rem;
  }
  #feature-article .feature-article-safety__img {
    width: 15.25rem;
    margin: 0;
  }
  #feature-article .feature-article-safety__summary {
    width: auto;
    margin-top: 0.5rem;
    font-size: 1.6rem;
    text-align: center;
  }
  #feature-article .feature-article-safety__card {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-safety__card::before {
    content: "";
    display: block;
    width: 10.45rem;
    height: 13.4rem;
    background: url("../images/feature202602_safety_bg_card.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: auto;
    left: calc(33.33% - 2rem - 3.5rem);
    bottom: 1rem;
  }
  #feature-article .feature-article-safety__col {
    width: calc(33.33% - 2rem);
    padding: 3rem 2rem;
    margin-top: 2rem;
    border-radius: 3rem;
  }
  #feature-article .feature-article-safety__col__heading {
    margin: 0;
    color: #dd6b37;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5 !important;
    text-align: justify;
  }
  #feature-article .feature-article-safety__col__lead {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-safety__col__lead span {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-howto__wrap {
    max-width: 70rem;
    margin: 0 auto;
  }
  #feature-article .feature-article-howto__cloud {
    padding: 5rem 0;
  }
  #feature-article .feature-article-howto__cloud__heading {
    font-size: 2.8rem;
  }
  #feature-article .feature-article-howto__cloud__lead {
    margin-top: 1.5rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-howto__box {
    width: auto;
    padding-top: 7rem;
    margin: 2rem 0 0 0;
  }
  #feature-article .feature-article-howto__box::before {
    content: "";
    display: block;
    width: 2.525rem;
    height: 5.15rem;
    background: url("../images/feature202602_howto_bg_arrow.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 6.5rem;
  }
  #feature-article .feature-article-howto__box__heading {
    display: flex;
    align-items: center;
    margin-top: 0;
  }
  #feature-article .feature-article-howto__box__heading img {
    height: 5rem;
  }
  #feature-article .feature-article-howto__box__heading span {
    display: inline-block;
    margin-left: 0.8rem;
    color: #7acdf3;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  #feature-article .feature-article-howto__box__flex {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
  }
  #feature-article .feature-article-howto__box__img {
    width: 18rem;
    padding-right: 2rem;
  }
  #feature-article .feature-article-howto__box__img img {
    width: 16rem;
  }
  #feature-article .feature-article-howto__box__meta {
    flex: 1;
  }
  #feature-article .feature-article-howto__box__lead {
    margin-top: 0.5rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-howto__box__lead small {
    margin-top: 0.5rem;
    font-size: 1.2rem;
  }
  #feature-article .feature-article-memento {
    padding: 2rem 0;
    border-top: 5px dotted #b8decb;
    border-bottom: 5px dotted #b8decb;
  }
  #feature-article .feature-article-memento__flex {
    display: flex;
    align-items: center;
  }
  #feature-article .feature-article-memento__meta {
    flex: 1;
    padding-right: 2rem;
  }
  #feature-article .feature-article-memento__heading {
    display: flex;
    align-items: center;
    text-align: justify;
  }
  #feature-article .feature-article-memento__heading span {
    display: block;
    padding: 0.4rem 1rem 0.2rem 1rem;
    border-radius: 1.4rem;
    font-size: 1.4rem;
  }
  #feature-article .feature-article-memento__heading strong {
    flex: 1;
    padding-left: 1rem;
    margin-top: 0;
    font-size: 2.4rem;
    text-align: justify;
  }
  #feature-article .feature-article-memento__lead {
    margin-top: 0.5rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-memento__lead span {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-memento__img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 28rem;
    margin-top: 0;
  }
  #feature-article .feature-article-memento__img figure {
    margin: 0;
  }
  #feature-article .feature-article-memento__img figure:nth-of-type(1) {
    width: calc(30% - 0.5rem);
  }
  #feature-article .feature-article-memento__img figure:nth-of-type(2) {
    width: calc(70% - 0.5rem);
  }
  #feature-article .feature-article-staff {
    margin-top: 5rem;
  }
  #feature-article .feature-article-staff__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #feature-article .feature-article-staff__img {
    display: block;
    width: 10rem;
    text-align: center;
  }
  #feature-article .feature-article-staff__img__heading {
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
    text-align: center;
  }
  #feature-article .feature-article-staff__img__heading span {
    padding: 0 0.8rem;
    font-size: 1.4rem;
  }
  #feature-article .feature-article-staff__img__heading span::before {
    top: auto;
    left: 0;
    transform: rotate(-10deg);
  }
  #feature-article .feature-article-staff__img__heading span::after {
    left: auto;
    right: 0;
    bottom: auto;
    transform: rotate(10deg);
  }
  #feature-article .feature-article-staff__img__heading span::before, #feature-article .feature-article-staff__img__heading span::after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 100%;
    background: #8e7c5c;
    top: 0;
  }
  #feature-article .feature-article-staff__img img {
    width: 100%;
    margin-right: 0;
  }
  #feature-article .feature-article-staff__meta {
    width: calc(100% - 13rem);
    padding: 3rem 3rem 3rem 2rem;
    margin-top: 0;
    border-radius: 3rem;
  }
  #feature-article .feature-article-staff__meta::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 1.2rem solid transparent;
    border-left: 0;
    border-right: 4.2rem solid #f4eed4;
    border-bottom: 1.2rem solid transparent;
    pointer-events: none;
    position: absolute;
    top: auto;
    left: -4rem;
    bottom: 5rem;
    transform: rotate(0deg);
    border-style: solid;
  }
  #feature-article .feature-article-staff__meta__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-flow__heading {
    padding: 0.4rem 1.5rem;
    font-size: 2.4rem;
  }
  #feature-article .feature-article-flow__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature-article .feature-article-flow__col {
    width: calc(33.33% - 1.5rem);
  }
  #feature-article .feature-article-flow__col__heading {
    margin-top: 3rem;
    font-size: 2.4rem;
  }
  #feature-article .feature-article-flow__col__lead {
    margin-top: 0.5rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-flow__col__img {
    margin-top: 1rem;
  }
  #feature-article .feature-article-flow__col:last-of-type {
    width: 100%;
  }
  #feature-article .feature-article-flow__card {
    display: flex;
    justify-content: space-between;
    margin-top: 6rem;
  }
  #feature-article .feature-article-flow__left {
    width: calc(50% - 1.5rem);
  }
  #feature-article .feature-article-flow__left__heading {
    padding: 0 0 0 2rem;
  }
  #feature-article .feature-article-flow__left__heading span {
    padding: 0.2rem 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-flow__left__wrap {
    padding: 1rem 2rem 2rem 2rem;
    background: #f8e8e3;
    border-radius: 3rem;
  }
  #feature-article .feature-article-flow__left__subheading {
    width: 100%;
    padding: 0;
    margin: 0;
    background: transparent;
    text-align: right;
  }
  #feature-article .feature-article-flow__left__subheading span {
    padding-right: 8.2rem;
    right: -1.5rem;
  }
  #feature-article .feature-article-flow__left__subheading span::before {
    content: "";
    display: block;
    width: 8.166rem;
    height: 11.533rem;
    background: url("../images/feature202602_flow_bg_human.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  #feature-article .feature-article-flow__left__lead {
    margin-top: 0;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-flow__right {
    width: calc(50% - 1.5rem);
    margin-top: 0;
  }
  #feature-article .feature-article-flow__right__wrap {
    padding: 2rem 2rem 3rem 2rem;
  }
  #feature-article .feature-article-flow__right__heading {
    padding: 0.2rem 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-flow__right__heading::before {
    content: "";
    display: block;
    width: 3.85rem;
    height: 6.1rem;
    background: url("../images/feature202602_flow_bg_clip.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    right: -0.7rem;
    bottom: 1rem;
  }
  #feature-article .feature-article-flow__right__lead {
    margin-top: 1rem;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-outro {
    padding-top: 2rem;
    margin-top: 6rem;
    border-top: 5px solid #f19db3;
  }
  #feature-article .feature-article-outro__flex {
    display: flex;
  }
  #feature-article .feature-article-outro__meta {
    flex: 1;
    padding-right: 2rem;
  }
  #feature-article .feature-article-outro__meta__lead {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-outro__img {
    width: 18rem;
    margin: 0;
  }
}
@media screen and (min-width: 720px) and (max-width: 1000px) {
  #feature-article {
    --fz: 16px;
  }
}