/* CSS Document */

/**********
譌｢蟄呂SS
**********/
/* 蝠丞粋縺帙�繧ｿ繝ｳ 讀懃ｴ｢谺� */
/* 讀懃ｴ｢谺� */
.m_search {
  background: rgba(5, 177, 137, 0.2);
  margin: 60px 0;
  padding: 10px;
}
.m_sectionWrapeer--theme .m_search {
  background: #fff;
}
.m_search_wh {
  background: #fff;
  padding: 10px;
  margin: 60px 0;
}
.m_search_box {
  padding: 25px 15px 29px 15px;
  background: #fff;
  background-clip: padding-box;
}
.m_search_box_inborder {
  margin-bottom: 15px;
  text-align: center;
}
.m_search_box_inr {
  display: flex;
  justify-content: center;
}
.m_search_box_inr .txt {
  box-shadow: none;
  font-weight: 500 !important;
  padding-left: 20px;
  border: none;
}
.leaf_ico_pc {
  width: 68px;
  height: 44px;
  margin-right: 30px;
}
.leaf_ico_sp {
  width: 68px;
  height: 44px;
  margin: 0 auto 20px auto;
}
.m_search_box_txt {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 0px;
}
.m_search_box__formBtn {
  flex: 0 0 45px;
  position: relative;
  display: block;
  height: 45px;
  background: #05b189;
  transition: 0.3s opacity;
}
.m_search_box__formBtn:hover {
  opacity: 0.7;
}
.m_search_box__formBtn::before {
  content: "\f002";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 1em;
  height: 1em;
  margin: auto;
  color: #fff;
  line-height: 1;
  font-size: 18px;
  font-family: FontAwesome;
}
.m_search_box__form {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 375px;
  padding: 0px;
  box-shadow: 2px 2px 3px rgba(119, 119, 119, 0.6);
}
.m_search_box__form input {
  width: 100% !important;
  max-width: 330px;
  margin-bottom: 0px;
  background: #f5f5f5;
  height: 45px;
  border-radius: 0;
  transition: none;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .m_search_box_txt {
    font-size: 15px;
  }
}
@media (min-width: 577px) {
  .leaf_ico_sp {
    display: none;
  }
}
@media (max-width: 576px) {
  .m_search_box_txt {
    font-size: 13px;
  }
  .leaf_ico_pc {
    display: none;
  }
  .leaf_ico_sp {
    display: block;
  }
}

/* 蝠丞粋縺帙�繧ｿ繝ｳ */
#leaf_new_footer {
  margin-top: 60px;
}
#leaf_new_footer div {
  width: 447px;
  height: 100px;
  margin-right: 25px;
  margin-bottom: 25px;
}
#leaf_new_footer div:nth-child(2n) {
  margin-right: 0;
}
#leaf_new_footer div a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 11px;
  color: #fff;
  border: 1px solid #1fc5ae;
  background-color: #1fc5ae;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 100px;
}
#leaf_new_footer div a:hover {
  background-color: #fff;
  color: #1fc5ae;
  text-decoration: none;
}
#leaf_new_footer div a dl dt {
  margin-bottom: 3px;
  font-size: 27px;
  text-align: center;
}
#leaf_new_footer div a dl dd {
  font-size: 13px;
  text-align: center;
}
#leaf_new_footer.leaf_latest_footer {
  margin-top: 60px;
  margin-bottom: 50px;
}
#leaf_new_footer.leaf_latest_footer div {
  width: 447px;
  height: 100px;
  margin-right: 25px;
  margin-bottom: 25px;
}
#leaf_new_footer.leaf_latest_footer div:nth-child(2n) {
  margin-right: 0;
}
#leaf_new_footer.leaf_latest_footer div a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 11px;
  color: #fff;
  border: 1px solid #1fc5ae;
  background-color: #1fc5ae;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 100px;
  height: 100%;
}
#leaf_new_footer.leaf_latest_footer div a:hover {
  background-color: #fff;
  color: #1fc5ae;
}
#leaf_new_footer.leaf_latest_footer div a dl dt {
  margin-bottom: 3px;
  font-size: 27px;
  text-align: center;
}
#leaf_new_footer.leaf_latest_footer div a dl dd {
  font-size: 13px;
  text-align: center;
}

#leaf_new_footer.leaf_latest_footer-stress div a {
  border-color: #fd428e;
  background-color: #fd428e;
}
#leaf_new_footer.leaf_latest_footer-stress div a:hover {
  color: #fd428e;
}

#leaf_new_footer.leaf_latest_footer.flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#leaf_new_footer.leaf_latest_footer div {
  height: auto;
  margin-bottom: 0;
}
#leaf_new_footer.leaf_latest_footer div a {
  position: relative;
}
#leaf_new_footer.leaf_latest_footer div a:after {
  content: "\f0a9";
  font-family: FontAwesome;
  display: flex;
  align-items: center;
  min-width: 23px;
  height: 23px;
  font-weight: 700;
  font-size: 26px;
  justify-content: center;
  margin-left: 10px;
  border-radius: 50%;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
