/* CSS Document */
/* 譌｢蟄呂SS讓ｪ螻� */
/*蟾ｦ繝翫ン繧ｹ繝医Ξ繧ｹ繝√ぉ繝�け螳溽ｸｾ*/
.nav_panel * {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.7em;
}
.stress_performance {
  overflow: hidden;
  margin-bottom: 15px;
}
.stress_performance p.title_performance {
  float: left;
}
.stress_performance p.number_performance {
  float: right;
  /*line-height: 0;*/
  position: relative;
  font-size: 15px;
}
.stress_performance p.number_performance span {
  font-size: 40px;
  /*line-height: 1;*/
}
.stress_performance p.number_performance span.comment_mark {
  font-size: 11px;
  position: absolute;
  top: 0;
  right: 0;
}
.stress_performance p.comment_performance {
  font-size: 10px;
  letter-spacing: 0;
  clear: both;
}

.m_customers__tabList {
  display: flex;
  margin-top: 40px;
}

.m_customers__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 50px;
  color: #797979;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  background-color: #ccc;
  cursor: pointer;
  transition: color 0.2s, background 0.2s;
}

.m_customers__tab.js_crnt,
.m_customers__tab:hover {
  color: #fff;
  background-color: #fd6db2;
}

.m_customers__tab:nth-child(2).js_crnt,
.m_customers__tab:nth-child(2):hover {
  background-color: #6CCACA;
}

.m_customers__btm {
  margin-top: 20px;
}

.m_customers__btmInr {
  position: relative;
}

.m_customers__btmInr.js_view:not(.js_crnt) {
  display: none;
}

.m_customers__list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr 8px 1fr 8px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  padding: 10px;
}

.m_customers__list--hidden {
  height: 0;
  overflow-y: hidden;
  margin-top: -12px;
}

.m_customers__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 60px;
  padding: 0 5px;
  font-size: 18px;
  font-weight: 700;
  background-color: #fff;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}

.m_customers__item--lg {
  font-size: 20px;
}

.m_customers__item--md {
  font-size: 14px;
}

.m_customers__item--sm {
  font-size: 12px;
}

.m_customers__toh {
  font-size: 12px;
}

.m_customers__number {
  margin-top: 5px;
  font-size: 12px;
  text-align: center;
}

.m_customers__more {
  position: absolute;
  display: block;
  width: 100%;
  height: 110px;
  bottom: 0;
  border: none;
  background: linear-gradient(180deg, transparent 0%, rgba(255, 255, 255, 1) 100%);
  transition: background 0.3s;
}

.m_customers__more::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-top: 4px solid #111;
  border-right: 4px solid #111;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.m_customers__more.js_open {
  background: 0 0;
}

.m_customers__more.js_open::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.m_pageBtn--performance {
  margin-top: 40px;
}

@media screen and (max-width: 768px) {
  .m_customers__tab {
    font-size: 16px;
  }

  .m_customers__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5px 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 5px;
  }

  .m_customers__list--hidden {
    margin-top: -15px;
  }

  .m_customers__item {
    height: auto;
    min-height: 70px;
    font-size: 14px;
  }
}

/*蛻晄悄險ｭ螳咾SS*/
#mainCont {
  color: #333;
  font: 500 16px "Helvetica Neue", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  line-height: 1.6;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  #mainCont {
    font-size: 14px;
  }
}

/* ============
layout
============ */
/* 繝ｩ繝�ヱ繝ｼ */
.l_wrap {
  position: relative;
  margin-top: 56px;
}
@media screen and (max-width: 768px) {
  .l_wrap {
    margin-top: 24px;
  }
}
@media screen and (max-width: 599px) {
  .l_wrap {
    margin-top: 0;
  }
}
/* 繝｡繧､繝ｳ */
.l_main {
  width: auto;
  padding: 0;
  overflow: hidden;
}
.l_main__wrap {
  width: 1220px;
  margin: 0 auto;
}
.l_main__cont {
  position: relative;
  z-index: 1;
  width: 930px;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .l_main__wrap {
    width: 95%;
  }
  .l_main__cont {
    width: 100%;
  }
}
/* 繧ｵ繧､繝峨リ繝薙�繝ｩ繝�ヱ繝ｼ */
.l_sideWrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 1220px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l_sideWrap {
    display: none;
  }
}
/* 繧ｵ繧､繝峨リ繝� */
.l_side {
  position: relative;
  z-index: 1;
}

