@charset "UTF-8";
/*
Template: /templates/online-consultant.php
*/
:root {
  --color-main: #f7a285;
  --color-txt: #4b505a;
  --color-white: #ffffff;
  --color-black: #2C3038;
  --color-yellow: #FFC533;
  --color-blue: #94BCE3;
  --color-blue-2: #5495D6;
  --color-blue-thin: #D6EAF0;
  --color-beige: #F2ECE7;
  --color-bg-1: #EEDDCA;
  --color-bg-2: #FBEEE0;
  --color-gray-light: #FAFAFA;
  --font-def: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
  --line-height-def: $line-height-default;
}

/* ------------------------------ */
/* Reset */
/* ------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
main, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1.4;
  font-size: 16px;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

select, input, textarea {
  outline: none;
}

/* ------------------------------ */
/* Generals */
/* ------------------------------ */
body {
  overflow-x: hidden;
}

.page-online-consulting {
  font-family: var(--font-def);
  font-size: min(16px, 1.25vw);
  color: var(--color-txt);
}
.page-online-consulting img {
  max-width: 100%;
}
.page-online-consulting a {
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.b-main {
  overflow-x: hidden;
}

.text {
  color: #F00;
}

/* ------------------------------ */
/* Header */
/* ------------------------------ */
.b-header {
  padding: min(80px, 6.25vw) 0px;
  background-image: url("../../images/online-consulting/main_bg_star.svg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: min(1512px, 100vw) auto;
  background-color: var(--color-txt);
  padding-bottom: 0;
  overflow: hidden;
}
.b-header-bg-cloud {
  position: relative;
  z-index: 0;
  width: 100%;
  margin-top: -7vw;
}
.b-header-bg-cloud::before, .b-header-bg-cloud::after {
  content: "";
  display: block;
  width: 100%;
}
.b-header-bg-cloud::before {
  height: 13.359788359vw;
  background-image: url("../../images/online-consulting/main_cloud.svg");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-color: transparent;
  margin-bottom: -1px;
}
.b-header-bg-cloud::after {
  height: 2.579365079vw;
  background-color: white;
}
.b-header__heading {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0px 0px min(24px, 1.875vw);
}
.b-header__heading__logo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0px min(38px, 2.513227513vw);
}
.b-header__heading__logo__txt {
  display: block;
  font-size: min(18px, 1.40625vw);
  font-weight: 500;
  color: var(--color-main);
  margin: 0px 0px min(14px, 1.09375vw);
}
.b-header__heading__logo__img {
  display: block;
  width: min(250px, 19.53125vw);
  height: auto;
}
.b-header__heading__logo__img.mod--piyolog {
  max-width: 233.66px;
}
.b-header__heading__logo__img.mod--lullaby {
  max-width: 165.31px;
}
.b-header__heading__logo__middle {
  margin-left: 35px;
  margin-right: 35px;
}
.b-header__heading__main {
  font-size: min(40px, 2.34375vw);
  font-weight: 800;
  color: var(--color-white);
  margin: 0px 0px 0;
}
.b-header__heading__sub {
  position: relative;
  font-size: min(22px, 2.34375vw);
  font-weight: 700;
  color: var(--color-yellow);
  text-align: center;
  margin-bottom: min(36px, 2.8125vw);
}
.b-header__heading__sub span {
  display: inline-block;
  position: relative;
}
.b-header__heading__sub span::before, .b-header__heading__sub span::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 1em;
  position: absolute;
  top: 0.2em;
  background-color: var(--color-yellow);
}
.b-header__heading__sub span::before {
  left: -1em;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.b-header__heading__sub span::after {
  right: -1em;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.b-header__lead {
  position: relative;
  z-index: 1;
  font-size: min(20px, 1.875vw);
  line-height: 1.73;
  font-weight: 500;
  color: var(--color-white);
  text-align: center;
  margin: 0px auto min(34.6px, 2.1625vw);
}
.b-header__lead.mod--plus {
  color: var(--color-yellow);
}
.b-header__lead strong {
  color: var(--color-main);
}
.b-header__btn {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: min(66px, 5.15625vw);
  width: min(404px, 31.5625vw);
  font-size: min(20px, 1.5625vw);
  font-weight: 700;
  color: var(--color-txt);
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  border-radius: min(16px, 1.25vw);
  margin: min(60px, 3.968253968vw) auto 0;
}
.b-header__btn.mod--yellow {
  background-color: var(--color-yellow);
  border-color: var(--color-yellow);
}
.b-header__link {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2.8em;
}
.b-header__link a {
  position: relative;
  padding-bottom: 2.6rem;
  color: var(--color-white);
  margin: 0 auto;
  font-size: min(18px, 1.40625vw);
}
.b-header__link a::after {
  content: url("../../images/online-consulting/arrow-down.svg");
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.b-header::before, .b-header::after {
  content: "";
  display: block;
  position: absolute;
  background-size: 100%;
  background-repeat: no-repeat;
}
.b-header::before {
  top: min(67px, 5.234375vw);
  left: calc(50% - min(463px, 36.171875vw));
  width: min(151px, 11.796875vw);
  height: min(137px, 10.703125vw);
  background-image: url("../../images/online-consulting/illust_piyolog.png");
  background-size: contain;
}
.b-header::after {
  top: min(71px, 5.546875vw);
  left: calc(50% + min(288px, 22.5vw));
  width: min(253.63px, 20.04921875vw);
  height: min(156.99px, 12.26484375vw);
  background-image: url("../../images/online-consulting/illust-kounodori.svg");
  background-size: contain;
}

@media screen and ( min-width: 768px ) {
  .b-header__btn:hover, .b-header__btn:focus {
    background-color: var(--color-white);
    border-color: var(--color-white);
  }
  .b-header__lead, .b-header__btn {
    -webkit-transform: rotate(0.03deg);
            transform: rotate(0.03deg);
  }
}
@media screen and ( max-width: 767px ) {
  .b-header {
    padding: 15.521628498vw 0px 0;
    background-image: none;
  }
  .b-header-bg-cloud {
    margin-top: 5.852417302vw;
  }
  .b-header-bg-cloud::before {
    height: 30.534351145vw;
    background-image: url("../../images/online-consulting/main_cloud_sp.svg");
  }
  .b-header-bg-cloud::after {
    display: none;
  }
  .b-header__heading {
    margin: 0px 0px 3.562340966vw;
  }
  .b-header__heading__logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 63.358778626vw;
    margin-bottom: 11.704834605vw;
  }
  .b-header__heading__logo__txt {
    font-size: 4.2666666667vw;
    line-height: 1.485;
    margin: 0px 0px 5.3333333333vw;
  }
  .b-header__heading__logo__img {
    width: 55.2vw;
  }
  .b-header__heading__logo__img.mod--piyolog {
    max-width: none;
    width: 43.256997455vw;
    margin-left: auto;
  }
  .b-header__heading__logo__img.mod--lullaby {
    max-width: none;
    width: 35.623409669vw;
    margin-right: auto;
  }
  .b-header__heading__logo__middle {
    margin-top: 5.597964376vw;
    margin-bottom: 5.597964376vw;
  }
  .b-header__heading__main {
    font-size: 6.4vw;
    margin: 0px 0px 4.2666666667vw;
  }
  .b-header__heading__sub {
    font-size: 4.532577903vw;
    line-height: 1.485;
    text-align: center;
    margin-bottom: 1.8rem;
  }
  .b-header__lead {
    font-size: 4.071246819vw;
    line-height: 1.625;
    letter-spacing: -0.05em;
    margin: 0px auto 3.562340966vw;
    padding: 0px 5.3333333333vw;
  }
  .b-header__lead span.u-show-sm-down {
    display: inline !important;
  }
  .b-header__btn {
    margin-top: 9.669211195vw;
    height: 16.8vw;
    width: 80vw;
    font-size: 4.8vw;
    border-radius: 4.2666666667vw;
  }
  .b-header__link {
    margin-top: 1rem;
  }
  .b-header__link a {
    font-size: 3.966005665vw;
  }
  .b-header__link a::after {
    -webkit-transform: scale(0.8) translateX(-50%);
            transform: scale(0.8) translateX(-50%);
  }
  .b-header::before {
    top: 11.195928753vw;
    left: calc(50% - 33vw);
    width: 17.302798982vw;
    height: 15.776081424vw;
  }
  .b-header.mod--ver2::before {
    top: 25vw;
  }
  .b-header::after {
    top: 37.150127226vw;
    left: calc(50% + 5vw);
    width: 33.078880407vw;
    height: 20.475826972vw;
  }
  .b-header.mod--ver2::after {
    top: 51vw;
  }
}
/* ------------------------------ */
/* Footer */
/* ------------------------------ */
.b-footer {
  background-color: var(--color-txt);
}
.b-footer__contact {
  padding: min(60px, 4.6875vw) 0px 0;
  background-color: var(--color-txt);
}
.b-footer__contact__txt {
  font-size: min(24px, 1.875vw);
  font-weight: 400;
  color: var(--color-white);
  text-align: center;
}
.b-footer__contact__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: min(66px, 5.15625vw);
  width: min(404px, 31.5625vw);
  font-size: min(20px, 1.5625vw);
  font-weight: 700;
  color: var(--color-txt);
  margin: min(40px, 3.125vw) auto 0px;
  border: 1px solid var(--color-main);
  border-radius: min(16px, 1.25vw);
  background-color: var(--color-main);
}
.b-footer__contact__btn.mod--yellow {
  background-color: var(--color-yellow);
  border-color: var(--color-yellow);
}
.b-footer__contents {
  background-color: var(--color-txt);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: min(1068px, 83.4375vw);
  margin: 0px auto;
  padding: min(50px, 3.90625vw) 0px;
  /*
  &::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: min(1px, 0.078125vw);
    height: min(60px, 4.6875vw);
    background-color: #717171;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  */
}
.b-footer__contents__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0px min(38px, 2.96875vw);
}
.b-footer__contents__logo__txt {
  font-size: min(18px, 1.40625vw);
  font-weight: 700;
  color: var(--color-main);
}
.b-footer__contents__logo__img {
  width: min(150px, 11.71875vw);
}
.b-footer__contents__downloads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 0px min(32px, 2.5vw);
  width: 50%;
}
.b-footer__contents__downloads__txt {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: min(14px, 1.09375vw);
  font-weight: 400;
  color: var(--color-white);
}
.b-footer__contents__downloads__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(16px, 1.25vw);
}
.b-footer__contents__downloads__btns__btn {
  display: block;
}
.b-footer__contents__downloads__btns__btn img {
  width: auto;
  height: min(40px, 3.125vw);
}

