@charset 'UTF-8';
/*-----------------------------
  共通パーツ
-----------------------------*/
/* layout */
.l_wrapper {
  display: block;
  width: auto;
  font-family: "Noto Sans JP";
}
.l_main {
  width: auto;
  padding: 0;
}
.m_head__ttl {
  font-size: 46px;
}
.m_head__sub {
  font-size: 20px;
}
.m_head__txt {
  font-size: 18px;
  max-width: 417px;
  margin-top: 29px;
}
.m_head__img {
  max-width: 168px;
}
.l_section {
  font-size: 16px;
  letter-spacing: 0;
  color: #111;
}

@media (max-width:768px) {
  .m_head__ttl {
    font-size: 24px;
  }
  .m_head__sub {
    font-size: 18px;
  }
  .m_head__txt {
    font-size: 16px;
  }
}

/* display */
.u_tbl {
  display: none !important;
}
.u_sp {
  display: none !important;
}
.u_pc {
  display: block !important;
}
@media (max-width: 768px) {
  .u_pc {
    display: none !important;
  }
  .u_sp {
    display: none !important;
  }
  .u_tbl {
    display: block !important;
  }
  .u_tbl.u_pc {
    display: block !important;
  }
  .u_sp.u_tbl {
    display: block !important;
  }
}
/*-- SP --*/
@media (max-width: 576px) {
  .u_pc {
    display: none !important;
  }
  .u_tbl {
    display: none !important;
  }
  .u_sp {
    display: block !important;
  }
  .u_tbl.u_pc {
    display: none !important;
  }
  .u_sp.u_tbl {
    display: block !important;
  }
}

/* color */
.u_color_green {
  color: #009D1E;
}
.u_color_white {
  color: #fff;
}

/* img */
.u_img {
  display: block;
  line-height: 0;
}
.u_img * {
  display: block;
  width: 100%;
  margin: 0 auto;
}

/* text-align */
.u_alignR {
  text-align: right;
}
.u_alignC {
  text-align: center;
}

