@charset "utf-8";
/* CSS Document */
body.is-loading {
  visibility: hidden;
}

/* sectionの余白 */
.mkh_section-adj01{
  margin-top: clamp(2rem, -0.101rem + 7.82vw, 6.25rem);/* 32-100 430-1300 */
}
.mkh_section-adj02{
  margin-top: 80px;
}


/* ロゴ 動画でかしこく学ぶもうけのコツ */
.mkh_logo_kotsu{
  max-width: 750px;
  width: max(348px,65%);
  margin-inline: auto;
  margin-bottom: -64px;
}


/* トップスライダー */
.mkh_mvwrap{
  padding: clamp(16px,calc(48px + (-32) * ((100vw - 960px) / 960)),48px) 0 clamp(0.5rem, -0.241rem + 2.76vw, 2rem);/* 8-32 430-1300 */
  background-color: #F1F5F8;
  overflow: hidden;
}
.mkh_swiper {
  position: relative;
  padding: 0 clamp(1.25rem, -5.712rem + 25.91vw, 25.375rem);/* 20-406 430-1920 */
  overflow: visible;
}
.mkh_swiper-slide {
  max-width: 100%;
  width: 960px;
  min-width: 348px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.mkh_swiper-slide:not(.swiper-slide-active){
  transform: scale(0.83); /* 800 / 960 ≒ 0.83 */
  opacity: 0.7;
}
.mkh_swiperInner{
  position: relative;
  max-width: 960px;
  padding-bottom: 80px;
  transform-origin: center;
}
.mkh_topVideo{
  aspect-ratio: 3/2;
}
.mkh_topVideo video {
  width: 100%;
  height: 100%;
  border-radius: 15px;
}
/* mkh_topSlideDetails */
.mkh_topSlideDetails{
  position: absolute;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  max-width: 880px;
  width: 95%;
  min-height: 92px;
  padding: clamp(0.5rem, -0.077rem + 2.15vw, 2.5rem) clamp(0.75rem, 0.534rem + 0.81vw, 1.5rem) clamp(0.5rem, 0.32rem + 0.67vw, 1.125rem) clamp(0.75rem, 0.101rem + 2.42vw, 3rem);/* 8-40 430-1920 *//* 12-24 430-1920 *//* 8-18 430-1920 *//* 12-48 430-1920 */
  background-color: #FFFFFF;
  border-radius: 15px;
  box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.1);
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.mkh_topSlideDetails .mkh_ColorArrow svg{
  width: clamp(1.375rem, 1.004rem + 1.38vw, 2.125rem);/* 22-34 430-1300 */
  height: clamp(1.375rem, 1.004rem + 1.38vw, 2.125rem);/* 22-34 430-1300 */
}
.mkh_swiper-slide.swiper-slide-active .mkh_topSlideDetails {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.mkh_SlideDetailsTtl{
  font-size: clamp(0.75em, 0.4975em + 0.9396vw, 1.625em);/* 12-26 430-1920 */
  font-weight: 800;
  line-height: calc(40/32);
  margin-top: clamp(0.25rem, -0.301rem + 2.05vw, 0.75rem);/* 4-12 430-820 */
}
.mkh_topSlideDetails .mkh_tag{
  font-size: clamp(0.4375em, 0.2308em + 0.7692vw, 0.625em);/* 7-10 430-820 */
  pointer-events: none;
} 

/* トップスライダー 矢印 */
.mkh_topSliderList_wrap .mkh_slider-arrows{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate( -50%,calc(-50% - 36px));
  max-width: 1170px;
  width: 100%;
  height: 64px;
  z-index: 9;
}
.mkh_topSliderList_wrap .mkh_slider-arrow{
  width: 64px;
  height: 64px;
}
.mkh_topSliderList_wrap .mkh_slider-prev svg {
  transform: scaleX(-1);
}

/* トップスライダー ページネーション */
.mkh_swiper-pagination{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  width: 100%;
  height: clamp(1.125rem, 0.091rem + 3.85vw, 1.75rem);/* 18-28 430-690 */
  margin-top: clamp(0.75rem, 0.379rem + 1.38vw, 1.5rem);/* 12-24 430-1300 */
}
.mkh_swiper-dot{
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  z-index: 9;
  overflow: hidden;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
  background-color: #FF0000;
}
/* トップスライダー プログレスバー */
.mkh_swiper-circleInner {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 18px;
  height: 18px;
  background-color: #FF0000;
  border: 5px solid #F1F5F8;
  border-radius: 50%;
  z-index: 9;
}
.mkh_swiper-dot::before{
  position: absolute;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #F1F5F8;
  transform-origin: right 11px;
  top: 0;
  left: -11px;
  z-index: 2;
}
.mkh_swiper-dot::after{
  position: absolute;
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-color: #F1F5F8;
  transform-origin: left 11px;
  top: 0px;
  left: 11px;
  z-index: 3;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active.mkh_swiper-dot::before {
  animation: circleRight 6s linear forwards;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active.mkh_swiper-dot::after {
  animation: circleLeft 6s linear forwards;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active.mkh_swiper-dot.paused::before,
.swiper-pagination-bullet.swiper-pagination-bullet-active.mkh_swiper-dot.paused::after {
  animation-play-state: paused;
}
@keyframes circleLeft {
  0% {
    transform: rotate(0deg);
    background-color: #F1F5F8;
  }

  50% {
    transform: rotate(180deg);
    background-color: #F1F5F8;
  }

  50.01% {
    transform: rotate(360deg);
    background-color: #FF0000;
  }

  100% {
    transform: rotate(360deg);
    background-color: #FF0000;
  }
}
@keyframes circleRight {
  0% {
    transform: rotate(0deg);
  }

  50% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(180deg);
  }
}

/* mkh_topSlide_pause */
.mkh_topSlide_pauseBtn{
  height: 100%;
}
.mkh_topSlide_pause{
  position: relative;
  display: block;
  width: clamp(1.125rem, 0.091rem + 3.85vw, 1.75rem);/* 18-28 430-690 */
  height: 100%;
  background-color: #FFFFFF;
  border: 2px solid #FF0000;
  border-radius: 7px;
  cursor: pointer;
}
.mkh_topSlide_pause.is-paused{
  opacity: 0.4;
}
.mkh_topSlide_pause::before{
  position: absolute;
  display: inline-block;
  content: '';
  left: calc(50% - 4px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(0.125rem, 0.094rem + 0.11vw, 0.188rem);/* 2-3 430-1300 */
  height: clamp(0.375rem, 0.282rem + 0.34vw, 0.563rem);/* 6-9 430-1300 */
  background-color: #FF0000;
}
.mkh_topSlide_pause::after{
  position: absolute;
  display: inline-block;
  content: '';
  right: calc(50% - 4px);
  top: 50%;
  transform: translateY(-50%);
  width: clamp(0.125rem, 0.094rem + 0.11vw, 0.188rem);/* 2-3 430-1300 */
  height: clamp(0.375rem, 0.282rem + 0.34vw, 0.563rem);/* 6-9 430-1300 */
  background-color: #FF0000;
}


/* mkh_tagSlide_wrap */
.mkh_tagSlide_wrap{
  padding: 24px 0 12px;
  height: 20px;
}
.mkh_TagSliderList .mkh_splide__slide{
  display: block;
}
.mkh_TagSliderList .mkh_splide__slide a{
  position: relative;
  display: block;
  font-size: 0.8125em;
  line-height: 1;
  font-weight: 600;
  color: #A4A6AA;
  transition: color 0.2s ease;
}
.mkh_TagSliderList .mkh_splide__slide a::after{
  content: '#';
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  font-size: 0.8125em;
  transform: translateY(-50%);
}
.mkh_TagSliderList .mkh_splide__slide .mkh_tag{
  display: block;
  background-color: unset;
  border: none;
  padding-left: 12px;
}



/* セクション内スライダー */
.mkh_overflowSlide {
  margin-inline: auto;
  max-width: clamp(60rem, -67.5rem + 170vw, 81.25rem);/*960-1300 1200-1400*/
  padding: 0 16px;
  box-sizing: content-box;
}
/* セクション内スライダー mkh_gridList-wrap */
.mkh_gridList-wrap{
  width: 100%;
  margin-inline-start: 0;
  padding-inline-start: 0;
  overflow-x: unset;
}
.splide.is-initialized:not(.is-active) .splide__list{
  display: grid;
}
/* mkh_gridList */
.mkh_sliderList li {
  max-width: clamp(166px, 23vw, 304px);
}
/* mkh_gridList */
.mkh_gridList {
  display: grid;
  grid-template-columns: repeat(3, minmax(240px, 410px));
  justify-content: flex-start;
}
#SlideVideo_Rashinban .mkh_VideoList .mkh_dot,
#SlideVideo_Otoshiana .mkh_VideoList .mkh_dot{
  display: none;
}


.mkh_Head_Susume_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  background-image: url(../img/il_chara02.webp);
  background-size: 80px 98px;
  background-position: bottom right;
  background-repeat: no-repeat;
}
.mkh_SusumeHeadingColor {
  display: inline-block;
  font-size: clamp(2.75em, -0.2821em + 11.2821vw, 5.5em);/* 44-88 430-820  */
  font-weight: 900;
  color: #FF0000;
}
span.mkh_SusumeHeadingMono {
  display: block;
  font-size: clamp(1.875em, -0.1923em + 7.6923vw, 3.75em);/* 30-60 430-820 */
  font-weight: 900;
  color: #111111;
  margin-top: clamp( -24px, calc(-10px + (-14) * ((100vw - 430px) / 390)), -10px);/* -16- -24 430-820*/
}
.mkh_SusumeBigHead_details {
  flex: 1 1 63.08%;
  padding-right: 100px;
}
.mkh_SusumeBigHead_detailsTtl {
  display: inline-block;
  border: 1px solid #FF0000;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}
.mkh_SusumeBigHead_detailsTtl span{
  display: inline-block;
  font-size: clamp(0.8125em, 0.1923em + 2.3077vw, 1.375em);/* 13-22 430-820 */
  font-weight: 800;
  letter-spacing: 0.05em;
  color: #FF0000;
  padding: 6px 16px 2px 16px;
}
.mkh_Susume_detailsTxt {
  font-size: clamp(0.875em, 0.5994em + 1.0256vw, 1.125em);/* 14-18 430-820 */
  font-weight: 600;
  line-height: calc(30/18);
  margin-top: clamp(0.688rem, -0.036rem + 2.69vw, 1.125rem);/* 11-18 430-690 */
}


/* 共通 カテゴリ */
.mkh_videoSlide_wrap {
  padding: clamp(1.5rem, -1.67rem + 11.79vw, 4.375rem) 0 clamp(2.5rem, 0.433rem + 7.69vw, 4.375rem);/* 24-70 430-820 *//* 40-70 430-820 */
  overflow-x: hidden;
}
.mkh_Heading_details{
  flex: 1 1 46.15%;
}
.mkh_Heading_detailsTxt {
  font-size: clamp(0.875em, 0.5994em + 1.0256vw, 1.125em);/* 14-18 430-820 */
}

/* カテゴリタイトル */
.mkh_ColorSection_ttl {
  gap: 16px;
}

/* mkh_Rashinban_wrap */
.mkh_Rashinban_wrap{
  background-color: #F2F9FF;
}

/* mkh_Otoshiana_wrap */
.mkh_Otoshiana_wrap{
  background-color: #FEFAF1;
}


/* mkh_Motto_wrap */
.mkh_Motto_wrap{
  max-width: clamp(60rem, -67.5rem + 170vw, 81.25rem);/*960-1300 1200-1400*/
  margin-inline: auto;
}
.mkh_Motto_wrap .mkh_Heading_MiniTtl-sm{
  text-align: start;
}
.mkh_MottoContent{
  display: flex;
  justify-content: space-between;
  gap: 16px clamp(16px, 1.7vw, 40px);
}
.mkh_color_wrap{
  position: relative;
  width: 410px;
  padding: clamp(24px,3vw,40px) clamp(12px,1.5vw,40px);/* 24-48 960-1300 */
  border-radius: 15px;
}
.mkh_color_wrap h3 p{
  font-size: clamp(1.25em, 2.4vw, 2em);/*820以下*/
  font-weight: 900;
}
.mkh_pat span{color: #00428F;}
.mkh_pat rb{
  vertical-align: baseline;
  font-size: 0.5em;
}
.mkh_MottoContent .mkh_HeadingMdl{
  white-space: nowrap;
}
.mkh_Motto_detailsTxt {
  font-size: clamp(0.75em, 0.4744em + 1.0256vw, 1em);/* 12-16 430-820 */
  font-weight: 600;
  margin-top: clamp(0.75rem, 0.337rem + 1.54vw, 1.125rem);/* 12-18 430-820 */
  margin-bottom: clamp(0.75rem, -0.077rem + 3.08vw, 1.5rem);/* 12-24 430-820 */
}
/* mkh_LinkBtnOval */
.mkh_MottoContent a.mkh_LinkBtnOval.mkh_wdtShort{
  max-width: clamp(7.625rem, 5.833rem + 6.67vw, 11.25rem);/* 122-180 430-1300 */
  height: clamp(2rem, 1.259rem + 2.76vw, 3.5rem);/* 32-56 430-1300 */
}
.mkh_MottoContent a.mkh_LinkBtnOval span{
  font-size: clamp(0.75em, 0.6264em + 0.4598vw, 1em);/* 12-16 430-1300 */
}
/* 丸囲み矢印 */
a.mkh_LinkBtnOval.mkh_wdtShort .mkh_ColorArrow svg{
  width: clamp(0.938rem, 0.659rem + 1.03vw, 1.5rem);/* 15-24 430-1300 */
  height: clamp(0.938rem, 0.659rem + 1.03vw, 1.5rem);/* 15-24 430-1300 */
}

/* mkh_Susume_wrap */
.mkh_Susume_wrap{
  background-color: #FFF1F1;
}
.mkh_color_wrap h3 p.mkh_susume span{
  color: var(--color-susume);
}

/* mkh_localbrand_wrap */
.mkh_color_wrap.mkh_localbrand_wrap{
  background-color: #E4FBEE;
}
.mkh_color_wrap h3 p.mkh_localbrand span{
  color: var(--color-localbrand);
}
.mkh_Img_localbrand{
  position: absolute;
  right: 20px;
  bottom: 0;
}
.mkh_Img_localbrand img{
  max-width: clamp(74px, 8vw, 122px);
}

/* mkh_pat_wrap */
.mkh_pat_wrap{
  background-color: #EEF2FF;
}

/* mkh_Dojou_wrap */
.mkh_Dojou_wrap{
  position: relative;
  max-width: clamp(60rem, -67.5rem + 170vw, 81.25rem);/*960-1300 1200-1400*/
  margin-inline: auto;
}
.mkh_Dojou_wrap::after{
  position: absolute;
  display: inline-block;
  content: '';
  bottom: clamp( -98px,calc(-98px + 82 * ((100vw - 1300px) / 170)),-16px);/* -16 -98 1300-1470 */
  right: clamp(-80px,calc((-80) * ((100vw - 1324px) / 170)),0px);/* 0 -80 1300-1470 */
  width: 116px;
  height: 182px;
  background-image: url(../img/il_chara04.webp);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.mkh_Dojou_content_wrap{
  margin-inline: 16px;
  padding: clamp(2rem, 0.346rem + 6.15vw, 3.5rem) 14px;/* 32-56 430-820 */
  background-color: #F1F5F8;
  border-radius: 15px;
}
.mkh_Dojou_content {
  margin-inline: auto;
  max-width: 1200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 40px 80px;
}
.mkh_DojouBigHead{
  max-width: clamp(12.875rem, 4.054rem + 32.82vw, 20.875rem);/* 206-334 430-820 */
  margin-inline: auto;
}
.mkh_Dojou_detailsTxt {
  font-size: clamp(0.75em, 0.4744em + 1.0256vw, 1em);/* 12-16 430-820 */
  font-weight: 600;
  line-height: calc(24 / 16);
  margin-top: 24px;
}
.mkh_DojouIntro {
  flex: 1 1 auto;
  max-width: 750px;
}
.mkh_DojouStep {
  flex: 1 1 auto;
  max-width: 750px;
}
.mkh_DojouStepTtl {
  display: block;
  font-size: 0.9375em;
  font-weight: 800;
  color: #2A6037;
  text-align: center;
  padding: 2px 0;
  background-color: #FFFFFF;
  border: 2px solid #2A6037;
  border-radius: 9999px;
}
.mkh_DojouStepList{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px;
  margin-top: 40px;
}
.mkh_DojouStepList li {
  flex: 1;
  position: relative;
  padding: 32px;
  border-radius: 10px;
  background-color: #FFFFFF;
}
.mkh_DojouStepList_num{
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: clamp(1.625rem, 0.611rem + 3.77vw, 2.875rem);/* 26-46 430-960 */
  max-height: clamp(1.625rem, 0.611rem + 3.77vw, 2.875rem);/* 26-46 430-960 */
  height: 46px;
  margin-inline: auto;
  font-family: "Inter", sans-serif;
  font-size: clamp(0.75em, 0.4399em + 1.1538vw, 0.9375em);/* 12-15 430-690 */
  text-align: center;
  align-content: center;
  font-weight: 800;
  color: #2A6037;
  border: 1px solid #2A6037;
  border-radius: 50%;
}
.mkh_DojouStepList_ttl {
  font-size: clamp(0.875em, 0.4615em + 1.5385vw, 1.25em);/* 14-20 430-820 */
  color: #2A6037;
  font-weight: 800;
}
.mkh_DojouStepList li p{
  font-size: clamp(0.625em, 0.2115em + 1.5385vw, 0.875em);/* 10-14 430-690 */
  line-height: calc(21/14);
  font-weight: 600;
  padding-top: clamp(0rem, -0.811rem + 3.02vw, 1rem);/* 0-16 430-960 */
}

a.mkh_LinkBtnOvalGreen{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  max-width:clamp(14.625rem, 6.631rem + 29.74vw, 21.875rem);/* 234-350 430-820 */
  height: clamp(3rem, -5.054rem + 15.71vw, 4.375rem);/* 48-70 430-960 */
  margin-inline: auto;
  margin-top: clamp(1.5rem, 0.949rem + 2.05vw, 2rem); /* 24-32 430-820 */
  color: #FFFFFF;
  font-weight: 800;
  background-color: #2A6037;
  border-radius: 9999px;
  transition: background-color 0.2s ease;
}
a.mkh_LinkBtnOvalGreen span{
  font-size: clamp(0.875em, 0.7372em + 0.5128vw, 1em);/* 14-16 430-820 */
}


/* mkh_Yakudachi_wrap */
.mkh_Yakudachi_wrap {
  max-width: clamp(60rem, -67.5rem + 170vw, 81.25rem);/*960-1300 1200-1400*/
  margin-inline: auto;
}
.mkh_details_Yakudachi{
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}
.mkh_YakudachiHead{
  font-size: clamp(0.875em,2.3vw,1.25em);
  font-weight: 800;
}
.mkh_Yakudachi_detailsTxt{
  font-size: clamp(0.625em,1.75vw,1em);
  font-weight: 600;
  line-height: calc(24 / 16);
  margin-top: 8px;
  margin-bottom: 24px;
}
.mkh_YakudachiList{
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 32px clamp(0.75rem, -2.779rem + 5.88vw, 2rem);/* 12-32 960-1300 */
}
.mkh_YakudachiList li{
  flex: 1 1 auto;
  max-width: 410px;
  display: flex;
  flex-direction: column;
}
a.mkh_Img_Yakudachi{
  display: inline-block;
  transition: opacity 0.2s ease;
}
a.mkh_Img_Yakudachi img{
  border-radius: 15px;
}


/* mkh_note-wrap */
.mkh_note-wrap{
  max-width: clamp(60rem, -67.5rem + 170vw, 81.25rem);/*960-1300 1200-1400*/
  margin-inline: auto;
}
.mkh_noteTxt{
  display: flex;
  justify-content: center;
  font-size: clamp(0.875em, 0.7372em + 0.5128vw, 1em);/* 14-16 430-820 */
  line-height: calc(32/16);
  font-weight: 700;
}


/* mkh_LinkBtnOval */
a.mkh_LinkBtnOval.mkh_wdtShort{
  max-width:clamp(7.625rem, 4.684rem + 10.94vw, 11.25rem);/* 122-180 430-960 */
  height: clamp(2rem, 0.783rem + 4.53vw, 3.5rem);/* 32-56 430-960 */
  margin-block-start: auto;
}
.mkh_LinkBtnOvalCenter_wrap{
  margin-top: clamp(1.125rem, 0.198rem + 3.45vw, 3rem);/* 18-48 430-1300 */
}
a.mkh_LinkBtnOval.mkh_wdtLong{
  max-width: clamp(11.875rem, 4.295rem + 28.21vw, 18.75rem);/* 190-300 430-820 */
  height: clamp(2.5rem, 0.877rem + 6.04vw, 4.5rem);/* 40-72 430-960 */
  margin-inline: auto;
}
a.mkh_LinkBtnOval span{
  font-size: clamp(0.75em, 0.4744em + 1.0256vw, 1em);/* 12-16 430-820 */
}


/* mkh_bnr-wrap */
.mkh_bnr-wrap{
  max-width: clamp(60rem, -67.5rem + 170vw, 81.25rem);/*960-1300 1200-1400*/
  margin-inline: auto;
  margin-top: clamp(2rem, 0.346rem + 6.15vw, 3.5rem);/* 32-56 430-820 */
  display: flex;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}
.mkh_bnr{
  flex: 1 1 auto;
  align-content: center;
  max-width: 630px;
  height: 144px;
  margin-inline: auto;
  border-radius: 15px;
}
.mkh_bnr a{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px 0;
  padding: 6px clamp(16px,3vw,32px);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.mkh_detailsTtl{
  align-items: center;
  display: flex;
  justify-content: space-between;
  max-width: max-content;
  font-size: clamp(0.625em, 0.4183em + 0.7692vw, 0.75em);/* 10-12 430-690 */
  font-weight: 600;
  letter-spacing: 0.02em;
  padding-left: 12px;
  background-color: #FFFFFF;
  border-radius: 13px;
}
.mkh_detailsTtl-circle{
  margin-left: 8px;
  padding: 4px 8px;
  border-radius: 13px;
}
.mkh_bnrTtl {
  font-size: clamp(1.25em, 2.4vw, 2em);
  font-weight: 900;
  margin-top: 4px;
}
.mkh_bnrTxt{
  font-size: 0.75em;
  font-weight: 600;
  margin-top: 4px;
}
/* mkh_bnrKatsuyou */
.mkh_bnrKatsuyou{
  background-color: #FFF1F1;
  border: 1px solid #FCDFDF;
}
.mkh_bnrKatsuyou .mkh_detailsTtl-color{
  color: #FF0000;
}
.mkh_bnrKatsuyou .mkh_detailsTtl-circle{
  color: #FFFFFF;
  background-color: #FF0000;
}
.mkh_bnrKatsuyou .mkh_bnrImg{
  max-width: clamp(140px,5vw,218px);
}
/* mkh_bnrAmbassador */
.mkh_bnrAmbassador{
  background-color: #ECF5FC;
  border: 1px solid #D9E6F2;
}
.mkh_bnrAmbassador .mkh_detailsTtl-color{
  color: #2A73AC;
}
.mkh_bnrAmbassador .mkh_detailsTtl-circle{
  color: #FFFFFF;
  background-color: #2A73AC;
}
.mkh_bnrAmbassador .mkh_bnrImg{
  max-width: 126px;
}


/*モーダル*/
.mkh_modalvideo{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  transition: all 0.2s ease;

  visibility: hidden;
  opacity: 0;
  z-index: -1;
}
.mkh_modalvideo.is-open{
  visibility: visible;
  opacity: 1;
  z-index: 1000;
}
.mkh_mdloverlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.86);
  z-index: 1000;
}
.mkh_mdlbody{
  position: absolute;
  width: 832px;
  max-width: calc(100% - 48px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 16px;
  background-color: #FFFFFF;
  z-index: 1100;
}
.mkh_mdlvideocontainer{
  width: 100%;
  aspect-ratio: 16/9;
}
.mkh_mdlbody div iframe{
  width: 100%;
  height: 100%;
}
.mkh_mdlclosebtn{
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  right: -24px;
  top: -24px;
  font-size: 2em;
  font-weight: bold;
  color: #CCCCCC;
  border-radius: 100%;
  background-color: #FFFFFF;
  cursor: pointer;
  transition: color 0.2s linear;
}






@media screen and (min-width:821px){
  /* トップスライダー 矢印 */
  .mkh_topSliderList_wrap .mkh_slider-arrow:hover{
    opacity: 0.2;
  }
  /* mkh_topSlideDetails */
  .mkh_topSlideDetails:hover .mkh_ColorArrow{
    --arrow-shift: 6px; 
  }
  /* mkh_tagSlide_wrap */
  .mkh_TagSliderList li a:hover{
    color: #111111;
  }
  /* mkh_Susume_wrap */
  .mkh_topSlideDetails a:hover .mkh_ColorArrow{
    --arrow-shift: 4px;
  }
  /* mkh_Dojou_wrap */
  a.mkh_LinkBtnOvalGreen:hover{
    background-color: #6CBC80;
  }
  /* mkh_Yakudachi_wrap */
  a.mkh_Img_Yakudachi:hover{
    opacity: 0.7;
  }
  /* mkh_bnr-wrap */
  .mkh_bnr a:hover{
    opacity: 0.7;
  }


  .mkh_mdlclosebtn:hover{color: #111111;}
}


@media screen and (max-width:1300px){
  /* ロゴ 動画でかしこく学ぶもうけのコツ */
  .mkh_logo_kotsu{
    margin-bottom: clamp(  -64px,  calc(-28px + (-36) * ((100vw - 430px) / 870)),  -28px);/* -64 - -23 430-1300 */
  }


  /* mkh_Dojou_wrap */
  .mkh_Dojou_content{
    flex-wrap: wrap;
    justify-content: center;
  }
}




@media screen and (max-width: 960px){
  /* トップスライダー */
  .mkh_mvwrap{
    padding-top: clamp(0.75rem, -1.075rem + 6.79vw, 3rem);/* 12-48 430-960 */
  }


  /* カテゴリタイトル */
  .mkh_ColorSection_ttl {
    flex-direction: column;
  }


  /* セクション内スライダー mkh_gridList-wrap */
  .mkh_gridList-wrap{
    width: 100vw;
    margin-inline-start: calc(50% - 50vw);
    padding-inline-start: calc(50vw - 50%);
    margin-top: clamp(1.5rem, 0.397rem + 4.1vw, 2.5rem);
    overflow-x: hidden;
  }
  /* セクション内スライダー mkh_gridList */
  .mkh_gridList {
    display: flex;
  }
  .mkh_gridList li{
    max-width: clamp(166px, 23vw, 304px);
  }


  /* mkh_Susume_wrap */
  .mkh_Head_Susume_block{
    flex-direction: column;
    align-items: baseline;
    background-size: clamp(6.875rem, 5.578rem + 4.83vw, 9.5rem) clamp(8.5rem, 6.955rem + 5.75vw, 11.625rem);/* 110-152 430-1300 *//* 136-186 430-1300 */
    background-position: top clamp(0rem, -0.432rem + 1.61vw, 0.875rem) right;/* 0-14 430-1300 */
  }
  .mkh_SusumeBigHead_details{
    padding-right: 0;
  }


  /* mkh_Motto_wrap */
  .mkh_color_wrap{
    width: 82%;
    min-width: 328px;
    padding: 24px;
  }
  .mkh_MottoContent{
    flex-wrap: wrap;
    justify-content: center;
  }

  /* mkh_localbrand_wrap  */
  .mkh_color_wrap.mkh_localbrand_wrap{
    padding: 24px 24px 32px;
  }
  .mkh_Img_localbrand img{
    max-width: clamp(74px, 11.5vw, 122px);
  }

  /* mkh_Dojou_wrap */
  .mkh_Dojou_wrap::after{
    bottom: clamp(-2.75rem, -4.981rem + 8.3vw, 0rem);/* -44-0 430-960 */
  }
  .mkh_DojouStepList{
    flex-direction: column;
    margin-top: 12px;
  }
  .mkh_DojouStepList li{
    padding: 16px 12px;
  }
  .mkh_DojouStepList li p{
    padding-left: clamp(2.125rem, 1.111rem + 3.77vw, 3.375rem);/* 34-54 430-960 */
  }
  .mkh_DojouStepList li:last-of-type p{
    padding-right: clamp(0px, calc(100px + (-100) * ((100vw - 430px) / 530)), 100px);;/* 100 - 0 430-960 */ 
  }
  .mkh_DojouStepList_heading{
    display: flex;
    align-items: center;
    gap: 8px;
  }
  .mkh_DojouStepList_num{
  position: inherit;
  transform: unset;
  flex: 0 0 auto;
  }
  .mkh_DojouStepList_ttl{
    flex: 1 1 auto;
  }
}


@media screen and (max-width:820px){
  /* トップスライダー */
  .mkh_mvwrap .mkh_ColorArrow_wrap {
    position: absolute;
    bottom: 8px;
    right: 12px;
  }


  /* mkh_Yakudachi_wrap */
  .mkh_YakudachiList{
    flex-wrap: wrap;
    justify-content: center;
  }
  .mkh_YakudachiList a.mkh_LinkBtnOval.mkh_wdtShort{
    position: absolute;
    top: 0;
    right: 0;
    height: auto;
    border: none;
  }
}




@media screen and (max-width:690px){
  /* トップスライダー 矢印 */
  .mkh_topSliderList_wrap .mkh_slider-arrows{
    display: none;
  }

  /* トップスライダー ページネーション */
  .mkh_swiper-dot{
    width: 14px;
    height: 14px;
  }
  /* トップスライダー プログレスバー */
  .mkh_swiper-circleInner {
    width: 11px;
    height: 11px;
    border: 3px solid #F1F5F8;
  }
  .mkh_swiper-dot::before{
    width: 14px;
    height: 14px;
    transform-origin: right 7px;
    left: -7px;
  }
  .mkh_swiper-dot::after{
    width: 14px;
    height: 14px;
    transform-origin: left 7px;
    left: 7px;
  }


  /* mkh_localbrand_wrap */
  .mkh_Img_localbrand img{
    max-width: clamp(74px, 14vw, 122px);
  }


  /* mkh_bnr-wrap */
  .mkh_bnr{
    height: auto;
  }
  .mkh_bnr a{
    flex-direction: column;
    text-align: center;
  }
  .mkh_detailsTtl{
    margin-inline: auto;
  }



  .mkh_mdlbody{padding: max(8px, 2.31vw);}
  .mkh_mdlclosebtn{
    width: max(24px, 6.95vw);
    height: max(24px, 6.95vw);
    font-size: max(1em, 4.63vw);
  }

}