#leaf_new_footer.leaf_latest_footer div a:hover:after {
  color: #1fc5ae;
}
#leaf_new_footer.leaf_latest_footer-stress div a:hover:after {
  color: #fd428e;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__box-Inquiry {
  height: 92px;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__demo_free {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#leaf_new_footer.leaf_latest_footer
  .leaf_footer_btn__demo_free
  .leaf_footer_btn__box
  a {
  padding: 4px;
}
#leaf_new_footer.leaf_latest_footer div a {
  text-align: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text {
  font-size: 18px;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry {
  font-size: 21px;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry_sub {
  font-size: 16px;
}
@media screen and (max-width: 1250px) {
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__box-Inquiry {
    margin-right: 0;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__demo_free {
    margin-top: 25px;
  }
  #leaf_new_footer.leaf_latest_footer
    .leaf_footer_btn__demo_free
    .leaf_footer_btn__box:first-of-type {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 599px) {
  #leaf_new_footer.leaf_latest_footer div {
    width: 100%;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__box-Inquiry {
    height: auto;
  }
  #leaf_new_footer.leaf_latest_footer div a {
    padding: 4px 40px;
  }
  #leaf_new_footer.leaf_latest_footer div a:after {
    right: 10px;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text {
    font-size: 15px;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry {
    font-size: 21px;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry_sub {
    font-size: 12px;
  }
  #leaf_new_footer.leaf_latest_footer
    .leaf_footer_btn__demo_free
    .leaf_footer_btn__box
    a {
    padding: 4px 40px;
  }
}

#leaf_new_footer.leaf_latest_footer.flex {
  display: flex;
  justify-content: center;
}
#leaf_new_footer.leaf_latest_footer div {
  height: auto;
  margin-bottom: 0;
}
#leaf_new_footer.leaf_latest_footer div a {
  position: relative;
}
#leaf_new_footer.leaf_latest_footer div a:after {
  content: "\f0a9";
  font-family: FontAwesome;
  display: flex;
  align-items: center;
  min-width: 23px;
  height: 23px;
  font-weight: 700;
  font-size: 26px;
  justify-content: center;
  margin-left: 10px;
  border-radius: 50%;
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
}
#leaf_new_footer.leaf_latest_footer div a:hover:after {
  color: #1fc5ae;
}
#leaf_new_footer.leaf_latest_footer-stress div a:hover:after {
  color: #fd428e;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__box-Inquiry {
  height: 92px;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__demo_free {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#leaf_new_footer.leaf_latest_footer
  .leaf_footer_btn__demo_free
  .leaf_footer_btn__box
  a {
  padding: 4px;
}
#leaf_new_footer.leaf_latest_footer div a {
  text-align: center;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text {
  font-size: 18px;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry {
  font-size: 21px;
}
#leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry_sub {
  font-size: 16px;
}
@media screen and (max-width: 1250px) {
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__box-Inquiry {
    margin-right: 0;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__demo_free {
    margin-top: 25px;
  }
  #leaf_new_footer.leaf_latest_footer
    .leaf_footer_btn__demo_free
    .leaf_footer_btn__box:first-of-type {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 599px) {
  #leaf_new_footer.leaf_latest_footer div {
    width: 100%;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__box-Inquiry {
    height: auto;
  }
  #leaf_new_footer.leaf_latest_footer div a {
    padding: 4px 40px;
  }
  #leaf_new_footer.leaf_latest_footer div a:after {
    right: 10px;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text {
    font-size: 15px;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry {
    font-size: 21px;
  }
  #leaf_new_footer.leaf_latest_footer .leaf_footer_btn__text-Inquiry_sub {
    font-size: 12px;
  }
  #leaf_new_footer.leaf_latest_footer
    .leaf_footer_btn__demo_free
    .leaf_footer_btn__box
    a {
    padding: 4px 40px;
  }
}

@media (max-width: 1200px) {
  #leaf_new_footer {
    margin-top: 60px;
    margin: 0 auto;
    width: 470px;
  }
}

@media (max-width: 980px) {
  #leaf_new_footer {
    margin-top: 60px;
    margin: 0 auto;
    width: 470px;
  }
}
@media (max-width: 768px) {
  #leaf_new_footer {
    width: 100%;
  }
  #leaf_new_footer div {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }
}
/* 繝｡繧､繝ｳ繧ｳ繝ｳ繝�Φ繝��繧ｫ繝ｼ繝� */
#caseCustom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
#caseCustom .panel {
  width: 48%;
}
#caseCustom .panel p {
  margin: -15px;
  margin-bottom: 0;
  border: 1px solid #efefef;
}
#caseCustom .panel p img {
}
#caseCustom .panel dl dt {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 30px 0;
}
#caseCustom .panel dl dt span {
  font-weight: 700;
  font-size: 24px;
}
#caseCustom .panel dl dd {
  font-weight: 500;
  font-size: 15px;
}

/*蟾ｦ繝翫ン*/
#leaf_sub {
  width: 230px;
  margin-top: 30px;
}

#leaf_sub dl.nav_panel {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #fff;
}

#leaf_sub dl.nav_panel dt.nav_title {
  border-bottom: 1px solid #424242;
  margin-bottom: 5px;
  color: #424242;
  font-size: 13px;
  letter-spacing: 0.13em;
  padding: 5px 0;
  padding-bottom: 10px;
  font-family: century gothic, 貂ｸ繧ｴ繧ｷ繝�け, 繝｡繧､繝ｪ繧ｪ, sans-serif;
  font-weight: 700;
}

#leaf_sub dl.nav_panel dt.nav_title img {
  vertical-align: -6px;
  margin-right: 7px;
}

#leaf_sub dl.nav_panel dd li {
  position: relative;
}

#leaf_sub dl.nav_panel dd li a {
  font-family: century gothic, 貂ｸ繧ｴ繧ｷ繝�け, 繝｡繧､繝ｪ繧ｪ, sans-serif;
  font-weight: 700;
  width: 100%;
  font-size: 14px;
  color: #333;
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #efefef;
  transition: 0.4s;
}

#leaf_sub dl.nav_panel dd li a:hover {
  text-decoration: none;
  opacity: 0.6;
}

#leaf_sub dl.nav_panel dd li img {
  vertical-align: -4px;
  margin-right: 6px;
}
#leaf_sub dl.nav_panel dd li img.arrow {
  position: absolute;
  right: 0;
  margin-right: 0;
}

#leaf_sub dl.nav_panel li.leaf_nav_acc {
  font-size: 14px;
  color: #333;
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #efefef;
  cursor: pointer;
}

#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul {
  margin-bottom: 15px;
  margin-top: 5px;
}
#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul li {
}
#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul li a {
  border: none;
  font-size: 12px;
  padding: 3px;
  padding-left: 10px;
}

#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul li a:hover {
  margin-left: 10px;
}
#leaf_sub dl.nav_panel li.leaf_nav_acc_cont ul li a.is_noEffect:hover {
  margin-left: 0;
  opacity: 1;
}

#leaf_sub dl.nav_panel dd li div a p.pickup_title {
  font-size: 17px;
  margin-bottom: 5px;
}
#leaf_sub dl.nav_panel dd li div a p.pickup_cont {
  font-size: 11px;
}

#leaf_sub dl.nav_panel dd li.pickupBox {
  margin-bottom: 5px;
}

#leaf_sub dl.nav_panel dd li.pickupBox a {
  position: relative;
  border-bottom: 1px solid #adadad;
}

#leaf_sub dl.nav_panel dd li.pickupBox a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 17px solid #e00000;
  border-left: 17px solid transparent;
}

#leaf_sub dl.nav_panel dd.rating_list_total {
}

#leaf_sub dl.nav_panel dd.rating_list_total div {
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #efefef;
}
#leaf_sub dl.nav_panel dd.rating_list_total div p.fr span {
  margin: 0 3px;
  font-size: 27px;
  font-family: "Roboto";
  font-weight: 500;
  color: #424242;
}

#leaf_sub dl.text_nav_panel dd li a {
  font-size: 12px;
  padding: 8px 0;
}

#leaf_sub dl.nav_panel dd li + li {
  margin-top: 5px;
}
/* 譌｢蟄呂SS縺ｮ荳頑嶌縺� */
#leaf_sub.l_side {
  margin-top: 0;
}

/* 繧ｹ繝医Ξ繧ｹ繝√ぉ繝�け縺ｮ蟾ｦ繝翫ン */
.stress_performance {
  overflow: hidden;
  margin-bottom: 15px;
  font-weight: 700; /* 霑ｽ險� */
  letter-spacing: 0; /* 霑ｽ險� */
}