/*-----------------------------
  追従バナー
-----------------------------*/
.g_bnr.tempo_bnr {
  width: 300px;
  border: 2px solid #fff;
  border-radius: 8px;
  background-color: #fff;
}
.g_bnr.tempo_bnr .g_bnr_close {
  top: -20px;
}
.tempo_bnr_cont {
  border-radius: 10px;
  border-left: 2px solid #009D1E;
  border-right: 2px solid #009D1E;
  border-bottom: 2px solid #009D1E;
}
.tempo_bnr_contents {
  display: flex;
  gap: 2px;
  padding: 19px 12px 26px 10px;
  background-color: #009D1E;
  border-radius: 8px 8px 0 0;
}
.tempo_btn_cont {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.tempo_bnr_btn__yellow a {
  position: relative;
  display: flex;
  align-items: center;
  width: 176px;
  height: 32px;
  padding-left: 10px;
  background-color: #FFE23E;
  color: #033D77;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.5px;
}
.tempo_bnr_btn__yellow a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  width: 10px;
  height: 10px;
  background-image: url(../img/leaf/tempo_study/icon_btn_arrow_blue.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.tempo_bnr_btn__blue a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 176px;
  height: 32px;
  background-color: #033D77;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.tempo_bnr_btn__blue a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 6px;
  width: 10px;
  height: 10px;
  background-image: url(../img/leaf/tempo_study/icon_btn_arrow_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.tempo_bnr_logo {
  padding: 10px 0 15px;
  background-color: #fff;
  border-radius: 0 0 10px 10px;

}
.tempo_bnr_logo img {
  display: block;
  width: 240px;
  height: auto;
  line-height: 0;
  margin: 0 auto;
  border-radius: 0 0 10px 10px;
}
.g_bnr.tempo_bnr {
  right: 0;
}
@media (any-hover: hover) {
  .tempo_bnr_btn__yellow:hover,
  .tempo_bnr_btn__blue:hover {
    opacity: 0.6;
    transition: 0.3s;
  }
  .tempo_bnr_btn__yellow:hover a,
  .tempo_bnr_btn__blue:hover a {
    text-decoration: none;
  }
}
@media (min-width: 1810px) {
 /* .g_bnr.tempo_bnr {
    right: calc((100vw - 2058px) / 2);
  } */
}
@media (max-width: 768px) {
  .g_bnr.tempo_bnr {
    max-width: none;
  }
}

/*-----------------------------
  MV
-----------------------------*/
.m_herosArea {
  background-color: #FEF5E0;
  box-sizing: border-box;
  margin: auto;
}
.m_herosArea__kv {
  display: flex;
  justify-content: center;
  line-height: 0;
  max-width: 1246px;
  margin: auto;
}
.m_herosArea__contents {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  background-color: #fff;
  border-left: 2px solid #009D1E;
  border-right: 2px solid #009D1E;
  border-bottom: 2px solid #009D1E;
  border-radius: 0 0 10px 10px;
}
.m_herosArea__logo {
  width: 100%;
}
.m_herosArea__logo img {
  display: block;
  width: 100%;
  max-width: 308px;
  height: auto;
  aspect-ratio: 281 / 37;
  margin: 0 auto;
}
.m_herosArea__contents .cta_btn.cta_btn__blue a {
  border-radius: 0 0 10px 0;
}
.m_herosArea__contents .cta_btn a {
  padding: 24px 0;
}
@media (max-width: 768px) {
  .m_herosArea__contents {
    gap: 16px;
  }
  .m_herosArea__contents .cta_btn_cont {
    flex-direction: row;
    gap: 0;
  }
  .m_herosArea__contents .cta_btn a {
    min-width: 119px;
    font-size: 10px;
  }
}


/*-----------------------------
  Tempo Studyとは
-----------------------------*/
.m_about {
  margin-top: 31px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1246px;
}

.m_about__head {
  display: flex;
  justify-content: center;
  gap: 100px;
}

.m_about__head .m_heading__txt {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0;
}

.m_about__head .m_heading__img {
  line-height: 0;
}

.m_about__head .m_heading__ttl {
  font-size: 48px;
}

.m_about__head .m_heading__sub {
  font-size: 20px;
}

.m_heading__sub__sm {
  font-size: 12px;
}

.m_about__head .m_heading__lead {
  font-size: 18px;
  max-width: 437px;
  margin-top: 29px;
  line-height: 1.8;
}

.m_about__body {
  position: relative;
  display: flex;
  gap: 50px;
  margin-top: 40px;
}

.m_about__body::before {
  content: "";
  position: absolute;
  top: 252px;
  left: 24px;
  width: 60px;
  height: 70px;
  background-image: url(../img/leaf/tempo_study/about_deco.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.m_anchor_list_cont {
  height: 100%;
  padding-bottom: 58px;
  flex-shrink: 0;
}

.m_anchor_list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.m_anchor_list__itm a {
  position: relative;
  padding-left: 18px;
  color: #111;
  font-size: 16px;
  font-weight: 700;
}

.m_anchor_list__itm a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 12px;
  height: 5px;
  background-image: url(../img/leaf/tempo_study/icon_anchor_arrow.svg);
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.m_about_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  grid-template-rows: auto 1fr;
}

.m_about_list__item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 10px;
  padding: 38px 28px 28px;
  background-color: #FAD401;
  border-radius: 0 0 22px 22px;
  margin-top: 171px;
}

.m_about_list__item::after {
  display: inline-block;
  position: absolute;
  content: "";
  top: -48px;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 1/0.5;
  width: 100px;
  height: auto;
  border-radius: 50% / 100% 100% 0 0;
  background-color: #FAD401;
}

.m_about_list__item::before {
  position: absolute;
  content: "";
  top: -171px;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 347/193;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 22px 22px 0 0;
}

.m_about_list__item.m_about_list__item--01::before {
  background-image: url(../img/leaf/tempo_study/about_01.png);
}

.m_about_list__item.m_about_list__item--02::before {
  background-image: url(../img/leaf/tempo_study/about_02.png);
}

.m_about_list__item.m_about_list__item--03::before {
  background-image: url(../img/leaf/tempo_study/about_03.png);
}

.m_about_list__ttl {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  color: #111;
}

.m_about_list__ttl.m_about_list__ttl--01::after,
.m_about_list__ttl.m_about_list__ttl--02::after,
.m_about_list__ttl.m_about_list__ttl--03::after {
  position: absolute;
  top: -80px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 40px;
  font-weight: 900;
  font-family: "Poppins";
  z-index: 1;
}

.m_about_list__ttl.m_about_list__ttl--01::after {
  content: "1";
}

.m_about_list__ttl.m_about_list__ttl--02::after {
  content: "2";
}

.m_about_list__ttl.m_about_list__ttl--03::after {
  content: "3";
}
@media (max-width: 1258px) {
  .m_about_list__item::before {
    top: -166px;
  }
  .m_about_list__item {
    margin-top: 166px;
  }
}
@media (max-width:768px) {
  .m_about {
    padding: 31px 16px 0;
  }

  .m_about__head {
    justify-content: center;
  }

  .m_about__head .m_heading__img {
    display: none;
  }

  .m_about__head .m_heading__ttl {
    font-size: 28px;
  }

  .m_about__head .m_heading__sub {
    font-size: 18px;
  }

  .m_about__head .m_heading__lead {
    font-size: 15px;
    margin-top: 16px;
  }

  .m_about_list {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .m_about_list__item {
    width: 100%;
    max-width: 347px;
    gap: 14px;
    padding: 24px 16px 16px;
    border-radius: 0 0 12px 12px;
    margin-top: 191px;
    margin-left: auto;
    margin-right: auto;
  }

  .m_about_list__ttl {
    font-size: 18px;
    text-align: left;
  }

  .m_about_list__ttl.m_about_list__ttl--01::after,
  .m_about_list__ttl.m_about_list__ttl--02::after,
  .m_about_list__ttl.m_about_list__ttl--03::after {
    top: -65px;
    font-size: 32px;
    font-weight: 900;
  }

  .m_about__body {
    flex-direction: column;
    gap: 36px;
    margin-top: 60px;
  }

  .m_about__body::before {
    display: none;
  }

  .m_anchor_list_cont {
    padding-bottom: 0;
  }

  .m_about_list__item::before {
    top: -191px;
  }

  .m_head--cost-saving .m_heading__ttl::before {
    content: "";
    position: absolute;
    top: -18px;
    left: -50px;
    width: 47px;
    height: 50px;
    background-image: url(../img/leaf/tempo_study/ttl_deco_15.png);
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media (max-width: 389px) {
  .m_about_list__item::before {
    top: -189px;
  }
  .m_about_list__item {
    margin-top: 189px;
  }
}
@media (max-width: 385px) {
  .m_about_list__item::before {
    top: -186px;
  }
  .m_about_list__item {
    margin-top: 186px;
  }
}
@media (max-width: 381px) {
  .m_about_list__item::before {
    top: -183px;
  }
  .m_about_list__item {
    margin-top: 183px;
  }
}
@media (max-width: 375px) {
  .m_about_list__item::before {
    top: -180px;
  }
  .m_about_list__item {
    margin-top: 180px;
  }
}

/*-----------------------------
  コスト削減
-----------------------------*/
.m_cost-saving {
  background-color: #FEF5E0;
  margin-top: -58px;
  padding-top: 58px;
  padding-bottom: 80px;
  overflow-x: clip;
}
.m_cost-saving_inr {
  max-width: 1140px;
  margin: 0 auto;
}
.m_cost-saving.m_head {
  padding-bottom: 80px;
}
.m_head--cost-saving.m_head__ttl {
  display: flex;
  align-items: center;
  padding-left: 0;
  font-size: 32px;
}
.m_head--cost-saving .m_heading__ttl {
  position: relative;
  line-height: 1.5;
  padding-left: 24px;
}

.comparison_ttl {
  font-size: 28px;
  width: fit-content;
  margin: 0 auto 40px;
}
.comparison_lead {
  color: #fff;
  font-size: 20px;
  background-color: #6C5F4F;
  border-radius: 27px;
  padding: 11px;
}
.comparison_lead_highlight {
  color: #FFE23E;
}
.comparison_item_inr {
  display: flex;
  gap: 14px; 
  margin-top: 36px;
}
.comparison_graph img {
  width: 307px;
  height: 245;
}
.m_cost_img_cont {
  display: flex;
  gap: 8px;
  margin-top: 24px;
}
.m_cost_img {
  width: 100%;
}
.m_cost_img img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width:768px) {
  .m_cost-saving {
    margin-top: -96px;
    padding-top: 123px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 36px;
  }
  .m_head--cost-saving.m_head__ttl {
    justify-content: center;
  }
  .m_head--cost-saving .m_heading__ttl {
    font-size: 24px;
    padding: 0;
  }
  .m_head--cost-saving .m_heading__img {
    display: none;
  }
  .m_cost-saving::before {
    top: -40px;
    height: 200px;
  }
  .m_cost-saving_body {
    border-radius: 6px;
    padding: 24px 16px 24px 16px;
    margin-top: 18px;
  }
  .comparison_item + .comparison_item {
    margin-top: 24px;
  }
  .comparison_ttl {
    font-size: 20px;
    margin: 0 auto 24px;
  }
  .comparison_lead {
    font-size: 16px;
    padding: 8px;
  }
  .comparison_item_inr {
    flex-direction: column;
    margin-top: 16px;
  }
  .comparison_graph img {
    width: 100%;
    height: 180px;
  }
  .m_cost_img_cont {
    flex-direction: column;
    gap: 16px;
  }
}


/*-----------------------------
  できること
-----------------------------*/
.m_can .m_head {
  position: relative;
  background-color: #009D1E;
  padding: 20px 0 230px;
  z-index: 0;
}
.m_can .m_can_body {
  position: relative;
  margin-top: -120px;
  padding-bottom: 36px;
  z-index: 0;
}
.m_can .m_can_body::before {
  position: absolute;
  top: -89px;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  width: 140%;
  height: 533px;
  background-color: #fff;
  border-radius: 50%;
  z-index: -1;
  overflow-x: clip;
}
.m_head--can {
  color: #fff;
  max-width: 1243px;
}
.m_head--can.m_head__ttl {
  display: flex;
  align-items: center;
  margin: auto;
}
.m_head--can .m_heading__ttl {
  position: relative;
  line-height: 1.5;
  font-size: 32px;
  padding-left: 24px;
}
.m_can_body {
  position: relative;
  margin: 0 auto;
}
.m_can_body_inr {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.m_can_ttl {
  position: relative;
  font-size: 32px;
  width: fit-content;
  padding-bottom: 36px;
  margin-left: auto;
  margin-right: auto;
}
.m_can_ttl::before {
  position: absolute;
  content: "";
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 54px;
  height: auto;
  aspect-ratio: 9/2;
  background-image: url(../img/leaf/tempo_study/subttl_deco.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width:768px) {
  .m_can .m_head {
    padding: 38px 0 29px;
  }
  .m_can .m_can_body {
    margin-top: 40px;
  }
  .m_can .m_can_body::before {
    display: none;
  }
  .m_head--can .m_heading__ttl {
    padding-left: 62px;
    font-size: 23px;
  }
  .m_head--can .m_heading__ttl::before {
    top: -19px;
    left: 8px;
    width: 48px;
  }
  .m_head--can.m_head__ttl img {
    display: none;
  }
  .m_can_body_inr {
    padding: 0 16px;
  }
  .m_can_ttl {
    font-size: 22px;
    text-align: center;
    padding-bottom: 24px;
  }
  .m_can_ttl::before {
    width: 32px;
  }
  .m_can_movie-manual__lead {
    font-size: 16px;
    margin-top: 18px;
  }
  .m_can .m_can_body.m_can_body__flow {
    margin-top: 0;
    padding-top: 20px;
  }
}

.m_can_lineup {
  margin-top: 28px;
}
.m_can_lineup__ttl {
  font-size: 24px;
  text-align: center;
  margin-top: 100px;
}
.lineup_list {
  display: flex;
  justify-content: center;
  gap: 29px;
  margin-top: 40px;
}
.lineup_itm {
  max-width: 300px;
}
.lineup_itm a {
  color: #111;
}
.lineup_itm__img {
  line-height: 0;
  width: 100%;
  max-width: 300px;
}
.lineup_itm__img img {
  width: 300px;
  height: 120px;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.lineup_itm__txt {
  font-size: 14px;
  margin-top: 18px;
}
.m_can_lineup__banner {
  margin-top: 60px;
  width: 534px;
  height: 148px;
  background-color: #EBEBEB;
  margin-left: auto;
  margin-right: auto;
}
.m_can_contents {
  position: relative;
  margin-top: 100px;
}
.m_can_contents::before {
  position: absolute;
  content: "";
  top: -58px;
  left: -87px;
  width: 430px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #FAD401;
  z-index: -1;
}
.m_can_contents::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: -47px;
  width: 430px;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #FAD401;
  z-index: -1;
}
.m_can_contents_ttl {
  font-size: 24px;
  text-align: center;
  color: #111;
}
.m_can_contents_ttl_sub {
  font-size: 17px;
  font-weight: 700;
  text-align: center;
}
.contents_list {
  display: grid;
  align-items: stretch;
  justify-content: flex-start;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 14px;
  margin-top: 72px;
}
.contents_item {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 10px;
  box-sizing: border-box;
}
.contents_item:nth-of-type(1)::before {
  position: absolute;
  top: -38px;
  left: 0;
  content: "コンプライアンス・ハラスメント防止";
  font-size: 16px;
}
.contents_item:nth-of-type(2)::before {
  position: absolute;
  top: -38px;
  left: 0;
  content: "法律・制度";
  font-size: 16px;
}
.contents_item:nth-of-type(3)::before {
  position: absolute;
  top: -38px;
  left: 0;
  content: "業務改善・マニュアル作成";
  font-size: 16px;
}
.contents_item:nth-of-type(4)::before {
  position: absolute;
  top: -38px;
  left: 0;
  content: "ヘルスケア・労務管理";
  font-size: 16px;
}
.contents_item_inr {
  position: relative;
  padding: 23px 12px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.16);
  border-radius: 10px;
  background-color: #fff;
}
.contents_item_card_img img {
  width: 100%;
  height: auto;
  line-height: 0;
}
.contents_item_card_ttl {
  color: #111;
  margin-top: 15px;
  line-height: 1.5;
}
.contents_item_card:first-of-type {
  padding-top: 0;
}
.contents_item_card:last-of-type {
  border-bottom: none;
}
.contents_item_card:nth-of-type(n+2) {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contents_item_card:nth-of-type(n+2) .contents_item_card_ttl {
  font-size: 14px;
  margin-top: 0;
}
.contents_item_card {
  display: block;
  border-bottom: 1px solid #BABABA;
  padding: 15px 0;
  transition: 0.7s;
}
.contents_item_card__sm {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid #BABABA;
}
.contents_item_card__sm .contents_item_card_img {
  max-width: 73px;
}
.contents_item_card__sm .contents_item_card_ttl {
  margin-top: 0;
  font-size: 14px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;  
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.contents_item_card__sm:last-of-type {
  border-bottom: none;
}
.m_can_contents_btnCnt {
  width: 100%;
  max-width: 534px;
  margin-top: 59px;
  margin-left: auto;
  margin-right: auto;
}
.m_can_contents_btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  background-color: #fff;
  border: 3px solid #033D77;
  border-radius: 37px;
  color: #033D77;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  transition: 0.3s;
}
.m_can_contents_btn a::after {
  position: absolute;
  content: "";
  position: absolute;
  width: 27px;
  height: 27px;
  top: 50%;
  bottom: 0;
  right: 23px;
  transform: translateY(-50%);
  background-image: url(../img/leaf/tempo_study/icon_circle-arrow_blue.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.3s;
}
.m_can_m_can_communication_body {
  position: relative;
  background-color: #fff;
  box-shadow: 2px 2px 6px #aaa;
  padding: 40px 58px 50px ;
  margin-top: 43px;
}
.m_can_m_can_communication_nav {
  display: flex;
  gap: 20px;
  align-items: stretch;
}
.m_can_m_can_communication_navItem {
  width: 100%;
}
.m_can_m_can_communication_navTarget {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 18px;
  font-weight: 700;
  color: inherit;
  /* text-align: center; */
  height: 97px;
  border-radius: 10px;
  box-shadow: 2px 2px 6px #aaa;
  transition: 0.1s;
}
.m_can_m_can_communication_navTarget.is_active {
  background-color: #009D1E;
  color: #fff;
}
.m_can_m_can_communication_cont {
  margin-top: 62px;
}
.m_funcsWrap__cont {
  margin-top: 62px;
  padding: 0 58px;
}
.js_slider__body {
  display: flex;
  flex-direction: column;
}
.js_slider__body .slick-list {
  order: 2;
}
.m_funcs__cont {
  position: relative;
}
.m_func__ttl {
  font-size: 19px;
  font-weight: 700;
}
.m_func__body {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  margin-top: 24px;
}
.m_func__bodyWrap {
  height: 310px;
}
.m_func__body_txt {
  max-width: 460px;
}
.m_func__detail {
  font-size: 16px;
  font-weight: 400;
}
.m_func__detail + .m_func__detail {
  margin-top: 30px;
}
.m_func__img {
  flex: 0 0 313px;
  padding-left: 20px;
  line-height: 0;
  text-align: center;
}
.m_func__img img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.m_arrow__prev,
.m_arrow__next {
  position: relative;
  width: 41px;
  height: 41px;
  border-radius: 50%;
  border: 2px solid #009D1E;
  background-color: #fff;
}
.m_arrow__prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 48%;
  width: 9.8px;
  height: 18.69px;
  background-image: url(../img/leaf/tempo_study/icon_slider_prev.svg);
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate(-50%,-50%);
}
.m_arrow__next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 55%;
  width: 9.8px;
  height: 18.69px;
  background-image: url(../img/leaf/tempo_study/icon_slider_next.svg);
  background-size: cover;
  background-repeat: no-repeat;
  transform: translate(-50%,-50%);
}
@media (any-hover:hover) {
  .m_can_m_can_communication_navTarget:hover {
    background-color: #009D1E;
    color: #fff;
  }
  .contents_item_card:hover {
    color: #111;
  }
  .contents_item_card__sm:hover {
    color: #111;
  }
}
@media (max-width:768px) {
  .m_can_lineup__ttl {
    font-size: 20px;
    line-height: 1.35;
    margin-top: 20px;
  }
  .lineup_list {
    flex-direction: column;
    gap: 16px;
    margin-top: 18px;
  }
  .lineup_itm {
    margin: 0 auto;
  }
  .lineup_itm__img img {
    width: 100%;
    border-radius: 20px;
  }
  .lineup_itm__txt {
    font-size: 14px;
    margin-top: 8px;
  }
  .m_can_lineup__banner {
    width: 100%;
    height: 100px; /*仮*/
    margin-top: 32px;
  }
  .m_can_contents::before,
  .m_can_contents::after {
    display: none
  }
  .m_can_contents {
    margin-top: 72px;
  }
  .m_can_contents_ttl {
    font-size: 20px;
    margin-top: 20px;
  }
  .contents_list {
    grid-template-columns: 1fr;
    gap: 36px;
    margin-top: 32px;
  }
  .contents_item {
    gap: 12px;
  }
  .contents_item_ttl {
    font-size: 18px;
  }
  .contents_item_inr {
    padding: 18px 12px;
    border-radius: 6px;
  }
  .m_can_contents_btnCnt {
    margin-top: 32px;
  }
  .m_can_contents_btn a {
    height: 48px;
    border-width: 2px;
    font-size: 16px;
  }
  .m_can_contents_btn a::after {
    right: 8px;
    width: 18px;
    height: 18px;
  }
  .m_can_m_can_communication_body {
    padding: 40px 32px;
  }
  .m_can_m_can_communication_nav {
    flex-wrap: wrap;
    gap: 8px;
  }
  .m_can_m_can_communication_navTarget {
    font-size: 14px;
    height: auto;
    padding: 6px;
  }
  .m_func__body {
    flex-direction: column;
    gap: 24px;
    margin-top: 20px;
  }
  .m_func__body_txt {
    max-width: 100%;
  }
  .m_func__ttl {
    font-size: 18px;
  }
  .m_func__detail {
    font-size: 16px;
  }
  .m_func__detail + .m_func__detail {
    margin-top: 12px;
  }
  .m_func__img {
    max-width: 313px;
    flex: 0;
    width: 100%;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .m_can_contents_ttl_sub {
    text-align: left;
  }
  .m_funcsWrap__cont {
    margin-top: 40px;
    padding: 0 28px;
  }
  .m_arrow__prev, .m_arrow__next {
    width: 30px;
    height: 30px;
  }
  .m_arrow__prev::before,
  .m_arrow__next::before {
    top: 54.5%;
    width: 6.8px;
    height: 15.69px;
    background-size: contain;
  }
}

/* ローダー */
.m_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
.m_loading__bar {
  display: inline-block;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  animation: loading 1s ease-in-out infinite;
}
.m_loading__bar:nth-child(1) {
  background-color: #1a8192;
  animation-delay: 0;
}
.m_loading__bar:nth-child(2) {
  background-color: #4260ad;
  animation-delay: 0.09s;
}
.m_loading__bar:nth-child(3) {
  background-color: #b52d61;
  animation-delay: .18s;
}
.m_loading__bar:nth-child(4) {
  background-color: #00c77f;
  animation-delay: .27s;
}
@keyframes loading {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.2);
  }
  40% {
    transform: scale(1);
  }
}

/*矢印*/
.slick-prev, .slick-next {
  text-align: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.slick-prev { left: 20px; }
.slick-next { right: 20px; }

.m_can_orientation {
  position: relative;
  max-width: 980px;
  margin-top: 163px;
  margin-left: auto;
  margin-right: auto;
}
.m_can_orientation_head {
  position: relative;
}
.m_can_orientation .m_can_ttl {
  padding-top: 58px;
  margin-left: 0;
}
.m_can_orientation_head::before {
  position: absolute;
  content: "";
  top: -35px;
  left: -188px;
  width: 430px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #19C1C5;
  z-index: -1;
}
.m_can_orientation__lead {
  font-weight: 700;
  max-width: 445px;
  margin-top: 35px;
}
.m_can_orientation_head__img {
  line-height: 0;
}
.m_can_communication {
  position: relative;
  max-width: 1038px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.m_can_communication::after {
  content: "";
  position: absolute;
  bottom: -58px;
  right: -188px;
  width: 430px;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #19C1C5;
  z-index: -1;
}
.m_can_orientation_content {
  display: flex;
  gap: 40px;
  margin-top: 40px;
}

.m_can_orientation_txt {
  font-weight: 400;
}
@media (any-hover:hover) {
  .m_can_contents_btn a:hover {
    background-color: #033D77;
    border: 3px solid #fff;
    color: #fff;
  }
  .m_can_contents_btn a:hover::after {
    background-image: url(../img/leaf/tempo_study/icon_circle-arrow_white.png);
  }
}
@media (max-width:768px) {
  .m_can_orientation {
    margin-top: 72px;
  }
  .m_can_orientation_head__txt {
    position: relative;
  }
  .m_can_orientation .m_can_ttl {
    padding-top: 0;
    margin-left: auto;
  }
  .m_can_orientation__lead {
    max-width: 100%;
  }
  .m_can_orientation_head::before {
    display: none;
  }
  .m_can_communication {
    margin-top: 72px;
  }
  .m_can_orientation_content {
    flex-direction: column;
  }
  .m_can_communication::after {
    display: none;
  }
  .m_can_orientation_head__img img{
    display: block;
    margin: 0 auto;
  }
  .slick-prev {
    left: 16px;
  }
  .slick-next {
    right: 16px;
  }
}


/*-----------------------------
  店舗教育の実例
-----------------------------*/
.m_case {
  background-color: #FEF5E0;
  padding-top: 82px;
  padding-bottom: 82px;
  margin-top: 82px;
}
.m_head--case.m_head__ttl {
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.m_head--case.m_head__ttl::before {
  position: absolute;
  content: "";
  top: -35px;
  left: -79px;
  width: 81px;
  height: auto;
  aspect-ratio: 81/67;
  background-image: url(../img/leaf/tempo_study/ttl_deco_03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.m_head--case.m_head__ttl::after {
  position: absolute;
  content: "";
  right: calc(-11px - 73px);
  bottom: -36px;
  width: 73px;
  height: auto;
  aspect-ratio: 73/63;
  background-image: url(../img/leaf/tempo_study/ttl_deco_09.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.m_case_body {
  max-width: 980px;
  margin-top: 66px;
  margin-left: auto;
  margin-right: auto;
}
.m_case_item {
  display: flex;
  gap: 66px;
}
.m_case_item + .m_case_item {
  margin-top: 73px;
}
.m_case_item_img {
  line-height: 0;
}
.m_case_item_img img {
  width: 424px;
  height: 319px;
}
.case_item_ttl {
  font-size: 24px;
  font-weight: 700;
  color: #111;
  line-height: 1.4;
}
.case_item_txt {
  font-size: 16px;
  margin-top: 10px;
  line-height: 2;
}

@media (max-width:768px) {
  .m_case {
    padding: 0 16px;
    padding-top: 68px;
    padding-bottom: 72px;
    margin-top: 92px;
  }
  .m_head--case.m_head__ttl::before {
    width: 46px;
    top: -24px;
    left: -41px;
  }
  .m_head--case.m_head__ttl::after {
    width: 46px;
    right: calc(-11px - 46px);
    bottom: -23px;
  }
  .m_case_body {
    margin-top: 42px;
  }
  .m_case_item {
    gap: 24px;
  }
  .m_case_item + .m_case_item {
    margin-top: 48px;
  }
  .m_case_item.has_Limg {
    flex-direction: column;
    gap: 16px;
  }
  .m_case_item.has_Rimg {
    flex-direction: column-reverse;
  }
  .m_case_item_img img {
    width: 100%;
    height: auto;
  }
  .case_item_ttl {
    font-size: 18px
  }
}
@media (max-width:375px) {
  .m_head--case.m_head__ttl::before {
    width: 12.266vw;
    top: -6.4vw;
    left: -10.933vw;
  }
  .m_head--case.m_head__ttl::after {
    width: 12.266vw;
    right: -15.2vw;
    bottom: -6.133px;
  }
}

.m_caps_inr {
  display: flex;
  gap: 76px;
  max-width: 1243px;
  margin: auto;
}
.m_caps_contents {
  flex-shrink: 0;
  max-width: 415px;
}
.m_caps_head {
  position: relative;
}
.m_caps_ttl {
  position: relative;
  padding-top: 32px;
  font-size: 32px;
  font-weight: 700;
  color: #111;
}
.m_caps_ttl::before {
  content: "Capabilities";
  position: absolute;
  top: 0;
  left: 0;
  color: #65C900;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.m_caps_catch {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 700;
}
.m_caps_deco {
  margin-top: 24px;
  margin-bottom: 24px;
}
.m_cap_txt {
  line-height: 1.7;
}
.m_cap_dounyu_cont {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-top: 35px;
}
.m_cap_donyu_inr {
  display: flex;
  align-items: center;
}
.m_cap_donyu_txt {
  font-size: 20px;
  font-weight: 700;
}
.m_cap_donyu_txt__lg {
  font-size: 36px;
  margin-left: 6.5px;
  font-weight: 700;
}
.m_cap_donyu_note {
  font-size: 10px;
}
.m_caps_list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 28px;
}
.m_caps_list_txt {
  padding: 8px 0;
  font-size: 14px;
  line-height: 1.5;
}
.m_cpas_block.m_cpas_block__first {
  margin-top: 80px;
}
.m_cpas_block {
  padding: 60px;
  background-color: #F6F6F4;
  border-radius: 20px;
}
.m_cpas_block + .m_cpas_block {
  margin-top: 28px;
}
.m_caps_block_inr {
  display: flex;
  justify-content: space-between;
  gap: 23px;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.m_caps_note {
  font-size: 14px; 
}
.m_caps_block_contents {
  flex-shrink: 0;
  max-width: 441px;
}
.m_caps_block_images {
  display: flex;
  gap: 20px;
}
.m_caps_block_images img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
  .m_caps_inr {
    flex-direction: column;
    gap: 26px;
  }
  .m_caps_list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 28px;
  }
  .m_cpas_block.m_cpas_block__first {
    margin-top: 32px;
  }
  .m_cpas_block {
    padding: 27px 16px 34px;
  }
  .m_caps_block_inr {
    flex-direction: column;
  }
  .m_caps_block_contents {
    flex-shrink: 1;
  }
  .m_caps_block_images {
    flex-direction: column;
  }
  .m_caps_ttl {
    font-size: 26px;
  }
  .m_caps_catch {
    margin-top: 0;
  }
  .m_caps_note__pc {
    display: none;
  }
}

.m_cta_cont {
  margin-top: 45px;
}
.m_cta_txt {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 16px;
}
.m_cta {
  width: 100%;
  max-width: 1038px;
  margin: 0 auto;
  border: 3px solid #009D1E;
  border-radius: 20px;
}
.m_cta_first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 36px;
  background-color: #009D1E;
  border-radius: 10px 10px 0 0;
}
.cta_btn_cont {
  display: flex;
}
.m_cta_second {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 36px;
}
.m_cta_catch {
  position: relative;
  padding-left: 60px;
  font-size: 22px;
  font-weight: 700;
}
.m_cta_catch::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 50px;
  height: 42px;
  background-image: url(../img/leaf/tempo_study/cta_img_02.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.m_cta_logo {
  height: 38px;
}
.cta_btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 329px;
  padding: 30px 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}
.cta_btn.cta_btn__yellow a {
  background-color: #FFE23E;
  color: #033D77;
}
.cta_btn.cta_btn__blue a {
  background-color: #033D77;
  color: #fff;
} 
.cta_btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.cta_btn.cta_btn__yellow a::after {
  background-image: url(../img/leaf/tempo_study/icon_btn_arrow_blue.svg);
}
.cta_btn.cta_btn__blue a::after {
  background-image: url(../img/leaf/tempo_study/icon_btn_arrow_white.svg);
}
@media (any-hover: hover) {
  .cta_btn:hover {
    opacity: 0.6;
    transition: 0.3s;
  }
  .cta_btn:hover a {
    text-decoration: none;
  }
}
@media (max-width: 768px) {
  .cta_btn_cont {
    flex-direction: column;
    gap: 8px;
  }
  .cta_btn a {
    width: 100%;
    min-width: 206px;
    padding: 13px 0;
    font-size: 12px;
  }
  .m_cta_first {
    gap: 2px;
    padding: 14px 10px 20px;
    justify-content: center;
    align-items: end;
  }
  .cta_btn a::after {
    right: 8px;
    width: 12px;
    height: 12px;
  }
  .m_cta_txt {
    font-size: 18px;
  }
  .cta_img {
    width: 148px;
  }
  .m_cta_catch {
    display: none;
  }
  .m_cta_second {
    justify-content: center;
  }
}
@media (max-width: 400px) {
  .m_cta_first {
  align-items: center;}
}

.m_can_movie_ttl {
  font-size: 32px;
  font-weight: 700;
}
.m_can_movie-manual__content {
  display: flex;
  justify-content: space-between;
}
.m_can_body_inr__movie {
  max-width: 1245px;
  margin-left: auto;
  margin-right: auto;
}
.m_can_body_inr__movie .m_cta_cont {
  margin-top: 80px;
}

@media (max-width: 768px) {
  .m_can_body_inr__movie {
    padding-left: 16px;
    padding-right: 16px;
  }
  .m_can_movie-manual__content {
    flex-direction: column;
    gap: 28px;
  }
}

.m_price_ttl {
  font-size: 18px;
  font-weight: 700;
}
.m_price {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 16px;
}
.m_price_itm {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 347px;
  padding: 11px 0 22px;
  background-color: #F6F6F4;
}
.m_price_tag {
  display: block;
  margin-bottom: 12px;
  padding: 3px 0;
  width: 144px;
  background-color: #009D1E;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.m_price_num {
  font-size: 20px;
  font-weight: 700;
}
.m_price_yen {
  font-size: 14px;
}
.m_price_tax {
  font-size: 16px;
  font-weight: 400;
}
.m_price_free {
  font-size: 26px;
  font-weight: 700;
}
.m_table_cont {
  margin-top: 40px;
}
.m_table {
  width: 100%;
  border-collapse: collapse;
}
.m_table th,
.m_table td {
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
}
.m_table thead tr:first-child th {
  border-top: none;
}
.m_table tbody tr th:first-child,
.m_table tbody tr td:first-child {
  border-left: none;
}
.m_table thead .m_table_th__green {
  padding: 16px;
  background-color: #009D1E;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.m_table thead .m_table_green__lg {
  width: 553px;
}
.m_table thead .m_table_green__md {
  width: 323px;
}
.m_table_green__sm {
  width: 175px;
}
.m_table tbody .m_table_th__green {
  width: 174px;
  height: 72px;
  background-color: #009D1E;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.m_table thead .m_table_th__yellow {
  background-color: #FAD401;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.m_table tbody .m_table_td__gray {
  background-color: #F6F6F4;
  vertical-align: middle;
}
.m_table tbody .m_table_gray__sm {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}
.m_table tbody .m_table_gray__sm .m_table_tax {
  font-size: 16px;
}
.m_table_td__gray {
  vertical-align: middle;
}
.m_table tbody .m_table_gray__lg {
  padding: 0 26px;
}
.m_table tbody .m_table_gray__lg .m_table_td_gray_txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}
.m_table tbody .m_table_gray__lg .m_table_td_gray_lst {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.m_table tbody .m_table_gray__lg .m_table_td_gray_lst__itm {
  font-size: 16px;
  font-weight: 700;
  color: #009D1E;
  text-indent: -1em;
  padding-left: 1em;
}
.m_table tbody .m_table_td__lightYellow {
  padding: 0 25px 0 22px;
  background-color: #FFF29E;
  font-size: 16px;
  line-height: 2;
  vertical-align: middle;
}
.m_table tbody .m_table_td_begie {
  background-color: #FCFAEE;
  padding: 0 26px;
  vertical-align: middle;
}
.m_table tbody .m_table_td_begie .m_table_begie__txt {
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}
.m_table_begie__txt + .m_table_begie__txt {
  margin-top: 12px;
}
.m_table tbody .m_table_td_begie .m_table_begie__last {
  margin-top: 60px;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}
.m_table_begie__link {
  margin-top: 16px;
}
.m_table_begie__target {
  position: relative;
  display: inline-block;
  padding-right: 32px;
  color: #033D77;
  font-size: 16px;
  font-weight: 700;
}
.m_table_begie__target::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 20px;
  background-image: url(../img/leaf/tempo_study/icon_circle-arrow_blue.png);
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

.m_case_ttl {
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-size: 32px;
  font-weight: 700;
}
.m_case_ttl::before {
  position: absolute;
  content: "";
  top: -35px;
  left: -79px;
  width: 81px;
  height: auto;
  aspect-ratio: 81/67;
  background-image: url(../img/leaf/tempo_study/ttl_deco_03.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.m_case_ttl::after {
  position: absolute;
  content: "";
  right: calc(-11px - 73px);
  bottom: -36px;
  width: 73px;
  height: auto;
  aspect-ratio: 73/63;
  background-image: url(../img/leaf/tempo_study/ttl_deco_09.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.m_can_body__flow {
  background-color: #FEF5E0;
}

.m_can_body_inr__flow {
  max-width: 960px;
  margin: 0 auto;
}

.m_can .m_can_body.m_can_body__flow::before {
  background-color: #FEF5E0;
}

.m_flow_list {
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.m_flow_itm {
  position: relative;
  padding: 36px;
  background-color: #fff;
}
.m_flow_itm::after {
  content: "";
  position: absolute;
  bottom: -22px;
  left: 50%;
  width: 45px;
  height: 22px;
  background-image: url(../img/leaf/tempo_study/icon_flow_arrow.svg);
  transform: translateX(-50%);
}
.m_flow_itm:last-of-type::after {
  display: none;
}
.m_flow_hd {
  display: flex;
  align-items: center;
  gap: 26px;
}
.m_flow_step {
  display: inline-block;
  flex-shrink: 0;
  width: 104px;
  padding: 2px 0 4px;
  background-color: #009D1E;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}
.m_flow_ttl {
  font-size: 20px;
  font-weight: 700;
}
.m_flow_txt_cont {
  margin-top: 28px;
}
.m_flow_txt {
  font-size: 16px;
  font-weight: 400;
}
.m_flow_txt__bold {
  font-weight: 700;
}
.m_flow_txt__green {
  margin-top: 12px;
  font-size: 16px;
  font-weight: 700;
  color: #009D1E;
}
.m_flow_txt__green + .m_flow_txt {
  margin-top: 12px;
}
.m_flow_cta_cont {
  margin-top: 26px;
}
.m_flow_cta {
  width: 100%;
  max-width: 685px;
  margin: 0 auto;
  border: 1px solid #009D1E;
  border-radius: 20px;
}
.m_flow_cta_first {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px;
  background-color: #009D1E;
  border-radius: 20px 20px 0 0;
}
.flow_cta_btn_cont {
  display: flex;
}
.m_flow_cta_second {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 30px;
}
.m_flow_cta_catch {
  position: relative;
  padding-left: 32px;
  font-size: 18px;
  font-weight: 700;
}
.m_flow_cta_catch::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 33px;
  height: 28px;
  background-image: url(../img/leaf/tempo_study/cta_img_02.png);
  background-size: cover;
  background-repeat: no-repeat;
}
.m_flow_cta_logo {
  height: 24px;
}
.flow_cta_btn a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 217px;
  padding: 20px 0;
  font-size: 12px;
  font-weight: 700;
}
.flow_cta_btn.cta_btn__yellow a {
  background-color: #FFE23E;
  color: #033D77;
}
.flow_cta_btn.cta_btn__blue a {
  background-color: #033D77;
  color: #fff;
} 
.flow_cta_btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 11px;
  height: 11px;
  background-size: cover;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.flow_cta_btn.cta_btn__yellow a::after {
  background-image: url(../img/leaf/tempo_study/icon_btn_arrow_blue.svg);
}
.flow_cta_btn.cta_btn__blue a::after {
  background-image: url(../img/leaf/tempo_study/icon_btn_arrow_white.svg);
}
@media (any-hover: hover) {
  .flow_cta_btn:hover {
    opacity: 0.6;
    transition: 0.3s;
  }
  .cta_btn:hover a {
    text-decoration: none;
  }
}
@media (max-width: 768px) {
  .m_price {
    flex-direction: column;
  }
  .m_can_body_inr__flow {
    padding-left: 16px;
    padding-right: 16px;
  }
  .m_flow_hd {
    flex-direction: column;
  }
  .m_flow_txt_cont {
    margin-top: 24px;
  }
  .m_flow_txt__green {
    margin-top: 20px;
  }
  .m_table_cont_inr__sp {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .m_table_plus img {
    display: block;
    width: 100%;
    max-width: 45px;
    margin: 24px auto;
  }
  .m_table thead .m_table_th__green {
    padding: 12px;
    font-size: 12px;
  }
  .m_table tbody .m_table_th__green {
    font-size: 14px;
  }
  .m_table tbody .m_table_gray__sm {
    font-size: 14px;
  }
  .m_table tbody .m_table_gray__sm .m_table_tax {
    font-size: 12px;
  }
  .m_table tbody .m_table_td__lightYellow {
    font-size: 14px;
    padding: 15px 8px;
  }
  .m_table tbody .m_table_gray__lg {
    padding: 0 8px;
  }
  .m_table tbody .m_table_gray__lg .m_table_td_gray_txt {
    font-size: 14px;
  }
  .m_table tbody .m_table_gray__lg .m_table_td_gray_lst__itm {
    font-size: 14px;
  }
  .m_table thead .m_table_green__md {
    width: 310px;
  }
  .m_table thead .m_table_th__yellow {
    padding: 14px 0;
  }
  .m_table tbody .m_table_td_begie {
    padding: 30px 26px 50px;
  }
}

.js_func__loader {
  display: none;
  opacity: 0;
  transition: opacity 0.3s;
}

.js_func__loader.is_show {
  display: block;
  opacity: 1;
}

.m_can_body_inr__price {
  max-width: 1038px;
  margin-left: auto;
  margin-right: auto;
}

#douga,
#can,
#price,
#flow {
  scroll-margin-top: 90px;
}
@media (max-width: 768px) {
  .m_can_body_inr__price {
    padding-left: 16px;
    padding-right: 16px;
  }
}