/* ------------
base
-------------- */
#mainCont {
  font-family: "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3",
    "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.6;
  font-size: 16px;
}
/* 繝ｪ繧ｻ繝�ヨ */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  line-height: inherit;
}
.m_underLayer {
  padding-top: 0;
  padding-bottom: 0;
}
/* 譌｢蟄倥ヱ繝ｼ繝�畑CSS */
.flex {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -js-display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#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_hasShadow a {
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 768px) {
  #leaf_new_footer > div {
    width: calc(50% - 12.5px);
  }
  #leaf_new_footer div a dl dt {
    font-size: 16px;
  }
}
@media screen and (max-width: 599px) {
  #leaf_new_footer > div {
    width: 100%;
    height: 80px;
    margin-right: 0;
  }
}
/* ------------
layout
-------------- */
/* 繝ｩ繝�ヱ繝ｼ�井ｸ頑嶌縺� */
.l_wrapper {
  display: block;
  width: auto;
}
/* 繝｡繧､繝ｳ�井ｸ頑嶌縺搾ｼ� */
.l_main {
  width: auto;
  padding: 0;
  counter-reset: number 0;
}
/* 繝翫ン�井ｸ頑嶌縺搾ｼ� */
.l_nav--foot {
  width: 980px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .l_wrapper {
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  .l_nav--foot {
    width: 95%;
  }
}
/* 遽€ */
.l_section {
}
.l_section__item {
}
.l_section--primary {
}
.l_section--secondary {
}
.l_section--tertiary {
}
.l_section--primary > .l_section__item {
}
.l_section--secondary > .l_section__item + .l_section__item {
  margin-top: 64px;
}
.l_section--tertiary > .l_section__item + .l_section__item {
  margin-top: 40px;
}
.l_section--strength > .l_section__item + .l_section__item {
  margin-top: 40px;
}
.l_section--strength > .l_section__item + .l_section__item.m_footnote {
  margin-top: 0px;
}
.l_section--case > .l_section__item + .l_section__item {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .l_section--strength > .l_section__item + .l_section__item {
    margin-top: 24px;
  }
}
/* 繧ｰ繝ｪ繝�ラ */
.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_grid--hasGutter {
  margin: -12px;
}
.l_grid--hasGutter > .l_grid__item {
  padding: 12px;
}
.l_grid--btns {
  margin: -4px;
  justify-content: center;
}
.l_grid--btns > .l_grid__item {
  padding: 4px;
}
.l_grid--right {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .l_grid--btns > .l_grid__item {
    width: 50%;
  }
}
@media screen and (max-width: 599px) {
  .l_grid--btns > .l_grid__item {
    width: 100%;
  }
}
/* 邂�擅譖ｸ縺� */
.l_item_list {
}
.l_item_list + .l_item_list {
  margin-top: 20px;
}
/* ------------
module
-------------- */
/* 繝懊ち繝ｳ */
.m_btn {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.m_btn__target {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_btn::before {
  content: "";
  display: block;
}
.m_btn--herosArea {
  font-size: 20px;
}
.m_btn--herosArea::before {
  height: 3em;
}
.m_btn--herosArea .m_btn__target {
  width: 300px;
  border-radius: 12px;
  border: 1px solid #1fc5ae;
  background-color: #1fc5ae;
  font-size: inherit;
  color: #fff;
  font-weight: bold;
  box-shadow: 8px 8px 12px #333;
  transition: 0.3s all;
}
.m_btn--herosArea .m_btn__target:hover {
  color: #1fc5ae;
  background-color: #fff;
}
.m_btn--contents {
  font-size: 28px;
}
.m_btn--contents::before {
  height: 2.5em;
}
.m_btn--contents .m_btn__target {
  border-radius: 12px;
  border: 4px solid #fff;
  /* box-shadow: 6px 6px 12px rgba(0, 0, 0, .7); */
  color: #fff;
  font-weight: bold;
  background: #1a8192;
  transition: 0.3s opacity;
}
.m_btn--contents .m_btn__target:hover {
  opacity: 0.7;
}
.m_btn--contents .m_btn__inner {
  position: relative;
  padding-left: 32px;
}
.m_btn--contents .m_btn__inner::before {
  content: "\f0a9";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1em;
  margin: auto 0;
  font-size: 1em;
  line-height: 1;
  font-family: FontAwesome;
}
.m_btn--intro::before {
  height: 40px;
}
.m_btn--intro .m_btn__target {
  width: 240px;
  border-radius: 12px;
  border: 1px solid #1fc5ae;
  background-color: #1fc5ae;
  color: #fff;
  font-weight: bold;
  transition: 0.3s all;
}
.m_btn--intro .m_btn__target:hover {
  color: #1fc5ae;
  background-color: #fff;
}
.m_btn--column::before {
  height: 40px;
}
.m_btn--column .m_btn__target {
  width: 160px;
  border-radius: 100px;
  border: 1px solid #1fc5ae;
  background-color: #1fc5ae;
  color: #fff;
  font-weight: bold;
  transition: 0.3s all;
}
.m_btn--column .m_btn__target:hover {
  color: #1fc5ae;
  background-color: #fff;
}
.m_btn--columnLineup {
}
.m_btn--columnLineup::before {
  height: 4em;
}
.m_btn--columnLineup .m_btn__target {
  width: 100%;
  border: 4px solid #1fc5ae;
  background-color: #fff;
  color: #1fc5ae;
  font-size: inherit;
  font-weight: bold;
  transition: 0.3s all;
}
.m_btn--columnLineup .m_btn__target:hover {
  color: #fff;
  background-color: #1fc5ae;
}
@media screen and (max-width: 768px) {
  .m_btn--herosArea {
    font-size: 16px;
  }
  .m_btn--herosArea .m_btn__target {
    width: 100%;
  }
  .m_btn--intro .m_btn__target {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .m_btn--herosArea::before {
    height: 2.5em;
  }
  .m_btn--contents {
    font-size: 20px;
  }
}
/* 隕句�縺� */
h6 {
  text-transform: none;
}
.m_heading {
}
.m_heading__ttl {
  font-weight: bold;
  line-height: 1.4;
  font-size: inherit;
}
.m_heading--primary {
  margin-bottom: 48px;
}
.m_heading--primary .m_heading__ttl {
  font-size: 40px;
  line-height: 1.3;
  text-align: center;
}
.m_heading--primary .m_heading__ttl_sub {
  font-size: 20px;
  display: inline-block;
  line-height: 1.6;
}
.m_heading--primary .m_heading__ttl_attention {
  font-size: 12px;
  text-align: right;
  margin-top: 10px;
}
.m_heading--primary .m_heading__inner::before {
  content: none;
}
.m_heading--secondary {
  margin-bottom: 80px;
}
.m_heading--secondary {
  margin-bottom: 10px;
}
#package .m_heading--secondary {
  margin-bottom: 0;
}
.m_heading--secondary .m_heading__inner {
  position: relative;
}
.m_heading--secondary .m_heading__inner::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -32px;
  display: inline-block;
  width: 40%;
  height: 0.2em;
  background-color: #333;
  transform: translateX(-50%);
  border-radius: 2px;
}
.m_heading--secondary .m_heading__ttl {
  font-size: 30px;
  line-height: 1.8;
  text-align: center;
}
.m_heading--secondary .m_heading__ttl_sub {
  font-size: 24px;
}
.m_heading--secondary .m_heading__inner::before {
  content: none;
}
.m_heading--colorTheme {
}
.m_heading--colorTheme .m_heading__inner::before {
  background-color: #1a8192;
}
.m_heading--colorWhite {
}
.m_heading--colorWhite .m_heading__ttl {
  color: #fff;
}
.m_heading--colorWhite .m_heading__inner::before {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .m_heading--primary .m_heading__ttl {
    line-height: 1.6;
  }
  .m_heading--secondary .m_heading__ttl {
    line-height: 1.2;
  }
  .m_heading--secondary .m_heading__ttl_sub {
    font-size: 24px;
    line-height: 1.6;
    display: inline-block;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 599px) {
  .m_heading--primary .m_heading__ttl {
    font-size: 30px;
    line-height: 1.6;
  }
  .m_heading--primary .m_heading__ttl_sub {
    font-size: 16px;
  }
  .m_heading--secondary .m_heading__ttl {
    font-size: 20px;
    letter-spacing: -1px;
  }
  .m_heading--secondary .m_heading__ttl_sub {
    font-size: 16px;
  }
}
/* 繝偵�繝ｭ繝ｼ繧ｺ繧ｨ繝ｪ繧｢ */
.m_herosArea {
  position: relative;
}
.m_herosArea__heading {
  position: relative;
  padding-top: 518px;
  overflow: hidden;
}
.m_herosArea__keyvisual {
  position: absolute;
  top: 0;
  left: 50%;
  line-height: 0;
  transform: translateX(-50%);
}
.m_herosArea__img_pc {
}
.m_herosArea__img_sp {
  display: none;
}
.m_herosArea__body {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 100%;
  max-width: 720px;
  transform: translate(-50%, 100%) translateY(-80px);
}
.m_herosArea__inner {
  position: relative;
  z-index: 1;
  padding: 40px;
}
.m_herosArea__inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  opacity: 0.5;
  background: #29bbd2;
}
.m_herosArea__copy {
  text-align: center;
  font-weight: bold;
  line-height: 1.8;
  font-size: 24px;
}
.m_herosArea__copy + .m_herosArea__btns {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .m_herosArea__heading {
    padding-top: calc(100% * 4 / 6);
  }
  .m_herosArea__keyvisual {
    left: auto;
    right: -40%;
    width: 235%;
    transform: none;
  }
  .m_herosArea__img_pc {
    display: none;
  }
  .m_herosArea__img_sp {
    display: block;
  }
  .m_herosArea__body {
    transform: translate(-50%, 100%) translateY(-56px);
  }
  .m_herosArea__copy {
    font-size: 18px;
  }
}
@media screen and (max-width: 599px) {
  .m_herosArea {
    margin-bottom: -40px;
  }
  .m_herosArea__body {
    transform: translate(-50%, 100%) translateY(-40px);
  }
  .m_herosArea__inner {
    padding: 24px 16px;
  }
  .m_herosArea__copy {
    font-size: 16px;
    letter-spacing: -1px;
  }
  .m_herosArea__copy + .m_herosArea__btns {
    margin-top: 24px;
  }
}
/* 遽€繝懊ャ繧ｯ繧ｹ */
.m_sectionWrapeer {
}
.m_sectionWrapeer__inner {
  position: relative;
  width: 980px;
  margin: 0 auto;
  padding: 64px 0;
}
#package .m_sectionWrapeer__inner {
  padding-top: 0;
}
.m_sectionWrapeer__treat {
  content: "";
  position: absolute;
  top: 0;
  width: 160px;
  height: 336px;
  background: radial-gradient(
      rgba(118, 210, 210, 0.5) 28%,
      rgba(255, 255, 255, 0) 0
    )
    left top / 42px 42px;
}
.m_sectionWrapeer--nextHerosArea .m_sectionWrapeer__inner {
  padding-top: 216px;
}
.m_sectionWrapeer--theme {
  background: #1a8192;
}
.m_sectionWrapeer--theme .m_sectionWrapeer__treat {
  right: -24px;
  transform: translate(100%, -50%);
}
.m_sectionWrapeer--mesh {
  background: url(/resource/img/leaf/lms/bk_mesh.png) repeat center center;
}
.m_sectionWrapeer--mesh .m_sectionWrapeer__treat {
  left: -24px;
  transform: translate(-100%, -50%);
}
@media screen and (max-width: 768px) {
  .m_sectionWrapeer__inner {
    width: 95%;
  }
}
@media screen and (max-width: 599px) {
  .m_sectionWrapeer--nextHerosArea .m_sectionWrapeer__inner {
    padding-top: 264px;
  }
}
/* 蠑ｷ縺ｿ */
.m_strength {
}
.m_strength__heading {
  margin-bottom: 16px;
  display: flex;
}
.m_strength__ttlWrap {
  display: flex;
  align-items: center;
}
.m_strength__icon {
  font-size: 20px;
  color: #1a8192;
}
.m_strength__num {
  color: #1a8192;
  line-height: 1;
  font-size: 100px;
  margin-left: 5px;
}
.m_strength__ttl {
  position: relative;
  z-index: 1;
  display: block;
  color: #1a8192;
  line-height: 1;
  font-size: 60px;
  padding-left: 5px;
  margin-left: 45px;
}
.m_strength__ttl::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
  display: block;
  height: 0.4em;
  width: calc(100% + 8px);
  border-radius: 4px;
  background-color: #f7f141;
  transform: translateX(-50%);
}
.m_strength__body {
  padding-left: 0;
}
.m_strength__copy + .m_strength__msg {
  margin-top: 20px;
}
.m_strength__copy {
  font-size: 26px;
  font-weight: bold;
  align-self: end;
  display: flex;
  margin-bottom: 10px;
  margin-left: 45px;
}
.m_strength__msg {
}
.m_strength__msgMain {
  font-size: 18px;
}
.m_strength__perPerson {
  display: flex;
  border: 2px solid #1a8192;
  margin-top: 25px;
}
.m_strength__perPerson_str {
  text-align: center;
}
.m_strength__perPerson_strMain {
  background-color: #1a8192;
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
}
.m_strength__perPerson_strMain_attention {
  vertical-align: top;
}
.m_strength__perPerson_strMain_yen {
  font-size: 26px;
}
.m_strength__perPerson_strMain_free {
  font-size: 20px;
}
.m_strength__perPersonAttention {
  text-align: right;
  margin-top: 15px;
}
.m_strength__perPersonAttention_main {
  text-align: left;
  display: inline-block;
  font-size: 12px;
  text-indent: -15px;
  padding-left: 15px;
}
.m_strength__perPerson_link {
  flex: 1;
}
.m_strength__perPerson_linkTarget {
  background-color: #fff;
  color: #1a8192;
  transition: 0.3s;
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: bold;
  padding: 5px 10px;
  justify-content: center;
}
.m_strength__perPerson_linkTarget:hover {
  background-color: #1a8192;
  color: #fff;
  text-decoration: none;
}
.m_strength__perPerson_linkTarget:after {
  content: "竊�";
  font-family: FontAwesome;
  border: 2px solid #1a8192;
  color: #1a8192;
  border-radius: 50%;
  display: flex;
  align-items: center;
  min-width: 23px;
  height: 23px;
  font-weight: bold;
  font-size: 17px;
  justify-content: center;
  transition: 0.3s;
  margin-left: 10px;
}
.m_strength__perPerson_linkTarget:hover:after {
  border: 2px solid #fff;
  color: #fff;
  background-color: #1a8192;
}
.m_strength__costDown {
  margin-top: 30px;
}
.m_strength__noLimit {
  background-color: rgba(26, 129, 146, 0.15);
  padding: 20px;
  position: relative;
}
.m_strength__noLimit:after {
  display: block;
  content: "";
  border-width: 33px 52px;
  border-style: solid;
  border-color: rgba(26, 129, 146, 0.15) transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.m_strength__noLimit_headerMain {
  font-size: 20px;
}
.m_strength__noLimit_list {
  margin-top: 10px;
}
.m_strength__noLimit_item {
  display: flex;
  margin-top: 10px;
}
.m_strength__noLimit_ttl {
  min-width: 330px;
  text-indent: -11px;
  padding-left: 23px;
}
.m_strength__noLimit_ttl:before {
  content: "笆�";
  font-size: 16px;
  display: inline-block;
  color: #1a8192;
  margin-right: 5px;
}
.m_strength__compare-pc {
  margin-top: 5px;
}
.m_strength__compare-sp {
  display: none;
}
.m_strength_user__heading {
  margin-top: 70px;
}
.m_strength_user__ttl {
}
.m_strength_user__body {
  justify-content: space-between;
}
.m_strength_user__body:after {
  display: block;
  width: 280px;
  content: "";
  margin-top: 40px;
}
.m_strength_user__item {
  background-color: #fff;
  text-align: center;
  width: 280px;
  margin-top: 20px;
  flex-direction: column;
}
.m_strength_user__itemTtl {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
}
.m_strength_user__itemTtl_color {
  color: #1a8192;
}
.m_strength_user__itemTtl_num {
  font-size: 30px;
}
.m_strength_user__itemAttention {
  font-size: 12px;
  font-weight: 400;
}
.m_strength_user__itemImg {
  margin-top: auto;
  margin-bottom: 40px;
  position: relative;
}
.m_strength_user__itemImg_InnerNum {
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  top: 60px;
  left: 15px;
}
.m_footnote__inner::before {
  content: none;
}
@media screen and (max-width: 768px) {
  .m_strength__heading {
    display: block;
  }
  .m_strength__ttl {
    font-size: 32px;
  }
  .m_strength__num {
    font-size: 104px;
  }
  .m_strength__icon {
    font-size: 16px;
  }
  .m_strength__num {
    font-size: 80px;
  }
  .m_strength__ttl {
    font-size: 32px;
    margin-left: 10px;
  }
  .m_strength__copy {
    font-size: 24px;
    margin-left: 0;
  }
  .m_strength__msgMain {
    font-size: 16px;
  }
  .m_strength__noLimit_ttl {
    min-width: auto;
  }
  .m_strength_user__body {
    justify-content: center;
  }
  .m_strength_user__body:after {
    margin: 10px;
  }
  .m_strength_user__item {
    margin: 10px;
  }
  .m_strength__perPerson {
    display: block;
  }
  .m_strength__perPerson_strMain {
    padding: 15px 10px;
  }
  .m_strength__noLimit_item {
    display: block;
  }
  .m_strength__costDown {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
  }
  .m_strength__noLimit {
    padding: 20px 25px;
  }
  .m_strength__compare-pc {
    display: none;
  }
  .m_strength__compare-sp {
    display: block;
    background-color: #fff;
    padding: 70px 20px 50px;
  }
  .m_strength__compare-sp_ttl {
    text-align: center;
  }
  .m_strength__compare-sp_ttl_main {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    text-align: left;
  }
  .m_strength__compare-sp_img {
    margin-top: 30px;
    text-align: center;
  }
  .m_strength__compare-sp_imgMain {
    max-width: 500px;
    width: 100%;
  }
  .m_strength__compare-sp_box_inner {
    padding: 15px 15px 15px 25px;
  }
  .m_strength__compare-sp_box_inner-other {
    margin-top: 30px;
    background-color: #f6f6f6;
  }
  .m_strength__compare-sp_box_inner-insource {
    margin-top: 20px;
    border: 2px solid #1a8192;
    border-radius: 8px;
  }
  .m_strength__compare-sp_box_ttl {
    position: relative;
  }
  .m_strength__compare-sp_box_ttl:before {
    position: absolute;
    content: "";
    background-size: contain;
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-70%);
    left: -15px;
    border-radius: 50%;
    z-index: 1;
  }
  .m_strength__compare-sp_box_inner-other
    .m_strength__compare-sp_box_ttl:before {
    background-color: #8f8ea4;
  }
  .m_strength__compare-sp_box_inner-insource
    .m_strength__compare-sp_box_ttl:before {
    background-color: #1a8192;
  }
  .m_strength__compare-sp_box_inner-insource
    .m_strength__compare-sp_box_ttl:after {
    position: absolute;
    content: "";
    background-size: contain;
    width: 13px;
    height: 13px;
    top: 50%;
    transform: translateY(-70%);
    left: -16.5px;
    border-radius: 50%;
    background-color: #f7f141;
  }
  .m_strength__compare-sp_box_ttl_main {
    font-weight: bold;
    font-size: 18px;
  }
  .m_strength__compare-sp_box_inner-other .m_strength__compare-sp_box_ttl_main {
    color: #545271;
  }
  .m_strength__compare-sp_box_inner-insource
    .m_strength__compare-sp_box_ttl_main {
    color: #1a8192;
  }
  .m_strength__compare-sp_box_describe {
    font-size: 14px;
  }
}
@media screen and (max-width: 599px) {
  .m_strength__ttl {
    font-size: 24px;
  }
  .m_strength__num {
    font-size: 80px;
  }
  .m_strength__body {
    padding-left: 0;
  }
  .m_strength__copy {
    font-size: 16px;
  }
  .m_strength__noLimit_headerMain {
    font-size: 18px;
  }
  .m_strength__noLimit_msg {
    font-size: 14px;
  }
  .m_footnote--right {
    justify-content: left;
  }
}
/* 蠑ｷ縺ｿ縺ｮ繝昴う繝ｳ繝� */
.m_strengthPoint {
  display: flex;
  align-items: center;
  transition: 0.7s opacity, 0.7s transform;
  opacity: 0;
  transform: translateX(64px);
}
.m_strengthPoint__inner {
  display: block;
  background-color: rgba(26, 129, 146, 0.25);
  color: #515151;
  padding: 16px;
  border-radius: 20px;
  font-weight: bold;
}
.m_strengthPoint__heading {
  margin-bottom: 10px;
}
.m_strengthPoint__ttl {
  font-size: inherit;
}
.m_strengthPoint__ttlInner {
  position: relative;
  display: inline-block;
  z-index: 1;
  font-size: 25px;
}
.m_strengthPoint__ttlInner::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.2em;
  z-index: -1;
  display: block;
  height: 0.5em;
  width: calc(100% + 4px);
  border-radius: 2px;
  background-color: #f7f141;
  transform: translateX(-50%);
}
.m_strengthPoint__body {
}
.m_strengthPoint__body + .m_strengthPoint__body {
  margin-top: 12px;
}
.m_strengthPoint__copy {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  color: #515151;
}
.m_strengthPoint__copyTag {
  flex: 0 0 72px;
  position: relative;
  line-height: 1;
  padding: 6px 0 5px 6px;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  background: #1a8192;
}
.m_strengthPoint__copyTag::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  display: block;
  width: 13px;
  height: 13px;
  margin: auto 0;
  border-radius: 50%;
  line-height: 13px;
  text-align: center;
  font-size: 11px;
  color: #1a8192;
  background: #fff;
}
.m_strengthPoint__copyTag--1::after {
  content: "1";
}
.m_strengthPoint__copyTag--2::after {
  content: "2";
}
.m_strengthPoint__copyTag--3::after {
  content: "3";
}
.m_strengthPoint__copyTtl {
  padding-left: 16px;
}
.m_strengthPoint__msg {
  position: relative;
  margin-left: 72px;
}
.m_strengthPoint.is_show {
  opacity: 1;
  transform: translateX(0);
}
@media screen and (max-width: 768px) {
  .m_strengthPoint {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .m_strengthPoint__inner {
  }
  .m_strengthPoint__ttlInner {
    font-size: 20px;
  }
  .m_strengthPoint__copy {
    letter-spacing: -1px;
  }
  .m_strengthPoint__msg {
    margin-left: 0;
    padding-left: 0;
  }
  .m_strengthPoint__msg::before {
    content: none;
  }
}
/* 蠑ｷ縺ｿ縺ｮ繝懊ち繝ｳ */
.m_strengthBtn {
  border: 2px solid #1a8192;
  width: fit-content;
  margin: 0 auto;
}
.m_strengthBtn__target {
  background-color: #fff;
  color: #1a8192;
  transition: 0.3s;
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: bold;
  padding: 15px 30px;
  justify-content: center;
}
.m_strengthBtn__target:hover {
  background-color: #1a8192;
  color: #fff;
  text-decoration: none;
}
.m_strengthBtn__target:after {
  content: "竊�";
  font-family: FontAwesome;
  border: 2px solid #1a8192;
  color: #1a8192;
  border-radius: 50%;
  display: flex;
  align-items: center;
  min-width: 23px;
  height: 23px;
  font-weight: bold;
  font-size: 17px;
  justify-content: center;
  transition: 0.3s;
  margin-left: 10px;
}
.m_strengthBtn__target:hover:after {
  border: 2px solid #fff;
  color: #fff;
  background-color: #1a8192;
}

/* 讖溯� */
.m_func {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.m_func__heading {
}
.m_func__headingLink {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 18px 8px 8px;
  border-radius: 10px 10px 0 0;
  width: 100%;
  max-width: 380px;
  color: #fff;
}
.m_func__headingLink:hover {
  color: #fff;
  text-decoration: none;
}
.m_func__ttl {
  position: relative;
  padding-left: 40px;
  font-size: 18px;
  font-weight: bold;
}
.m_func__ttl::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 36px;
  height: 36px;
  margin: auto 0;
  line-height: 0;
}
.m_func__body {
  display: block;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 40px;
  box-shadow: 8px 8px 12px #333;
}
.m_func__body_inr {
  display: flex;
  justify-content: space-between;
}
.func_body_head {
  display: flex;
}
.m_funcStr {
  margin-top: 15px;
}
.m_func__body--min {
  border-radius: 0 0 16px 16px;
}
.m_func__copy {
  font-size: 18px;
  font-weight: bold;
}
.m_func__bulletList {
  margin-top: 30px;
}
.m_func__bulletItem {
  text-indent: -1rem;
  padding-left: 1rem;
}
.m_func__attentionMain {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
.m_func__attentionMain:hover {
  color: #333;
  text-decoration: none;
  opacity: 0.7;
}
.m_func__imgWrap {
}
.m_func__img {
  height: 200px;
}
.m_func__link {
  position: relative;
  padding-left: 18px;
  font-weight: bold;
  font-size: 14px;
}
.m_func__link::before {
  content: "\f0a9";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1em;
  margin: auto 0;
  line-height: 1;
  font-family: FontAwesome;
}
.m_func__link::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  width: 0;
  height: 2px;
  border-radiuns: 100px;
  background: #fff;
  transform: translateX(-50%);
  transition: 0.3s width;
}
.m_func__headingLink:hover .m_func__link::after {
  width: 48px;
}
.m_func--elearning .m_func__headingLink {
  background-color: #ff8800;
  color: #fff;
}
.m_func--elearning .m_func__ttl::before {
  content: url(/resource/img/leaf/function/movie_panel_bg.svg);
}
.m_func--test .m_func__headingLink {
  background-color: #e64500;
  color: #fff;
}
.m_func--test .m_func__ttl::before {
  content: url(/resource/img/leaf/function/test_panel_bg.svg);
}
.m_func--training .m_func__headingLink {
  background-color: #00c77f;
  color: #fff;
}
.m_func--training .m_func__ttl::before {
  content: url(/resource/img/leaf/function/training_panel_bg.svg);
}
.m_func--user .m_func__headingLink {
  background-color: #598ae4;
  color: #fff;
}
.m_func--user .m_func__ttl::before {
  content: url(/resource/img/leaf/function/user_panel_bg.svg);
}
.m_func--eval .m_func__headingLink {
  background-color: #00bdd6;
  color: #fff;
}
.m_func--eval .m_func__ttl::before {
  content: url(/resource/img/leaf/function/value_panel_bg.svg);
}
.m_func--stress .m_func__headingLink {
  background-color: #fd428e;
  color: #fff;
  font-size: 18px;
}
.m_func--stress .m_func__ttl::before {
  content: url(/resource/img/leaf/function/stress_panel_bg.svg);
}
@media screen and (max-width: 768px) {
  .m_func__headingLink {
    max-width: none;
    padding: 8px;
  }
  .m_func__body {
    display: block;
    padding: 30px 20px;
  }
  .m_func__body_inr {
    display: block;
  }
  .m_func__bulletList {
    margin-top: 20px;
  }
  .m_func__attention {
    text-align: right;
  }
}
@media screen and (max-width: 599px) {
  .m_func__body {
    padding: 20px 16px;
  }
  .m_func__copy {
    font-size: 16px;
  }
}

.is_funcsFade {
  opacity: 0;
  transform: translateY(64px);
}
.is_funcsFade.is_show {
  transition: 0.4s opacity cubic-bezier(0.165, 0.84, 0.44, 1),
    0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}

.func_head_ico + .func_head_text {
  margin-left: 25px;
}
.func_head_ico figure img {
  width: 70px;
  height: 70px;
  max-width: none;
}
.func_head_text .m_func__copy {
  font-size: 16px;
  font-weight: bold;
}
.func_head_text .m_func__ttl {
  font-size: 30px;
  font-weight: bold;
  padding-left: 0;
}
.func_head_text .m_func__copy + .m_func__ttl {
  margin-top: 0px;
}
.func_body_head + .func_detail_sec {
  margin-top: 25px;
}
.func_detail_link {
  margin-top: 15px;
}
.func_detail_link a {
  position: relative;
  color: #1a8192;
  font-weight: bold;
  transition: 0.2s;
}
.func_detail_link a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.func_detail_sec .func_detail_link {
  text-align: right;
}
.func_detail_link a::before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  right: 87px;
  top: -1px;
  background-image: url(/resource/img/leaf/lms/ico_arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.func_detail_link a:hover::before {
  opacity: 0.7;
}
@media (max-width: 768px) {
  .func_head_text .m_func__copy {
    font-size: 14px;
  }
  .func_head_text .m_func__ttl {
    font-size: 27px;
  }
  .func_head_ico + .func_head_text {
    margin-left: 20px;
  }
  .func_head_text .m_func__copy + .m_func__ttl {
    margin-top: 5px;
  }

  .l_section--function > .l_section__item + .l_section__item {
    margin-top: 20px !important;
  }
  .func_detail_sec p {
    font-size: 14px;
  }
  .l_section__item_mt30_sp {
    margin-top: 30px !important;
  }

  .func_head_ico figure img {
    width: 90px;
    height: 90px;
  }
  .m_func__box .func_head_ico figure img {
    width: 70px;
    height: 70px;
  }

  .func_body_head + .func_detail_sec {
    margin-top: 15px;
  }
}

.m__func_cont_list_head {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}
.m_func_sublist_sec {
  border: 1px solid #707070;
  padding: 15px;
}
.m_func__sublist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.m_func__sublist_itm {
  flex: 1;
}
.m_func__sublist_itm a {
  position: relative;
  color: #3e3e3e;
  font-size: 14px;
  transition: 0.2s;
  padding-left: 12px;
}
.m_func__sublist_itm a:hover {
  opacity: 0.7;
  text-decoration: none;
}
.m_func__sublist_itm a::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 13px;
  top: 3px;
  left: 0;
  background-image: url(/resource/img/leaf/lms/ico_func_list_link.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
.m_func__sublist_itm a:hover::before {
  opacity: 0.7;
}
.m_func__sublist + .m_func__sublist {
  margin-top: 10px;
}
@media (max-width: 768px) {
  .m_func {
    display: block;
  }
  .m_func__sublist_area {
    margin-top: 30px;
  }
  .m_func__sublist {
    display: block;
  }
  .m_func__sublist_itm + .m_func__sublist_itm {
    margin-top: 15px;
  }
  .m_func__sublist + .m_func__sublist {
    margin-top: 15px;
  }
}

.func_detail_text {
  margin-top: 15px;
}

.m_funcStr + .m_funcImg {
  margin-left: 45px;
}

.m_func__box {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 25px 15px 20px;
  box-shadow: 8px 8px 12px #333;
}
.m_func__box .func_head_text .m_func__copy {
  font-size: 15px;
  letter-spacing: 0;
}
.m_func__box .func_head_text .m_func__ttl {
  font-size: 22px;
  letter-spacing: 0;
}
.m_func__box .func_head_ico + .func_head_text {
  margin-left: 10px;
}
.m_func__box .m_func__copy + .m_func__ttl {
  margin-top: 0px;
}
@media (max-width: 768px) {
  .m_func__box {
    padding: 25px 20px;
  }
  .m_func__box .m_func__copy + .m_func__ttl {
    margin-top: 1px;
  }
  .m_func__box .func_head_text .m_func__copy {
    font-size: 14px;
  }
  .m_func__box .m_func__copy + .m_func__ttl {
    font-size: 25px;
  }
}

.m_func--evaluation .func_detail_link a {
  color: #4260ad;
}
.m_func--evaluation .func_detail_link a::before {
  background-image: url(/resource/img/leaf/lms/ico_arrow_bl.svg);
}
.m_func--stresscheck .func_detail_link a {
  color: #b52d61;
}
.m_func--stresscheck .func_detail_link a::before {
  background-image: url(/resource/img/leaf/lms/ico_arrow_pink.svg);
}
@media (max-width: 768px) {
  .func_detail_link a::before {
    width: 18px;
    height: 18px;
    right: 75px;
  }
}

.m_func--elearning .m_func__ttl::before,
.m_func--training .m_func__ttl::before,
.m_func--test .m_func__ttl::before,
.m_func--user .m_func__ttl::before {
  content: none;
}

/* 讖溯�縺ｮ逕ｻ蜒� */
.m_funcImg {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f4f7f8;
  padding: 0 18px;
}
.m_funcImg img {
  max-width: 328px;
  height: auto;
}
@media (min-width: 769px) {
  .m_funcImg_sp {
    display: none;
  }
}
@media (max-width: 768px) {
  .m_funcImg_sp {
    display: block;
    background-color: #f4f7f8;
    padding: 20px;
    text-align: center;
  }
  .m_funcImg {
    display: none;
  }
  .m_func__img {
    height: auto;
  }
  .func_body_head + .m_funcImg_sp {
    margin-top: 13px;
  }
  .m_funcImg_sp + .func_detail_sec {
    margin-top: 30px;
  }
}
@media screen and (max-width: 599px) {
  .m_funcImg img {
    max-width: 64%;
  }
}
/*莉也､ｾe繝ｩ繝ｼ繝九Φ繧ｰ繧ｷ繧ｹ繝�Β縺ｨ縺ｮ驕輔＞*/
.m_heading-different .m_heading__ttl {
  letter-spacing: 0;
}
.m_differentItem__ttl:before {
  color: #1a8192;
  font-size: 50px;
  counter-increment: number 1;
  content: counter(number) " ";
  margin-right: 15px;
}
/* 1,000蜷堺ｻ･荳翫�縲悟､ｧ隕乗ｨ｡e繝ｩ繝ｼ繝九Φ繧ｰ縲阪↓譛€驕ｩ */
.m_largeScale__body {
  background-color: #fff;
  padding: 20px;
}
.m_largeScale__strList {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.m_largeScale__strItem {
  width: 50%;
  text-align: center;
  position: relative;
  margin-top: -1px;
  margin-left: -1px;
  padding: 30px 0;
}
.m_largeScale__strItem:before,
.m_largeScale__strItem:after {
  content: "";
  background-color: #bcbcbc;
  position: absolute;
  display: inline-block;
}
.m_largeScale__strItem:before {
  left: 0;
  top: 5%;
  height: 90%;
  width: 1px;
}
.m_largeScale__strItem:after {
  top: 0;
  left: 2%;
  height: 1px;
  width: 96%;
}
.m_largeScale__strItem_msg {
  font-weight: bold;
  font-size: 20px;
}
.m_largeScale__strItem_msg_link {
  color: #112e76;
  transition: 0.3s;
  text-decoration: none;
}
.m_largeScale__strItem_msg_link:after {
  content: "\f08e";
  display: inline-block;
  font-family: Fontawesome;
  padding-left: 5px;
  font-size: 10px;
  vertical-align: text-top;
}
.m_largeScale__strItem_msg_link:hover {
  color: #112e76;
  opacity: 0.7;
  text-decoration: none;
}
.m_largeScale__strItem_msg_marker {
  display: inline-block;
  position: relative;
  z-index: 1;
}
.m_largeScale__strItem_msg_marker:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  background: #f7f141;
  transform: skewX(-23.4deg);
}
.m_largeScale__banner {
  margin-top: 20px;
}
.m_largeScale__banner_ttl {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  display: flex;
  align-items: end;
  justify-content: center;
}
.m_largeScale__banner_ttl:before,
.m_largeScale__banner_ttl:after {
  display: inline-block;
}
.m_largeScale__banner_ttl:before {
  content: "�ｼ";
}
.m_largeScale__banner_ttl:after {
  content: "��";
}
.m_largeScale__bannerList {
  background-color: #f3f3f3;
  display: flex;
  justify-content: space-between;
  padding: 25px 30px;
}
.m_largeScale__bannerItem {
}
.m_largeScale__bannerItem_target {
  color: #333;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  padding: 20px 45px 20px 25px;
  width: 420px;
  height: 100%;
  cursor: pointer;
  transition: 0.3s;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  position: relative;
}
.m_largeScale__bannerItem_target:after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.m_largeScale__bannerItem_target-lightning:after {
  background-image: url("../../resource/img/leaf/lms/icon_arrow_lightning.png");
}
.m_largeScale__bannerItem_target-studio:after {
  background-image: url("../../resource/img/leaf/lms/icon_arrow_studio.png");
}
.m_largeScale__bannerItem_target:hover {
  text-decoration: none;
  opacity: 0.7;
  color: inherit;
}
.m_largeScale__bannerItem_str {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.m_largeScale__bannerItem_msg {
  font-size: 14px;
  font-weight: bold;
}
.m_largeScale__bannerItem_ttl {
  font-size: 18px;
  font-weight: bold;
}
.m_largeScale__banner_attention {
  text-align: right;
}
.m_largeScale__banner_attentionMain {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
.m_largeScale__banner_attentionMain:hover {
  color: #333;
  text-decoration: none;
  opacity: 0.7;
}
@media (max-width: 768px) {
  .m_heading-different .m_heading__ttl {
  }
  .m_largeScale__strItem {
    width: 100%;
  }
  .m_largeScale__bannerList {
    display: block;
    padding: 10px;
  }
  .m_largeScale__bannerItem {
    margin: auto;
  }
  .m_largeScale__bannerItem + .m_largeScale__bannerItem {
    margin-top: 10px;
  }
  .m_largeScale__bannerItem_target {
    margin: auto;
  }
}
@media (max-width: 599px) {
  .m_largeScale__body {
    padding: 10px;
  }
  .m_largeScale__strItem_msg {
    font-size: 16px;
  }
  .m_largeScale__bannerItem {
    width: 100%;
  }
  .m_largeScale__bannerItem_target {
    width: 100%;
    display: block;
    padding: 10px 35px 10px 10px;
    max-width: 420px;
  }
  .m_largeScale__bannerItem_target:after {
    right: 10px;
  }
  .m_largeScale__bannerItem_img {
    text-align: center;
    margin-right: -25px;
  }
  .m_largeScale__bannerItem_str {
    justify-content: center;
  }
  .m_largeScale__bannerItem_strWrap {
    display: inline-block;
    text-align: center;
  }
}
/* 繧ｵ繝昴�繝医�邂ｱ */
.m_supportBox {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 12px;
}
.m_supportBox__item {
  display: flex;
  justify-content: center;
  padding: 12px;
}
.m_supportBox__item + .m_supportBox__item {
  border: none;
}
.m_supportBox__inner {
  width: 100%;
}
.m_supportBox__item-other + .m_supportBox__item-other {
  border-left: 1px solid #ccc;
}
.m_supportBox-other {
  margin-top: 10px;
}
.m_supportBox-btns {
  margin: -2px -12px -12px;
  padding: 0;
  background: none;
}
@media (max-width: 768px) {
  .m_supportBox {
    display: block;
  }
  .m_supportBox-other {
    display: flex;
  }
  .m_supportBox__item + .m_supportBox__item {
    border-top: 1px solid #ccc;
  }
  .m_supportBox__item-other + .m_supportBox__item-other {
    border-left: 1px solid #ccc;
    border-top: none;
  }
}
/* 繧ｵ繝昴�繝� */
.m_support {
  display: inline-block;
}
.m_support__heading {
  margin-bottom: 16px;
  text-align: center;
}
.m_support__ttl {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 25px;
  font-weight: bold;
}
.m_support__ttl::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 0.5em;
  margin: 0 auto;
  background: #f7f141;
  transform: skewX(-23.4deg);
}
.m_support__body {
}
.m_support__list {
}
.m_support__item {
  position: relative;
  padding-left: 16px;
}
.m_support__item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #1a8192;
}
.m_support__item + .m_support__item {
  margin-top: 8px;
}
.m_support__copy {
  position: relative;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  padding-bottom: 0px;
  letter-spacing: -0.5px;
}
.m_support__copy_sub {
  font-size: 14px;
  text-align: center;
}
.m_support__copy_link {
  color: #112e76;
  transition: 0.3s;
  white-space: nowrap;
}
.m_support__copy_link:after {
  content: "\f08e";
  display: inline-block;
  font-family: Fontawesome;
  font-size: 11px;
  vertical-align: text-top;
}
.m_support__copy_link:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #112e76;
}
.m_support__attention {
  text-align: right;
}
.m_support__attentionMain {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: #333;
}
.m_support__attentionMain:hover {
  color: #333;
  text-decoration: none;
  opacity: 0.7;
}
.m_support__body + .m_support__icons {
  margin-top: 24px;
}
.m_support__icons {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -16px;
}
.m_support__icon {
  padding: 0 16px;
  line-height: 0;
  text-align: center;
}
.m_support__iconTarget {
  display: block;
}
@media screen and (max-width: 599px) {
  .m_support__ttl {
    font-size: 18px;
  }
  .m_supportBox__item + .m_supportBox__item {
    border-top: 1px solid #ccc;
    border-left: none;
  }
  .m_supportBox__item-other + .m_supportBox__item-other {
    border-left: none;
    border-top: 1px solid #ccc;
  }
}
/*閾ｪ遉ｾ豬√き繧ｹ繧ｿ繝�*/
.m_customBox__msg {
  margin-bottom: 10px;
}
.m_customBox__msgStr {
  font-size: 16px;
  text-align: center;
}
.m_custom {
  border: 1px solid #333;
}
.m_customBox__item {
  padding: 15px;
}
.m_customBox__item-rank {
  background-color: #fff;
}
.m_customBox__item + .m_customBox__item {
  margin-top: 10px;
}
.m_custom__new {
  background-color: #fff;
}
.m_custom__ttl {
  background-color: #1a8192;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  padding: 5px 10px;
}
.m_custom__item {
  display: flex;
  padding-bottom: 15px;
}
.m_custom__new .m_custom__item:last-of-type {
  padding-bottom: 0;
}
.m_custom__item + .m_custom__item {
  border-top: 1px solid #333;
  padding-top: 15px;
}
.m_custom__body {
  padding: 15px;
}
.m_custom__item_ttl {
  font-size: 18px;
}
.m_custom__item_rank {
  padding: 0 15px;
  display: inline-block;
}
.m_custom__item_rank img {
  min-width: 64px;
  margin-top: 5px;
}
.m_custom__item_rank:before {
  content: "";
  text-align: center;
  display: block;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 2px 0;
}
.m_custom__item:nth-of-type(1) .m_custom__item_rank:before {
  background-color: #c18b1e;
  content: "1菴�";
}
.m_custom__item:nth-of-type(2) .m_custom__item_rank:before {
  background-color: #96a1aa;
  content: "2菴�";
}
.m_custom__item:nth-of-type(3) .m_custom__item_rank:before {
  background-color: #8c543b;
  content: "3菴�";
}
.m_custom__item_msg {
  margin-top: 5px;
}
.m_custom__item_link {
  color: #112e76;
  font-weight: bold;
  text-decoration: underline;
}
.m_custom__item_link:hover {
  color: #112e76;
  opacity: 0.7;
}
.m_custom__item_btn {
  text-align: center;
}
.m_custom__item_btnTarget {
  padding: 8px 2em;
  border-radius: 8px;
  background: #00c77f;
  color: #fff;
  font-weight: 700;
  display: inline-block;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  font-size: 18px;
}
.m_custom__item_btnTarget:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #fff;
}
.m_customBox__item-new .m_custom__item:before {
  content: "";
  background-image: url("../../resource/img/leaf/lms/icon_new_option.png");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  min-width: 63px;
  min-height: 52px;
  margin: 0 15px;
}
.m_custom__item_str {
  padding-left: 10px;
}
@media (max-width: 768px) {
  .m_custom__item {
  }
  .m_custom__item_btnTarget {
    font-size: 16px;
  }
}
@media (max-width: 599px) {
  .m_custom__ttl {
    font-size: 20px;
  }
  .m_custom__item {
    display: block;
    text-align: center;
  }
  .m_custom__item_str {
    text-align: left;
  }
  .m_custom__item_link {
    display: block;
    text-align: right;
  }
  .m_customBox__item {
    padding: 10px;
  }
}
/* 莠倶ｾ� */
.m_case {
  position: relative;
  background-color: #fff;
  padding: 24px 24px 64px 24px;
  background: #fff;
}
.m_case__heading {
  margin-bottom: 24px;
  border-left: solid 5px #1a8192;
  padding: 8px 0 8px 10px;
}
.m_case__ttl {
  font-size: 20px;
}
.m_case__subTtl {
}
.m_case__ttl + .m_case__subTtl {
  margin-top: 8px;
}
.m_case__body {
  display: flex;
  margin: -16px;
}
.m_case__detail {
  flex: 1 1 auto;
  width: 100%;
  padding: 16px;
}
.m_case__detailItem {
  display: flex;
}
.m_case__detailItem + .m_case__detailItem {
  padding-top: 24px;
}
.m_case__tagWrap {
  flex: 0 0 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  border: 4px solid transparent;
}
.m_case__tagWrap--aim {
  position: relative;
  border-color: #1a8192;
  color: #1a8192;
}
.m_case__tagWrap--aim::before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 51px;
  display: block;
  border-top: 16px solid #76d2d2;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.m_case__tagWrap--goal {
  border-color: #ceae3d;
  color: #ceae3d;
}
.m_case__tag {
}
.m_case__list {
  flex: 1 1 auto;
  padding-left: 16px;
}
.m_case__item {
  position: relative;
  padding-left: 1em;
}
.m_case__item::before {
  content: "繝ｻ";
  position: absolute;
  left: 0;
}
.m_case__item + .m_case__item {
  margin-top: 8px;
}
.m_case__imgWrap {
  position: relative;
  flex: 0 0 320px;
  padding: 16px;
}
.m_case__img {
  padding-bottom: 36px;
  line-height: 0;
  text-align: center;
}
.m_case__img > img {
  width: 100%;
  height: auto;
}
.m_case__link {
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.m_case__linkTarget {
  position: relative;
  display: block;
  padding-left: 2em;
  font-weight: bold;
  color: #20c5ae;
}
.m_case__linkTarget:hover {
  text-decoration: none;
  color: #20c5ae;
}
.m_case__linkTarget::before {
  content: "\f0a9";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1em;
  margin: auto 0;
  font-size: 1.6em;
  line-height: 1;
  font-family: FontAwesome;
}
.m_case__linkTarget::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  width: 0;
  height: 2px;
  border-radiuns: 100px;
  background: #20c5ae;
  transform: translateX(-50%);
  transition: 0.3s width;
}
.m_case__linkTarget:hover::after {
  width: 80px;
}
.m_case__detailItem + .m_case__link {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .m_case__ttl {
    font-size: 16px;
  }
  .m_case__detailItem {
    display: block;
  }
  .m_case__detailItem + .m_case__detailItem {
    position: relative;
    padding-top: 48px;
  }
  .m_case__detailItem + .m_case__detailItem::before {
    content: "";
    position: absolute;
    top: 16px;
    left: 50%;
    display: block;
    border-top: 16px solid #76d2d2;
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    transform: translateX(-50%);
  }
  .m_case__tagWrap {
    width: 100%;
    max-width: 160px;
    height: auto;
    margin-bottom: 16px;
  }
  .m_case__tagWrap--aim::before {
    content: none;
  }
  .m_case__list {
    padding-left: 0;
  }
  .m_case__imgWrap {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  .m_case {
    padding: 24px 16px 64px 16px;
  }
}
/* 譁咎≡繝励Λ繝ｳ縺ｮ繝ｩ繝�ヱ繝ｼ */
.m_planWrapper {
  background: #fff;
}
.m_planWrapper__heading {
}
.m_planWrapper__headingInner {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 32px;
  padding: 12px 0;
  background-color: #1a8192;
  color: #fff;
}
.m_planWrapper__headingInner--link {
}
.m_planWrapper__headingInner--link:hover {
  text-decoration: none;
  color: #fff;
}
.m_planWrapper__ttl {
  font-size: 24px;
  font-weight: bold;
  color: #f7f141;
}
.m_planWrapper__subTtl {
  display: flex;
  align-content: center;
  padding-left: 20px;
}
.m_planWrapper__linkIcon {
  position: relative;
  display: block;
  line-height: 1;
}
.m_planWrapper__linkIcon::before {
  content: "\f0a9";
  display: block;
  font-family: Fontawesome;
  font-size: 24px;
  color: #fff;
}
.m_planWrapper__linkIcon::after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  width: 0;
  height: 2px;
  border-radiuns: 100px;
  background: #fff;
  transform: translateX(-50%);
  transition: 0.3s width;
}
.m_planWrapper__headingInner--link:hover .m_planWrapper__linkIcon::after {
  width: 32px;
}
.m_planWrapper__lead {
  line-height: 2;
  text-align: center;
}
.m_planWrapper__body {
  width: 66.666%;
  margin: 0 auto;
  padding-bottom: 64px;
}
.m_planWrapper__body--wide {
  width: 80%;
}
.m_planWrapper__lead + .m_planWrapper__body {
  margin-top: 32px;
}
.m_planWrapper__inner {
}
.m_planWrapper__footer {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .m_planWrapper__lead {
    padding: 0 24px;
  }
  .m_planWrapper__body {
    width: 100%;
    padding: 0 24px 64px;
  }
}
@media screen and (max-width: 599px) {
  .m_planWrapper__lead {
    padding: 0 16px;
  }
  .m_planWrapper__body {
    padding: 0 16px 64px;
  }
  .m_planWrapper__ttl {
    font-size: 16px;
  }
}
/* 繝励Λ繝ｳ */
.m_plan {
}
.m_plan__item {
  display: flex;
  align-items: center;
  height: 64px;
}
.m_plan__item:nth-child(odd) {
  background: #f2f2f2;
}
.m_plan__ttl {
  width: 50%;
  padding: 0 80px;
  text-align: right;
  font-size: 24px;
}
.m_plan__price {
  width: 50%;
  padding: 0 80px;
  text-align: right;
}
.m_plan__value {
  font-size: 30px;
  line-height: 1;
}
.m_plan__tax {
  font-size: 14px;
  line-height: 1;
}
.m_plan__value + .m_plan__tax {
  margin-top: 4px;
}
.m_plan__unit {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .m_plan__ttl {
    padding: 0 40px;
  }
  .m_plan__price {
    padding: 0 40px;
  }
  .m_plan--intra .m_plan__ttl {
    width: 40%;
  }
  .m_plan--intra .m_plan__price {
    width: 60%;
  }
}
@media screen and (max-width: 599px) {
  .m_plan__ttl {
    width: 40%;
    padding: 0 16px;
    font-size: 16px;
  }
  .m_plan__price {
    width: 60%;
    padding: 0 16px;
  }
  .m_plan__value {
    font-size: 24px;
  }
  .m_plan--intra .m_plan__ttl {
    width: 25%;
    padding: 0 8px;
  }
  .m_plan--intra .m_plan__price {
    width: 75%;
    padding: 0 8px;
  }
}
/* 繝励Λ繝ｳ縺ｮ陬懆ｶｳ */
.m_planNote {
}
.m_planNote__item + .m_planNote__item {
  margin-top: 40px;
}
.m_planNote__msg {
  text-align: center;
}
/* 縺翫☆縺吶ａ縺ｮ繝励Λ繝ｳ */
.m_planRecommend {
  position: relative;
  padding: 24px 16px;
  border: 4px solid #f2f2f2;
}
.m_planRecommend__ttl {
  position: absolute;
  top: 0;
  left: 50%;
  display: inline-block;
  padding: 0 16px 0 40px;
  font-weight: bold;
  color: #1a8192;
  background: #fff;
  transform: translate(-50%, -50%);
}
.m_planRecommend__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto 0;
  border-radius: 50%;
  background: #1a8192;
}
.m_planRecommend__ttl::after {
  content: "��";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  display: block;
  width: 20px;
  height: 20px;
  margin: auto 0;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}