.stress_performance p.title_performance {
  float: left;
}

.stress_performance p.number_performance {
  float: right;
  position: relative;
  font-size: 15px;
}

.stress_performance p.number_performance span {
  font-size: 40px;
}

.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;
}

/**********
  foudation
  **********/
/*蛻晄悄險ｭ螳咾SS*/
body {
  font-size: 75%;
  font-weight: 500;
  line-height: normal;
  font-family: helvetica neue, noto sans jp, yu gothic, YuGothic,
    繝偵Λ繧ｮ繝手ｧ偵ざ pron w3, hiragino kaku gothic pron, Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo,
    sans-serif;
}
#base {
  width: auto;
  min-width: 1220px;
}
#cont {
  color: #333;
  font: 500 14px "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3",
    "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
}
div#cont {
  margin: 0;
}
#bc_footer {
  margin-top: 0px;
  border-top: 1px solid #fff;
}
[v-cloak] {
  display: none;
}

@media screen and (max-width: 768px) {
  body {
    width: auto;
  }
  #base {
    min-width: auto;
  }
  #bc_footer {
    width: 100%;
    margin: 0;
  }
  div#header {
    width: 95%;
  }
  div#footer {
    width: 95%;
  }
}
/* ==============
  layout
  ============== */
/* 繝ｩ繝�ヱ繝ｼ */
.l_wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l_wrapper {
    display: block;
    width: 100%;
    overflow: hidden;
  }
}

/* 遽€ */
.l_section {
}
.l_section__item {
}