@media screen and ( min-width: 768px ) {
  .b-footer__contact__btn:hover, .b-footer__contact__btn:focus {
    background-color: var(--color-white);
  }
  .b-footer__contact__txt, .b-footer__contact__btn, .b-footer__contents {
    -webkit-transform: rotate(0.03deg);
            transform: rotate(0.03deg);
  }
}
@media screen and ( max-width: 767px ) {
  .b-footer__contact {
    padding: 10.6666666667vw 5.3333333333vw 0;
  }
  .b-footer__contact__txt {
    font-size: 4.8vw;
  }
  .b-footer__contact__btn {
    height: 16.8vw;
    width: 80vw;
    font-size: 4.8vw;
    margin: 8.5333333333vw auto 0px;
    border-radius: 4.2666666667vw;
  }
  .b-footer__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10.6666666667vw;
    width: 100%;
    padding: 10.6666666667vw 5.3333333333vw;
  }
  .b-footer__contents::before {
    display: none;
  }
  .b-footer__contents__logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.3333333333vw;
    width: 100%;
  }
  .b-footer__contents__logo__txt {
    font-size: 4.2666666667vw;
  }
  .b-footer__contents__logo__img {
    width: 55.2vw;
  }
  .b-footer__contents__downloads {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.2666666667vw;
    width: 100%;
  }
  .b-footer__contents__downloads__txt {
    font-size: 3.7333333333vw;
  }
  .b-footer__contents__downloads__btns {
    gap: 4.2666666667vw;
  }
  .b-footer__contents__downloads__btns__btn img {
    height: 10.6666666667vw;
  }
}
/* ------------------------------ */
/* Lead */
/* ------------------------------ */
.b-lead {
  width: min(1068px, 83.4375vw);
  margin: 0px auto;
  padding: min(100px, 7.8125vw) 0px;
}
.b-lead__txt {
  font-size: min(30px, 2.34375vw);
  font-weight: 500;
  text-align: center;
  margin: 0px 0px min(55px, 4.296875vw);
}
.b-lead__img {
  max-width: 100%;
}

@media screen and ( max-width: 767px ) {
  .b-lead {
    width: 100%;
    padding: 16vw 5.3333333333vw;
  }
  .b-lead__txt {
    font-size: 4.8vw;
    text-align: left;
    margin: 0px 0px 10.6666666667vw;
  }
}
/* ------------------------------ */
/* Content */
/* ------------------------------ */
.b-content {
  position: relative;
  width: min(1068px, 83.4375vw);
  margin: 0px auto;
  padding: min(100px, 7.8125vw) 0px;
}
.b-content--bg-beige::before {
  content: "";
  display: block;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 50%;
  background-color: var(--color-beige);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}