.m_planRecommend__msg {
  text-align: center;
}
.m_planRecommend__msg + .m_planRecommend__msg {
  margin-top: 8px;
}
.m_planRecommend__msgEm {
  font-weight: bold;
}
.m_planRecommend__msgLink {
  margin: 0 12px;
  text-decoration: underline;
}
@media screen and (max-width: 599px) {
  .m_planRecommend__ttl {
    white-space: nowrap;
  }
}
/* 縺昴�莉悶�繝ｩ繝ｳ */
.m_otherPlan {
  padding: 16px 20px;
  border: 3px solid #1a8192;
  background-color: #fff;
  color: inherit;
  text-decoration: none;
}
.m_otherPlan:hover {
  color: inherit;
  text-decoration: none;
}
.m_otherPlan__heading {
  position: relative;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 2px solid #1a8192;
}
.m_otherPlan__ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(2em * 1.6);
  padding-right: 24px;
  text-align: center;
}
.m_otherPlan__subTtl {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  height: 1em;
  font-size: 24px;
  transform: translateY(-5px);
}
.m_otherPlan__linkIcon {
  position: relative;
  display: block;
  line-height: 1;
}
.m_otherPlan__linkIcon::before {
  content: "\f0a9";
  display: block;
  font-family: Fontawesome;
  color: #1a8192;
}
.m_otherPlan--hasLink {
  transition: 0.3s color, 0.3s background-color;
}
.m_otherPlan--hasLink:hover {
  color: #fff;
  background-color: #1a8192;
}
.m_otherPlan--hasLink .m_otherPlan__heading {
  transition: 0.3s border-color;
}
.m_otherPlan--hasLink:hover .m_otherPlan__heading {
  border-color: #fff;
}
.m_otherPlan--hasLink .m_otherPlan__linkIcon::before {
  transition: 0.3s color;
}
.m_otherPlan--hasLink:hover .m_otherPlan__linkIcon::before {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .m_otherPlan {
    padding: 16px;
  }
  .m_otherPlan__ttl {
    font-size: 14px;
  }
}
/* 蟆主�縺ｾ縺ｧ縺ｮ豬√ｌ */
.m_introduction {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 80px;
  background: #fff;
}
.m_introWrapper {
  padding-bottom: 60px;
}
.m_introduction__step + .m_introduction__step {
  margin-top: 36px;
}
.m_introduction__heading {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.m_introduction__phase {
  font-size: 20px;
  font-weight: bold;
  color: #79e679;
}
.m_introduction__ttl {
  font-size: 18px;
  font-weight: bold;
}
.m_introduction__phase + .m_introduction__ttl {
  padding-left: 16px;
}
.m_introduction__msg + .m_introduction__msg {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .m_introduction {
    padding: 40px 24px;
  }
}
@media screen and (max-width: 599px) {
  .m_introWrapper {
    padding-bottom: 20vw;
  }
  .m_introduction {
    padding: 40px 16px;
  }
  .m_introduction__phase {
    font-size: 16px;
  }
  .m_introduction__ttl {
    font-size: 16px;
  }
}

/* 辟｡譁吶ヨ繝ｩ繧､繧｢繝ｫ逕ｳ霎ｼ蜿嶺ｻ倅ｸｭ�� */
.m_heading--trial {
  display: flex;
  justify-content: center;
  align-items: center;
}
.m_trial_image_sec {
  position: absolute;
  width: 522px;
  height: 422px;
  left: 26%;
  top: -420px;
}
.m_trial_image img {
  width: 100%;
  max-width: 100%;
}
.m_trialWrapper {
  position: relative;
  padding-top: 360px;
}
.m_heading--trial.m_heading--primary {
  margin-bottom: 40px;
}
.m_heading_trial_ico + .m_heading__ttl {
  margin-left: 30px;
}
.m_trial_sec_text {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.m_trial_btn_sec {
  margin-top: 40px;
}
.m_trial_btn_sec a:hover {
  text-decoration: none;
}
.m_trial_btn {
  width: 355px;
  color: #fff;
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  background-color: #1fc5ae;
  border: 1px solid #1fc5ae;
  border-radius: 8px;
  padding: 16px 0;
  margin: 0 auto;
  transition: 0.2s;
}
.m_trial_btn:hover {
  color: #1fc5ae;
  background-color: #fff;
}
@media (max-width: 768px) {
  .m_trial_sec_text {
    text-align: left;
  }
  .m_heading_trial_ico + .m_heading__ttl {
    text-align: left;
  }
}
@media (max-width: 768px) and (min-width: 600px) {
  .m_trial_image_sec {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
}
@media (max-width: 599px) {
  .m_trialWrapper {
    padding-top: 58vw;
  }
  .m_trial_image_sec {
    width: 100%;
    height: auto;
    left: auto;
    top: -71vw;
  }
  .m_trial_btn {
    width: 100%;
  }
  .m_heading_trial_ico + .m_heading__ttl {
    margin-left: 15px;
  }
  .m_trial_sec_text {
    font-size: 16px;
  }
}

/* 閼壽ｳｨ */
.m_footnote {
  display: flex;
}
.m_footnote__inner {
  position: relative;
  padding-left: 1em;
  font-size: 13px;
}
.m_footnote__inner::before {
  content: "窶ｻ";
  position: absolute;
  left: 0;
  display: block;
}
.m_footnote--right {
  display: flex;
  justify-content: flex-end;
}
/* 繧ｵ繝ｼ繝薙せ繝ｩ繝�ヱ繝ｼ */
.m_serviceWrapper {
  max-width: 696px;
  margin-left: auto;
  margin-right: auto;
}
.m_serviceWrapper__item + .m_serviceWrapper__item {
  margin-top: 24px;
}
/* 謠蝉ｾ帙し繝ｼ繝薙せ */
.m_service {
}
.m_service__ttl {
  position: relative;
  margin-bottom: 16px;
  padding-left: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.m_service__ttl::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.m_service__ttl--studio::before {
  background: #bc272d;
}
.m_service__ttl--eval::before {
  background: #1a8192;
}
.m_service__ttl--stress::before {
  background: #ff428e;
}
.m_service__banner {
}
.m_service__bannerTarget {
  display: block;
  text-align: center;
  line-height: 0;
  transition: 0.3s opacity;
}
.m_service__bannerTarget:hover {
  opacity: 0.7;
}
.m_service__bannerTarget img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .m_service__ttl {
    font-size: 16px;
  }
  .m_heading-service .m_heading__ttl {
    line-height: 1.2;
  }
}
/* 縺雁ｽｹ遶九■繧ｳ繝ｩ繝� */
.m_column {
  position: relative;
  padding-bottom: 64px;
  border: 1px solid #1a8192;
  background-color: #fff;
}
.m_column__heading {
  padding: 12px 16px;
  background: #1fc5ae;
}
.m_column__ttl {
  text-align: center;
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
  color: #fff;
}
.m_column__body {
  padding: 16px;
}
.m_column__btn {
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}
/* 雉�侭繝€繧ｦ繝ｳ繝ｭ繝ｼ繝� */
.m_enegy {
  display: flex;
  align-items: center;
  padding: 20px 40px;
  border: 2px solid #1a8192;
  box-shadow: 3px 3px 8px #aaa;
  color: inherit;
  background: #fff;
  transition: 0.3s opacity;
}
.m_enegy:hover {
  opacity: 0.7;
  color: inherit;
  text-decoration: none;
}
.m_enegy__heading {
  flex: 0 0 280px;
}
.m_enegy__catch {
  position: relative;
  display: inline-block;
  padding: 0 20px;
  color: #218496;
  font-size: 18px;
  background: linear-gradient(to top, #fbee85 0, #fbee85 50%, #fff 0);
  transform: rotate(-12.3deg);
}
.m_enegy__catch::before,
.m_enegy__catch::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  margin: auto 0;
  width: 2px;
  height: 80%;
  background: #218496;
}
.m_enegy__catch::before {
  left: 0;
  transform: rotate(-45deg);
}
.m_enegy__catch::after {
  right: 0;
  transform: rotate(45deg);
}
.m_enegy__catch + .m_enegy__subTtl {
  margin-top: 36px;
}
.m_enegy__subTtl {
  color: #218496;
  font-size: 16px;
}
.m_enegy__ttl {
  color: #218496;
  font-size: 20px;
}
.m_enegy__img {
  flex: 0 0 173px;
  line-height: 0;
}
.m_enegy__img img {
  max-width: 100%;
  height: auto;
}
.m_enegy__body {
  flex: 1 1 auto;
  padding: 0 40px;
}
.m_enegy__msg {
  font-size: 16px;
}
.m_enegy__msg + .m_enegy__btn {
  margin-top: 32px;
}
.m_enegy__btn {
  display: flex;
  align-items: stretch;
  justify-content: center;
  font-size: 20px;
}
.m_enegy__btn::before {
  content: "";
  display: block;
  width: 0;
  height: 2.5em;
}
.m_enegy__btnTarget {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0 16px;
  border-radius: 12px;
  background: #1fc5ae;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .m_enegy {
    display: block;
    padding: 24px 16px;
  }
  .m_enegy__heading {
    margin-bottom: 16px;
    text-align: center;
  }
  .m_enegy__catch {
    transform: none;
  }
  .m_enegy__catch + .m_enegy__subTtl {
    margin-top: 16px;
  }
  .m_enegy__img {
    text-align: center;
  }
  .m_enegy__img + .m_enegy__body {
    margin-top: 16px;
  }
  .m_enegy__body {
    padding: 0;
  }
  .m_enegy__btn {
    font-size: 16px;
  }
}
/* 繝代ャ繧ｱ繝ｼ繧ｸ繝悶Λ繝ｳ�医ヱ繝�こ繝ｼ繧ｸ繝励Λ繝ｳ縺ｮCSS縺九ｉ繧ｳ繝斐��� */
.m_lineup_pack_list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
}
.m_lineup_pack_listItem {
  position: relative;
  width: 100%;
  max-width: 470px;
  margin-top: 40px;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
.m_lineup_pack_listItem::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 55px solid #69b08e;
  border-bottom: 55px solid transparent;
}
.m_lineup_pack_listItem:nth-child(n + 3) {
  margin-top: 40px;
}
.m_lineup_pack_card {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 25px;
  color: #333333;
  background: #fff;
  transition: opacity 0.3s;
}
.m_lineup_pack_card:hover {
  color: #333333;
  opacity: 0.6;
  text-decoration: none;
}
.m_lineup_pack_card_heading {
  text-align: center;
}
.m_lineup_pack_card_heading_ttl {
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}
.m_lineup_pack_card_heading_ttl span {
  display: block;
  font-size: 20px;
}
.m_lineup_pack_card_img {
  width: 80%;
  margin: 25px auto 0;
  text-align: center;
  line-height: 0;
}
.m_lineup_pack_card_img img {
  max-width: 100%;
  height: auto;
}
.m_lineup_pack_card_txt {
  margin-top: 20px;
  font-size: 16px;
}
.m_lineup_pack_card_tag_wrap {
  margin-top: auto;
}
.m_lineup_pack_card_tagList {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.m_lineup_pack_card_tagItem {
  border: 1px solid #0a8b4d;
  border-radius: 15px;
  margin: 5px 15px 0 0;
  padding: 5px 15px;
  color: #0a8b4d;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
}
.m_lineup_pack_list__pick .m_lineup_pack_listItem::after {
  border-left-color: #d1c307;
}
.m_lineup_pack_list__pick .m_lineup_pack_card_tagItem {
  border: 1px solid #d1c307;
  color: #d1c307;
}
@media screen and (max-width: 768px) {
  .m_lineup_pack_list {
    flex-direction: column;
  }
  .m_lineup_pack_listItem {
    max-width: none;
  }
  .m_lineup_pack_listItem::after {
    border-width: 50px;
  }
  .m_lineup_pack_listItem:nth-child(n + 1) {
    margin-top: 20px;
  }
  .m_lineup_pack_listItem:last-child {
    margin-bottom: 10px;
  }
  .m_lineup_pack_card {
    max-width: none;
    padding: 20px;
  }
  .m_lineup_pack_card_heading_ttl {
    font-size: 14px;
  }
  .m_lineup_pack_card_heading_ttl span {
    font-size: 17px;
  }
  .m_lineup_pack_card_img {
    margin-top: 15px;
  }
  .m_lineup_pack_card_txt {
    margin-top: 15px;
    font-size: 14px;
  }
  .m_lineup_pack_card_tagList {
    margin-top: 15px;
  }
  .m_lineup_pack_card_tagItem {
    font-size: 12px;
  }
}
/* ------------
State
-------------- */
/* 繝壹�繧ｸ繧ｭ繝｣繝�メ繧ｳ繝斐�縺ｮ繝輔ぉ繝ｼ繝€繝ｼ */
.is_copyFade {
  opacity: 0;
  transform: translateY(64px);
}
.is_copyFade.is_show {
  transition: 0.4s opacity cubic-bezier(0.165, 0.84, 0.44, 1),
    0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}
/* 繝壹�繧ｸ繧ｭ繝｣繝�メ繧ｳ繝斐�縺ｮ繝代Λ繝ｩ繝�け繧ｹ */
.is_copyParallax {
  transition: 0.4s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (max-width: 768px) {
  .is_copyParallax {
    transform: none !important;
  }
}
/* 縺ゅ＠繧峨＞縺ｮ繝代Λ繝ｩ繝�け繧ｹ */
.is_bkTreatParallax {
  transition: 0.4s transform cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* 隕句�縺励�繝輔ぉ繝ｼ繝€繝ｼ */
.is_headingFade {
}
.is_headingFade .is_headingFade__wrap::before {
  width: 0;
}
.is_headingFade .is_headingFade__wrap.is_show::before {
  transition: 0.7s width cubic-bezier(0.165, 0.84, 0.44, 1),
    0.4s width cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 40%;
}
.is_headingFade__ttl {
  opacity: 0;
  transform: translateY(64px);
}
.is_headingFade__ttl.is_show {
  transition: 0.4s opacity cubic-bezier(0.165, 0.84, 0.44, 1),
    0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}
/* 蠑ｷ縺ｿ縺ｮ繝輔ぉ繝ｼ繝€繝ｼ */
.is_strengthFade {
  opacity: 0;
  transform: translateX(-64px);
}
.is_strengthFade--rev {
  transform: translateX(64px);
}
.is_strengthFade.is_show {
  transition: 0.4s opacity cubic-bezier(0.165, 0.84, 0.44, 1),
    0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateX(0);
}
.is_strengthUserFade {
  opacity: 0;
  transform: translateY(64px);
}
.is_strengthUserFade.is_show {
  transition: 0.4s opacity cubic-bezier(0.165, 0.84, 0.44, 1),
    0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}
/* 讖溯�縺ｮ繧ｹ繝ｩ繧､繝€繝ｼ */
.is_funcSlider {
  position: relative;
  margin: -16px;
  padding: 16px;
  transform: translateX(-50%) translateX(-80vw);
}
.is_funcSlider::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  display: block;
  width: calc(50vw + 50%);
  height: 100%;
}
.is_funcSlider--rev {
  transform: translateX(50%) translateX(80vw);
}
.is_funcSlider--rev::before {
  right: auto;
  left: 0;
}
.is_funcSlider--elearning::before {
  background: #ff8800;
}
.is_funcSlider--test::before {
  background: #e64500;
}
.is_funcSlider--training::before {
  background: #00c77f;
}
.is_funcSlider.is_show {
  transition: 0.4s transform cubic-bezier(0.86, 0, 0.07, 1);
  transform: translateX(0);
}
.is_funcSlider.is_show::before {
  transition: 0.7s width 0.4s cubic-bezier(0.86, 0, 0.07, 1);
  width: 0;
}
@media screen and (max-width: 768px) {
  .is_funcSlider {
    transform: translateX(-100%);
  }
  .is_funcSlider::before {
    width: 100%;
  }
  .is_funcSlider--rev {
    transform: translateX(100%);
  }
}
/* 莠倶ｾ九ヵ繧ｧ繝ｼ繝€繝ｼ */
.is_caseFade {
  opacity: 0;
  transform: translateY(64px);
}
.is_caseFade.is_show {
  transition: 0.4s opacity cubic-bezier(0.165, 0.84, 0.44, 1),
    0.4s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}
.is_planFade {
  opacity: 0;
  transform: translateY(40px);
}
.is_planFade.is_show {
  transition: 0.3s opacity cubic-bezier(0.165, 0.84, 0.44, 1),
    0.3s transform cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 1;
  transform: translateY(0);
}
/* 讀懃ｴ｢谺� */
.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;
  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;
  }
}