/* 繝ｪ繧ｹ繝� */
.l_list {
}
.l_list__item {
}
.l_list--md > .l_list__item + .l_list__item {
  margin-top: 16px;
}
.l_list--news > .l_list__item + .l_list__item {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted #ccc;
}
/* 繧ｰ繝ｪ繝�ラ */
.l_grid {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.l_grid__item {
  display: flex;
}
.l_grid__inner {
  display: block;
  width: 100%;
}

/* 繝翫ン */
.l_nav {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.l_nav__item {
  display: flex;
  width: 100%;
}
.l_nav__target {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.l_nav--autoWidth .l_nav__item {
  width: auto;
}
@media screen and (max-width: 768px) {
  .l_nav--main {
    flex-wrap: wrap;
    border: none;
  }
  .l_nav--sub {
    display: block;
    border: none;
  }
}

*/
  /* ==============
  module
  ============== */
  
  /*隕句�縺�*/
  .m_heading {
}
.m_heading__ttl {
  font-weight: bold;
  line-height: 1;
}
.m_heading__img {
  line-height: 0;
}
.m_heading__img > img {
  max-width: 100%;
  height: auto;
}

/*繝懊ち繝ｳ*/
.m_btn {
  display: flex;
}
.m_btn__target {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.m_btn__target:hover {
  color: inherit;
  text-decoration: none;
}
.m_btn__target::before {
  content: "";
  display: block;
  width: 0;
}
.m_btn--main > .m_btn__target {
  padding: 0 16px;
  border-radius: 0.4em;
  line-height: 1;
  background: #00c77f;
  color: #fff;
  font-size: 13px;
  transition: 0.3s opacity;
}
.m_btn--main.m_btn--stress > .m_btn__target {
  background: #fd428e;
}
.m_btn--main.m_btn--localGovernment > .m_btn__target {
  padding: 0;
  letter-spacing: 0;
  background: #1A8192;
}
.m_btn--main > .m_btn__target:hover {
  opacity: 0.7;
}
.m_btn--main > .m_btn__target::before {
  height: 1.8em;
}
.m_btn--keyvisual {
}
.m_btn--keyvisual > .m_btn__target {
  box-shadow: 4px 4px 4px #aaa;
  font-size: 18px;
}
.m_btn--viewmore {
  justify-content: flex-end;
  font-size: 14px;
}
.m_btn--viewmore > .m_btn__target {
  width: auto;
  padding: 0 2em;
  border: 1px solid;
}
.m_btn--viewmore > .m_btn__target::before {
  height: 1.5em;
}

/*繧｢繧､繧ｳ繝ｳ*/
.m_hasIco {
  position: relative;
}
.m_hasIco::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
}
.m_hasIco--center::before {
  top: 50%;
  transform: translateY(-50%);
}
.m_hasIco--ast {
  padding-left: 1.5em;
}
.m_hasIco--ast::before {
  content: "窶ｻ";
}
.m_hasIco--inline {
  padding-left: 0;
}
.m_hasIco--inline::before {
  position: static;
  display: inline;
  padding-left: 0;
}
.m_hasIco--inline.m_hasIco--ast::before {
  margin-right: 4px;
}
@media screen and (max-width: 599px) {
  .m_hasIco--funcHeading {
    padding-left: 44px;
  }
  .m_hasIco--funcHeading::before {
    width: 32px;
  }
}
/* 繝ｪ繝ｳ繧ｯ */
.m_link {
}

/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン */
.m_localNavWrap {
  box-shadow: 0 4px 4px #aaa;
  background: #fff;
}
.m_localNavWrap__inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  /* 荳句ｱ､繝壹�繧ｸ蟇ｾ蠢� */
  position: relative;
  z-index: 1000;
  color: #333;
  text-align: left;
  font: 500 14px "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3",
    "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  line-height: 1.6;
  letter-spacing: 0.1em;
  /* 荳句ｱ､繝壹�繧ｸ蟇ｾ蠢� */
}
.m_localNavWrap__inner--first {
  z-index: 1001;
}
.m_localNavWrap__logo {
  flex: 0 0 120px;
  position: relative;
}
.m_localNavWrap__logoLink {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 16px;
  display: block;
  height: 56px;
  margin: auto 0;
  color: inherit;
  text-decoration: none;
  transition: 0.3s opacity;
}
.m_localNavWrap__logoLink:hover {
  opacity: 0.7;
  color: inherit;
  text-decoration: none;
}
.m_localNavWrap__navWrap {
  flex: 0 0 980px;
}
.m_localNavWrap__navWrap--hasTtl {
  display: flex;
  align-items: stretch;
}

.m_localNavWrap__btnListWrap {
  flex: 0 0 120px;
  align-self: flex-start;
  position: relative;
}
.m_localNavWrap__btnList {
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  width: 100%;
}
.m_localNavWrap__btn {
  margin: 0 8px;
}
.m_localNavWrap__btn + .m_localNavWrap__btn {
  margin-top: 4px;
}
.m_localNavWrap__toggle {
  position: relative;
  display: block;
  width: 64px;
  background: #00c77f;
}
.m_localNavWrap__toggle--lightning {
  background: #dfa300;
}
.m_localNavWrap__toggle--inorder {
  background: #a1001f;
}
.m_localNavWrap__toggle--studio {
  background: #c14809;
}
.m_localNavWrap__toggle--stress {
  background: #b52d61;
}
.m_localNavWrap__toggle--wellness {
  background: #ff7372;
}
.m_localNavWrap__toggle--evalWeb {
  background: #4260ad;
}
.m_localNavWrap__toggle--eva {
  background: #2dc6db;
}
.m_localNavWrap__toggle--management {
  background: #263a53;
}
.m_localNavWrap__toggle--humanCapital {
  background: #251491;
}

.m_localNavWrap__toggleLine {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 50%;
  height: 2px;
  margin: auto;
  background: #fff;
  transition: 0.3s transform;
}
.m_localNavWrap__toggleLine--first {
  transform: translateY(-12px);
}
.m_localNavWrap__toggleLine--third {
  transform: translateY(12px);
}
.m_localNavWrap__toggle--colorTheme .m_localNavWrap__toggleLine {
  background: #fff;
}
.m_localNavWrap__ttl {
  flex: 0 0 160px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-weight: bold;
  color: #fff;
  font-size: 13px;
  background: #1a8192;
}
.m_localNavWrap__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 7px;
  height: 100%;
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #1a8192 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #1a8192 50%) bottom
      left / 100% 50% no-repeat;
  transform: translateX(100%);
}
.m_localNavWrap__ttl::after {
  content: url("img/ico_navTtl.png");
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  height: 17px;
  margin: auto 0;
}
.m_localNavWrap__ttlInner {
  line-height: 1;
}
.m_localNavWrap__ttlInner::before {
  content: "\f0a1";
  margin-right: 8px;
  font-weight: bold;
  font-size: 18px;
  font-family: FontAwesome;
}
.m_localNavWrap__nav {
  padding: 6px 0;
}
.m_localNavWrap__nav .l_nav__item + .l_nav__item {
  border-left: 1px solid #1a8192;
}
.m_localNavWrap__nav--top {
  border-left: 1px dotted #707070;
  border-right: 1px dotted #707070;
}
.m_localNavWrap__nav--top .l_nav__item + .l_nav__item {
  border-style: dotted;
  border-color: #707070;
}
.m_localNavWrap__nav--sub {
  padding: 0;
  border-top: 1px solid #707070;
  border-left: 1px dotted #707070;
  border-right: 1px dotted #707070;
  border-bottom: none;
}
.m_localNavWrap__nav--sub .l_nav__item {
  width: auto;
}
.m_localNavWrap__nav--sub .l_nav__item + .l_nav__item {
  border-style: dotted;
  border-color: #707070;
}
.m_localNavWrap__nav--recommend {
  flex: 1 1 auto;
  padding: 0;
}
.m_localNavWrap__nav--recommend {
  border-left: 1px solid #1a8192;
  border-right: 1px solid #1a8192;
}
.m_localNavWrap__nav--recommend .l_nav__item + .l_nav__item {
  border-left: 1px dotted #707070;
}
.m_localNavWrap__nav--common {
  padding: 0;
  border: 1px solid #1a8192;
}
.m_localNavWrap__nav--talentpalette {
  padding: 0;
  border: 1px solid #AB539B;
}
.m_localNavWrap__nav--talentpalette .l_nav__item + .l_nav__item {
  border-left: 1px solid #AB539B;
}
.m_localNavWrap__nav--jinjer {
  padding: 0;
  border: 1px solid #E8D20D;
}
.m_localNavWrap__nav--jinjer .l_nav__item + .l_nav__item {
  border-left: 1px solid #E8D20D;
}
.m_localNavWrap--lightning .m_localNavWrap__nav {
  border-color: #dfa300;
}
.m_localNavWrap--lightning .m_localNavWrap__ttl {
  background: #dfa300;
}
.m_localNavWrap--lightning .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #dfa300 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #dfa300 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--lightning .l_nav__item + .l_nav__item {
  border-color: #dfa300;
}
.m_localNavWrap--lightning .m_localNavWrap__toggle--colorTheme {
  background: #d6a80e;
}
.m_localNavWrap--inorder .m_localNavWrap__nav {
  border-color: #a1001f;
}
.m_localNavWrap--inorder .m_localNavWrap__ttl {
  background: #a1001f;
}
.m_localNavWrap--inorder .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #a1001f 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #a1001f 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--inorder .l_nav__item + .l_nav__item {
  border-color: #a1001f;
}
.m_localNavWrap--studio .m_localNavWrap__nav {
  border-color: #c14809;
}
.m_localNavWrap--studio .m_localNavWrap__ttl {
  background: #c14809;
}
.m_localNavWrap--studio .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #c14809 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #c14809 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--studio .l_nav__item + .l_nav__item {
  border-color: #c14809;
}
.m_localNavWrap--stress .m_localNavWrap__nav {
  border-color: #b52d61;
}
.m_localNavWrap--stress .m_localNavWrap__ttl {
  background: #b52d61;
}
.m_localNavWrap--stress .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #b52d61 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #b52d61 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--stress .l_nav__item + .l_nav__item {
  border-color: #b52d61;
}
.m_localNavWrap--stress .m_localNavWrap__toggle--colorTheme {
  background: #fd6db2;
}
.m_localNavWrap--wellness .m_localNavWrap__nav {
  border-color: #ff7372;
}
.m_localNavWrap--wellness .m_localNavWrap__ttl {
  background: #ff7372;
}
.m_localNavWrap--wellness .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #ff7372 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #ff7372 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--wellness .l_nav__item + .l_nav__item {
  border-color: #ff7372;
}
.m_localNavWrap--evalWeb .m_localNavWrap__nav {
  border-color: #4260ad;
}
.m_localNavWrap--evalWeb .m_localNavWrap__ttl {
  background: #4260ad;
}
.m_localNavWrap--evalWeb .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #4260ad 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #4260ad 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--evalWeb .l_nav__item + .l_nav__item {
  border-color: #4260ad;
}
.m_localNavWrap--eva .m_localNavWrap__nav {
  border-color: #2dc6db;
}
.m_localNavWrap--eva .m_localNavWrap__ttl {
  background: #2dc6db;
}
.m_localNavWrap--eva .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #2dc6db 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #2dc6db 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--eva .l_nav__item + .l_nav__item {
  border-color: #2dc6db;
}
.m_localNavWrap--management .m_localNavWrap__nav {
  border-color: #263a53;
}
.m_localNavWrap--management .m_localNavWrap__ttl {
  background: #263a53;
}
.m_localNavWrap--management .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #263a53 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #263a53 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--management .l_nav__item + .l_nav__item {
  border-color: #263a53;
}