.b-content__heading {
  text-align: center;
  margin: 0px 0px min(40px, 3.125vw);
}
.b-content__heading__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-content__heading__logo__img.mod--piyolog {
  max-width: 233.66px;
}
.b-content__heading__logo__img.mod--lullaby {
  max-width: 165.31px;
}
.b-content__heading__logo__middle {
  margin-left: 35px;
  margin-right: 35px;
}
.b-content__heading__num {
  display: block;
  font-size: min(80px, 6.25vw);
  font-weight: 700;
  margin: 0px 0px min(8px, 0.625vw);
}
.b-content__heading__txt {
  font-size: min(30px, 2.34375vw);
  font-weight: 800;
  margin-top: 22px;
  letter-spacing: 0.6;
}
.b-content__heading--mg-s {
  margin: 0px 0px min(30px, 2.34375vw);
}
.b-content__heading.mod--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.b-content__txt {
  font-size: min(22px, 1.71875vw);
  font-weight: 500;
  line-height: min(38px, 2.96875vw);
  margin: min(16px, 1.25vw) 0px;
}
.b-content__txt--narrow {
  line-height: min(30px, 2.34375vw);
}
.b-content__note {
  display: block;
  font-size: min(12px, 0.9375vw);
  margin: min(8px, 0.625vw) 0px;
}
.b-content__note-citatios {
  display: block;
  font-size: min(10px, 0.78125vw);
}
.b-content__sub-section {
  margin-top: -3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(32px, 2.5vw) min(40px, 3.125vw);
}
.b-content__sub-section__heading {
  width: 100%;
  font-size: min(24px, 1.875vw);
  font-weight: 400;
  text-align: center;
}
.b-content__sub-section__txt {
  width: calc(50% - min(32px, 2.5vw));
  font-size: min(20px, 1.5625vw);
  line-height: min(40px, 3.125vw);
}
.b-content__sub-section__img {
  width: calc(50% - min(32px, 2.5vw));
  border-radius: min(16px, 1.25vw);
}
.b-content__sub-section__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.b-content__sub-section__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 31.08%;
  overflow: hidden;
  border-top-left-radius: min(16px, 1.25vw);
  border-top-right-radius: min(16px, 1.25vw);
}
.b-content__sub-section__card.mod--plan {
  background-color: var(--color-gray-light);
}
.b-content__sub-section__card .card-heading {
  padding: min(19px, 1.484375vw) min(20px, 1.5625vw) 0;
  min-height: min(196px, 15.3125vw);
}
.b-content__sub-section__card.card--1 .card-heading {
  background: 95% bottom url("../../images/online-consulting/illust-mama.svg") no-repeat;
  background-color: var(--color-main);
  background-size: 40% auto;
}
.b-content__sub-section__card.mod--plan.card--1 .card-heading {
  background: 95% bottom url("../../images/online-consulting/illust-mama-light-reverse.svg") no-repeat;
  background-color: var(--color-main);
  background-size: 33% auto;
}
.b-content__sub-section__card.card--2 .card-heading {
  background: 92% 85% url("../../images/online-consulting/illust-bear.svg") no-repeat;
  background-color: var(--color-beige);
  background-size: 54% auto;
}
.b-content__sub-section__card.mod--plan.card--2 .card-heading {
  background: 92% 85% url("../../images/online-consulting/illust-bear2.svg") no-repeat;
  background-color: var(--color-beige);
  background-size: 40% auto;
}
.b-content__sub-section__card.card--3 .card-heading {
  background: 93% 40% url("../../images/online-consulting/illust-baby.svg") no-repeat;
  background-color: var(--color-blue);
  background-size: 40% auto;
}
.b-content__sub-section__card.mod--plan.card--3 .card-heading {
  background: 93% 40% url("../../images/online-consulting/illust-baby2.svg") no-repeat;
  background-color: var(--color-blue);
  background-size: 33% auto;
}
.b-content__sub-section__card .card-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  margin-left: calc(-1 * min(20px, 1.5625vw));
  padding-left: min(20px, 1.5625vw);
  padding-right: min(20px, 1.5625vw);
  font-size: min(22px, 1.71875vw);
  line-height: 1.485;
  font-weight: 800;
  min-height: min(42px, 3.28125vw);
  background-color: var(--color-white);
}
.b-content__sub-section__card .card-label::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  z-index: 1;
  top: 0;
  right: calc(-1 * min(21px, 1.640625vw));
  border: min(21px, 1.640625vw) solid #FFF;
  border-right-color: transparent; /*山形に切り抜き*/
  -webkit-transform: scaleX(50%);
          transform: scaleX(50%);
}
.b-content__sub-section__card .card-title {
  margin-top: min(14px, 1.09375vw);
  font-size: min(18px, 1.40625vw);
  line-height: min(28px, 2.1875vw);
  font-weight: 500;
  width: 50%;
}
.b-content__sub-section__card.mod--plan .card-title {
  font-size: min(16px, 1.25vw);
  line-height: min(26px, 2.03125vw);
  width: 66%;
}
.b-content__sub-section__card.mod--plan .card-title strong {
  display: inline-block;
  background-color: var(--color-txt);
  color: var(--color-white);
  border-radius: min(15px, 1.171875vw);
  font-size: min(16px, 1.25vw);
  line-height: min(30px, 2.34375vw);
  padding-left: 10px;
  padding-right: 10px;
  margin-top: -0.4em;
  margin-bottom: 0.4em;
}
.b-content__sub-section__card .card-body {
  margin-top: min(19px, 1.484375vw);
  margin-bottom: min(15px, 1.171875vw);
  font-size: min(16px, 1.25vw);
  line-height: 1.485;
  font-weight: 500;
}
.b-content__sub-section__card.mod--plan .card-body {
  padding-left: min(20px, 1.5625vw);
  padding-right: min(20px, 1.5625vw);
}
.b-content__sub-section__card .card-btn {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: min(56px, 4.375vw);
  width: 100%;
  font-size: min(20px, 1.5625vw);
  font-weight: 700;
  color: var(--color-white);
  background-color: var(--color-blue-2);
  border: 1px solid var(--color-blue-2);
  border-radius: min(16px, 1.25vw);
}
.b-content__sub-section__card.mod--plan .card-btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.b-content__img {
  display: block;
  margin: min(40px, 3.125vw) 0px;
}

