@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: 19.471488178vw;
}
#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 **/
  /** total **/
  /** increase **/
  /** cost **/
  /** money **/
  /** preparation **/
  /** advice **/
}
#feature-article .feature-article-common__heading--calculator {
  text-align: center;
}
#feature-article .feature-article-common__heading--calculator__left {
  display: inline-block;
  padding-left: 16.2726008345vw;
  position: relative;
}
#feature-article .feature-article-common__heading--calculator__left::before {
  content: "";
  display: block;
  width: 14.1863699583vw;
  height: 16.7941585535vw;
  background: url("../images/feature202604_common_bg_calculator.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}
#feature-article .feature-article-common__heading--calculator__left span {
  display: inline-block;
  padding: 2.0862308762vw 0 2.5034770515vw 0;
  color: #66baaf;
  font-size: 5.0069541029vw;
  font-weight: bold;
  position: relative;
  transform: rotate(-10deg);
}
#feature-article .feature-article-common__heading--calculator__left span::before, #feature-article .feature-article-common__heading--calculator__left span::after {
  content: "";
  display: block;
  width: 100%;
  height: 0.4172461752vw;
  background: #66baaf;
  pointer-events: none;
  position: absolute;
}
#feature-article .feature-article-common__heading--calculator__left span::before {
  top: 0;
  transform: rotate(-5deg);
}
#feature-article .feature-article-common__heading--calculator__left span::after {
  bottom: 0;
  transform: rotate(5deg);
}
#feature-article .feature-article-common__heading--calculator__right {
  padding: 2.0862308762vw 4.1724617524vw 2.5034770515vw 4.1724617524vw;
  margin: 5.5632823366vw 0 0 0;
  background: #66baaf;
  border-radius: 10.4311543811vw;
  color: #fff;
  font-size: 6.2586926287vw;
  font-weight: bold;
  text-align: center;
}
#feature-article .feature-article-common__heading--calculator__right strong {
  color: #fff100;
  font-size: 7.0931849791vw;
  font-weight: bold;
}
#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__img {
  text-align: center;
  position: relative;
}
#feature-article .feature-article-mv__img__heading span {
  display: inline-block;
  padding: 0 4.1724617524vw;
  color: #22ac38;
  font-size: 6.6759388039vw;
  position: relative;
}
#feature-article .feature-article-mv__img__heading span::before, #feature-article .feature-article-mv__img__heading span::after {
  content: "";
  display: block;
  width: 1.3908205841vw;
  height: 8.3449235049vw;
  background: #22ac38;
  pointer-events: none;
  position: absolute;
  top: 1.3908205841vw;
}
#feature-article .feature-article-mv__img__heading span::before {
  left: 0;
  transform: rotate(-15deg);
}
#feature-article .feature-article-mv__img__heading span::after {
  right: 0;
  transform: rotate(15deg);
}
#feature-article .feature-article-mv__img img {
  width: 100%;
  margin-top: 2.7816411683vw;
}
#feature-article .feature-article-mv__summary {
  margin-top: 5.5632823366vw;
  color: #333;
  font-size: 4.1724617524vw;
  font-weight: 500;
  text-align: justify;
}
#feature-article .feature-article-total__col {
  margin-top: 10.4311543811vw;
}
#feature-article .feature-article-total__heading {
  width: calc(100% - 8.3449235049vw);
  padding: 6.2586926287vw 4.1724617524vw;
  margin: 0 auto;
  background: #61b85d;
  border-top-left-radius: 4.1724617524vw;
  border-top-right-radius: 4.1724617524vw;
  color: #fff;
  font-size: 5.0069541029vw;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
}
#feature-article .feature-article-total__heading strong {
  color: #fff;
  font-size: 7.0931849791vw;
  font-weight: bold;
}
#feature-article .feature-article-total__heading span {
  color: #fff;
  font-size: 7.9276773296vw;
  font-weight: bold;
}
#feature-article .feature-article-total__meta {
  padding: 6.2586926287vw;
  margin-top: -1.0431154381vw;
  background: #d4e9e5;
  border-radius: 6.2586926287vw;
}
#feature-article .feature-article-total__meta__lead {
  color: #222;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-total__remarks {
  padding-top: 2.0862308762vw;
}
#feature-article .feature-article-total__remarks li {
  padding-left: 1em;
  text-indent: -1em;
  color: #222;
  font-size: 3.3379694019vw;
}
#feature-article .feature-article-increase {
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-increase__flex {
  padding: 4.8678720445vw 2.7816411683vw;
  background: #fff0c3;
  border-radius: 4.1724617524vw;
}
#feature-article .feature-article-increase__meta__heading {
  margin: 0;
  color: #ec727d;
  font-size: 6.2586926287vw;
  font-weight: bold;
}
#feature-article .feature-article-increase__meta__lead {
  margin-top: 2.0862308762vw;
  color: #222;
  font-size: 3.7552155772vw;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-increase__meta__lead strong {
  color: #e83f17;
  font-size: 3.7552155772vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
}
#feature-article .feature-article-increase__meta__lead strong span {
  background: linear-gradient(transparent 60%, #ffeb00 60%);
  color: #e83f17;
  font-size: 3.7552155772vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
}
#feature-article .feature-article-increase__img {
  width: 100%;
  margin-top: 4.1724617524vw;
  text-align: center;
}
#feature-article .feature-article-increase__img img {
  width: 29.3115438108vw;
}
#feature-article .feature-article-cost__col {
  margin-top: 10.4311543811vw;
}
#feature-article .feature-article-cost__heading {
  width: calc(100% - 8.3449235049vw);
  padding: 6.2586926287vw 4.1724617524vw;
  margin: 0 auto;
  background: #61b85d;
  border-top-left-radius: 4.1724617524vw;
  border-top-right-radius: 4.1724617524vw;
  color: #fff;
  font-size: 5.0069541029vw;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
}
#feature-article .feature-article-cost__heading strong {
  color: #fff;
  font-size: 7.0931849791vw;
  font-weight: bold;
}
#feature-article .feature-article-cost__heading span {
  color: #fff;
  font-size: 7.9276773296vw;
  font-weight: bold;
}
#feature-article .feature-article-cost__meta {
  padding: 6.2586926287vw;
  margin-top: -1.0431154381vw;
  background: #d4e9e5;
  border-radius: 6.2586926287vw;
}
#feature-article .feature-article-cost__meta__lead {
  color: #222;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-cost__interviews {
  padding-top: 4.1724617524vw;
}
#feature-article .feature-article-cost__interview {
  display: flex;
  padding: 4.1724617524vw;
  margin-top: 6.2586926287vw;
  border: 2px solid #63a4c2;
}
#feature-article .feature-article-cost__interview__img {
  width: 23.7830319889vw;
  text-align: center;
}
#feature-article .feature-article-cost__interview__img p {
  color: #222;
  font-size: 3.3379694019vw;
  text-align: center;
}
#feature-article .feature-article-cost__interview__meta {
  flex: 1;
}
#feature-article .feature-article-cost__interview__meta p {
  color: #222;
  font-size: 3.3379694019vw;
  line-height: 1.75 !important;
  letter-spacing: 0em;
}
#feature-article .feature-article-cost__interview__meta p span {
  color: #1e519c;
  font-size: 3.3379694019vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
}
#feature-article .feature-article-cost__interview:nth-of-type(odd) .feature-article-cost__interview__meta {
  padding-left: 2.0862308762vw;
}
#feature-article .feature-article-cost__interview:nth-of-type(even) {
  flex-direction: row-reverse;
}
#feature-article .feature-article-cost__interview:nth-of-type(even) .feature-article-cost__interview__meta {
  padding-right: 2.0862308762vw;
}
#feature-article .feature-article-money__summary {
  margin-top: 5.5632823366vw;
  color: #222;
  font-size: 3.7552155772vw;
}
#feature-article .feature-article-money__table {
  width: 100%;
  margin-top: 6.2586926287vw;
}
#feature-article .feature-article-money__table table {
  width: 100%;
}
#feature-article .feature-article-money__table table tr th, #feature-article .feature-article-money__table table tr td {
  border-bottom: 1px solid #222;
  color: #222;
  font-size: 3.3379694019vw;
}
#feature-article .feature-article-money__table table tr th {
  padding: 0.4172461752vw 0;
  font-weight: bold;
}
#feature-article .feature-article-money__table table tr td {
  padding: 0.4172461752vw 3.1293463143vw;
  border-left: 4px solid #fff;
  text-align: right;
}
#feature-article .feature-article-money__table table tr td:nth-of-type(1) {
  background: #fbdbae;
}
#feature-article .feature-article-money__table table tr td:nth-of-type(2) {
  background: #f5d55e;
}
#feature-article .feature-article-money__table table tr:first-of-type td {
  text-align: center;
}
#feature-article .feature-article-money__meta {
  margin-top: 6.2586926287vw;
}
#feature-article .feature-article-money__meta__remark {
  padding-left: 1em;
  text-indent: -1em;
  color: #222;
  font-size: 3.3379694019vw;
}
#feature-article .feature-article-money__meta__lead {
  color: #222;
  font-size: 3.3379694019vw;
}
#feature-article .feature-article-money__meta__img {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 2.0862308762vw;
  margin-top: 4.1724617524vw;
  text-align: center;
}
#feature-article .feature-article-money__meta__img img:nth-of-type(1) {
  width: 29.207232267vw;
}
#feature-article .feature-article-money__meta__img img:nth-of-type(2) {
  width: 22.280945758vw;
}
#feature-article .feature-article-money__interview {
  margin: 8.3449235049vw auto 0 auto;
}
#feature-article .feature-article-money__interview__meta {
  flex: 1;
  padding: 2.0862308762vw 3.1293463143vw;
  border: 2px solid #63a4c2;
  position: relative;
}
#feature-article .feature-article-money__interview__meta::before, #feature-article .feature-article-money__interview__meta::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin: auto;
  border-top: 7px solid transparent;
  border-left: 0;
  border-bottom: 7px solid transparent;
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
  transform: rotate(-90deg);
  border-style: solid;
}
#feature-article .feature-article-money__interview__meta::before {
  border-right: 20px solid #63a4c2;
  bottom: -18px;
  z-index: 1;
}
#feature-article .feature-article-money__interview__meta::after {
  border-right: 20px solid #fff;
  bottom: -12px;
  z-index: 1;
}
#feature-article .feature-article-money__interview__meta p {
  color: #222;
  font-size: 3.7552155772vw;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-money__interview__meta p span {
  color: #1e519c;
  font-size: 3.7552155772vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-money__interview__img {
  width: 100%;
  margin-top: 5.5632823366vw;
  text-align: center;
}
#feature-article .feature-article-money__interview__img img {
  width: 30.0417246175vw;
}
#feature-article .feature-article-money__interview__img p {
  color: #222;
  font-size: 3.3379694019vw;
  text-align: center;
}
#feature-article .feature-article-preparation__heading {
  padding: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
}
#feature-article .feature-article-preparation__heading__sub {
  display: inline-block;
  padding: 0 3.1293463143vw;
  color: #ba7aa0;
  font-size: 4.1724617524vw;
  font-weight: bold;
  position: relative;
}
#feature-article .feature-article-preparation__heading__sub::before, #feature-article .feature-article-preparation__heading__sub::after {
  content: "";
  display: block;
  width: 1.0431154381vw;
  height: 5.5632823366vw;
  background: #d2abc3;
  pointer-events: none;
  position: absolute;
  top: 1.3908205841vw;
}
#feature-article .feature-article-preparation__heading__sub::before {
  left: 0;
  transform: rotate(-15deg);
}
#feature-article .feature-article-preparation__heading__sub::after {
  right: 0;
  transform: rotate(15deg);
}
#feature-article .feature-article-preparation__heading__main {
  display: block;
  padding-bottom: 2.0862308762vw;
  margin-top: 0.6954102921vw;
  color: #ba7aa0;
  font-size: 6.1196105702vw;
  font-weight: bold;
  position: relative;
}
#feature-article .feature-article-preparation__heading__main::before {
  content: "";
  display: block;
  width: 100%;
  height: 3.7030598053vw;
  background: url("../images/feature202604_preparation_bg_bottom.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
#feature-article .feature-article-preparation__heading__main strong {
  display: block;
  color: #ba7aa0;
  font-size: 6.1196105702vw;
  font-weight: bold;
  position: relative;
  z-index: 2;
}
#feature-article .feature-article-preparation__heading__main strong::before, #feature-article .feature-article-preparation__heading__main strong::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  bottom: 2.0862308762vw;
}
#feature-article .feature-article-preparation__heading__main strong::before {
  width: 14.2906815021vw;
  height: 12.9346314325vw;
  background-image: url("../images/feature202604_preparation_bg_before.png");
  left: 0;
}
#feature-article .feature-article-preparation__heading__main strong::after {
  width: 12.7260083449vw;
  height: 12.8303198887vw;
  background-image: url("../images/feature202604_preparation_bg_after.png");
  right: 0;
}
#feature-article .feature-article-preparation__summary {
  margin-top: 4.1724617524vw;
  color: #222;
  font-size: 3.7552155772vw;
  text-align: center;
}
#feature-article .feature-article-preparation__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#feature-article .feature-article-preparation__col {
  width: 100%;
  margin-top: 8.3449235049vw;
  position: relative;
}
#feature-article .feature-article-preparation__col__wrap {
  padding: 4.1724617524vw;
  border: 4px solid #c79582;
  border-top: 0;
  border-bottom-left-radius: 12.5173852573vw;
  border-bottom-right-radius: 12.5173852573vw;
}
#feature-article .feature-article-preparation__book, #feature-article .feature-article-preparation__book--orange, #feature-article .feature-article-preparation__book--darkblue, #feature-article .feature-article-preparation__book--purple, #feature-article .feature-article-preparation__book--yellow, #feature-article .feature-article-preparation__book--skyblue {
  position: absolute;
  top: 1.2517385257vw;
  left: 0.4172461752vw;
  z-index: 2;
}
#feature-article .feature-article-preparation__book::before, #feature-article .feature-article-preparation__book--orange::before, #feature-article .feature-article-preparation__book--darkblue::before, #feature-article .feature-article-preparation__book--purple::before, #feature-article .feature-article-preparation__book--yellow::before, #feature-article .feature-article-preparation__book--skyblue::before {
  content: "";
  display: block;
  width: 13.9777468707vw;
  height: 12.8303198887vw;
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
#feature-article .feature-article-preparation__book span, #feature-article .feature-article-preparation__book--orange span, #feature-article .feature-article-preparation__book--darkblue span, #feature-article .feature-article-preparation__book--purple span, #feature-article .feature-article-preparation__book--yellow span, #feature-article .feature-article-preparation__book--skyblue span {
  display: inline-block;
  padding: 1.0431154381vw 2.0862308762vw 1.0431154381vw 4.1724617524vw;
  border-radius: 4.1724617524vw;
  color: #fff;
  font-size: 3.1293463143vw;
  font-weight: bold;
  line-height: 1 !important;
  position: relative;
  top: 2.0862308762vw;
  left: 10.8484005563vw;
  z-index: 1;
}
#feature-article .feature-article-preparation__book--skyblue::before {
  background-image: url("../images/feature202604_preparation_bg_book-skyblue.png");
}
#feature-article .feature-article-preparation__book--skyblue span {
  background: #0096ae;
}
#feature-article .feature-article-preparation__book--yellow::before {
  background-image: url("../images/feature202604_preparation_bg_book-yellow.png");
}
#feature-article .feature-article-preparation__book--yellow span {
  background: #eb9500;
}
#feature-article .feature-article-preparation__book--purple::before {
  background-image: url("../images/feature202604_preparation_bg_book-purple.png");
}
#feature-article .feature-article-preparation__book--purple span {
  background: #7d5884;
}
#feature-article .feature-article-preparation__book--darkblue::before {
  background-image: url("../images/feature202604_preparation_bg_book-darkblue.png");
}
#feature-article .feature-article-preparation__book--darkblue span {
  background: #3b4d7d;
}
#feature-article .feature-article-preparation__book--orange::before {
  background-image: url("../images/feature202604_preparation_bg_book-orange.png");
}
#feature-article .feature-article-preparation__book--orange span {
  background: #b13936;
}
#feature-article .feature-article-preparation__subheading {
  padding: 6.2586926287vw 4.1724617524vw 5.2155771905vw 4.1724617524vw;
  background: #f1e6ed;
  border: 4px solid #c79582;
  border-bottom: 0;
  border-top-left-radius: 12.5173852573vw;
  border-top-right-radius: 12.5173852573vw;
  color: #ba7aa0;
  font-size: 5.0069541029vw;
  font-weight: bold;
  text-align: center;
}
#feature-article .feature-article-preparation__subheading strong {
  color: #ba7aa0;
  font-size: 7.5104311544vw;
  font-weight: bold;
}
#feature-article .feature-article-preparation__lead {
  color: #222;
  font-size: 3.7552155772vw;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-preparation__lead span {
  color: #1e519c;
  font-size: 3.7552155772vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
}
#feature-article .feature-article-preparation__card {
  margin-top: 6.2586926287vw;
  border: 2px solid #c795b2;
}
#feature-article .feature-article-preparation__card__subheading {
  display: block;
  width: 100%;
  padding: 0;
  padding: 0.4172461752vw 2.0862308762vw;
  margin: 0;
  background: transparent;
  background: #c795b2;
  border-radius: 0;
  color: #fff;
  font-size: 3.3379694019vw;
  font-weight: bold;
  text-align: justify;
}
#feature-article .feature-article-preparation__card__meta {
  padding: 3.1293463143vw;
}
#feature-article .feature-article-preparation__card__ul li {
  padding-left: 3.3379694019vw;
  color: #222;
  font-size: 3.3379694019vw;
  position: relative;
}
#feature-article .feature-article-preparation__card__ul li::before {
  content: "";
  display: block;
  width: 2.5034770515vw;
  height: 2.5034770515vw;
  background: #c795b2;
  border-radius: 50%;
  pointer-events: none;
  position: absolute;
  top: 1.668984701vw;
  left: 0;
}
#feature-article .feature-article-preparation__check {
  display: flex;
  margin-top: 6.2586926287vw;
}
#feature-article .feature-article-preparation__check__img {
  width: 15.0208623088vw;
}
#feature-article .feature-article-preparation__check__img img {
  width: 100%;
}
#feature-article .feature-article-preparation__check__lead {
  flex: 1;
  padding-left: 2.0862308762vw;
  color: #222;
  font-size: 3.3379694019vw;
  text-align: justify;
}
#feature-article .feature-article-preparation__charm {
  padding: 6.2586926287vw;
  margin-top: 11.1265646732vw;
  background: #ba7aa0;
  border-radius: 12.5173852573vw;
  position: relative;
}
#feature-article .feature-article-preparation__charm__img {
  width: 19.0890125174vw;
  position: absolute;
  top: 4.1724617524vw;
  right: 4.1724617524vw;
}
#feature-article .feature-article-preparation__charm__img img {
  width: 100%;
}
#feature-article .feature-article-preparation__charm__heading {
  padding-right: 19.471488178vw;
  color: #fff;
  font-size: 5.0069541029vw;
  font-weight: bold;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-preparation__charm__heading strong {
  color: #faee00;
  font-size: 5.0069541029vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-preparation__charm__lead {
  margin-top: 3.1293463143vw;
  color: #fff;
  font-size: 3.7552155772vw;
  font-weight: bold;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-preparation__charm__lead strong {
  color: #faee00;
  font-size: 3.7552155772vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-preparation__interview, #feature-article .feature-article-preparation__interview--reverse {
  display: flex;
  align-items: center;
  width: 73.0180806676vw;
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-preparation__interview__meta {
  flex: 1;
  padding: 3.1293463143vw;
  margin-right: 4.1724617524vw;
  border: 2px solid #63a4c2;
  position: relative;
}
#feature-article .feature-article-preparation__interview__meta::before, #feature-article .feature-article-preparation__interview__meta::after {
  content: "";
  display: block;
  height: 4.1724617524vw;
  pointer-events: none;
  position: absolute;
}
#feature-article .feature-article-preparation__interview__meta::before {
  width: 0.8344923505vw;
  margin: auto;
  background: #fff;
  top: 0;
  right: -0.5563282337vw;
  bottom: 0;
}
#feature-article .feature-article-preparation__interview__meta::after {
  width: 0.4172461752vw;
  background: #63a4c2;
  top: calc(50% - 2.9207232267vw);
  right: -2.0862308762vw;
  transform: rotate(-45deg);
}
#feature-article .feature-article-preparation__interview__lead {
  color: #222;
  font-size: 3.7552155772vw;
  text-align: justify;
}
#feature-article .feature-article-preparation__interview__img {
  width: 23.7830319889vw;
}
#feature-article .feature-article-preparation__interview__img img {
  width: 100%;
}
#feature-article .feature-article-preparation__interview__img p {
  color: #222;
  font-size: 3.1293463143vw;
  text-align: center;
}
#feature-article .feature-article-preparation__interview--reverse {
  flex-direction: row-reverse;
}
#feature-article .feature-article-preparation__interview--reverse .feature-article-preparation__interview__meta {
  margin-left: 4.1724617524vw;
  margin-right: 0;
}
#feature-article .feature-article-preparation__interview--reverse .feature-article-preparation__interview__meta::before {
  left: -0.5563282337vw;
  right: auto;
}
#feature-article .feature-article-preparation__interview--reverse .feature-article-preparation__interview__meta::after {
  left: -2.0862308762vw;
  right: auto;
  transform: rotate(45deg);
}
#feature-article .feature-article-preparation__dl {
  padding-top: 2.0862308762vw;
}
#feature-article .feature-article-preparation__dl dt, #feature-article .feature-article-preparation__dl dd {
  margin-top: 2.0862308762vw;
  color: #222;
  font-size: 3.3379694019vw;
  font-weight: normal;
  letter-spacing: 0em;
}
#feature-article .feature-article-preparation__dl dt {
  display: inline-block;
  width: 20.8623087622vw;
  background: #f1e6ed;
  border-radius: 3.5465924896vw;
  text-align: center;
}
#feature-article .feature-article-preparation__point {
  display: flex;
  margin-top: 3.1293463143vw;
}
#feature-article .feature-article-preparation__point__img {
  width: 19.0890125174vw;
}
#feature-article .feature-article-preparation__point__img img {
  width: 100%;
}
#feature-article .feature-article-preparation__point__lead {
  flex: 1;
  padding-left: 2.0862308762vw;
  color: #222;
  font-size: 3.3379694019vw;
  line-height: 1.75 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-preparation__point__lead strong {
  display: block;
  color: #222;
  font-size: 4.1724617524vw;
  line-height: 1.75 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-preparation__point__lead span {
  color: #1e519c;
  font-size: 3.3379694019vw;
  font-weight: bold;
  line-height: 1.75 !important;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-advice__heading {
  padding: 0;
  margin: 0;
  background: transparent;
  border-radius: 0;
  text-align: center;
}
#feature-article .feature-article-advice__heading span {
  display: inline-block;
  padding: 0 12.5173852573vw;
  color: #6c75b7;
  font-size: 6.9541029207vw;
  font-weight: bold;
  letter-spacing: 0em;
  position: relative;
}
#feature-article .feature-article-advice__heading span::before, #feature-article .feature-article-advice__heading span::after {
  content: "";
  display: block;
  width: 9.4297635605vw;
  height: 10.0973574409vw;
  background: url("../images/feature202604_advice_bg_heading.png") no-repeat top left/100% 100%;
  pointer-events: none;
  position: absolute;
  top: -2.0862308762vw;
}
#feature-article .feature-article-advice__heading span::before {
  left: 0;
}
#feature-article .feature-article-advice__heading span::after {
  right: 0;
}
#feature-article .feature-article-advice__col {
  margin-top: 10.4311543811vw;
}
#feature-article .feature-article-advice__subheading {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 8.3449235049vw);
  height: 20.8623087622vw;
  padding: 2.0862308762vw 4.1724617524vw;
  margin: 0 auto;
  background: #999ccd;
  border-top-left-radius: 4.1724617524vw;
  border-top-right-radius: 4.1724617524vw;
  color: #fff;
  font-size: 5.5632823366vw;
  font-weight: bold;
  text-align: center;
  position: relative;
  z-index: 2;
}
#feature-article .feature-article-advice__subheading strong {
  color: #fff;
  font-size: 7.0931849791vw;
  font-weight: bold;
}
#feature-article .feature-article-advice__subheading span {
  color: #fff;
  font-size: 7.9276773296vw;
  font-weight: bold;
}
#feature-article .feature-article-advice__meta {
  padding: 6.2586926287vw;
  margin-top: -1.0431154381vw;
  border: 2px solid #999ccd;
}
#feature-article .feature-article-advice__meta__lead {
  color: #222;
  font-size: 4.1724617524vw;
  text-align: justify;
}
#feature-article .feature-article-advice__interview {
  display: flex;
  margin-top: 8.3449235049vw;
}
#feature-article .feature-article-advice__interview__img {
  width: 30.354659249vw;
}
#feature-article .feature-article-advice__interview__img img {
  width: 100%;
}
#feature-article .feature-article-advice__interview__meta {
  flex: 1;
  padding: 2.0862308762vw;
  margin-left: 5.2155771905vw;
  border: 1px solid #231815;
  border-right: 0;
  position: relative;
}
#feature-article .feature-article-advice__interview__meta::before, #feature-article .feature-article-advice__interview__meta::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 0;
  border-bottom: 5px solid transparent;
  pointer-events: none;
  position: absolute;
  top: 10.8484005563vw;
  border-style: solid;
}
#feature-article .feature-article-advice__interview__meta::before {
  border-right: 20px solid #231815;
  left: -20px;
  z-index: 1;
}
#feature-article .feature-article-advice__interview__meta::after {
  border-right: 20px solid #fff;
  left: -17px;
  z-index: 1;
}
#feature-article .feature-article-advice__interview__meta__lead {
  color: #222;
  font-size: 3.3379694019vw;
  letter-spacing: 0em;
  text-align: justify;
}
#feature-article .feature-article-advice__interview__meta__profile {
  margin-top: 2.0862308762vw;
  color: #222;
  font-size: 2.9207232267vw;
  letter-spacing: 0em;
  text-align: right;
}
#feature-article .feature-article-advice__interview__meta__profile strong {
  color: #222;
  font-size: 3.7552155772vw;
  font-weight: normal;
  letter-spacing: 0em;
}
#feature-article .feature-article-advice__interview__meta__profile span {
  color: #222;
  font-size: 3.3379694019vw;
  letter-spacing: 0em;
}
@media screen and (min-width: 720px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  #feature-article {
    --fz: 15px;
  }
  #feature-article section {
    margin-top: 10rem;
  }
  #feature-article .link {
    max-width: 46.5rem;
    margin: 2rem auto 0 auto;
  }
  #feature-article .feature-article-common__heading--calculator {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #feature-article .feature-article-common__heading--calculator__left {
    padding-left: 7.8rem;
    margin-right: 1.5rem;
  }
  #feature-article .feature-article-common__heading--calculator__left::before {
    content: "";
    display: block;
    width: 6.8rem;
    height: 8.05rem;
    background: url("../images/feature202604_common_bg_calculator.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  #feature-article .feature-article-common__heading--calculator__left span {
    padding: 1rem 0 1.2rem 0;
    font-size: 2.4rem;
  }
  #feature-article .feature-article-common__heading--calculator__left span::before, #feature-article .feature-article-common__heading--calculator__left span::after {
    content: "";
    display: block;
    width: 100%;
    height: 0.2rem;
    background: #66baaf;
    pointer-events: none;
    position: absolute;
  }
  #feature-article .feature-article-common__heading--calculator__left span::before {
    top: 0;
    transform: rotate(-5deg);
  }
  #feature-article .feature-article-common__heading--calculator__left span::after {
    bottom: 0;
    transform: rotate(5deg);
  }
  #feature-article .feature-article-common__heading--calculator__right {
    min-width: 61.2rem;
    padding: 1rem 2rem 1.2rem 2rem;
    margin: 0;
    border-radius: 5rem;
    font-size: 3rem;
  }
  #feature-article .feature-article-common__heading--calculator__right strong {
    font-size: 3.4rem;
  }
  #feature-article .feature-article-mv__wrap {
    max-width: 80rem;
    margin: 0 auto;
  }
  #feature-article .feature-article-mv__heading {
    width: 14.4rem;
  }
  #feature-article .feature-article-mv__img__heading {
    position: absolute;
    top: 5rem;
    left: 0;
  }
  #feature-article .feature-article-mv__img__heading span {
    padding: 0 1.5rem;
    font-size: 2.4rem;
  }
  #feature-article .feature-article-mv__img__heading span::before, #feature-article .feature-article-mv__img__heading span::after {
    content: "";
    display: block;
    width: 0.5rem;
    height: 3rem;
    background: #22ac38;
    pointer-events: none;
    position: absolute;
    top: 0.4rem;
  }
  #feature-article .feature-article-mv__img__heading span::before {
    left: 0;
    transform: rotate(-15deg);
  }
  #feature-article .feature-article-mv__img__heading span::after {
    right: 0;
    transform: rotate(15deg);
  }
  #feature-article .feature-article-mv__img img {
    margin-top: 0;
  }
  #feature-article .feature-article-mv__summary {
    margin-top: 4rem;
    color: #333;
    font-size: 2rem;
    font-weight: 500;
    text-align: justify;
  }
  #feature-article .feature-article-total__flex {
    display: flex;
    justify-content: space-between;
  }
  #feature-article .feature-article-total__col {
    width: calc(50% - 4rem);
    margin-top: 5rem;
  }
  #feature-article .feature-article-total__heading {
    width: calc(100% - 4rem);
    padding: 3rem 2rem;
    margin: 0 auto;
    background: #61b85d;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  #feature-article .feature-article-total__heading strong {
    color: #fff;
    font-size: 3.4rem;
    font-weight: bold;
  }
  #feature-article .feature-article-total__heading span {
    color: #fff;
    font-size: 3.8rem;
    font-weight: bold;
  }
  #feature-article .feature-article-total__meta {
    padding: 3rem;
    margin-top: -0.5rem;
    background: #d4e9e5;
    border-radius: 3rem;
  }
  #feature-article .feature-article-total__meta__lead {
    color: #222;
    font-size: 2rem;
    text-align: justify;
  }
  #feature-article .feature-article-total__remarks {
    padding-top: 1rem;
  }
  #feature-article .feature-article-total__remarks li {
    padding-left: 1em;
    text-indent: -1em;
    color: #222;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-increase {
    margin-top: 4rem;
  }
  #feature-article .feature-article-increase__flex {
    display: flex;
    flex-direction: row-reverse;
    padding: 3rem 2rem;
    background: #fff0c3;
    border-radius: 2rem;
  }
  #feature-article .feature-article-increase__meta {
    flex: 1;
    padding-left: 2rem;
  }
  #feature-article .feature-article-increase__meta__heading {
    margin: 0;
    color: #ec727d;
    font-size: 3rem;
    font-weight: bold;
  }
  #feature-article .feature-article-increase__meta__lead {
    margin-top: 1rem;
    color: #222;
    font-size: 1.8rem;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-increase__meta__lead strong {
    color: #e83f17;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0em;
  }
  #feature-article .feature-article-increase__meta__lead strong span {
    background: linear-gradient(transparent 60%, #ffeb00 60%);
    color: #e83f17;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0em;
  }
  #feature-article .feature-article-increase__img {
    width: 14.05rem;
    margin-top: 0;
  }
  #feature-article .feature-article-increase__img img {
    width: 100%;
  }
  #feature-article .feature-article-cost__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature-article .feature-article-cost__col {
    width: calc(33.33% - 2rem);
    margin-top: 5rem;
  }
  #feature-article .feature-article-cost__heading {
    width: calc(100% - 4rem);
    padding: 3rem 2rem;
    margin: 0 auto;
    background: #61b85d;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  #feature-article .feature-article-cost__heading strong {
    color: #fff;
    font-size: 3.4rem;
    font-weight: bold;
  }
  #feature-article .feature-article-cost__heading span {
    color: #fff;
    font-size: 3.8rem;
    font-weight: bold;
  }
  #feature-article .feature-article-cost__meta {
    padding: 3rem;
    margin-top: -0.5rem;
    background: #d4e9e5;
    border-radius: 3rem;
  }
  #feature-article .feature-article-cost__meta__lead {
    color: #222;
    font-size: 2rem;
    text-align: justify;
  }
  #feature-article .feature-article-cost__interviews {
    width: calc(66.66% - 1rem);
    padding-top: 2rem;
  }
  #feature-article .feature-article-cost__interview {
    display: flex;
    padding: 2rem;
    margin-top: 3rem;
    border: 2px solid #63a4c2;
  }
  #feature-article .feature-article-cost__interview__img {
    width: 11.4rem;
    text-align: center;
  }
  #feature-article .feature-article-cost__interview__img p {
    color: #222;
    font-size: 1.6rem;
    text-align: center;
  }
  #feature-article .feature-article-cost__interview__meta {
    flex: 1;
  }
  #feature-article .feature-article-cost__interview__meta p {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-cost__interview__meta p span {
    font-size: 1.6rem;
  }
  #feature-article .feature-article-cost__interview:nth-of-type(odd) .feature-article-cost__interview__meta {
    padding-left: 1rem;
  }
  #feature-article .feature-article-cost__interview:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  #feature-article .feature-article-cost__interview:nth-of-type(even) .feature-article-cost__interview__meta {
    padding-right: 1rem;
  }
  #feature-article .feature-article-money__summary {
    margin-top: 5rem;
    color: #222;
    font-size: 1.8rem;
  }
  #feature-article .feature-article-money__flex {
    display: flex;
  }
  #feature-article .feature-article-money__table {
    width: 50rem;
    margin-top: 3rem;
  }
  #feature-article .feature-article-money__table table {
    width: 100%;
  }
  #feature-article .feature-article-money__table table tr th, #feature-article .feature-article-money__table table tr td {
    border-bottom: 1px solid #222;
    color: #222;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-money__table table tr th {
    padding: 0.2rem 0;
    font-weight: bold;
  }
  #feature-article .feature-article-money__table table tr td {
    padding: 0.2rem 1.5rem;
    border-left: 4px solid #fff;
    text-align: right;
  }
  #feature-article .feature-article-money__table table tr td:nth-of-type(1) {
    background: #fbdbae;
  }
  #feature-article .feature-article-money__table table tr td:nth-of-type(2) {
    background: #f5d55e;
  }
  #feature-article .feature-article-money__table table tr:first-of-type td {
    text-align: center;
  }
  #feature-article .feature-article-money__meta {
    flex: 1;
    padding-left: 2rem;
    margin-top: 3rem;
  }
  #feature-article .feature-article-money__meta__remark {
    padding-left: 1em;
    text-indent: -1em;
    color: #222;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-money__meta__lead {
    color: #222;
    font-size: 1.6rem;
  }
  #feature-article .feature-article-money__meta__img {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 1rem;
    margin-top: 2rem;
    text-align: center;
  }
  #feature-article .feature-article-money__meta__img img:nth-of-type(1) {
    width: 14rem;
  }
  #feature-article .feature-article-money__meta__img img:nth-of-type(2) {
    width: 10.68rem;
  }
  #feature-article .feature-article-money__interview {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    max-width: 70rem;
    margin: 4rem auto 0 auto;
  }
  #feature-article .feature-article-money__interview__meta {
    flex: 1;
    padding: 1rem 1.5rem;
    border: 2px solid #63a4c2;
    position: relative;
  }
  #feature-article .feature-article-money__interview__meta::before, #feature-article .feature-article-money__interview__meta::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 0;
    border-bottom: 7px solid transparent;
    pointer-events: none;
    position: absolute;
    top: 5.2rem;
    right: auto;
    transform: none;
    border-style: solid;
  }
  #feature-article .feature-article-money__interview__meta::before {
    border-right: 20px solid #63a4c2;
    left: -2rem;
    bottom: auto;
    z-index: 1;
  }
  #feature-article .feature-article-money__interview__meta::after {
    border-right: 20px solid #fff;
    left: -1.6rem;
    bottom: auto;
    z-index: 1;
  }
  #feature-article .feature-article-money__interview__meta p {
    color: #222;
    font-size: 1.8rem;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-money__interview__meta p span {
    color: #1e519c;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-money__interview__img {
    width: 14.4rem;
    padding-right: 3rem;
    margin-top: 0;
    text-align: center;
  }
  #feature-article .feature-article-money__interview__img img {
    width: 100%;
  }
  #feature-article .feature-article-money__interview__img p {
    color: #222;
    font-size: 1.6rem;
    text-align: center;
  }
  #feature-article .feature-article-preparation__heading {
    padding: 0;
    background: transparent;
    border-radius: 0;
    text-align: center;
  }
  #feature-article .feature-article-preparation__heading__sub {
    display: inline-block;
    padding: 0 1.5rem;
    color: #ba7aa0;
    font-size: 2.8rem;
    font-weight: bold;
    position: relative;
  }
  #feature-article .feature-article-preparation__heading__sub::before, #feature-article .feature-article-preparation__heading__sub::after {
    content: "";
    display: block;
    width: 0.5rem;
    height: 3.6rem;
    background: #d2abc3;
    pointer-events: none;
    position: absolute;
    top: -0.4rem;
  }
  #feature-article .feature-article-preparation__heading__sub::before {
    left: 0;
    transform: rotate(-15deg);
  }
  #feature-article .feature-article-preparation__heading__sub::after {
    right: 0;
    transform: rotate(15deg);
  }
  #feature-article .feature-article-preparation__heading__main {
    display: block;
    padding-bottom: 1rem;
    margin-top: 1rem;
    color: #ba7aa0;
    font-size: 4.4rem;
    font-weight: bold;
    position: relative;
  }
  #feature-article .feature-article-preparation__heading__main::before {
    content: "";
    display: block;
    width: 100%;
    height: 1.775rem;
    background: url("../images/feature202604_preparation_bg_bottom.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
  }
  #feature-article .feature-article-preparation__heading__main strong {
    display: block;
    color: #ba7aa0;
    font-size: 4.4rem;
    font-weight: bold;
    position: relative;
    z-index: 2;
  }
  #feature-article .feature-article-preparation__heading__main strong::before {
    width: 6.85rem;
    height: 6.2rem;
    background-image: url("../images/feature202604_preparation_bg_before.png");
    left: 0;
  }
  #feature-article .feature-article-preparation__heading__main strong::after {
    width: 6.1rem;
    height: 6.15rem;
    background-image: url("../images/feature202604_preparation_bg_after.png");
    right: 0;
  }
  #feature-article .feature-article-preparation__heading__main strong::before, #feature-article .feature-article-preparation__heading__main strong::after {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    bottom: 1rem;
  }
  #feature-article .feature-article-preparation__summary {
    margin-top: 2rem;
    color: #222;
    font-size: 1.8rem;
    text-align: center;
  }
  #feature-article .feature-article-preparation__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature-article .feature-article-preparation__col {
    width: 100%;
    margin-top: 4rem;
    position: relative;
  }
  #feature-article .feature-article-preparation__col:nth-of-type(2), #feature-article .feature-article-preparation__col:nth-of-type(3) {
    width: calc(50% - 2rem);
  }
  #feature-article .feature-article-preparation__col__wrap {
    padding: 2rem;
    border: 4px solid #c79582;
    border-top: 0;
    border-bottom-left-radius: 6rem;
    border-bottom-right-radius: 6rem;
  }
  #feature-article .feature-article-preparation__book, #feature-article .feature-article-preparation__book--orange, #feature-article .feature-article-preparation__book--darkblue, #feature-article .feature-article-preparation__book--purple, #feature-article .feature-article-preparation__book--yellow, #feature-article .feature-article-preparation__book--skyblue {
    position: absolute;
    top: 0.6rem;
    left: 0.2rem;
    z-index: 2;
  }
  #feature-article .feature-article-preparation__book::before, #feature-article .feature-article-preparation__book--orange::before, #feature-article .feature-article-preparation__book--darkblue::before, #feature-article .feature-article-preparation__book--purple::before, #feature-article .feature-article-preparation__book--yellow::before, #feature-article .feature-article-preparation__book--skyblue::before {
    content: "";
    display: block;
    width: 6.7rem;
    height: 6.15rem;
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% 100%;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  #feature-article .feature-article-preparation__book span, #feature-article .feature-article-preparation__book--orange span, #feature-article .feature-article-preparation__book--darkblue span, #feature-article .feature-article-preparation__book--purple span, #feature-article .feature-article-preparation__book--yellow span, #feature-article .feature-article-preparation__book--skyblue span {
    display: inline-block;
    padding: 0.5rem 1rem 0.5rem 2rem;
    border-radius: 2rem;
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1 !important;
    position: relative;
    top: 1rem;
    left: 5.2rem;
    z-index: 1;
  }
  #feature-article .feature-article-preparation__book--skyblue::before {
    background-image: url("../images/feature202604_preparation_bg_book-skyblue.png");
  }
  #feature-article .feature-article-preparation__book--skyblue span {
    background: #0096ae;
  }
  #feature-article .feature-article-preparation__book--yellow::before {
    background-image: url("../images/feature202604_preparation_bg_book-yellow.png");
  }
  #feature-article .feature-article-preparation__book--yellow span {
    background: #eb9500;
  }
  #feature-article .feature-article-preparation__book--purple::before {
    background-image: url("../images/feature202604_preparation_bg_book-purple.png");
  }
  #feature-article .feature-article-preparation__book--purple span {
    background: #7d5884;
  }
  #feature-article .feature-article-preparation__book--darkblue::before {
    background-image: url("../images/feature202604_preparation_bg_book-darkblue.png");
  }
  #feature-article .feature-article-preparation__book--darkblue span {
    background: #3b4d7d;
  }
  #feature-article .feature-article-preparation__book--orange::before {
    background-image: url("../images/feature202604_preparation_bg_book-orange.png");
  }
  #feature-article .feature-article-preparation__book--orange span {
    background: #b13936;
  }
  #feature-article .feature-article-preparation__subheading {
    padding: 3rem 2rem 2.5rem 2rem;
    background: #f1e6ed;
    border: 4px solid #c79582;
    border-bottom: 0;
    border-top-left-radius: 6rem;
    border-top-right-radius: 6rem;
    color: #ba7aa0;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
  }
  #feature-article .feature-article-preparation__subheading strong {
    color: #ba7aa0;
    font-size: 3.6rem;
    font-weight: bold;
  }
  #feature-article .feature-article-preparation__lead {
    color: #222;
    font-size: 1.8rem;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__lead span {
    color: #1e519c;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0em;
  }
  #feature-article .feature-article-preparation__cards {
    display: flex;
    justify-content: space-between;
    width: calc(100% - 4rem);
    margin: 0 auto;
  }
  #feature-article .feature-article-preparation__card {
    width: calc(33.33% - 1rem);
    margin-top: 3rem;
    border: 2px solid #c795b2;
  }
  #feature-article .feature-article-preparation__card__subheading {
    display: block;
    width: 100%;
    padding: 0;
    padding: 0.2rem 1rem;
    margin: 0;
    background: transparent;
    background: #c795b2;
    border-radius: 0;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
  }
  #feature-article .feature-article-preparation__card__meta {
    padding: 1.5rem;
  }
  #feature-article .feature-article-preparation__card__ul li {
    padding-left: 1.6rem;
    color: #222;
    font-size: 1.6rem;
    position: relative;
  }
  #feature-article .feature-article-preparation__card__ul li::before {
    content: "";
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    background: #c795b2;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    top: 0.8rem;
    left: 0;
  }
  #feature-article .feature-article-preparation__check {
    display: flex;
    margin-top: 3rem;
  }
  #feature-article .feature-article-preparation__check__img {
    width: 7.2rem;
  }
  #feature-article .feature-article-preparation__check__img img {
    width: 100%;
  }
  #feature-article .feature-article-preparation__check__lead {
    flex: 1;
    padding-left: 1rem;
    color: #222;
    font-size: 1.6rem;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__humans {
    display: flex;
    align-items: flex-start;
  }
  #feature-article .feature-article-preparation__charm {
    flex: 1;
    padding: 3rem;
    margin-top: 4rem;
    margin-right: 3rem;
    background: #ba7aa0;
    border-radius: 6rem;
    position: relative;
  }
  #feature-article .feature-article-preparation__charm__img {
    width: 9.15rem;
    position: absolute;
    top: -4rem;
    right: 1rem;
  }
  #feature-article .feature-article-preparation__charm__img img {
    width: 100%;
  }
  #feature-article .feature-article-preparation__charm__heading {
    padding-right: 0;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__charm__heading strong {
    color: #faee00;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__charm__lead {
    margin-top: 1.5rem;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__charm__lead strong {
    color: #faee00;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__interview, #feature-article .feature-article-preparation__interview--reverse {
    display: flex;
    align-items: center;
    width: 35rem;
    margin-top: 4rem;
  }
  #feature-article .feature-article-preparation__interview__meta {
    flex: 1;
    padding: 1.5rem;
    margin-right: 2rem;
    border: 2px solid #63a4c2;
    position: relative;
  }
  #feature-article .feature-article-preparation__interview__meta::before, #feature-article .feature-article-preparation__interview__meta::after {
    content: "";
    display: block;
    width: 0.2rem;
    height: 2rem;
    pointer-events: none;
    position: absolute;
  }
  #feature-article .feature-article-preparation__interview__meta::before {
    margin: auto;
    background: #fff;
    top: 0;
    right: -0.2rem;
    bottom: 0;
  }
  #feature-article .feature-article-preparation__interview__meta::after {
    background: #63a4c2;
    top: calc(50% - 1.4rem);
    right: -1rem;
    transform: rotate(-45deg);
  }
  #feature-article .feature-article-preparation__interview__lead {
    color: #222;
    font-size: 1.8rem;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__interview__img {
    width: 11.4rem;
  }
  #feature-article .feature-article-preparation__interview__img img {
    width: 100%;
  }
  #feature-article .feature-article-preparation__interview__img p {
    color: #222;
    font-size: 1.5rem;
    text-align: center;
  }
  #feature-article .feature-article-preparation__interview--reverse {
    flex-direction: row-reverse;
  }
  #feature-article .feature-article-preparation__interview--reverse .feature-article-preparation__interview__meta {
    margin-left: 2rem;
    margin-right: 0;
  }
  #feature-article .feature-article-preparation__interview--reverse .feature-article-preparation__interview__meta::before {
    left: -0.2rem;
    right: auto;
  }
  #feature-article .feature-article-preparation__interview--reverse .feature-article-preparation__interview__meta::after {
    left: -1rem;
    right: auto;
    transform: rotate(45deg);
  }
  #feature-article .feature-article-preparation__dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-top: 1rem;
  }
  #feature-article .feature-article-preparation__dl dt, #feature-article .feature-article-preparation__dl dd {
    margin-top: 1rem;
    color: #222;
    font-size: 1.6rem;
    font-weight: normal;
    letter-spacing: 0em;
  }
  #feature-article .feature-article-preparation__dl dt {
    width: 10rem;
    background: #f1e6ed;
    border-radius: 1.7rem;
    text-align: center;
  }
  #feature-article .feature-article-preparation__dl dd {
    width: calc(100% - 11rem);
  }
  #feature-article .feature-article-preparation__point {
    display: flex;
    margin-top: 1.5rem;
  }
  #feature-article .feature-article-preparation__point__img {
    width: 9.15rem;
  }
  #feature-article .feature-article-preparation__point__img img {
    width: 100%;
  }
  #feature-article .feature-article-preparation__point__lead {
    flex: 1;
    padding-left: 1rem;
    color: #222;
    font-size: 1.6rem;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__point__lead strong {
    display: block;
    color: #222;
    font-size: 2rem;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-preparation__point__lead span {
    color: #1e519c;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-advice__heading {
    padding: 0;
    margin: 0;
    background: transparent;
    border-radius: 0;
    text-align: center;
  }
  #feature-article .feature-article-advice__heading span {
    display: inline-block;
    padding: 0 6rem;
    color: #6c75b7;
    font-size: 4rem;
    font-weight: bold;
    letter-spacing: 0em;
    position: relative;
  }
  #feature-article .feature-article-advice__heading span::before, #feature-article .feature-article-advice__heading span::after {
    content: "";
    display: block;
    width: 4.52rem;
    height: 4.84rem;
    background: url("../images/feature202604_advice_bg_heading.png") no-repeat top left/100% 100%;
    pointer-events: none;
    position: absolute;
    top: -1rem;
  }
  #feature-article .feature-article-advice__heading span::before {
    left: 0;
  }
  #feature-article .feature-article-advice__heading span::after {
    right: 0;
  }
  #feature-article .feature-article-advice__flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #feature-article .feature-article-advice__col {
    width: calc(33.33% - 2rem);
    margin-top: 5rem;
  }
  #feature-article .feature-article-advice__subheading {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 4rem);
    height: 10rem;
    padding: 1rem 2rem;
    margin: 0 auto;
    background: #999ccd;
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
    color: #fff;
    font-size: 2rem;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 2;
  }
  #feature-article .feature-article-advice__subheading strong {
    color: #fff;
    font-size: 3.4rem;
    font-weight: bold;
  }
  #feature-article .feature-article-advice__subheading span {
    color: #fff;
    font-size: 3.8rem;
    font-weight: bold;
  }
  #feature-article .feature-article-advice__meta {
    min-height: 31rem;
    padding: 3rem;
    margin-top: -0.5rem;
    border: 2px solid #999ccd;
  }
  #feature-article .feature-article-advice__meta__lead {
    color: #222;
    font-size: 2rem;
    text-align: justify;
  }
  #feature-article .feature-article-advice__interviews {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  #feature-article .feature-article-advice__interview {
    display: flex;
    width: calc(50% - 2rem);
    margin-top: 4rem;
  }
  #feature-article .feature-article-advice__interview__img {
    width: 14.55rem;
  }
  #feature-article .feature-article-advice__interview__img img {
    width: 100%;
  }
  #feature-article .feature-article-advice__interview__meta {
    flex: 1;
    padding: 1rem;
    margin-left: 2.5rem;
    border: 1px solid #231815;
    border-right: 0;
    position: relative;
  }
  #feature-article .feature-article-advice__interview__meta::before, #feature-article .feature-article-advice__interview__meta::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 0;
    border-bottom: 5px solid transparent;
    pointer-events: none;
    position: absolute;
    top: 5.2rem;
    border-style: solid;
  }
  #feature-article .feature-article-advice__interview__meta::before {
    border-right: 20px solid #231815;
    left: -2rem;
    z-index: 1;
  }
  #feature-article .feature-article-advice__interview__meta::after {
    border-right: 20px solid #fff;
    left: -1.7rem;
    z-index: 1;
  }
  #feature-article .feature-article-advice__interview__meta__lead {
    color: #222;
    font-size: 1.6rem;
    letter-spacing: 0em;
    text-align: justify;
  }
  #feature-article .feature-article-advice__interview__meta__profile {
    margin-top: 1rem;
    color: #222;
    font-size: 1.4rem;
    letter-spacing: 0em;
    text-align: right;
  }
  #feature-article .feature-article-advice__interview__meta__profile strong {
    color: #222;
    font-size: 1.8rem;
    font-weight: normal;
    letter-spacing: 0em;
  }
  #feature-article .feature-article-advice__interview__meta__profile span {
    color: #222;
    font-size: 1.6rem;
    letter-spacing: 0em;
  }
}
@media screen and (min-width: 720px) and (max-width: 1000px) {
  #feature-article {
    --fz: 16px;
  }
}