.m_localNavWrap--humanCapital .m_localNavWrap__nav {
  border-color: #251491;
}
.m_localNavWrap--humanCapital .m_localNavWrap__ttl {
  background: #251491;
}
.m_localNavWrap--humanCapital .m_localNavWrap__ttl::before {
  background: linear-gradient(
        to bottom left,
        rgba(255, 255, 255, 0) 50%,
        #251491 50%
      )
      top left/ 100% 50% no-repeat,
    linear-gradient(to top left, rgba(255, 255, 255, 0) 50%, #251491 50%) bottom
      left / 100% 50% no-repeat;
}
.m_localNavWrap--humanCapital .l_nav__item + .l_nav__item {
  border-color: #251491;
}
@media screen and (max-width: 768px) {
  .m_localNavWrap {
  }
  .m_localNavWrap__inner {
    align-items: stretch;
  }
  .m_localNavWrap__nav {
  }
  .m_localNavWrap__navWrap {
    flex: 1 1 auto;
  }
  .m_localNavWrap__nav {
    padding: 0;
    border: none;
  }
  .m_localNavWrap__nav .l_nav__item {
    border-right: 1px solid #707070 !important;
    border-top: 1px solid #707070 !important;
  }
  .m_localNavWrap__nav .l_nav__item + .l_nav__item {
    border-left: none;
  }
  .m_localNavWrap__nav--sub {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    padding: 16px;
    opacity: 0;
    background: #fff;
    box-shadow: 0 4px 4px #aaa;
    transform: translate(-100%, 100%);
    transition: 0.3s all;
  }
  .m_localNavWrap__nav--top .l_nav__item + .l_nav__item {
    border-style: none;
  }
  .m_localNavWrap__nav--sub .l_nav__item {
    border-right: none !important;
    border-top: none !important;
  }
  .m_localNavWrap__nav--sub .l_nav__item + .l_nav__item {
    margin-top: 16px;
  }
}
@media screen and (max-width: 599px) {
  .m_localNavWrap__toggle {
    width: 36px;
  }
  .m_localNavWrap__toggleLine--first {
    transform: translateY(-8px);
  }
  .m_localNavWrap__toggleLine--third {
    transform: translateY(8px);
  }
}

/* 繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン */
.m_localNav {
  height: 4em;
  padding: 0 15px;
  line-height: 1.2;
  font-size: 15px;
  transition: 0.7s opacity;
}
.m_localNav:hover {
  opacity: 0.7;
  color: inherit;
  text-decoration: none;
}
.m_localNav__inner {
  position: relative;
  letter-spacing: 0;
  font-weight: bold;
  font-size: inherit;
}
.m_localNav__inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
}
.m_localNav--top {
  padding: 0 10px;
}
.m_localNav--top .m_localNav__inner {
  padding-left: 44px;
}
.m_localNav--top .m_localNav__inner::before {
  width: 30px;
  height: 30px;
  background: no-repeat center center / contain;
}
.m_localNav--lms .m_localNav__inner::before {
  background-image: url(/resource/img/leaf/nav/2023/ico_lms.png);
}
.m_localNav--elearning .m_localNav__inner::before {
  background-image: url(/resource/img/leaf/nav/2023/ico_elearning.png);
}
.m_localNav--health .m_localNav__inner::before {
  background-image: url(/resource/img/leaf/nav/2023/ico_stress.png);
}
.m_localNav--eva .m_localNav {
  color: #2dc6db;
}
.m_localNav--eval .m_localNav__inner::before {
  background-image: url(/resource/img/leaf/nav/2023/ico_eval.png);
}
.m_localNav--talent .m_localNav__inner::before {
  background-image: url(/resource/img/leaf/nav/2023/ico_talent.png);
}
.m_localNav--func .m_localNav__inner {
  padding-left: 36px;
  color: #1a8192;
}
.m_localNav--func .m_localNav__inner::before {
  content: "\f1c0";
  height: 1em;
  line-height: 1;
  font-size: 24px;
  font-family: FontAwesome;
}
.m_localNav--option .m_localNav__inner {
  padding-left: 36px;
  color: #1a8192;
}
.m_localNav--option .m_localNav__inner::before {
  content: "\f0ad";
  height: 1em;
  line-height: 1;
  font-size: 24px;
  font-family: FontAwesome;
}
.m_localNav--movie .m_localNav__inner {
  padding-left: 36px;
  color: #1a8192;
}
.m_localNav--movie .m_localNav__inner::before {
  content: "\f01d";
  height: 1em;
  line-height: 1;
  font-size: 24px;
  font-family: FontAwesome;
}
.m_localNav--sheet .m_localNav__inner {
  padding-left: 36px;
  color: #1a8192;
}
.m_localNav--sheet .m_localNav__inner::before {
  content: "\f0c5";
  height: 1em;
  line-height: 1;
  font-size: 24px;
  font-family: FontAwesome;
}
.m_localNav--lightning.m_localNav--func .m_localNav__inner {
  color: #dfa300;
}
.m_localNav--lightning.m_localNav--option .m_localNav__inner {
  color: #dfa300;
}
.m_localNav--inorder.m_localNav--func .m_localNav__inner {
  color: #a1001f;
}
.m_localNav--inorder.m_localNav--movie .m_localNav__inner {
  color: #a1001f;
}
.m_localNav--studio.m_localNav--func .m_localNav__inner {
  color: #c14809;
}
.m_localNav--studio.m_localNav--movie .m_localNav__inner {
  color: #c14809;
}
.m_localNav--stress {
  padding: 0 26px;
}
.m_localNav--stress.m_localNav--func .m_localNav__inner {
  color: #b52d61;
}
.m_localNav--stress.m_localNav--option .m_localNav__inner {
  color: #b52d61;
}
.m_localNav--evalWeb {
  padding: 0 36px;
}
.m_localNav--evalWeb.m_localNav--func .m_localNav__inner {
  color: #4260ad;
}
.m_localNav--evalWeb.m_localNav--option .m_localNav__inner {
  color: #4260ad;
}
.m_localNav--eva {
  padding: 0 50px;
}
.m_localNav--eva.m_localNav--func .m_localNav__inner {
  color: #2dc6db;
}
.m_localNav--eva.m_localNav--option .m_localNav__inner {
  color: #2dc6db;
}
.m_localNav--eva.m_localNav--sheet .m_localNav__inner {
  color: #2dc6db;
}
.m_localNav--management.m_localNav--func .m_localNav__inner {
  color: #263a53;
}
.m_localNav--management.m_localNav--option .m_localNav__inner {
  color: #263a53;
}
.m_localNav--humanCapital.m_localNav--func .m_localNav__inner {
  color: #251491;
}
.m_localNav--humanCapital.m_localNav--option .m_localNav__inner {
  color: #251491;
}
.m_localNav--talentpalette{
  height: 6em;
  font-size: 14px;
}
.m_localNav--teikei{
  height: 6em;
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .m_localNav {
    height: 3em;
    padding: 0 4px;
  }
  .m_localNav .m_localNav__inner {
    padding-left: 0 !important;
    color: #333 !important;
    font-size: 12px;
  }
  .m_localNav .m_localNav__inner::before {
    content: "" !important;
    background-image: none !important;
  }
}
/* 繝ｭ繝ｼ繧ｫ繝ｫ繧ｵ繝悶リ繝� */
.m_localSubNav {
  height: 2em;
  padding: 0 13px;
  font-size: 13px;
  transition: 0.3s opacity;
}
.m_localSubNav:hover {
  color: inherit;
  opacity: 0.7;
  text-decoration: none;
}
.m_localSubNav__inner {
  position: relative;
  letter-spacing: 0;
  font-weight: bold;
  font-size: inherit;
}
.m_localSubNav__inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  height: 1em;
  margin: auto 0;
  line-height: 1;
  font-weight: bold;
  font-size: 18px;
  font-family: "font awesome 5 free";
}
.m_localSubNav--func .m_localSubNav__inner {
  padding-left: 32px;
}
.m_localSubNav--func .m_localSubNav__inner::before {
  content: "\f1c0";
}
.m_localSubNav--option .m_localSubNav__inner {
  padding-left: 32px;
}
.m_localSubNav--option .m_localSubNav__inner::before {
  content: "\f0ad";
}
.m_localSubNav--price .m_localSubNav__inner {
  padding-left: 32px;
}
.m_localSubNav--price .m_localSubNav__inner::before {
  content: "\f81d";
}
.m_localSubNav--ex .m_localSubNav__inner {
  padding-left: 32px;
}