@media screen and ( min-width: 768px ) {
  .b-content__txt, .b-content__note, .b-content__sub-section {
    -webkit-transform: rotate(0.03deg);
            transform: rotate(0.03deg);
  }
}
@media screen and ( max-width: 767px ) {
  .b-content {
    width: 100%;
    padding: 10.6666666667vw 5.3333333333vw;
  }
  .b-content__heading {
    margin: 0px 0px 6.4vw;
  }
  .b-content__heading__logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 63.358778626vw;
    position: relative;
  }
  .b-content__heading__logo__img.mod--piyolog {
    max-width: none;
    width: 43.256997455vw;
    margin-left: auto;
  }
  .b-content__heading__logo__img.mod--lullaby {
    max-width: none;
    width: 35.623409669vw;
    margin-right: auto;
  }
  .b-content__heading__logo__middle {
    margin-top: 5.597964376vw;
    margin-bottom: 5.597964376vw;
  }
  .b-content__heading__logo::before, .b-content__heading__logo::after {
    content: "";
    display: block;
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
  }
  .b-content__heading__logo::before {
    top: -4.580152671vw;
    left: calc(50% - 33vw);
    width: 17.302798982vw;
    height: 15.776081424vw;
    background-image: url("../../images/online-consulting/illust_piyolog.png");
    background-size: contain;
  }
  .b-content__heading__logo::after {
    top: 21.374045801vw;
    left: calc(50% + 5vw);
    width: 33.078880407vw;
    height: 20.475826972vw;
    background-image: url("../../images/online-consulting/illust-kounodori.svg");
    background-size: contain;
  }
  .b-content__heading__num {
    font-size: 11.7333333333vw;
    margin: 0px;
  }
  .b-content__heading__txt {
    margin-top: 5.597964376vw;
    font-size: 6.4vw;
    letter-spacing: -0.05em;
  }
  .b-content__txt {
    font-size: 4.071246819vw;
    line-height: initial;
    margin: 4.2666666667vw 0px;
  }
  .b-content__note {
    font-size: 3.2vw;
    margin: 2.1333333333vw 0px;
  }
  .b-content__note-citatios {
    font-size: 2.6666666667vw;
  }
  .b-content__sub-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.4vw 0px;
  }
  .b-content__sub-section__heading {
    font-size: 4.8vw;
    text-align: left;
  }
  .b-content__sub-section__txt {
    width: 100%;
    font-size: 4.2666666667vw;
    line-height: initial;
  }
  .b-content__sub-section__img {
    width: 100%;
    border-radius: 4.2666666667vw;
  }
  .b-content__sub-section__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .b-content__sub-section__card {
    width: 100%;
    margin-bottom: 3vw;
  }
  .b-content__sub-section__card:nth-child(n+1) {
    margin-top: 8vw;
  }
  .b-content__sub-section__card .card-heading {
    height: 49.872773536vw;
    padding: 4.8vw 5.4vw 0px 5.4vw;
    border-top-left-radius: 4.2666666667vw;
    border-top-right-radius: 4.2666666667vw;
    background-size: auto 90% !important;
    background-position: 90% center !important;
    margin-bottom: 3.816793893vw;
  }
  .b-content__sub-section__card.card--1 .card-heading {
    background-position: 90% bottom !important;
    background-position: 95% bottom !important;
  }
  .b-content__sub-section__card.mod--plan.card--1 .card-heading {
    background-size: 35% !important;
  }
  .b-content__sub-section__card.card--2 .card-heading {
    background-size: auto 75% !important;
    background-position: 92% 95% !important;
  }
  .b-content__sub-section__card.mod--plan.card--2 .card-heading {
    background-size: 40% !important;
  }
  .b-content__sub-section__card.mod--plan.card--3 .card-heading {
    background-size: 31% !important;
  }
  .b-content__sub-section__card .card-label {
    font-size: 5.597964376vw;
    height: 10.6870229vw;
    margin-left: -5.4vw;
    padding-left: 5.4vw;
    padding-right: 5.4vw;
  }
  .b-content__sub-section__card .card-label::after {
    right: -5.35vw;
    border: 5.35vw solid #FFF;
    border-right-color: transparent; /*山形に切り抜き*/
    -webkit-transform: scaleX(50.5%);
            transform: scaleX(50.5%);
  }
  .b-content__sub-section__card .card-title {
    margin-top: 3.562340966vw;
    font-size: 3.966005665vw;
    line-height: 1.5555555556;
    font-weight: 800;
  }
  .b-content__sub-section__card.mod--plan .card-title {
    font-size: 4.1vw;
    line-height: 1.5555555556;
  }
  .b-content__sub-section__card.mod--plan .card-title strong {
    display: inline-block;
    font-size: 4.532577903vw;
    line-height: 8.21529745vw;
    border-radius: 4.107648725vw;
  }
  .b-content__sub-section__card .card-body {
    font-size: 4.071246819vw;
    line-height: 1.485;
  }
  .b-content__sub-section__card.mod--plan .card-body {
    padding-left: 5.665722379vw;
    padding-right: 5.665722379vw;
  }
  .b-content__sub-section__card .card-btn {
    height: 16.8vw;
    font-size: 5.089058524vw;
    margin: 2vw auto 0px;
    border-radius: 4.2666666667vw;
  }
  .b-content__img {
    margin: 6.4vw 0px;
  }
}
.text-center {
  text-align: center;
}

.pt-0 {
  padding-top: 0;
}

/* ------------------------------ */
/* b-person */
/* ------------------------------ */
.b-person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0px min(40px, 3.125vw);
}
.b-person.mod--ver2 {
  margin-bottom: min(70px, 5.46875vw);
  gap: 0;
}
.b-person__photo {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: min(180px, 14.0625vw);
  position: relative;
}
.mod--ver2 .b-person__photo {
  width: min(199px, 15.9625vw);
  background-size: cover;
  background-position: center;
  border-top-left-radius: min(16px, 1.25vw);
  border-bottom-left-radius: min(16px, 1.25vw);
}
.b-person__photo__img {
  border-radius: min(16px, 1.25vw);
  margin: 0px 0px min(10px, 0.78125vw);
}
.mod--ver2 .b-person__photo__img {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}
.b-person__photo__name {
  display: block;
  font-size: min(18px, 1.40625vw);
  font-weight: 500;
  text-align: center;
}
.mod--ver2 .b-person__photo__name {
  position: absolute;
  bottom: min(15px, 1.171875vw);
  left: 10px;
  width: calc(100% - 20px);
  background-color: var(--color-white);
  border-radius: min(15px, 1.171875vw);
  line-height: min(30px, 2.34375vw);
  font-size: min(16px, 1.25vw);
}
.b-person__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: min(16px, 1.25vw);
  width: 100%;
  font-size: min(18px, 1.40625vw);
  font-weight: 500;
  padding: min(32px, 2.5vw);
  background-color: var(--color-blue-thin);
  border-radius: min(16px, 1.25vw);
}
.mod--ver2 .b-person__profile {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.b-person__profile p > span {
  display: inline-block;
}

@media screen and ( min-width: 768px ) {
  .b-person {
    -webkit-transform: rotate(0.03deg);
            transform: rotate(0.03deg);
  }
}
@media screen and ( max-width: 767px ) {
  .b-person {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6.4vw 0px;
  }
  .b-person.mod--ver2 {
    margin-bottom: 10.6666666667vw;
  }
  .b-person__photo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 32vw;
    padding: 0px 8.5333333333vw;
    border-radius: 4.2666666667vw;
    overflow: hidden;
  }
  .mod--ver2 .b-person__photo {
    width: 100%;
    background-size: auto 130%;
    background-position: right top;
    border-top-left-radius: 4.2666666667vw !important;
    border-bottom-right-radius: 0;
  }
  .b-person__photo__img {
    position: absolute;
    top: 0vw;
    right: 0px;
    width: 36.2666666667vw;
    z-index: 1;
  }
  .b-person__photo__name {
    font-size: 4.2666666667vw;
    z-index: 3;
  }
  .mod--ver2 .b-person__photo__name {
    display: inline-block;
    font-size: 4.2666666667vw;
    line-height: 30px;
    width: auto;
    bottom: 50%;
    left: 10%;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 15px;
  }
  .b-person__photo::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 64vw;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(rgba(195, 228, 237, 0)), color-stop(14%, #C1E3EC), to(#B5DBE6));
    background: linear-gradient(270deg, rgba(195, 228, 237, 0) 0%, #C1E3EC 14%, #B5DBE6 100%);
    background-size: 100%;
    z-index: 2;
  }
  .b-person__profile {
    gap: 4.2666666667vw;
    padding: 8.5333333333vw 5.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 4.2666666667vw;
  }
  .mod--ver2 .b-person__profile {
    border-top-right-radius: 0;
    border-bottom-left-radius: 4.2666666667vw !important;
  }
  .b-person__profile p > span {
    margin-bottom: 0.6em;
  }
}
/* ------------------------------ */
/* Filled Content */
/* ------------------------------ */
.b-filled-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: min(16px, 1.25vw) min(32px, 2.5vw);
  padding: min(32px, 2.5vw);
  background-color: var(--color-bg-2);
  border-radius: min(16px, 1.25vw);
}
.b-filled-content__txt {
  width: 100%;
  font-size: min(18px, 1.40625vw);
}
.b-filled-content__img-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 40px;
  width: 100%;
  margin: min(16px, 1.25vw) 0px;
  padding: min(20px, 1.5625vw) min(36px, 2.8125vw);
  background-color: var(--color-white);
  border-radius: min(16px, 1.25vw);
}
.b-filled-content__img-list__item {
  width: 100%;
}
.b-filled-content__img-list__item__logo {
  display: block;
  width: 80px;
  max-width: 90%;
  margin: 0px auto;
}
.b-filled-content__img-list__item__name {
  display: block;
  font-size: min(16px, 1.25vw);
  text-align: center;
  margin: 5px 0px 0px;
}
.b-filled-content__img-list__item__note {
  display: block;
  font-size: min(14px, 1.09375vw);
  text-align: center;
}
.b-filled-content__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: min(228px, 17.8125vw);
}
.b-filled-content__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: min(24px, 1.875vw) 0px;
  width: calc(100% - (min(228px, 17.8125vw) + min(32px, 2.5vw)));
}
.b-filled-content__body__txt {
  font-size: min(18px, 1.40625vw);
  font-weight: 400;
}
.b-filled-content__body__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(18px, 1.40625vw);
  font-weight: 400;
  color: var(--color-white);
  padding: min(5px, 0.390625vw) min(24px, 1.875vw);
  background-color: var(--color-main);
  border: 1px solid var(--color-main);
  border-radius: min(20px, 1.5625vw);
}
.b-filled-content__body__btn::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: min(12px, 0.9375vw);
  height: min(12px, 0.9375vw);
  background-image: url("../../images/for-local-governments/icon-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-filter: invert(1) brightness(100);
  filter: invert(1) brightness(100);
}
.b-filled-content--voice .b-filled-content {
  gap: min(16px, 1.25vw) min(40px, 3.125vw);
}
.b-filled-content--voice .b-filled-content__img {
  width: min(150px, 11.71875vw);
}
.b-filled-content--voice .b-filled-content__body {
  width: calc(100% - (min(150px, 11.71875vw) + min(40px, 3.125vw)));
}