/* 遽€ */
.l_section {
}
.l_section__item {
}
.l_section--primary {
}
.l_section--primary > .l_section__item {
  padding: 108px 0;
}
.l_section--primary > .l_section__item:nth-of-type(2) {
  padding-top: 200px;
}
.l_section--secondary > .l_section__item + .l_section__item {
  margin-top: 40px;
}
.l_section--feature > .l_section__item + .l_section__item {
  margin-top: 64px;
}
.l_section--how > .l_section__item + .l_section__item {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .l_section--primary > .l_section__item {
    padding: 40px 0;
  }
}
@media screen and (max-width: 599px) {
  .l_section--primary > .l_section__item:nth-of-type(2) {
    padding-top: 40px;
  }
}

/* 繧ｰ繝ｪ繝�ラ */
.l_grid {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.l_grid__item {
  display: flex;
}
.l_grid__inner {
  display: block;
  width: 100%;
}
.l_grid--point {
  margin: -16px;
}
.l_grid--point > .l_grid__item {
  width: 33.333%;
  padding: 16px;
}
.l_grid--feature {
  margin: -21px;
}
.l_grid--feature > .l_grid__item {
  width: 50%;
  padding: 21px;
}
.l_grid--how > .l_grid__item {
  width: 50%;
}
.l_grid--how > .l_grid__item--full {
  width: 100%;
}
.l_grid--option {
  margin: -16px;
}
.l_grid--option > .l_grid__item {
  width: 33.333%;
  padding: 16px;
}
.l_grid--package {
  margin: -24px;
}
.l_grid--package > .l_grid__item {
  width: 50%;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .l_grid--point > .l_grid__item {
    width: 50%;
  }
  .l_grid--feature {
    margin: -12px;
  }
  .l_grid--feature > .l_grid__item {
    padding: 12px;
  }
  .l_grid--option > .l_grid__item {
    width: 50%;
  }
  .l_grid--package {
    margin: -12px;
  }
  .l_grid--package > .l_grid__item {
    padding: 12px;
  }
}
@media screen and (max-width: 599px) {
  .l_grid--point > .l_grid__item {
    width: 100%;
  }
  .l_grid--feature > .l_grid__item {
    width: 100%;
  }
  .l_grid--how > .l_grid__item {
    width: 100%;
  }
  .l_grid--option > .l_grid__item {
    width: 100%;
  }
  .l_grid--package > .l_grid__item {
    width: 100%;
  }
}
/* ============ 
module
============ */
/* 繝懊ち繝ｳ */
.m_pageBtn {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.m_pageBtn::before {
  content: "";
  display: block;
  width: 0;
}
.m_pageBtn__target {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: inherit;
}
.m_pageBtn--center {
  justify-content: center;
}
.m_pageBtn--main {
  position: relative;
  z-index: 1;
  font-size: 20px;
  margin-bottom: 12px;
}
.m_pageBtn--main::before {
  height: 3em;
}
.m_pageBtn--main .m_pageBtn__wrap {
  position: relative;
  display: flex;
  max-width: 320px;
  width: calc(100% - 12px);
}
.m_pageBtn--main .m_pageBtn__wrap::after {
  content: "";
  left: 12px;
  top: 12px;
  position: absolute;
  width: calc(100% - 12px);
  height: 100%;
  z-index: -1;
  border-radius: 8px;
  background: radial-gradient(#ffc3d3 30%, rgba(255, 255, 255, 0) 0) 0 0 / 16px 16px, radial-gradient(#ffc3d3 30%, rgba(255, 255, 255, 0) 0) 8px 8px / 16px 16px, #fff0f4;
}
.m_pageBtn--main .m_pageBtn__target {
  max-width: 320px;
  width: calc(100% - 12px);
  border-radius: 8px;
  color: #fff;
  font-weight: bold;
  background: url("../img/stresscheck/top/ico_btnWArrow.png") no-repeat right 1em center, #fd6db2;
  transition: 0.1s transform;
}
.m_pageBtn--main .m_pageBtn__target:hover {
  text-decoration: none;
  transform: translate(12px, 12px);
}
.m_pageBtn--sub {
  font-size: 15px;
}
.m_pageBtn--sub::before {
  height: 3em;
}
.m_pageBtn--sub .m_pageBtn__target {
  max-width: 320px;
  width: 100%;
  border: 2px solid #fd6db2;
  border-radius: 8px;
  color: #fd6db2;
  font-weight: bold;
  background: url("../img/stresscheck/top/ico_btnArrow.png") no-repeat right 1em center, #fff;
  transition: 0.3s color, 0.3s background-color;
}
.m_pageBtn--sub .m_pageBtn__target:hover {
  color: #fff;
  text-decoration: none;
  background: url("../img/stresscheck/top/ico_btnWArrow.png") no-repeat right 1em center, #fd6db2;
}
@media screen and (max-width: 768px) {
  .m_pageBtn--main {
    font-size: 18px;
  }
}
@media screen and (max-width: 599px) {
  .m_pageBtn--main::before {
    height: 2.5em;
  }
  .m_pageBtn--main .m_pageBtn__target {
    background-position: right 0.5em center;
  }
  .m_pageBtn--sub::before {
    height: 2.5em;
  }
}
/* 隕句�縺� */
.m_heading {
}
.m_heading__ttl {
  line-height: 1.4;
}
.m_heading--primary {
  margin-bottom: 40px;
  text-align: center;
}
.m_heading--primary > .m_heading__ttl {
  position: relative;
  display: inline-block;
  font-size: 20px;
  padding: 0 0.5em 12px;
}
.m_heading--primary > .m_heading__ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 4px;
  margin: 0 auto;
  background: #fd6db2;
}
.m_heading--leaf > .m_heading__ttl::before {
  background: #00928d;
}
.m_heading--how {
  padding: 0 0.5em 8px;
}
.m_heading--how > .m_heading__ttl {
  margin: 0;
}
.m_heading--how > .m_heading__ttl::before {
  height: 2px;
  background: #333;
}
@media screen and (max-width: 599px) {
  .m_heading--primary > .m_heading__ttl {
    font-size: 18px;
  }
}
/* 閼壽ｳｨ */
.m_footnote {
  position: relative;
  padding-left: 1.2em;
  font-size: 12px;
  color: #777;
}
.m_footnote::before {
  content: "窶ｻ";
  position: absolute;
  left: 0;
  display: block;
}
/* 繧ｳ繝ｳ繝�Φ繝� */
.m_content {
}
.m_content--colorTheme {
  background: #fff0f4;
}
.m_content--oppositeColor {
  background: #e3fcff;
}
.m_content__item {
  padding: 64px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .m_content__item {
    padding: 32px 24px;
  }
}
@media screen and (max-width: 599px) {
  .m_content__item {
    padding: 24px 16px;
  }
}
/* 逕ｻ蜒上Μ繝ｳ繧ｯ */
.m_imgLink {
  text-align: center;
}

.m_imgLink__ttl {
  position: relative;
  display: inline-block;
  padding: 0 2em;
  font-weight: bold;
  font-size: 20px;
}
.m_imgLink__ttl::before,
.m_imgLink__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1.4em;
  height: 2px;
  margin: auto 0;
  border-radius: 100px;
  background: #333;
}
.m_imgLink__ttl::before {
  left: 0;
  transform: rotate(45deg);
}
.m_imgLink__ttl::after {
  right: 0;
  transform: rotate(-45deg);
}
.m_imgLink__ttl + .m_imgLink__target {
  margin-top: 12px;
}
.m_imgLink__target {
  display: inline-block;
  line-height: 0;
  border: 8px solid #cccccc;
  transition: 0.3s opacity;
}
.m_imgLink__target:hover {
  opacity: 0.7;
}
.m_imgLink__target img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .m_imgLink__ttl {
    font-size: 18px;
  }
  .m_imgLink__target {
    max-width: 580px;
  }
}
@media screen and (max-width: 599px) {
  .m_imgLink__ttl {
    font-size: 16px;
  }
}
/* 繝偵�繝ｭ繝ｼ繧ｺ繧ｨ繝ｪ繧｢ */
.m_herosArea {
  position: relative;
  padding-bottom: 240px;
}
.m_herosArea__keyvisual {
}
.m_herosArea__catch {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: calc(100% * 250 / 930 + 40px);
  width: 100%;
}
@media screen and (max-width: 768px) {
  .m_herosArea {
    padding-bottom: 440px;
  }
}
@media screen and (max-width: 599px) {
  .m_herosArea {
    padding-bottom: 40px;
  }
  .m_herosArea__catch {
    position: static;
    padding-top: 24px;
  }
}