.m_localSubNav--ex .m_localSubNav__inner::before {
  content: "\f66f";
}

/* 繝ｬ繧ｳ繝｡繝ｳ繝峨�繝ｭ繝ｼ繧ｫ繝ｫ繝翫ン */
.m_localRecommendNav {
  height: 2.3em;
  padding: 0 0.5em;
  font-size: 11px;
  letter-spacing: 0;
  font-weight: bold;
  transition: 0.3s background;
}
.m_localRecommendNav:hover {
  opacity: 1;
  background: rgba(26, 129, 146, 0.3);
  text-decoration: none;
  color: #333;
}
.m_localRecommendNav__inner {
  position: relative;
}
.m_localRecommendNav__inner::after {
  content: "";
  position: absolute;
  left: -40px;
  top: 0;
  bottom: 0;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: auto 0;
  border-top: 2px solid #1a8192;
  border-right: 2px solid #1a8192;
  opacity: 0;
  transform: rotate(45deg);
  transition: 0.3s opacity, 0.3s left;
}
.m_localRecommendNav:hover .m_localRecommendNav__inner::after {
  left: -24px;
  opacity: 1;
}

.m_localRecommendNav--lightning:hover {
  background: rgba(223, 163, 0, 0.3);
}
.m_localRecommendNav--lightning .m_localRecommendNav__inner::after {
  border-color: #dfa300;
}
.m_localRecommendNav--inorder:hover {
  background: rgba(161, 0, 31, 0.3);
}
.m_localRecommendNav--inorder .m_localRecommendNav__inner::after {
  border-color: #a1001f;
}
.m_localRecommendNav--studio:hover {
  background: rgba(193, 72, 9, 0.3);
}
.m_localRecommendNav--studio .m_localRecommendNav__inner::after {
  border-color: #c14809;
}
.m_localRecommendNav--stress:hover {
  background: rgba(181, 45, 97, 0.3);
}
.m_localRecommendNav--stress .m_localRecommendNav__inner::after {
  border-color: #b52d61;
}
.m_localRecommendNav--wellness:hover {
  background: rgba(255, 115, 114, 0.3);
}
.m_localRecommendNav--wellness .m_localRecommendNav__inner::after {
  border-color: #ff7372;
}
.m_localRecommendNav--evalWeb:hover {
  background: rgba(66, 96, 173, 0.3);
}
.m_localRecommendNav--evalWeb .m_localRecommendNav__inner::after {
  border-color: #4260ad;
}
.m_localRecommendNav--eva:hover {
  background: rgba(45, 198, 219, 0.3);
}
.m_localRecommendNav--eva .m_localRecommendNav__inner::after {
  border-color: #2dc6db;
}
.m_localRecommendNav--management:hover {
  background: rgba(38, 58, 83, 0.3);
}
.m_localRecommendNav--management .m_localRecommendNav__inner::after {
  border-color: #263a53;
}
.m_localRecommendNav--humanCapital:hover {
  background: rgba(37, 20, 145, 0.3);
}
.m_localRecommendNav--humanCapital .m_localRecommendNav__inner::after {
  border-color: #251491;
}
/* 繝ｬ繧ｹ繝昴Φ繧ｷ繝匁凾縺ｮ繝翫ン */
.m_localResNav {
  display: block;
  font-weight: bold;
  font-size: 12px;
}
.m_localResNav:hover {
  color: inherit;
  text-decoration: none;
}
/* 閼壽ｳｨ */
.m_note {
  font-size: 11px;
}
.m_note--right {
  text-align: right;
}

/*    蝗ｺ螳夊｡ｨ遉ｺ繝舌リ繝ｼ
  =====================================================*/
.g_bnr {
  width: 300px;
  right: 0;
  bottom: 0;
  position: fixed;
  z-index: 999;
  display: none;
}
.g_bnr_cont {
  width: 100%;
  display: block;
  transition: opacity 0.2s;
}
.g_bnr_cont img {
  width: 100%;
  display: block;
  line-height: 0;
}
.g_bnr_cont .u_sp {
  display: none;
}