@media screen and ( min-width: 768px ) {
  .b-filled-content__body__btn:hover, .b-filled-content__body__btn:focus {
    color: var(--color-main);
    background-color: var(--color-white);
  }
  .b-filled-content__body__btn:hover::before, .b-filled-content__body__btn:focus::before {
    -webkit-filter: invert(0) brightness(1);
    filter: invert(0) brightness(1);
  }
}
@media screen and ( max-width: 767px ) {
  .b-filled-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4.2666666667vw;
    padding: 8.5333333333vw 5.3333333333vw;
    border-radius: 4.2666666667vw;
  }
  .b-filled-content__txt {
    font-size: 4.2666666667vw;
  }
  .b-filled-content__note {
    font-size: 3.2vw;
  }
  .b-filled-content__img-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8.5333333333vw 12vw;
    padding: 5.3333333333vw 6.4vw;
  }
  .b-filled-content__img-list__item {
    width: calc(50% - 6.4vw);
  }
  .b-filled-content__img-list__item__logo {
    width: 21.3333333333vw;
  }
  .b-filled-content__img-list__item__name {
    font-size: 4.2666666667vw;
  }
  .b-filled-content__img-list__item__note {
    font-size: 3.7333333333vw;
  }
  .b-filled-content__img {
    width: 100%;
  }
  .b-filled-content__body {
    gap: 6.4vw 0px;
    width: 100%;
  }
  .b-filled-content__body__txt {
    font-size: 4.2666666667vw;
  }
  .b-filled-content__body__btn {
    width: 100%;
    font-size: 4.8vw;
    padding: 1.3333333333vw 6.4vw;
    border-radius: 10.6666666667vw;
  }
  .b-filled-content__body__btn::before {
    width: 3.2vw;
    height: 3.2vw;
  }
  .b-filled-content--voice .b-filled-content {
    gap: 6.4vw 0px;
  }
  .b-filled-content--voice .b-filled-content__img {
    width: 40vw;
    margin: 0px 0px 0px auto;
  }
  .b-filled-content--voice .b-filled-content__body {
    width: 100%;
  }
}
/* ------------------------------ */
/* Floating Nav */
/* ------------------------------ */
.b-floating-nav {
  position: fixed;
  top: min(-90px, -7.03125vw);
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: min(90px, 7.03125vw);
  width: 100%;
  padding: 0px min(60px, 4.6875vw);
  background-color: var(--color-txt);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 100;
}
.b-floating-nav__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: min(22px, 1.71875vw);
}
.b-floating-nav__logo__txt {
  font-size: min(16px, 1.25vw);
  color: var(--color-main);
}
.b-floating-nav__logo__img {
  width: min(120px, 9.375vw);
}
.b-floating-nav__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: min(50px, 3.90625vw);
  width: min(309px, 24.140625vw);
  font-size: min(18px, 1.40625vw);
  font-weight: 700;
  color: var(--color-txt);
  background-color: var(--color-blue);
  border: 1px solid var(--color-blue);
  border-radius: min(16px, 1.25vw);
}
.b-floating-nav.active {
  top: 0px;
}

@media screen and ( min-width: 768px ) {
  .b-floating-nav__logo:hover, .b-floating-nav__logo:focus {
    opacity: 0.8;
  }
  .b-floating-nav__btn:hover, .b-floating-nav__btn:focus {
    background-color: var(--color-white);
  }
}
@media screen and ( max-width: 767px ) {
  .b-floating-nav {
    top: -21.3333333333vw;
    height: 21.3333333333vw;
  }
  .b-floating-nav__logo__txt {
    display: none;
  }
  .b-floating-nav__logo__img {
    width: 26.6666666667vw;
  }
  .b-floating-nav__btn {
    height: 10.6666666667vw;
    width: 41.6vw;
    font-size: 3.7333333333vw;
  }
}
/* ------------------------------ */
/* Figure Section1 */
/* ------------------------------ */
.b-figure-section1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 0px min(30px, 2.34375vw);
  background-color: var(--color-white);
  margin: min(40px, 3.125vw) 0px;
  padding: min(40px, 3.125vw) min(50px, 3.90625vw) min(54px, 4.21875vw) min(70px, 5.46875vw);
  border-radius: min(16px, 1.25vw);
}
.b-figure-section1__heading {
  width: 100%;
  font-size: min(24px, 1.875vw);
  font-weight: 500;
  text-align: center;
  margin: 0px 0px min(16px, 1.25vw);
}
.b-figure-section1__txt {
  width: 100%;
  font-size: min(12px, 0.9375vw);
  text-align: center;
  margin: 0px 0px min(40px, 3.125vw);
}
.b-figure-section1__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: min(675px, 52.734375vw);
}
.b-figure-section1__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: min(16px, 1.25vw) 0px;
  width: calc(100% - (min(675px, 52.734375vw) + 30px));
  margin: min(70px, 5.46875vw) 0px 0px;
}
.b-figure-section1__list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(8px, 0.625vw);
  font-size: min(18px, 1.40625vw);
  font-weight: 700;
  color: var(--color-main);
}
.b-figure-section1__list__item::before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: block;
  width: min(8px, 0.625vw);
  height: min(8px, 0.625vw);
  background-color: var(--color-main);
  border-radius: 50%;
  margin: min(6px, 0.46875vw) 0px 0px;
}

@media screen and ( min-width: 768px ) {
  .b-figure-section1 {
    -webkit-transform: rotate(0.03deg);
            transform: rotate(0.03deg);
  }
}
@media screen and ( max-width: 767px ) {
  .b-figure-section1 {
    padding: 8.5333333333vw 5.3333333333vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .b-figure-section1__heading {
    font-size: 4.8vw;
    text-align: left;
    margin: 0px 0px 2.1333333333vw;
  }
  .b-figure-section1__txt {
    font-size: 3.2vw;
    text-align: left;
    margin: 0px 0px 8.5333333333vw;
  }
  .b-figure-section1__img {
    width: 100%;
  }
  .b-figure-section1__list {
    gap: 4.2666666667vw 0px;
    width: 100%;
    margin: 8vw 0px 0px;
  }
  .b-figure-section1__list__item {
    font-size: 4.071246819vw;
    gap: 0px 2.1333333333vw;
  }
  .b-figure-section1__list__item::before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    margin: 2.1333333333vw 0px 0px;
  }
}
/* ------------------------------ */
/* Figure Section2 */
/* ------------------------------ */
.b-figure-section2 {
  display: block;
  margin: 0px 0px min(60px, 4.6875vw);
}
.b-figure-section2-guide {
  display: none;
}