/* 繧ｭ繝ｼ繝薙ず繝･繧｢繝ｫ */
.m_keyvisual {
  position: relative;
  line-height: 0;
}
.m_keyvisual__img {
  line-height: 0;
  text-align: center;
}
.m_keyvisual__img img {
  max-width: 100%;
  height: auto;
}
.m_keyvisual__bk {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  display: block;
  width: 120%;
  transform: translate(-50%, -50%);
}
.m_keyvisual__bk svg {
  width: 100%;
  height: auto;
}
.m_keyvisual__catch {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
  line-height: 1.2;
}
.m_keyvisual__em {
  font-size: 1.4em;
}
@media screen and (max-width: 768px) {
  .m_keyvisual__catch {
    font-size: 2.2vw;
  }
  .m_keyvisual__em {
    font-size: 1.2em;
  }
}
@media screen and (max-width: 599px) {
  .m_keyvisual__catch {
    font-size: 3.2vw;
  }
  .m_keyvisual__img {
    position: relative;
    padding-top: calc(100% * 250 / 586);
    overflow: hidden;
  }
  .m_keyvisual__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 160%;
    max-width: none;
    height: auto;
  }
}

/* 繝昴う繝ｳ繝医き繝ｼ繝� */
.m_pointCard {
  position: relative;
  padding: 20px;
  border: 10px solid #ffe4ea;
  background: #fff;
}
.m_pointCard::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 0;
  right: 0;
  display: block;
  width: 67px;
  padding: 4px 20px;
  margin: 0 auto;
  line-height: 0;
  background: #fff;
}
.m_pointCard__ttl {
  margin-bottom: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -1px;
}
.m_pointCard--01::before {
  content: url("../img/stresscheck/top/ico_point1.png");
}
.m_pointCard--02::before {
  content: url("../img/stresscheck/top/ico_point2.png");
}
.m_pointCard--03::before {
  content: url("../img/stresscheck/top/ico_point3.png");
}
@media screen and (max-width: 768px) {
  .m_pointCard {
    padding: 16px;
  }
  .m_pointCard__ttl {
    font-size: 18px;
  }
}
/* 螳溽ｸｾ縺ｮ陦ｨ */
.m_performanceImg {
  line-height: 0;
  text-align: center;
}
.m_performanceImg img {
  max-width: 100%;
  height: auto;
}
/* 繝励Λ繝ｳ繧ｫ繝ｼ繝� */
.m_planCard {
  position: relative;
}
.m_planCard__img {
  line-height: 0;
  text-align: center;
}
.m_planCard__img img {
  max-width: 100%;
  height: auto;
}
.m_planCard__img + .m_planCard__ttl {
  margin-top: 20px;
}
.m_planCard__ttl {
  color: #00928d;
  text-align: center;
  margin-bottom: 16px;
  font-size: 20px;
}
.m_planCard__msg {
  padding-bottom: 48px;
}
.m_planCard__btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.m_planCard__btnTarget {
  color: #fd6db2;
  display: block;
  padding: 0 1.5em;
  border: 2px solid #fd6db2;
  border-radius: 100px;
  line-height: 1.6;
  text-align: center;
  transition: 0.3s color, 0.3s background;
}
.m_planCard__btnTarget:hover {
  background: #fd6db2;
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .m_planCard__ttl {
    font-size: 18px;
  }
  .m_planCard__btn {
    width: 100%;
  }
}
/* 蜿玲､懈婿豕� */
.m_howWrap {
  position: relative;
}
.m_howWrap__ttl {
  position: absolute;
  top: 40px;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%);
}