.g_bnr_close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -15px;
  right: 7px;
  cursor: pointer;
  background-color: #ccc;
  border: none;
  transition: opacity 0.2s;
}
.g_bnr_close::before,
.g_bnr_close::after {
  content: "";
  position: absolute;
  display: block;
  width: 12px;
  height: 1px;
  background-color: #333333;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.g_bnr_close::after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.g_bnr_cont:hover,
.g_bnr_close:hover {
  opacity: 0.8;
}

/* 繝悶Λ繧ｦ繧ｶ蟷�1810px莉･荳� */
@media (min-width: 1810px) {
  .g_bnr {
    right: calc((100vw - 1825px) / 2);
  }
}
@media (max-width: 768px) {
  .g_bnr {
    max-width: 180px;
  }
  .g_bnr_cont .u_pc {
    display: none;
  }

  .g_bnr_cont .u_sp {
    display: block;
  }
}
@media (max-width: 576px) {
  .g_bnr {
    width: 34.66vw;
    right: 0;
    bottom: 0;
  }
  .g_bnr_cont {
    padding: 0;
  }
}

/*蟾ｦ繝翫ン-繧ｵ繝ｼ繝薙せ荳€隕ｧ縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_navLineupWrap {
}
.nav_title + .m_navLineupWrap {
  margin-top: 16px;
}
.m_navLineupWrap__leadBox {
}
.m_navLineupWrap__leadBox + .m_navLineupWrap__item {
  margin-top: 24px;
}
.m_navLineupWrap__lead {
  font-weight: 700;
  font-size: 12px;
}
.m_navLineupWrap__lead + .m_navLineupWrap__btn {
  margin-top: 8px;
}
.m_navLineupWrap__btn {
  display: flex;
  align-items: stretch;
}
.m_navLineupWrap__btn::before {
  content: "";
  display: block;
  width: 0;
  height: 40px;
}
.m_navLineupWrap__btnTarget {
  position: relative;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 4px #004b30;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: #008d5a;
  transition: 0.1s top, 0.1s box-shadow;
}
#leaf_bg .m_navLineupWrap__btnTarget {
  /* 繧ｫ繧ｹ繧ｱ窶輔ョ繧｣繝ｳ繧ｰ */
  color: #fff;
}
.m_navLineupWrap__btnTarget:hover {
  top: 4px;
  box-shadow: 0 0 #004b30;
  color: #fff;
  text-decoration: none;
}
.m_navLineupWrap__btnTarget::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 0;
  bottom: 0;
  display: block;
  width: 22px;
  height: 20px;
  margin: auto 0;
  background: url(/resource/img/leaf/sidenav/ico_systems.png) no-repeat center
    center / contain;
}
.m_navLineupWrap__btnTarget::after {
  content: "";
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  display: block;
  width: 18px;
  height: 18px;
  margin: auto 0;
  background: url(/resource/img/leaf/sidenav/ico_linkArrow.png) no-repeat center
    center / contain;
}
.m_navLineupWrap__item {
}
.m_navLineupWrap__item + .m_navLineupWrap__item {
  margin-top: 36px;
}

/*蟾ｦ繝翫ン-繧ｵ繝ｼ繝薙せ荳€隕ｧ */
.m_navLineup {
  border: 2px solid #ebe7dd;
}
.m_navLineup__heading {
  position: relative;
  padding-bottom: 10px;
}
.m_navLineup__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-top: 10px solid #ebe7dd;
  border-right: 16px solid rgba(255, 255, 255, 0);
  border-left: 16px solid rgba(255, 255, 255, 0);
}
.m_navLineup__ttl {
  padding: 8px 0;
  background: #ebe7dd;
  text-align: center;
  letter-spacing: 0;
  font-weight: bold;
  font-size: 13px;
}
.m_navLineup__list {
}
.m_navLineup__item {
}
.m_navLineup__item + .m_navLineup__item {
  margin-top: 8px;
}

/*蟾ｦ繝翫ン-繧ｵ繝ｼ繝薙せ荳€隕ｧ繧ｫ繝ｼ繝会ｼ医き繧ｹ繧ｱ窶輔ョ繧｣繝ｳ繧ｰ蠢�ｦ�ｼ� */
#leaf_sub .nav_panel .m_navLineupCard {
  padding: 8px 10px;
  border: none;
  font-weight: 700;
}
#leaf_sub .nav_panel .m_navLineupCard:hover {
  opacity: 1;
  box-shadow: 0 0 8px #b8b8b8;
}
.m_navLineupCard__ttl {
  margin-bottom: 14px;
  padding: 4px 0;
  border: 1px solid;
  letter-spacing: 0;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  transition: 0.4s color;
}
.m_navLineupCard--lms:hover .m_navLineupCard__ttl {
  color: #1a8192;
}
.m_navLineupCard--lightning:hover .m_navLineupCard__ttl {
  color: #dfa300;
}
.m_navLineupCard--studio:hover .m_navLineupCard__ttl {
  color: #c14809;
}
.m_navLineupCard--inorder:hover .m_navLineupCard__ttl {
  color: #a1001f;
}
.m_navLineupCard--eval:hover .m_navLineupCard__ttl {
  color: #4260ad;
}
.m_navLineupCard--eva:hover .m_navLineupCard__ttl {
  color: #02bbd4;
}
.m_navLineupCard--management:hover .m_navLineupCard__ttl {
  color: #021a36;
}
.m_navLineupCard--humanCapital:hover .m_navLineupCard__ttl {
  color: #251491;
}
.m_navLineupCard--stress:hover .m_navLineupCard__ttl {
  color: #b52d61;
}
.m_navLineupCard--wellness:hover .m_navLineupCard__ttl {
  color: #c84545;
}

.m_navLineupCard__img {
  line-height: 0;
  text-align: center;
}
.m_navLineupCard__img--lowImg {
  padding: 5px 0;
}
#leaf_sub .nav_panel .m_navLineupCard__img img {
  max-width: 100%;
  height: auto;
  vertical-align: 0;
  margin: 0;
}
.m_navLineupCard__img + .m_navLineupCard__body {
  margin-top: 16px;
}
  line-height: 0;
  text-align: center;
}
.m_navLineupCard__listItem {
  position: relative;
  padding-left: 1em;
  letter-spacing: 0;
  font-size: 11px;
}
.m_navLineupCard__listItem::before {
  content: "繝ｻ";
  position: absolute;
  left: 0;
  display: block;
}
#leaf_sub .nav_panel .m_navLineupCard__listItem + .m_navLineupCard__listItem {
  margin-top: 4px;
}

/****************************
* 2301024 Leaf繝輔ャ繧ｿ繝ｼ謾ｹ菫ｮ   *
*****************************/

/* 閭梧勹濶ｲ險ｭ螳� */
.m_leaf_system_footer {
  background-color: #1a8192;
}
.m_leaf_lightning_footer {
  background-color: #dfa300;
}
.m_leaf_studio_footer {
  background-color: #c14809;
}
.m_leaf_inorder_footer {
  background-color: #a1001f;
}
.m_leaf_evaluate_footer {
  background-color: #0978c7;
}
.m_leaf_eva_footer {
  background-color: #1a5a85;
}
.m_leaf_management_footer {
  background-color: #263a53;
}
.m_leaf_humancap_footer {
  background-color: #251491;
}
.m_leaf_stresscheck_footer {
  background-color: #b52d61;
}
.m_leaf_wellness_footer {
  background-color: #ff7372;
}

/* 繝ｭ繧ｴ逕ｻ蜒� */
.m_leaf_system_logo img {
  width: 117px;
  height: 109px;
  transition: 0.2s;
}
.m_leaf_system_logo img:hover {
  opacity: 0.7;
}
.m_leaf_system_logo--studio a{
  display: flex;
  aling-items: center;
  width: 117px;
  height: 109px;
  padding: 20px;
  background: #fff;
  border-radius: 16px;
  transition: 0.2s;
}
.m_leaf_system_logo--studio a:hover{
  opacity: 0.7;
}
.m_leaf_system_logo--studio img {
  width: auto;
  max-width: 100%;
  height: auto;
  transition: none;
}
.m_leaf_system_logo--studio img:hover {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .m_leaf_system_logo {
    margin: 0 auto;
  }
}