@media screen and ( max-width: 767px ) {
  .b-figure-section2 {
    overflow-x: scroll;
    scroll-behavior: smooth;
    border-radius: 4.2666666667vw;
    margin: 0px 0px 5.3333333333vw;
  }
  .b-figure-section2__img {
    width: 173.3333333333vw;
    max-width: initial !important;
  }
  .b-figure-section2-guide {
    display: block;
    width: 83.4666666667vw;
    margin: 0px auto 4.2666666667vw;
  }
}
/* ------------------------------ */
/* Voice */
/* ------------------------------ */
.b-voice {
  position: relative;
  padding: min(32px, 2.5vw) min(221px, 17.265625vw) min(23px, 1.796875vw) min(32px, 2.5vw);
  background-color: var(--color-bg-1);
  border-radius: min(16px, 1.25vw);
  margin: min(46px, 3.59375vw) 0px 0px;
}
.b-voice.mod--reverse {
  padding: min(32px, 2.5vw) min(32px, 2.5vw) min(23px, 1.796875vw) min(221px, 17.265625vw);
}
.b-voice.mod--reverse.mod--mama01, .b-voice.mod--reverse.mod--mama02, .b-voice.mod--reverse.mod--papa01 {
  padding: min(32px, 2.5vw) min(32px, 2.5vw) min(23px, 1.796875vw) min(201px, 17.265625vw);
}
.b-voice.mod--mama01, .b-voice.mod--mama02, .b-voice.mod--papa01 {
  padding: min(32px, 2.5vw) min(201px, 17.265625vw) min(23px, 1.796875vw) min(32px, 2.5vw);
}
.b-voice__content__heading {
  font-size: min(18px, 1.40625vw);
  font-weight: 500;
  margin: 0px 0px min(10px, 0.78125vw);
}
.b-voice__content__txt {
  font-size: min(18px, 1.40625vw);
  font-weight: 700;
  text-align: justify;
}
.b-voice__content__txt::after {
  content: " ";
  display: block;
  clear: both;
}
.b-voice__content__txtfooter {
  margin-top: 0.6em;
  display: inline-block;
  float: right;
  font-size: min(14px, 1.1vw);
}
.b-voice__content__txtfooter.mod--inline {
  float: none;
  margin-top: 0;
}
.b-voice__content__spacer {
  display: none;
}
.b-voice__img {
  position: absolute;
  bottom: 0px;
  right: min(32px, 2.5vw);
  width: min(150px, 11.71875vw);
  text-align: center;
}
.mod--reverse .b-voice__img {
  right: auto;
  left: min(32px, 2.5vw);
}
.mod--mama01 .b-voice__img {
  width: 115.87px;
}
.mod--papa01 .b-voice__img {
  width: 114.21px;
}
.mod--mama02 .b-voice__img {
  width: 124.93px;
}

@media screen and ( min-width: 768px ) {
  .b-voice__content {
    -webkit-transform: rotate(0.03deg);
            transform: rotate(0.03deg);
  }
}
@media screen and ( max-width: 767px ) {
  .b-voice {
    padding: 4.834605597vw 5.3333333333vw 0px 5.3333333333vw;
    border-radius: 4.2666666667vw;
  }
  .b-voice.mod--reverse.mod--mama01, .b-voice.mod--reverse.mod--mama02, .b-voice.mod--reverse.mod--papa01 {
    padding: 4.834605597vw 5.3333333333vw 0px 5.3333333333vw;
  }
  .b-voice.mod--mama01, .b-voice.mod--mama02, .b-voice.mod--papa01 {
    padding: 4.834605597vw 5.3333333333vw 0px 5.3333333333vw;
  }
  .b-voice::before {
    content: "";
    display: block;
    float: right;
    width: 0px;
    height: 29.3333333333vw;
  }
  .b-voice::after {
    content: "";
    display: block;
    clear: both;
  }
  .b-voice__content {
    display: inline;
    overflow: hidden;
  }
  .b-voice__content__heading {
    font-size: 4.8vw;
    margin: 0px 0px 2.1333333333vw;
  }
  .b-voice__content__txt {
    text-align: left;
    font-size: 4.532577903vw;
    padding: 0px 0px 0px 0px;
  }
  .b-voice__content__txtfooter {
    float: none;
    font-size: 3.6vw;
    margin-bottom: 4.834605597vw;
  }
  .mod--mama01 .b-voice__content__txt, .mod--mama02 .b-voice__content__txt, .mod--papa01 .b-voice__content__txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .mod--mama01 .b-voice__content__txt > span, .mod--mama02 .b-voice__content__txt > span, .mod--papa01 .b-voice__content__txt > span {
    display: inline-block;
  }
  .mod--mama01 .b-voice__content__txt > span:first-child, .mod--mama02 .b-voice__content__txt > span:first-child, .mod--papa01 .b-voice__content__txt > span:first-child {
    width: 100%;
  }
  .mod--mama01 .b-voice__content__txt > span:nth-child(2) {
    width: 60%;
  }
  .mod--papa01 .b-voice__content__txt > span:nth-child(2) {
    width: 60%;
  }
  .mod--mama02 .b-voice__content__txt > span:nth-child(2) {
    width: 60%;
  }
  .b-voice__img {
    position: relative;
    bottom: initial;
    right: initial;
    left: initial;
    float: right;
    width: 29.3333333333vw;
    margin: 5.5vw 0px 0px;
    clear: both;
  }
  .mod--mama01 .b-voice__img, .mod--mama02 .b-voice__img, .mod--papa01 .b-voice__img {
    position: absolute;
    left: initial;
    right: 10px;
    bottom: 0;
    margin-top: 0;
  }
  .mod--mama01 .b-voice__img {
    width: 36%;
  }
  .mod--papa01 .b-voice__img {
    width: 32%;
  }
  .mod--mama02 .b-voice__img {
    width: 34%;
  }
}
/* ------------------------------ */
/* Utility 
/* ------------------------------ */
/* Margin */
.u-mg-tp--0 {
  margin-top: 0px !important;
}
.u-mg-tp--10 {
  margin-top: 10px !important;
}
.u-mg-tp--20 {
  margin-top: 20px !important;
}
.u-mg-tp--30 {
  margin-top: 30px !important;
}
.u-mg-tp--40 {
  margin-top: 40px !important;
}
.u-mg-tp--50 {
  margin-top: 50px !important;
}
.u-mg-tp--60 {
  margin-top: 60px !important;
}
.u-mg-tp--70 {
  margin-top: 70px !important;
}
.u-mg-tp--80 {
  margin-top: 80px !important;
}
.u-mg-tp--90 {
  margin-top: 90px !important;
}
.u-mg-tp--100 {
  margin-top: 100px !important;
}
.u-mg-tp--110 {
  margin-top: 110px !important;
}
.u-mg-tp--120 {
  margin-top: 120px !important;
}
.u-mg-tp--130 {
  margin-top: 130px !important;
}
.u-mg-tp--140 {
  margin-top: 140px !important;
}
.u-mg-tp--150 {
  margin-top: 150px !important;
}
.u-mg-tp--160 {
  margin-top: 160px !important;
}
.u-mg-tp--170 {
  margin-top: 170px !important;
}
.u-mg-tp--180 {
  margin-top: 180px !important;
}
.u-mg-tp--190 {
  margin-top: 190px !important;
}
.u-mg-tp--200 {
  margin-top: 200px !important;
}
@media screen and ( min-width: 768px ) {
  .u-mg-tp-sm-up--0 {
    margin-top: 0px !important;
  }
  .u-mg-tp-sm-up--10 {
    margin-top: 10px !important;
  }
  .u-mg-tp-sm-up--20 {
    margin-top: 20px !important;
  }
  .u-mg-tp-sm-up--30 {
    margin-top: 30px !important;
  }
  .u-mg-tp-sm-up--40 {
    margin-top: 40px !important;
  }
  .u-mg-tp-sm-up--50 {
    margin-top: 50px !important;
  }
  .u-mg-tp-sm-up--60 {
    margin-top: 60px !important;
  }
  .u-mg-tp-sm-up--70 {
    margin-top: 70px !important;
  }
  .u-mg-tp-sm-up--80 {
    margin-top: 80px !important;
  }
  .u-mg-tp-sm-up--90 {
    margin-top: 90px !important;
  }
  .u-mg-tp-sm-up--100 {
    margin-top: 100px !important;
  }
  .u-mg-tp-sm-up--110 {
    margin-top: 110px !important;
  }
  .u-mg-tp-sm-up--120 {
    margin-top: 120px !important;
  }
  .u-mg-tp-sm-up--130 {
    margin-top: 130px !important;
  }
  .u-mg-tp-sm-up--140 {
    margin-top: 140px !important;
  }
  .u-mg-tp-sm-up--150 {
    margin-top: 150px !important;
  }
  .u-mg-tp-sm-up--160 {
    margin-top: 160px !important;
  }
  .u-mg-tp-sm-up--170 {
    margin-top: 170px !important;
  }
  .u-mg-tp-sm-up--180 {
    margin-top: 180px !important;
  }
  .u-mg-tp-sm-up--190 {
    margin-top: 190px !important;
  }
  .u-mg-tp-sm-up--200 {
    margin-top: 200px !important;
  }
}