/* 蜿玲､懈婿豕輔き繝ｼ繝� */
.m_howCard {
  padding: 72px 40px;
}
.m_howCard--web {
  background: url("../img/stresscheck/top/bk_howWeb.png") no-repeat left 40px top 40px, #fff5a4;
}
.m_howCard--paper {
  background: url("../img/stresscheck/top/bk_howPaper.png") no-repeat right 40px top 40px, #cffceb;
}
.m_howCard--mix {
  background: #ffe0e9;
}
.m_howCard__img {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: 140px;
  text-align: center;
  line-height: 0;
}
.m_howCard__img img {
  max-width: 100%;
  height: auto;
}
.m_howCard__img + .m_howCard__ttl {
  margin-top: 36px;
}
.m_howCard__ttl {
  padding: 8px 0;
  border: 1px solid;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
.m_howCard__ttl + .m_howCard__list {
  margin-top: 20px;
}
.m_howCard__item {
  position: relative;
  padding-left: 1em;
  font-size: 18px;
}
.m_howCard__item + .m_howCard__item {
  margin-top: 4px;
}
.m_howCard__item::before {
  content: "繝ｻ";
  position: absolute;
  left: 0;
}

.m_howCard__link {
  margin-top: 20px;
  text-align: right;
}
.m_howCard__link a {
  color: #fd428e;
  font-size: 18px;
  font-weight: 700;
  text-decoration: underline;
}
.m_howCard__link a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .m_howCard {
    background-size: 64px;
  }
  .m_howCard__ttl {
    font-size: 16px;
  }
  .m_howCard__img img {
    width: 160px;
  }
  .m_howCard__item {
    font-size: 14px;
  }
}
@media screen and (max-width: 599px) {
  .m_howCard {
    background-size: 40px;
    padding: 24px 16px;
  }
  .m_howCard__img img {
    width: 120px;
  }
}
/* 蜿玲､懈婿豕輔き繝ｼ繝牙､ｧ縺阪＞ */
.m_howMainCard {
  padding: 72px 96px;
}
.m_howMainCard--mix {
  background: url("../img/stresscheck/top/bk_howMix.png") no-repeat content-box left top 40px, #ffe0e9;
}
.m_howMainCard__heading {
  text-align: center;
}
.m_howMainCard__heading + .m_howMainCard__img {
  margin-top: 20px;
}
.m_howMainCard__subTtl {
  position: relative;
  display: inline-block;
  padding: 0 2em;
  font-weight: bold;
  color: #fd6db2;
}
.m_howMainCard__subTtl::before,
.m_howMainCard__subTtl::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 1.4em;
  height: 2px;
  margin: auto 0;
  border-radius: 100px;
  background: #fd6db2;
}
.m_howMainCard__subTtl::before {
  left: 0;
  transform: rotate(45deg);
}
.m_howMainCard__subTtl::after {
  right: 0;
  transform: rotate(-45deg);
}
.m_howMainCard__subTtl + .m_howMainCard__ttl {
  margin-top: 12px;
}
.m_howMainCard__ttl {
  width: 100%;
  max-width: 385px;
  margin: 0 auto;
  padding: 8px 0;
  border: 1px solid;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  background: #fff;
}
.m_howMainCard__img {
  text-align: center;
  line-height: 0;
}
.m_howMainCard__img img {
  max-width: 100%;
  height: auto;
}
.m_howMainCard__img + .m_howMainCard__listWrap {
  margin-top: 36px;
}
.m_howMainCard__listWrap {
  padding: 16px;
  border: 8px solid #ffc0d3;
  background: #fff;
}
.m_howMainCard__listTtl {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 16px;
  color: #fd6db2;
}
.m_howMainCard__item {
  position: relative;
  padding: 0 0 4px 1.5em;
  border-bottom: 2px dotted #ffc0d3;
  font-size: 16px;
}
.m_howMainCard__item + .m_howMainCard__item {
  margin-top: 12px;
}
.m_howMainCard__item::before {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  border: 2px solid;
  font-weight: bold;
  color: #fd6db2;
}
.m_howMainCard__listWrap + .m_howMainCard__btns {
  margin-top: 40px;
}
.m_howMainCard__btns {
  display: flex;
  margin-left: -16px;
  margin-right: -16px;
}
.m_howMainCard__btn {
  width: 50%;
  padding: 0 16px;
}
@media screen and (max-width: 768px) {
  .m_howMainCard {
    padding: 72px 40px;
    background-size: 64px;
  }
  .m_howMainCard__ttl {
    max-width: 264px;
  }
  .m_howMainCard__img img {
    width: 400px;
  }
  .m_howMainCard__item {
    font-size: 14px;
  }
  .m_howMainCard__item::before {
    width: 12px;
    height: 12px;
  }
}
@media screen and (max-width: 599px) {
  .m_howMainCard {
    padding: 24px 16px;
    background-size: 40px;
    background-position: left top 80px;
  }
  .m_howMainCard__btns {
    display: block;
  }
  .m_howMainCard__btn + .m_howMainCard__btn {
    margin-top: 16px;
  }
  .m_howMainCard__btn {
    width: 100%;
  }
}
/* 繝ｪ繝ｼ繝輔↓縺､縺�※繝ｩ繝�ヱ繝ｼ */
.m_aboutLeafWrap {
}
.m_aboutLeafWrap__body {
  padding-left: 140px;
  background: url("../img/stresscheck/top/rogo_leaf.png") no-repeat left center;
}
.m_aboutLeafWrap__list {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -16px;
}
.m_aboutLeafWrap__item {
  display: flex;
  width: 33.333%;
  padding: 16px;
}
.m_aboutLeafWrap__inner {
  width: 100%;
}
.m_aboutLeafWrap__body + .m_aboutLeafWrap__btn {
  margin-top: 64px;
}
@media screen and (max-width: 768px) {
  .m_aboutLeafWrap__body {
    background-position: left top;
  }
  .m_aboutLeafWrap__item {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .m_aboutLeafWrap__body {
    padding: 96px 0 0 0;
    background-position: center top;
  }
  .m_aboutLeafWrap__item {
    width: 100%;
  }
}
/* 繝ｪ繝ｼ繝輔↓縺､縺�※ */
.m_aboutLeaf {
  background: no-repeat right top / contain;
}
.m_aboutLeaf__ttl {
  margin-bottom: 20px;
  color: #00928d;
  font-weight: bold;
  font-size: 15px;
}
.m_aboutLeaf__body {
  font-size: 14px;
}
.m_aboutLeaf--01 {
  background-position: right 24px top;
  background-image: url("../img/stresscheck/top/bk_pointNum01.png");
}
.m_aboutLeaf--02 {
  background-image: url("../img/stresscheck/top/bk_pointNum02.png");
}
.m_aboutLeaf--03 {
  background-image: url("../img/stresscheck/top/bk_pointNum03.png");
}
@media screen and (max-width: 768px) {
  .m_aboutLeaf {
    background-size: auto 116px;
  }
}
@media screen and (max-width: 599px) {
  .m_aboutLeaf {
    height: 120px;
    background-size: contain;
  }
  .m_aboutLeaf--01 {
    background-position: right 16px top;
  }
}
/* 繧ｪ繝励す繝ｧ繝ｳ繧ｵ繝ｼ繝薙せ */
.m_optionCard {
  position: relative;
  padding: 16px 24px;
  border: 2px solid;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
}
.m_optionCard__tab {
  display: inline-block;
  width: 120px;
  padding: 0.4em 0;
  line-height: 1;
  text-align: center;
  font-size: 13px;
}
.m_optionCard__tab--online {
  background: #fd6db2;
  color: #fff;
}
.m_optionCard__tab--free {
  background: #feef64;
}
.m_optionCard__tab + .m_optionCard__img {
  margin-top: 16px;
}
.m_optionCard__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  line-height: 0;
  text-align: center;
}
.m_optionCard__img + .m_optionCard__ttl {
  margin-top: 12px;
}
.m_optionCard__ttl {
  margin-bottom: 16px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.m_optionCard__msg {
  padding-bottom: 48px;
}
.m_optionCard__btn {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  width: 200px;
  margin: auto;
}
.m_optionCard__btnTarget {
  color: #fd6db2;
  display: block;
  border: 2px solid #fd6db2;
  border-radius: 100px;
  line-height: 1.6;
  text-align: center;
  transition: 0.3s color, 0.3s background;
}
.m_optionCard__btnTarget:hover {
  background: #fd6db2;
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .m_optionCard__btn {
    width: calc(100% - 48px);
  }
}
/* 繝代ャ繧ｱ繝ｼ繧ｸ繧ｫ繝ｼ繝� */
.m_packageCard {
  position: relative;
}
.m_packageCard__img {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 200px;
  line-height: 0;
  text-align: center;
}
.m_packageCard__img img {
  max-width: 100%;
  height: auto;
}
.m_packageCard__ttl {
  margin-bottom: 20px;
  color: #00928d;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}
.m_packageCard__msg {
  padding-bottom: 48px;
}
.m_packageCard__btn {
  position: absolute;
  bottom: 0;
  right: 0;
}
.m_packageCard__btnTarget {
  color: #fd6db2;
  display: block;
  padding: 0 1.5em;
  border: 2px solid #fd6db2;
  border-radius: 100px;
  line-height: 1.6;
  text-align: center;
  transition: 0.3s color, 0.3s background;
}
.m_packageCard__btnTarget:hover {
  background: #fd6db2;
  text-decoration: none;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .m_packageCard__ttl {
    font-size: 18px;
  }
  .m_packageCard__btn {
    width: 100%;
  }
}
/* 豬√ｌ縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_flowWrap {
}
.m_flowWrap__item + .m_flowWrap__item {
  position: relative;
  margin-top: 40px;
  padding-top: 40px;
}
.m_flowWrap__item + .m_flowWrap__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  border-top: 20px solid #3cb3c3;
  border-left: 12px solid rgba(255, 255, 255, 0);
  border-right: 12px solid rgba(255, 255, 255, 0);
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 599px) {
  .m_flowWrap__item + .m_flowWrap__item {
    margin-top: 24px;
    padding-top: 24px;
  }
}
/* 豬√ｌ */
.m_flow {
  padding: 36px 36px 36px 140px;
  background: no-repeat left 34px center, #dff6f6;
}
.m_flow--01 {
  background-image: url("../img/stresscheck/top/ico_flow01.png");
}
.m_flow--02 {
  background-image: url("../img/stresscheck/top/ico_flow02.png");
}
.m_flow--03 {
  background-image: url("../img/stresscheck/top/ico_flow03.png");
}
.m_flow--04 {
  background-image: url("../img/stresscheck/top/ico_flow04.png");
}
.m_flow--05 {
  background-image: url("../img/stresscheck/top/ico_flow05.png");
}
.m_flow__ttl {
  margin-bottom: 12px;
  font-size: 18px;
  font-weight: bold;
}
.m_flow__msg + .m_flow__list {
  margin-top: 8px;
}
.m_flow__listItem {
  position: relative;
  padding-left: 1em;
}
.m_flow__listItem::before {
  content: "繝ｻ";
  position: absolute;
  left: 0;
  display: block;
}
@media screen and (max-width: 768px) {
  .m_flow {
    padding: 16px 16px 16px 80px;
    background-size: 44px;
    background-position: left 20px center;
  }
}
@media screen and (max-width: 599px) {
  .m_flow {
    padding: 16px;
    background: #dff6f6;
  }
  .m_flow__ttl {
    padding: 8px 0 8px 40px;
    font-size: 16px;
    background: no-repeat left center / 32px;
  }
  .m_flow--01 .m_flow__ttl {
    background-image: url("../img/stresscheck/top/ico_flow01.png");
  }
  .m_flow--02 .m_flow__ttl {
    background-image: url("../img/stresscheck/top/ico_flow02.png");
  }
  .m_flow--03 .m_flow__ttl {
    background-image: url("../img/stresscheck/top/ico_flow03.png");
  }
  .m_flow--04 .m_flow__ttl {
    background-image: url("../img/stresscheck/top/ico_flow04.png");
  }
  .m_flow--05 .m_flow__ttl {
    background-image: url("../img/stresscheck/top/ico_flow05.png");
  }
}
/* 莠倶ｾ九Λ繝�ヱ繝ｼ */
.m_exWrap {
}
.m_exWrap__item + .m_exWrap__item {
  margin-top: 64px;
}

/* 莠倶ｾ九き繝ｼ繝� */
.m_exCard {
  padding: 40px;
  background: #fff;
}
.m_exCard__sub {
  color: #00928d;
  font-weight: bold;
}
.m_exCard__sub img {
  margin-right: 16px;
  vertical-align: -10px;
}
.m_exCard__sub + .m_exCard__heading {
  margin-top: 16px;
}
.m_exCard__heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 24px;
}
.m_exCard__item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.m_exCard__item + .m_exCard__item {
  margin-top: 32px;
}
.m_exCard__itemTtl {
  flex: 0 0 86px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 86px;
  font-weight: bold;
  color: #fff;
}
.m_exCard__itemTtl--aim {
  background: #3cb3c3;
}
.m_exCard__itemTtl--resolve {
  background: #f9b600;
}
.m_exCard__itemBody {
  flex: 1 1 auto;
  padding-left: 20px;
}
.m_exCard__listItem + .m_exCard__listItem {
  margin-top: 8px;
}
.m_exCard__listItem {
  position: relative;
  padding-left: 1em;
  font-size: 14px;
}
.m_exCard__listItem::before {
  content: "繝ｻ";
  position: absolute;
  left: 0;
}
.m_exCard__body + .m_exCard__link {
  margin-top: 24px;
}
.m_exCard__link {
  text-align: right;
}
.m_exCard__linkTarget {
  display: inline-block;
  padding-right: 2em;
  color: #3cb3c3;
  background: url("../img/stresscheck/top/ico_btnAccsentArrow.png") no-repeat right center / contain;
  transition: 0.4s opacity, 0.4s transform;
}
.m_exCard__linkTarget:hover {
  color: #3cb3c3;
  text-decoration: none;
  transform: translateX(10px);
  opacity: 0.7;
}
@media screen and (max-width: 768px) {
  .m_exCard__heading {
    display: block;
  }
  .m_exCard__trade {
    font-weight: bold;
  }
}
@media screen and (max-width: 599px) {
  .m_exCard {
    padding: 24px 16px;
  }
  .m_exCard__sub img {
    width: 56px;
    height: auto;
  }
  .m_exCard__item {
    display: block;
  }
  .m_exCard__itemTtl {
    height: auto;
    padding: 2px 0;
  }
  .m_exCard__itemTtl br {
    display: none;
  }
  .m_exCard__itemBody {
    margin-top: 12px;
    padding-left: 0;
  }
}
/* ============
state
============ */
/* 繧ｭ繝ｼ繝薙ず繝･繧｢繝ｫ縺ｮ逕ｻ蜒上ヵ繧ｧ繝ｼ繝€繝ｼ */
.js_faderKeyvisualImg {
  opacity: 0;
  transition: 1s opacity;
}
.js_faderKeyvisualImg.is_show {
  opacity: 1;
}
/* 繧ｭ繝ｼ繝薙ず繝･繧｢繝ｫ縺ｮ繧ｭ繝｣繝�メ繧ｳ繝斐�繝輔ぉ繝ｼ繝€繝ｼ */
.js_faderkeyvisualCatch.js_separateTxt {
  visibility: hidden;
}
.js_faderkeyvisualCatch .js_separateTxt__item {
  display: inline-block;
  opacity: 0;
  transform: scale(0.1);
  transform-origin: center bottom;
  transition: transform 0.4s cubic-bezier(0.25, -0.14, 0.16, 1.07), opacity 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
}
.js_faderkeyvisualCatch.is_show .js_separateTxt__item {
  opacity: 1;
  transform: scale(1);
}
/* 隕句�縺励�繝輔ぉ繝ｼ繝€繝ｼ */
.js_faderHeading {
}
.js_faderHeading__ttl .js_separateTxt__item {
  display: inline-block;
  opacity: 0;
  transform: scale(0.1);
  transform-origin: center bottom;
  transition: transform 0.4s cubic-bezier(0.25, -0.14, 0.16, 1.07), opacity 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
}
.js_faderHeading__ttl.is_show .js_separateTxt__item {
  opacity: 1;
  transform: scale(1);
}
.js_faderHeading .js_faderHeading__ttl::before {
  width: 0;
  transition: width 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js_faderHeading .js_faderHeading__ttl.is_show::before {
  width: 100%;
}
/* 螳溽ｸｾ縺ｮ繝輔ぉ繝ｼ繝€繝ｼ */
.js_faderPerformance {
  opacity: 0;
  transform: translateY(64px);
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js_faderPerformance.is_show {
  opacity: 1;
  transform: translateY(0);
}
/* 繧ｫ繝ｼ繝峨�繝輔ぉ繝ｼ繝€繝ｼ */
.js_faderCard {
  opacity: 0;
  transform: translateY(64px);
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js_faderCard.is_show {
  opacity: 1;
  transform: translateY(0);
}
/* 豬√ｌ縺ｮ繝輔ぉ繝ｼ繝€繝ｼ */
.js_faderFlow {
  opacity: 0;
  transform: translateY(32px);
  transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.js_faderFlow.is_show {
  opacity: 1;
  transform: translateY(0);
}
/* 蟆主�莠倶ｾ� */
.js_federExCard {
  overflow: hidden;
}
.js_federExCard__item {
  position: relative;
  transition: 1s transform cubic-bezier(0.86, 0, 0.07, 1);
}
.js_federExCard__item::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: block;
  width: calc(100% + 40px);
  height: calc(100% + 32px);
  margin: auto 0;
  transition: 1.1s width 1s cubic-bezier(0.86, 0, 0.07, 1), 0.1s opacity 2.1s cubic-bezier(0.86, 0, 0.07, 1);
}
.js_federExCard__item--aim {
  transform: translateX(-100%) translateX(-40px);
}
.js_federExCard__item--aim.is_show {
  transform: translateX(0);
}
.js_federExCard__item--aim::before {
  right: 0;
  background: #3cb3c3;
}
.js_federExCard__item--aim.is_show::before {
  width: 0%;
  opacity: 0;
}
.js_federExCard__item--resolve {
  transform: translateX(100%) translateX(40px);
}
.js_federExCard__item--resolve.is_show {
  transform: translateX(0);
}
.js_federExCard__item--resolve::before {
  left: 0;
  background: #f9b600;
}
.js_federExCard__item--resolve.is_show::before {
  width: 0%;
  opacity: 0;
}
@media screen and (max-width: 599px) {
  .js_federExCard__item {
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .js_federExCard__item::before {
    content: none;
  }
  .js_federExCard__item--aim {
    opacity: 0;
    transform: translateY(32px);
  }
  .js_federExCard__item--aim.is_show {
    opacity: 1;
    transform: translateY(0);
  }
  .js_federExCard__item--resolve {
    opacity: 0;
    transform: translateY(32px);
  }
  .js_federExCard__item--resolve.is_show {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 雉�侭繝€繧ｦ繝ｳ繝ｭ繝ｼ繝� */
.m_download {
  max-width: 775px;
  margin-inline: auto;
}

.m_download .m_heading__ttl {
  font-size: 32px;
  text-align: center;
}

.m_download__inr {
  display: block;
  width: 100%;
  margin: 0 auto 60px;
  padding: 60px 20px;
  color: #111;
  border: 1px solid #ccc;
  background-color: #fff;
  transition: box-shadow 0.3s;
}

.m_download__bd .m_download__inr {
  background-color: #f5f7f8;
}

.m_download__cont {
  display: flex;
  /* align-items: center; */
  gap: 40px;
  margin-top: 40px;
}

.m_download__contImg img {
  max-width: 287px;
}

.m_download__contTxt_ttl {
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 2;
}

.m_download__cont .m_pageBtn {
  margin-top: 15px;
}

.m_download__cont .m_pageBtn .m_pageBtn__target {
  color: #fff;
  border-radius: 50px;
  background: no-repeat right 1em center, #fd6db2;
}

@media (any-hover: hover) {
  .m_download__inr:hover {
    color: #111;
    text-decoration: none;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
  }
}

@media screen and (max-width: 768px) {
  .m_download .m_heading__ttl {
    font-size: 26px;
  }

  .m_download__inr {
    width: 95%;
    margin: 0 auto 40px;
    padding: 40px 20px;
  }

  .m_download__cont {
    flex-direction: column;
    gap: 30px;
    margin-top: 20px;
  }

  .m_download__contTxt_ttl {
    margin-bottom: 20px;
    font-size: 18px;
  }

  .m_download__cont .m_cta__btn {
    max-width: 300px;
  }

  .m_download__cont .m_cta__btn > * {
    height: 50px;
    font-size: 16px;
  }
}

/* ============
utility
============ */
/* 髢馴囮 */
.u_pt0Imp {
  padding-top: 0 !important;
}
/* 譁�ｭ苓牡 */
.u_colorTheme {
  color: #fd6db2;
}