/* 繝ｬ繧､繧｢繧ｦ繝郁ｨｭ螳� */
.m_leaf_system_footer {
  padding: 50px 0 40px 0;
}
.m_leaf_system_footer_inr {
  display: flex;
  align-items: center;
  width: 970px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .m_leaf_system_footer_inr {
    display: block;
    width: 95%;
    max-width: none;
  }
}

/* 繝ｪ繝ｳ繧ｯ荳€隕ｧ */
.m_leaf_system_logo + .m_leaf_footer_link_list_sec {
  margin-left: 65px;
}
.m_leaf_footer_link_list_sec {
  width: 100%;
  display: flex;
  justify-content: space-between;
  text-align: left;
}
.m_leaf_footer_link_item a {
  position: relative;
  font-size: 17px;
  font-family: "yu gothic", sans-serif;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
  transition: 0.2s;
  padding-left: 20px;
}
.m_leaf_footer_link_item a:hover {
  color: #fff;
  text-decoration: underline !important;
}
.m_leaf_footer_link_item a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 6px;
  left: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}
.m_leaf_footer_link_item + .m_leaf_footer_link_item {
  margin-top: 10px;
}
.m_leaf_lightning_footer .m_leaf_footer_link_list li a {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .m_leaf_system_logo + .m_leaf_footer_link_list_sec {
    margin-left: 0px;
    margin-top: 65px;
  }
  .m_leaf_footer_link_list_sec {
    display: block;
  }
  .m_leaf_footer_link_list + .m_leaf_footer_link_list {
    margin-top: 10px;
  }
}

/* Leaf繧ｷ繝ｪ繝ｼ繧ｺ荳€隕ｧ */
.m_leaf_series_sec {
  background-color: #1a8192;
  border-bottom: 30px solid #1a8192;
}
.m_leaf_series_sec.m_leaf_lightning_footer {
  background-color: #dfa300;
  border-bottom: 30px solid #dfa300;
}
.m_leaf_series_sec.m_leaf_studio_footer {
  background-color: #c14809;
  border-bottom: 30px solid #c14809;
}
.m_leaf_series_sec.m_leaf_inorder_footer {
  background-color: #a1001f;
  border-bottom: 30px solid #a1001f;
}
.m_leaf_series_sec.m_leaf_evaluate_footer {
  background-color: #0978c7;
  border-bottom: 30px solid #0978c7;
}
.m_leaf_series_sec.m_leaf_eva_footer {
  background-color: #1a5a85;
  border-bottom: 30px solid #1a5a85;
}
.m_leaf_series_sec.m_leaf_management_footer {
  background-color: #263a53;
  border-bottom: 30px solid #263a53;
}
.m_leaf_series_sec.m_leaf_humancap_footer {
  background-color: #251491;
  border-bottom: 30px solid #251491;
}
.m_leaf_series_sec.m_leaf_stresscheck_footer {
  background-color: #b52d61;
  border-bottom: 30px solid #b52d61;
}
.m_leaf_series_sec.m_leaf_wellness_footer {
  background-color: #ff7372;
  border-bottom: 30px solid #ff7372;
}
.m_leaf_series_sec_inr {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 25px 0;
  text-align: left;
}
.m_leaf_series_sec_cont {
  width: 970px;
  margin: 0 auto;
}
.m_leaf_footer_flex {
  display: flex;
}
.m_leaf_footer_flex_between {
  justify-content: space-between;
}
.m_leaf_series_sec_head {
  position: relative;
  font-size: 17px;
  font-weight: bold;
  font-family: "yu gothic", sans-serif;
  padding-left: 40px;
  margin-bottom: 0 !important;
}
.m_leaf_series_sec_head::before {
  content: "";
  position: absolute;
  width: 30px;
  height: 20px;
  left: 0px;
  background-image: url(/resource/img/leaf/lms_footer_leaf_logo.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.m_leaf_series_sec_head + .m_leaf_series_head_link {
  margin-left: 70px;
}
.m_leaf_series_head_link li a {
  position: relative;
  color: #333;
  font-size: 15px;
  font-weight: bold;
  font-family: "yu gothic", sans-serif;
  text-decoration: none;
  padding-left: 20px;
  transition: 0.2s;
}
.m_leaf_series_head_link li a:hover {
  color: #333;
  text-decoration: underline !important;
}
.m_leaf_series_head_link li a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 6px;
  left: 0px;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
}
.m_leaf_series_head_link li + li {
  margin-left: 30px;
}
.m_leaf_series_links_sec {
  border-top: 1px solid #b8b8b8;
  padding-top: 19px;
  margin-top: 10px;
}
.m_leaf_series_links.m_leaf_footer_flex {
  justify-content: space-between;
}
.m_leaf_series_links li + li {
  margin-top: 5px;
}
.m_leaf_series_links li a {
  position: relative;
  color: #333;
  font-size: 17px;
  font-weight: bold;
  font-family: "yu gothic", sans-serif;
  text-decoration: none;
  padding-left: 20px;
  transition: 0.2s;
}
.m_leaf_series_links li a:hover {
  color: #333;
  text-decoration: underline !important;
}
.m_leaf_series_links li a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: 6px;
  left: 0;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .m_leaf_series_sec_cont {
    width: 95%;
    max-width: none;
  }
  .m_leaf_footer_flex {
    display: block;
  }
  .m_leaf_series_sec_head + .m_leaf_series_head_link {
    margin-left: 0;
    margin-top: 20px;
  }
  .m_leaf_series_head_link li + li {
    margin-left: 0px;
    margin-top: 10px;
  }
  .m_leaf_series_links_sec {
    margin-top: 20px;
  }
  .m_leaf_series_links + .m_leaf_series_links {
    margin-top: 5px;
  }
  .m_leaf_series_links li a {
    font-size: 15px;
  }
}

/* 驥崎ｦ√↑縺顔衍繧峨○ */
.m_importantInfo{
  background: #fbf3f4;
}
.m_importantInfo__inner{
  width: 920px;
  margin: 0 auto;
  padding: 24px 0;
}
.m_importantInfo__ttl{
  position: relative;
  margin-bottom: 5px;
  padding-left: 120px;
  font-weight: bold;
  font-size: 16px;
}
.m_importantInfo__ttl::before{
  content: "驥崎ｦ√↑縺顔衍繧峨○";
  position: absolute;
  top: 2px;
  left: 0;
  display: block;
  padding: 4px 8px;
  border-radius: 4px;
  color: #fff;
  line-height: 1;
  font-size: 12px;
  background: #8f1e35;
}
.m_importantInfo__msg{
  font-size: 14px;
}
.m_importantInfo__msg + .m_importantInfo__msg{
  margin-top: 5px;
}
.m_importantInfo__msg + .m_importantInfo__ttl{
  margin-top: 16px;
}
@media screen and (max-width: 768px){
  .m_importantInfo__inner{
    width: 95%;
  }
}