.u-mg-bt--0 {
  margin-bottom: 0px !important;
}
.u-mg-bt--10 {
  margin-bottom: 10px !important;
}
.u-mg-bt--20 {
  margin-bottom: 20px !important;
}
.u-mg-bt--30 {
  margin-bottom: 30px !important;
}
.u-mg-bt--40 {
  margin-bottom: 40px !important;
}
.u-mg-bt--50 {
  margin-bottom: 50px !important;
}
.u-mg-bt--60 {
  margin-bottom: 60px !important;
}
.u-mg-bt--70 {
  margin-bottom: 70px !important;
}
.u-mg-bt--80 {
  margin-bottom: 80px !important;
}
.u-mg-bt--90 {
  margin-bottom: 90px !important;
}
.u-mg-bt--100 {
  margin-bottom: 100px !important;
}
.u-mg-bt--110 {
  margin-bottom: 110px !important;
}
.u-mg-bt--120 {
  margin-bottom: 120px !important;
}
.u-mg-bt--130 {
  margin-bottom: 130px !important;
}
.u-mg-bt--140 {
  margin-bottom: 140px !important;
}
.u-mg-bt--150 {
  margin-bottom: 150px !important;
}
.u-mg-bt--160 {
  margin-bottom: 160px !important;
}
.u-mg-bt--170 {
  margin-bottom: 170px !important;
}
.u-mg-bt--180 {
  margin-bottom: 180px !important;
}
.u-mg-bt--190 {
  margin-bottom: 190px !important;
}
.u-mg-bt--200 {
  margin-bottom: 200px !important;
}
@media screen and ( min-width: 768px ) {
  .u-mg-bt-sm-up--0 {
    margin-bottom: 0px !important;
  }
  .u-mg-bt-sm-up--10 {
    margin-bottom: 10px !important;
  }
  .u-mg-bt-sm-up--20 {
    margin-bottom: 20px !important;
  }
  .u-mg-bt-sm-up--30 {
    margin-bottom: 30px !important;
  }
  .u-mg-bt-sm-up--40 {
    margin-bottom: 40px !important;
  }
  .u-mg-bt-sm-up--50 {
    margin-bottom: 50px !important;
  }
  .u-mg-bt-sm-up--60 {
    margin-bottom: 60px !important;
  }
  .u-mg-bt-sm-up--70 {
    margin-bottom: 70px !important;
  }
  .u-mg-bt-sm-up--80 {
    margin-bottom: 80px !important;
  }
  .u-mg-bt-sm-up--90 {
    margin-bottom: 90px !important;
  }
  .u-mg-bt-sm-up--100 {
    margin-bottom: 100px !important;
  }
  .u-mg-bt-sm-up--110 {
    margin-bottom: 110px !important;
  }
  .u-mg-bt-sm-up--120 {
    margin-bottom: 120px !important;
  }
  .u-mg-bt-sm-up--130 {
    margin-bottom: 130px !important;
  }
  .u-mg-bt-sm-up--140 {
    margin-bottom: 140px !important;
  }
  .u-mg-bt-sm-up--150 {
    margin-bottom: 150px !important;
  }
  .u-mg-bt-sm-up--160 {
    margin-bottom: 160px !important;
  }
  .u-mg-bt-sm-up--170 {
    margin-bottom: 170px !important;
  }
  .u-mg-bt-sm-up--180 {
    margin-bottom: 180px !important;
  }
  .u-mg-bt-sm-up--190 {
    margin-bottom: 190px !important;
  }
  .u-mg-bt-sm-up--200 {
    margin-bottom: 200px !important;
  }
}

/* Padding  */
.u-pd-tp--0 {
  padding-top: 0px !important;
}
.u-pd-tp--10 {
  padding-top: 10px !important;
}
.u-pd-tp--20 {
  padding-top: 20px !important;
}
.u-pd-tp--30 {
  padding-top: 30px !important;
}
.u-pd-tp--40 {
  padding-top: 40px !important;
}
.u-pd-tp--50 {
  padding-top: 50px !important;
}
.u-pd-tp--60 {
  padding-top: 60px !important;
}
.u-pd-tp--70 {
  padding-top: 70px !important;
}
.u-pd-tp--80 {
  padding-top: 80px !important;
}
.u-pd-tp--90 {
  padding-top: 90px !important;
}
.u-pd-tp--100 {
  padding-top: 100px !important;
}
.u-pd-tp--110 {
  padding-top: 110px !important;
}
.u-pd-tp--120 {
  padding-top: 120px !important;
}
.u-pd-tp--130 {
  padding-top: 130px !important;
}
.u-pd-tp--140 {
  padding-top: 140px !important;
}
.u-pd-tp--150 {
  padding-top: 150px !important;
}
.u-pd-tp--160 {
  padding-top: 160px !important;
}
.u-pd-tp--170 {
  padding-top: 170px !important;
}
.u-pd-tp--180 {
  padding-top: 180px !important;
}
.u-pd-tp--190 {
  padding-top: 190px !important;
}
.u-pd-tp--200 {
  padding-top: 200px !important;
}
@media screen and ( min-width: 768px ) {
  .u-pd-tp-sm-up--0 {
    padding-top: 0px !important;
  }
  .u-pd-tp-sm-up--10 {
    padding-top: 10px !important;
  }
  .u-pd-tp-sm-up--20 {
    padding-top: 20px !important;
  }
  .u-pd-tp-sm-up--30 {
    padding-top: 30px !important;
  }
  .u-pd-tp-sm-up--40 {
    padding-top: 40px !important;
  }
  .u-pd-tp-sm-up--50 {
    padding-top: 50px !important;
  }
  .u-pd-tp-sm-up--60 {
    padding-top: 60px !important;
  }
  .u-pd-tp-sm-up--70 {
    padding-top: 70px !important;
  }
  .u-pd-tp-sm-up--80 {
    padding-top: 80px !important;
  }
  .u-pd-tp-sm-up--90 {
    padding-top: 90px !important;
  }
  .u-pd-tp-sm-up--100 {
    padding-top: 100px !important;
  }
  .u-pd-tp-sm-up--110 {
    padding-top: 110px !important;
  }
  .u-pd-tp-sm-up--120 {
    padding-top: 120px !important;
  }
  .u-pd-tp-sm-up--130 {
    padding-top: 130px !important;
  }
  .u-pd-tp-sm-up--140 {
    padding-top: 140px !important;
  }
  .u-pd-tp-sm-up--150 {
    padding-top: 150px !important;
  }
  .u-pd-tp-sm-up--160 {
    padding-top: 160px !important;
  }
  .u-pd-tp-sm-up--170 {
    padding-top: 170px !important;
  }
  .u-pd-tp-sm-up--180 {
    padding-top: 180px !important;
  }
  .u-pd-tp-sm-up--190 {
    padding-top: 190px !important;
  }
  .u-pd-tp-sm-up--200 {
    padding-top: 200px !important;
  }
}

.u-pd-bt--0 {
  padding-bottom: 0px !important;
}
.u-pd-bt--10 {
  padding-bottom: 10px !important;
}
.u-pd-bt--20 {
  padding-bottom: 20px !important;
}
.u-pd-bt--30 {
  padding-bottom: 30px !important;
}
.u-pd-bt--40 {
  padding-bottom: 40px !important;
}
.u-pd-bt--50 {
  padding-bottom: 50px !important;
}
.u-pd-bt--60 {
  padding-bottom: 60px !important;
}
.u-pd-bt--70 {
  padding-bottom: 70px !important;
}
.u-pd-bt--80 {
  padding-bottom: 80px !important;
}
.u-pd-bt--90 {
  padding-bottom: 90px !important;
}
.u-pd-bt--100 {
  padding-bottom: 100px !important;
}
.u-pd-bt--110 {
  padding-bottom: 110px !important;
}
.u-pd-bt--120 {
  padding-bottom: 120px !important;
}
.u-pd-bt--130 {
  padding-bottom: 130px !important;
}
.u-pd-bt--140 {
  padding-bottom: 140px !important;
}
.u-pd-bt--150 {
  padding-bottom: 150px !important;
}
.u-pd-bt--160 {
  padding-bottom: 160px !important;
}
.u-pd-bt--170 {
  padding-bottom: 170px !important;
}
.u-pd-bt--180 {
  padding-bottom: 180px !important;
}
.u-pd-bt--190 {
  padding-bottom: 190px !important;
}
.u-pd-bt--200 {
  padding-bottom: 200px !important;
}
@media screen and ( min-width: 768px ) {
  .u-pd-bt-sm-up--0 {
    padding-bottom: 0px !important;
  }
  .u-pd-bt-sm-up--10 {
    padding-bottom: 10px !important;
  }
  .u-pd-bt-sm-up--20 {
    padding-bottom: 20px !important;
  }
  .u-pd-bt-sm-up--30 {
    padding-bottom: 30px !important;
  }
  .u-pd-bt-sm-up--40 {
    padding-bottom: 40px !important;
  }
  .u-pd-bt-sm-up--50 {
    padding-bottom: 50px !important;
  }
  .u-pd-bt-sm-up--60 {
    padding-bottom: 60px !important;
  }
  .u-pd-bt-sm-up--70 {
    padding-bottom: 70px !important;
  }
  .u-pd-bt-sm-up--80 {
    padding-bottom: 80px !important;
  }
  .u-pd-bt-sm-up--90 {
    padding-bottom: 90px !important;
  }
  .u-pd-bt-sm-up--100 {
    padding-bottom: 100px !important;
  }
  .u-pd-bt-sm-up--110 {
    padding-bottom: 110px !important;
  }
  .u-pd-bt-sm-up--120 {
    padding-bottom: 120px !important;
  }
  .u-pd-bt-sm-up--130 {
    padding-bottom: 130px !important;
  }
  .u-pd-bt-sm-up--140 {
    padding-bottom: 140px !important;
  }
  .u-pd-bt-sm-up--150 {
    padding-bottom: 150px !important;
  }
  .u-pd-bt-sm-up--160 {
    padding-bottom: 160px !important;
  }
  .u-pd-bt-sm-up--170 {
    padding-bottom: 170px !important;
  }
  .u-pd-bt-sm-up--180 {
    padding-bottom: 180px !important;
  }
  .u-pd-bt-sm-up--190 {
    padding-bottom: 190px !important;
  }
  .u-pd-bt-sm-up--200 {
    padding-bottom: 200px !important;
  }
}

/* visibility  */
.u-show-md-down {
  display: none;
}
@media screen and ( max-width: 1023px ) {
  .u-show-md-down {
    display: block;
  }
}
.u-show-md-up {
  display: none;
}
@media screen and ( min-width: 1024px ) {
  .u-show-md-up {
    display: block;
  }
}
.u-show-sm-down {
  display: none;
}
@media screen and ( max-width: 767px ) {
  .u-show-sm-down {
    display: block;
  }
}
.u-show-sm-up {
  display: none;
}
@media screen and ( min-width: 768px ) {
  .u-show-sm-up {
    display: block;
  }
}

/* bg color */
.u-bg-color--main {
  background-color: var(--color-main);
}
.u-bg-color--0 {
  background-color: var(--color-0);
}
.u-bg-color--1 {
  background-color: var(--color-1);
}
.u-bg-color--2 {
  background-color: var(--color-2);
}
.u-bg-color--3 {
  background-color: var(--color-3);
}
.u-bg-color--4 {
  background-color: var(--color-4);
}
.u-bg-color--5 {
  background-color: var(--color-5);
}
.u-bg-color--6 {
  background-color: var(--color-6);
}

/* align */
.u-align--center {
  margin-left: auto !important;
  margin-right: auto !important;
}

/* text color */
.u-text-color--main {
  color: var(--color-main);
}
.u-text-color--0 {
  color: var(--color-0);
}
.u-text-color--1 {
  color: var(--color-1);
}
.u-text-color--2 {
  color: var(--color-2);
}

/* text align */
.u-text-align--left {
  text-align: left;
}
.u-text-align--center {
  text-align: center;
}
.u-text-align--right {
  text-align: right;
}

/* bold */
.u-bold--400 {
  font-weight: 400;
}
.u-bold--500 {
  font-weight: 500;
}
.u-bold--600 {
  font-weight: 600;
}

/* highlight */
.u-highlight {
  background-color: var(--color-main-thin);
}

/* Youtube responsive */
.u-youtube-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.u-youtube-embed iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-anchor-adjust {
  margin-top: -160px;
  padding-top: 160px;
}