@charset "utf-8";
/* CSS Document */
h3{  font-size: inherit;}  #faq a{  text-decoration: underline;  color: #0366d6;}#faq a:hover{  text-decoration: underline;  color: #d87503;}body {  background-color: transparent;}.sec2-nav__list { background: none; }@media (max-width: 768px){  .nav-top {    background-color: transparent;  }}.sec1__title{  margin-bottom: 30px;  padding: 0 0 0 16px;  border-bottom: none;}.sec1__title:after{  left: 0;  background: #164a84;}@media (max-width: 768px) {  .sec1__title {    max-width: 95%;    margin: 0 auto 16px;    font-size: 18px;    font-weight: normal;  }}:root{    --nav-height: 0px;    scroll-padding-top: calc(var(--nav-height) + 20px);}.l_section{}.l_section__item{}.l_section--primary{}.l_section--primary > .l_section__item + .l_section__item{  margin-top: 64px;}.l_section--secondary{}.l_section--secondary > .l_section__item + .l_section__item{  margin-top: 20px;  padding-top: 15px;  border-top: 1px solid #ccc;}.l_section--tertiary{}.l_section--tertiary > .l_section__item + .l_section__item{  margin-top: 40px;}.l_grid{  display: flex;  align-items: stretch;  justify-content: flex-start;  flex-wrap: wrap; }.l_grid__item{  display: flex;  width: 100%;}.l_grid__inner{  display: block;  width: 100%;}.l_grid--hasGutterMd{  margin: -8px;}.l_grid--hasGutterMd > .l_grid__item{  padding: 8px;}@media screen and (max-width: 768px){  .l_grid--resMdHasNoGutter{    margin: 0;  }  .l_grid--resMdHasNoGutter > .l_grid__item{    padding: 0;  }}.l_list{}.l_list__item{}.l_list--localNav > .l_list__item + .l_list__item{  margin-top: 8px;}.l_lineupNav:not(:first-child) {  margin-top: 40px;  border-bottom: 1px solid  #164a84;  padding: 0 0 40px 0;}@media screen and (max-width: 768px) {  .l_lineupNav{    border: none;    padding: 0;    margin: 40px 0;  }}.m_hasIco{  position: relative;  display: block;}.m_hasIco::before,.m_hasIco::after{  position: absolute;  display: block;}.m_hasIco::before{  left: 0;}.m_hasIco::after{  right: 0;}.m_hasIco--center::before,.m_hasIco--center::after{  top: 50%;  transform: translateY(-50%);}.m_hasIco--theme::after{  content: "";  right: auto;  left: 20px;  width: 0;  height: 0;  border-top: 7px solid transparent;  border-bottom: 7px solid transparent;  border-left: 12px solid #ffca2c;}.m_hasIco--link{  padding-left: 16px;}.m_hasIco--link::before{  content: "\f105";  color: #164a84;  font: bold 20px "Font Awesome 5 Free";  text-decoration: none;}.m_hasIco--localNav{  padding-left: 32px;}.m_hasIco--localNav::before{  width: 25px;  height: 25px;  background: #164a84;  text-align: center;  color: #fff;  text-decoration: none;  font: bold 16px / 25px "Font Awesome 5 Free";}.m_hasIco--heading{  padding-left: 56px;  line-height: 40px;}.m_hasIco--heading::before{  content: "";  width: 40px;  height: 40px;    background-color: #164a84;  text-align: center;  color: #fff;  font: bold 24px / 40px "Font Awesome 5 Free";}.m_hasIco--headingLocalNav{  padding-left: 20px;}.m_hasIco--headingLocalNav::before{  content: "";  width: 8px;  height: 32px;  background: #997120;}.m_hasIco--externalLink {  padding-right: 40px;  text-decoration: underline;  text-underline-offset: 0.5em;  transition: .3s opacity;}.m_hasIco--externalLink::after {  content: "\f35d";  width: auto;  height: auto;  background: transparent;  text-align: center;  color: #997120;  font: bold 21px / 40px "Font Awesome 5 Free";  top: 3px;}.m_hasIco--externalLink:hover {  opacity: .7;}.m_hasIco--technical::before{  content: "\f303";}.m_hasIco--human::before{  content: "\f086";}.m_hasIco--conceptual::before{  content: "\f0eb";  font-weight: normal;}.m_hasIco--activate::before{  content: "\f0c0";}.m_hasIco--workCapacity::before{  content: "\f508";}.m_hasIco--keyword::before{  content: "\f005";}.m_hasIco--famousBooks::before{  content: "\f5ac";}.m_hasIco--skill-communication::before{  content: "\f086";}.m_hasIco--skill-negociating::before{  content: "\f2b5";}.m_hasIco--skill-team-building::before{  content: "\f0c0";}.m_hasIco--skill-productivity-improvement::before{  content: "\f017";}.m_hasIco--skill-business-mind::before{  content: "\f201";}.m_hasIco--skill-management::before{  content: "\f2c2";}.m_hasIco--skill-leadership::before{  content: "\f024";}.m_hasIco--skill-develop-staff::before{  content: "\f183";}.m_hasIco--skill-evaluation::before{  content: "\f24e";}.m_hasIco--skill-business-manners::before{  content: "\f2c2";}.m_hasIco--skill-thinking::before{  content: "\f0eb";  font-weight: normal;}.m_hasIco--skill-solving-problems::before{  content: "\f12e";}.m_hasIco--skill-create::before{  content: "\f12a";}.m_hasIco--skill-marketing::before{  content: "\f012";}.m_hasIco--skill-writing::before{  content: "\f303";}.m_hasIco--skill-telling::before{  content: "\f0d0";}.m_hasIco--skill-telephone-etiquettes::before{  content: "\f025";}.m_hasIco--skill-sales::before{  content: "\f0b1";}.m_hasIco--skill-specialists::before{  content: "\f328";}.m_hasIco--skill-cs-claim::before{  content: "\f2c2";}.m_hasIco--skill-improvement::before{  content: "\f02d";}.m_hasIco--skill-risk-management::before{  content: "\f084";}.m_hasIco--skill-mental::before{  content: "\f004";}.m_hasIco--skill-career::before{  content: "\f0c9";}.m_hasIco--skill-oa-it::before{  content: "\f108";}.m_hasIco--skill-ai-rpa::before{  content: "\f544";}.m_hasIco--skill-data-analytics::before{  content: "\f1fe";}.m_hasIco--skill-global-diversity::before{  content: "\f0ac";}.m_hasIco--hierarchy-executive::before{  content: "\f185";}.m_hasIco--hierarchy-manager::before{  content: "\f005";}.m_hasIco--hierarchy-veteran::before{  content: "\f6fc";}.m_hasIco--hierarchy-mid-level::before{  content: "\f1bb";}.m_hasIco--hierarchy-young::before{  content: "\f06c";}.m_hasIco--hierarchy-newcomer::before{  content: "\f4d8";}.m_hasIco--trade::before{  content: "\f1ad";}.m_hasIco--division::before{  content: "\f007";}@media screen and (max-width: 768px){  .m_hasIco--heading{}  .m_hasIco--headingLocalNav{    padding-left: 0;  }  .m_hasIco--headingLocalNav::before{    content: none;  }}.m_heading{}.m_heading__ttl{  font-weight: normal;  line-height: 1;}.m_heading__sub{}.m_heading--primary{  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 24px;}.m_heading--primary > .m_heading__ttl{  font-size: 20px;  font-weight: bold;}.m_heading--secondary{  display: flex;  justify-content: space-between;  align-items: center;  margin-bottom: 12px;}.m_heading--secondary > .m_heading__ttl{  line-height: 1.4;  border-left: 10px solid #164a84;  padding: 5px 0 5px 10px;  font-size: 20px;  font-weight: bold;}.m_heading--tertiary{  margin-bottom: 12px;}.m_heading--tertiary > .m_heading__ttl{  color: #164a84;  line-height: 1.4;  font-size: 18px;  font-weight: bold;}.m_heading--tertiary > .m_heading__ttl + .m_heading__sub{  margin-top: 10px;}.m_heading--tertiary > .m_heading__sub{}.m_heading--tertiary > .m_heading__sub{  position: relative;  padding-left: 24px;  font-size: 15px;  font-weight: bold;}.m_heading--tertiary > .m_heading__sub::before{  content: "\f0eb";  position: absolute;  top: 0;  left: 0;  display: block;  color: #164a84;  font: 24px / 1 "Font Awesome 5 Free";}.m_heading--localNav{  margin-bottom: 12px;}.m_heading--localNav > .m_heading__ttl{  line-height: 25px;  font-size: 14px;  font-weight: bold;  color: #164a84;}.m_localNav:has(.m_hasIco--business) {  --theme_riam: #E6002D;  .m_hasIco--localNav {    color: var(--theme_riam);    &::before {      background-color: var(--theme_riam);      content: "\f64f";    }  }  .m_hasIco--link::before { color: var(--theme_riam); }}.p_heading{}.p_heading--qa{  display: flex;  align-items: center;  margin-bottom: 12px;  padding-bottom: 12px;  border-bottom: 1px solid #5398FF;}.p_heading--qa > .p_heading__img{  margin-right: 12px;  line-height: 0;}.p_heading--qa > .p_heading__sub{  font-size: 15px;}@media screen and (max-width: 768px){  .m_heading{    max-width: 95%;    margin-inline: auto;  }  .m_heading--primary{    display: block;  }  .m_heading--secondary{    display: block;  }  .m_heading--secondary > .m_heading__sub{}  .m_heading--secondary > .m_heading__ttl + .m_heading__sub{    margin-top: 8px;  }}.m_link{}.m_link--img{  display: block;  line-height: 0;}.m_link--img:hover{  opacity: .7;}.m_link--localNav{  color: inherit;  text-decoration: underline;  &.is-on { font-weight: bold; }}.m_link--localNav:hover{  color: inherit;  text-decoration: underline;  opacity: .7;}.m_link--btn {  --btn_main_theme: #164a84;  align-items: center;  background-color: var(--btn_main_theme);  border: 3px solid var(--btn_main_theme);  border-radius: 9999px;  color: #fff;  display: grid;  font-size: 15px;  font-weight: bold;  grid-template-columns: 1fr auto 1fr;  gap: 5px;  padding: 5px 8px 5px 5px;    @media screen and (max-width: 768px) {    font-size: 13px;    max-width: fit-content;    margin-left: auto;  }}.m_link--btn:hover {  background-color: #fff;  color: inherit;}.m_link--btn::before { content: ""; }.m_link--btn::after {  border-top: 3px solid #fff;  border-right: 3px solid #fff;  content: "";  display: block;  justify-self: end;  height: 0.5em;  transform: rotate(45deg);  width: 0.5em;}.m_link--btn:hover::after { border-color: var(--btn_main_theme); }.m_heading__sub .m_hasIco--link {  font-size: 15px;  font-weight: bold;}.m_heading__sub .m_hasIco--link:hover { opacity: .7; }.m_localNav{}.m_localNav__heading{}.m_localNav__heading--hidden{  visibility: hidden;}.m_localNav + .m_localNav{  margin-top: 24px;}.m_localNav__list{}.m_localNav__target{  font-size: 14px;}.m_localNav--hierarchy{  + .m_localNav--hierarchy { margin-top: 0; }  .m_localNav__target{    color: #333;    line-height: 24px;    font-size: 15px;    letter-spacing: .1em;  }  .m_heading--localNav > .m_heading__ttl { font-weight: inherit; }}@media screen and (max-width: 768px){  .m_localNav{  }  .m_localNav__heading--hidden{    display: none;  }  .m_localNav__list{  padding: 0 16px;    }  .m_localNav--hierarchy .m_localNav__target{    color: #333;    line-height: inherit;  }}.m_catch{  padding: 16px;  border: 1px solid;}.m_catch--parentCat{  border-color: #164A84;}.bup_faqBox {  border: 2px solid #B5D1EC;  margin: 20px 0;  padding: 20px;  width: 100%;}.p_faq{  border: 1px solid;}.p_faq__item{  padding: 12px 16px;}.p_faq__item--common{    display: none;}.p_faq__listItem{}.p_faq__listItem + .p_faq__listItem{  margin-top: 8px;}.p_faq__qa{  position: relative;  padding-left: 1.5em;}.p_faq__qa::before{  position: absolute;  top: 0;  left: 0;  display: block;  color: #5398FF;}.p_faq__qa--question{  cursor: pointer;  font-weight: bold;}.p_faq__qa--question::before{  content: "Q.";}.p_faq__qa--answer{  margin-top: 8px;  white-space: pre-wrap;}.p_faq__qa--answer::before{  content: "A.";  font-weight: bold;}.p_faq--bup{  border-color: #5398FF;}.v-enter-active,.v-leave-active{transition:.5s height,.5s opacity;}.v-enter{opacity:0;}.v-leave-to{visibility:hidden}[v-cloak]{  display: none;}.requestTab{  position: static;  width: 100%;  line-height: 1;}.requestTab__msg{  display: inline-block;  padding: 4px 8px;  border-radius: 2px;  background: #ec653d;  color: #fff;  font-size: 10px;}.requestTab__descr{  position: absolute;  top: -14px;  left: 0;  z-index: 2;  justify-content: center;  display: none;  width: 230px;  padding: 8px;  border: 1px solid #333;  border-radius: 8px;  background: #fff;  line-height: 1.4;  font-size: 12px;  transform: translateY(-100%);}.requestTab__descr::before{  content: "";  position: absolute;  bottom: 1px;  left: 24px;  width: 13px;  height: 13px;  border-left: 1px solid #333;  background: linear-gradient(to right bottom, #fff 8px, #333 0, #333 9px, transparent 0);  transform: translateY(100%);}.requestTab:hover .requestTab__descr{  display: flex;}.seminarLinkBox > li.no_scheduleWrap .requestTab,.seminarLinkHierarchy > li.no_scheduleWrap .requestTab{  left: 10px;}.bup-result__list .requestTab{  top: 10px;  left: 20px;}@media screen and (max-width: 768px){  .requestTab:hover .requestTab__descr{    display: none;  }}@media screen and (max-width:768px){  .u_resMdW95{    width: 95%;    margin-right: auto;    margin-left: auto;  }}.u_col1{width:8.333%;}.u_col2{width:16.667%;}.u_col3{width:25%;}.u_col4{width:33.333%;}.u_col5{width:41.666%;}.u_col6{width:50%;}.u_col7{width:58.333%;}.u_col8{width:66.666%;}.u_col9{width:75%;}.u_col10{width:83.33%;}.u_col11{width:91.666%;}.u_col12{width:100%;}@media screen and (max-width:768px){  .u_resMdCol1{width:8.333%;}  .u_resMdCol2{width:16.667%;}  .u_resMdCol3{width:25%;}  .u_resMdCol4{width:33.333%;}  .u_resMdCol5{width:41.666%;}  .u_resMdCol6{width:50%;}  .u_resMdCol7{width:58.333%;}  .u_resMdCol8{width:66.666%;}  .u_resMdCol9{width:75%;}  .u_resMdCol10{width:83.33%;}  .u_resMdCol11{width:91.666%;}  .u_resMdCol12{width:100%;}}@media screen and (max-width:599px){  .u_resSmCol1{width:8.333%;}  .u_resSmCol2{width:16.667%;}  .u_resSmCol3{width:25%;}  .u_resSmCol4{width:33.333%;}  .u_resSmCol5{width:41.666%;}  .u_resSmCol6{width:50%;}  .u_resSmCol7{width:58.333%;}  .u_resSmCol8{width:66.666%;}  .u_resSmCol9{width:75%;}  .u_resSmCol10{width:83.33%;}  .u_resSmCol11{width:91.666%;}  .u_resSmCol12{width:100%;}}.u_clearfix{}.u_clearfix::after{  content: "";  display: block;  clear: both;}.u_hide{  display: none;}@media screen and (max-width: 599px){  .u_resSmInline{    display: inline;  }}.u_fs13{  font-size: 13px;}.u_lsN1{  letter-spacing: -1px;}.u_mt24{  margin-top: 24px;}.u_mb0{  margin-bottom: 0;}.u_mlA{  margin-left: auto;}.ar{  text-align: right;}.m_sec4PickupWrap{}.m_sec4PickupWrap:not(:has(.sec4-pickup__list)){  display: none;}.sec4-pickup{  display: grid;  grid-template-columns: repeat(4, 1fr);  gap: 15px;}.sec4-pickup__list a{  font-size: 1.5rem;  font-weight: bold;}.sec4-pickup__list_img{  width:100%;  max-width: 232px;  line-height: 0;}.sec4-pickup__list_text{  position: relative;  margin-top: 13px;}.sec4-pickup__list_text::before,.sec4-pickup__list_text__new-Attention::after{  width: 59px;  display: inline-block;  padding: 3px;  text-align: center;  font-size: 12px;  font-weight: bold;  color: #fff;  border-radius: 20px;}.sec4-pickup__list_text__standard::before{  content: "定番";  background-color: #0D3388;}.sec4-pickup__list_text__attention::before{  content: "注目";  background-color: #D60076;}.sec4-pickup__list_text__new::before{  content: "NEW";  background-color: #D1151B;}.sec4-pickup__list_text__new-Attention::after{  content: "注目";  background-color: #D60076;  position: absolute;  top: 0;  left: 70px;}.sec4-pickup__list_ttl{  margin-top: 10px;  font-size: 14px;  font-weight: bold;}.sec4-pickup__list_lead_text{  font-size: 14px;  font-weight: normal;  margin-top: 5px;}@media screen and (max-width:768px){  .sec4-pickup{    grid-template-columns: repeat(2, 1fr);    margin-bottom: 20px;  }  .sec4-pickup__list_img{    max-width: 100%;  }  .sec4-pickup__list_text{    margin-top: 7px;  }  .sec4-pickup__list_ttl{    margin-top: 7px;  }}@media screen and (max-width:599px){  .sec4-pickup{    grid-template-columns: repeat(1, 1fr);  }}.main {    display: grid;  grid-template-areas: "side main";  grid-template-columns: 200px 1fr;  gap: 20px;  justify-content: space-between;  overflow: initial;  padding-top: 30px;  width: 1240px;  &:has(.main__sideNavi) {    flex-direction: row-reverse;  }  @media screen and (max-width: 768px) {    display: block;    width: 100%;  }}.main__left {  grid-area: main;  padding: 0;  width: 1020px;  @media screen and (max-width: 768px) {    width: 100%;  }}.main__sideNavi {  grid-area: side;  @media screen and (max-width: 768px) {    display: none;  }}body:not(.newType) {   .nav--container {    .subnav{      background-color: #e5f3fa;          }    .subnav__inner {      display: flex;      margin-inline: auto;      max-width: 1240px;      @media screen and (max-width:768px) {        flex-direction: column;      }    }        .searchField {      @media screen and (max-width:768px) {        margin: 0 auto;      }    }    .searchField__inner {      background-color: transparent;      margin: auto;      width: 630px;      @media screen and (max-width:768px) {        width: 100%;      }    }    .searchField__heading {      background-color: #164a84;      flex: 0 0 180px;      position: relative;    }    .searchField__heading::before {      border-top: 15px solid transparent;      border-bottom: 15px solid transparent;      border-left: 15px solid #164a84;      content: "";      display: block;      height: 0;      position: absolute;      top: 0;      right: 0;      transform: translateX(100%);      width: 0;    }    .searchField__heading::after {      background-color: #f8f3ed;      -webkit-clip-path: polygon(172px -1px, 167px -1px, 183px 50%, 168px 100%, 173px 100%, 188px 50%);              clip-path: polygon(172px -1px, 167px -1px, 183px 50%, 168px 100%, 173px 100%, 188px 50%);      content: "";      display: block;      height: 100%;      position: absolute;      top: 0;      right: -15px;      width: calc(100% + 15px);    }    .searchField__title {      color: #fff;      font-size: 15px;      font-weight: bold;      line-height: 30px;      padding: 0 10px;      position: relative;    }    .searchWordBox__ttl { margin-right: 10px; }        .subnav_btnList {      display: flex;      justify-content: space-between;      gap: 10px;      padding: 10px 10px 10px 0;      width: 100%;      @media screen and (max-width: 768px) {        padding: 10px;      }    }    .subnav_btnItem {      width: 50%;      .subnav_btnItem_target {        --subnavTarget_theme: #333;        align-items: center;        background-color: #fff;        border: 1px solid var(--subnavTarget_theme);        border-radius: 4px;        color: var(--subnavTarget_theme);        display: flex;        font-weight: bold;        height: 100%;        justify-content: center;        &:hover {          opacity: .7;          text-decoration: none;        }        &.subnav_btnItem_target--ask {          --subnavTarget_theme: #ec4062;        }        &.subnav_btnItem_target--shodan {          --subnavTarget_theme: #2a6cae;        }        @media screen and (max-width: 768px) {          min-height: 40px;        }      }    }  }  .nav--container.is_fixed {    position: sticky;    top: 0;    z-index: 999;    .nav-top2 {      padding-bottom: 0;    }  }  @media screen and (min-width: 769px) and (max-width: 1220px) {    width: 1240px;  }  @media screen and (max-width: 768px) {    margin-bottom: 20px;  }  .nav-top2 {    padding: 10px 10px 0 10px;    display: flex;    align-items: center;    @media screen and (max-width: 768px){      flex-direction: column;    }  }  .nav-top2--win{    background:#E5F3FA;  }  .nav-top2__inner {    align-items: center;    display: flex;    gap: 10px 25px;    margin-inline: auto;    max-width: 1240px;    width: 100%;    @media screen and (max-width: 768px){      flex-direction: column;          }  }  .nav-top2__logo {    > a {      transition: .3s opacity;      &:hover { opacity: .7; }    }  }  .nav-top2__title{    width: auto;    word-break: keep-all;    margin: 0;    font-size: 14px;    @media screen and (max-width: 768px){      margin-bottom: 10px;    }  }  .nt2{  }  .nt2__list{        padding:0;    @media screen and (max-width: 768px){          }  }    .nt2__list--grid {    --theme_contact: #ec4062;    --theme_bizMtRsv: #2a6cae;     display: grid;    gap: 3px;    @media screen and (max-width: 768px) {      grid-template-columns: 1fr 1fr;             grid-column: 1 / -1;    }    .nt2__span {      .nt2__link {        --theme_nt2Link: #333;        border: 1px solid var(--theme_nt2Link);        font-size: 11px;        height: auto;        padding: 3px;        &:is(.nt2__link--contact,.nt2__link--bizMeetingReserve) {          &:hover {            background-color: var(--theme_nt2Link);            color: #fff;            &::before { background-color: #fff; }          }          &::before {            aspect-ratio: 24 / 19;            content: "";            display: block;            height: 1.3em;            mask-position: center;            mask-repeat: no-repeat;            mask-size: contain;            width: auto;          }          @media screen and (max-width: 768px) {            font-size: inherit;            min-height: 50px;            padding: 10px;          }        }        &.nt2__link--contact {          --theme_nt2Link: var(--theme_contact);          &::before {                        background-color: var(--theme_nt2Link);            mask-image: url("/resource/img/gnav/icon_navi-b02_inquiry.svg");          }        }        &.nt2__link--bizMeetingReserve {          --theme_nt2Link: var(--theme_bizMtRsv);          &::before {            aspect-ratio: 24 / 19;            background-color: var(--theme_nt2Link);            mask-image: url("/resource/img/gnav/icon_navi-b03_business-discussion.svg");          }        }      }    }  }    .nt2{    display: grid;    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));    gap: 10px;    flex-wrap: wrap;    @media screen and (max-width: 768px){      grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));      justify-content: space-between;      gap: 6px;    }  }  .nt2__link{    display: flex;    height: 50px;    justify-content: center;    align-items: center;    text-align: left;    font-size: 14px;    padding: 4px ;    border: 2px solid #ccc;    border-radius: 4px;    box-shadow: none;    line-height: 1.3;  }  .nt2__link--skill{border-color:#7A4881}  .nt2__link--hierarchy{border-color:#394C99}  .nt2__link--map{border-color:#BF362A}  .nt2__link--schedule{border-color:#BA8E1E}  .nt2__link--online{border-color:#70711F}  .nt2__link--area{border-color:#01663A}  .nt2__link--situation{border-color:#4C312C}  .nt2__link::before{    width:30px;    height: 100%;    background-size: contain;    margin: 0px 5px 0px 0;    @media screen and (max-width: 768px){      content:none;    }  }  .nt2__link::after{    display: none;  }    .nt2 {    &.__students {      .nt2__link {        height: auto;        text-align: center;      }      .nt2__link::before {        height: 30px;        margin: 0 auto 10px;        width: 80%;      }    }  }    .nt2__link--smartpack {    --theme_smp: #4D3E8C;    --nt2link_bgColor: var(--theme_smp);    background-color: var(--nt2link_bgColor);    border-color: var(--theme_smp);    color: #fff;    font-size: 12px;    font-weight: bold;    &::before {      content: none;    }    &:hover {      --nt2link_bgColor: #fff;      color: currentColor;    }    > span {      align-items: center;      display: flex;      flex-direction: column;      gap: 3px;    }    @media screen and (max-width: 768px) {      height: auto;    }  }.nt2__link--tradeDivision {  border-color: #70711F !important;}.nav-top2--win .nt2__link--tradeDivision:is(:hover, .is-current) {  background: #70711F;}.nav-top2--win .nt2__link--tradeDivision::before {  content: "\f1ad";  height: 1em !important;  color: #70711F;  line-height: 1;  text-align: center;  font-weight: normal;  font-size: 24px;  font-family: "Font Awesome 5 Free";  background: none;}.nt2__link.nt2__link--tradeDivision:is(:hover, .is-current)::before {  color: #fff;}@media screen and (max-width: 768px){  .nav-top2--win .nt2__link--tradeDivision::before {    content: none;  }}.searchField{  margin-bottom: 0;  padding: 0;}.searchField__inner{  padding: 10px;  background: #E8EAEF;}.searchField__body{  display: flex;  align-items: center;}.searchField__heading{  flex: 0 0 200px;  position: relative;  margin-right: 30px;  background: #164A84;}.searchField__heading::before{  content: "";  position: absolute;  right: 0;  top: 0;  bottom: 0;  margin: auto 0;  border-top: 15px solid rgba(255, 255, 255, 0);  border-bottom: 15px solid rgba(255, 255, 255, 0);  border-left: 15px solid #164A84;  transform: translateX(100%);}.searchField__ttl{  position: relative;  padding: 0 16px;  color: #fff;  font-weight: bold;  font-size: 14px;  line-height: 30px;}.searchField__ttl::after{  content: "";  position: absolute;  right: 8px;  top: 0;  bottom: 0;  margin: auto 0;  border-top: 15px solid rgba(255, 255, 255, 0);  border-bottom: 15px solid rgba(255, 255, 255, 0);  border-left: 15px solid #E8EAEF;  transform: translateX(100%);}.searchField__ttl::before{  content: "";  position: absolute;  right: 12px;  top: 0;  bottom: 0;  z-index: 1;  margin: auto 0;  border-top: 15px solid rgba(255, 255, 255, 0);  border-bottom: 15px solid rgba(255, 255, 255, 0);  border-left: 15px solid #164A84;  transform: translateX(100%);}.searchField__fieldWrap{  flex: 1 1 auto;  display: flex;  align-items: stretch;}.searchField__field{  width: calc(100% - 30px);}.searchField__field input{  width: 100%;  padding: 0;  border: 1px solid #707070;  border-right: none;  border-radius: 0;  outline: none;  line-height: 28px;  text-indent: .5em;}.searchField__btn{  background: #2793D2;  width: 30px;  height: 30px;  padding: 6px;  border: none;  line-height: 0;  cursor: pointer;  transition: .3s opacity;}.searchField__btn img{  max-width: 100%;  height: auto;}.searchField__btn:hover{  opacity: .7;}.searchField__footer{  margin-top: 16px;}@media screen and (max-width: 768px){  .searchField{    width: 95%;    margin: 40px auto 0;  }  .searchField__body{    flex-wrap: wrap;  }  .searchField__heading{    margin: 0 0 8px 0;  }  .searchField__fieldWrap{    width: 100%;  }}}.m_fLineupList{}.m_fLineupList__heading{  margin-bottom: 10px;}.m_fLineupList__ttl{  line-height: 1.4;  font-weight: bold;  font-size: 16px;  padding-right: 5px;  color: #75192b}.m_fLineupList__body{}.m_fLineupList__item + .m_fLineupList__item{  margin-top: 8px;}.m_fLineupList__link{  position: relative;  display: block;  padding-left: 12px;  color: #333;  font-weight: bold;  font-size: 12px;  transition: opacity .3s;}.m_fLineupList__link:hover{  opacity: .7;}.m_fLineupList__link--comingsoon{  color: #7a7a7a;}.m_fLineupList__link--comingsoon::before{  opacity: .7;}.m_fLineupList__link--comingsoon::after{  content: "coming soon";  color: #d66c00;  font-weight: bold;  margin-left: 10px;}[service_type].m_fLineupList__link{  position: relative;  padding-left: 52px;}[service_type].m_fLineupList__link::before{  position: absolute;  top: 2px;  left: 0;  display: block;  padding: 2px 3px;  border: 1px solid;  border-radius: 2px;  line-height: 1;  letter-spacing: 0;  font-size: 10px;  min-width: 40px;  text-align: center;}.m_fCardLg{  display: block;  width: 100%;  color: inherit;  transition: opacity .3s;}.m_fCardLg:hover{  opacity: .7;}.m_fCardLg__ttl{  position: relative;  margin-bottom: 4px;  line-height: 1.4;  font-weight: bold;  font-size: 18px;  height: calc(18px * 2 * 1.4);  overflow: hidden;}.m_fCardLg__ttl::after{  content: '';  position: absolute;  right: 0;  bottom: 0;  display: block;  width: 3em;  height: calc(18px * 1.4);  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)}.m_fCardLg__body{}.m_fCardLg__infos{  display: flex;  align-items: center;  flex-wrap: wrap;  margin: 0 -5px;}.m_fCardLg__infosWrap{}.m_fCardLg__info{  font-size: 12px;  padding: 0 5px;}.m_fCardLg__info--type{  color: #666;}.m_fCardLg__info--type::before{  display: block;  color: #666;  padding: 2px 3px;  border: 1px solid;  border-radius: 2px;  line-height: 1;  font-size: 11px;  min-width: 40px;  text-align: center;}.m_fCardLg__info--date{  color: #d66c00;}.m_fCardLg__infosWrap + .m_fCardLg__img{  margin-top: 5px;}.m_fCardLg__img{  line-height: 0;  text-align: center;}.m_fCardLg__img img{  max-width: 100%;  height: auto;}.m_fCardLg__img--certification{}.m_fCardLg__img--certification img{  max-height: 100px;}.m_fCardLg__img + .m_fCardLg__cont{  margin-top: 10px;}.m_fCardLg__infosWrap + .m_fCardLg__cont{  margin-top: 10px;}.m_fCardLg__cont{  position: relative;  max-height: calc(13px * 4 * 1.6);  line-height: 1.6;  font-size: 13px;  overflow: hidden;}.m_fCardLg__cont::after{  content: '';  position: absolute;  right: 0;  bottom: 0;  display: block;  width: 3em;  height: calc(13px * 1.6);  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)}@media screen and (max-width: 768px){  .m_fCardLg__ttl{    height: auto;    max-height: calc(18px * 2 * 1.4);  }}.m_fCardMd{  display: flex;  align-items: center;  width: 100%;  color: inherit;  transition: opacity .3s;}.m_fCardMd:hover{  opacity: .7;}.m_fCardMd__body{  flex: 1 1 auto;}.m_fCardMd__ttl{  position: relative;  height: calc(14px * 2 * 1.5);  margin-bottom: 4px;  font-weight: bold;  font-size: 14px;  line-height: 1.5;  overflow: hidden;}.m_fCardMd__ttl::after{  content: '';  position: absolute;  right: 0;  bottom: 0;  display: block;  width: 3em;  height: calc(14px * 1.5);  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)}.m_fCardMd__infosWrap{}.m_fCardMd__infos{  display: flex;  align-items: center;  flex-wrap: wrap;  margin: 0 -5px;}.m_fCardMd__info{  font-size: 12px;  padding: 0 5px;}.m_fCardMd__info--type{  color: #666;}.m_fCardMd__info--type::before{  display: block;  padding: 2px 3px;  border: 1px solid;  border-radius: 2px;  line-height: 1;  font-size: 11px;  min-width: 40px;  text-align: center;}.m_fCardMd__info--date{  color: #d66c00;}.m_fCardMd__body + .m_fCardMd__img{  margin-left: 4px;}.m_fCardMd__img{  flex: 0 0 86px;  line-height: 0;  text-align: center;}.m_fCardMd__img img{  max-width: 100%;  height: auto;}@media screen and (max-width: 768px){  .m_fCardMd__ttl{    height: auto;    max-height: calc(14px * 2 * 1.5);  }}[service_type=douga]::before {  content: "\52d5\753b\95a2\9023"!important;  color: #cc2d5e!important;  background: none!important;}[service_type=middle]::before {  content: "\307e\3068\3081"!important;  color: #842e30!important;  background: none!important;}[service_type=haken]::before {  content: "\6D3E\9063"!important;  color: #842e30!important;  background: none!important;}[service_type=bup]::before {  content: "\516C\958B"!important;  color: #0c3f71!important;  background: none!important;}[service_type=other]::before {  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d"!important;  color: #e6002d!important;  background: none!important;}[service_type=it]::before {  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D"!important;  color: #008d79!important;  background: none!important;}[service_type=free]::before {  content: "\7121\6599\FF7E\FF90\FF85\FF70"!important;  color: #333!important;  background: none!important;}[service_type=cont]::before {  content: "\8AAD\307F\7269"!important;  color: #0c3f71!important;  background: none!important;}[service_type=consul]::before {  content: "\30B3\30F3\30B5\30EB"!important;  color: #7a614f!important;  background: none!important;}[service_type=taiken]::before {  content: "\4f53\9a13\578b"!important;  color: #e6002d!important;  background: none!important;}[href="/it-tool/studio-pbl.html"] .m_fCardLg__ttl{  font-size: 0;}[href="/it-tool/studio-pbl.html"] .m_fCardLg__ttl::before{  content: "Leaf lightning STUDIO～定額制eラーニング視聴サービス";  font-size: 18px;}.m_fCardLg__ttl{  margin-bottom: 6px;  font-size: 14px;    height: 2lh;  &::after { height: 1lh; }  @media screen and (max-width: 768px) {    height: auto;    max-height: 2lh;  }}.m_fCardMd.no_schedule:hover{  opacity: 1;}.m_fCardMd.no_schedule .m_fCardMd__ttl{  transition: .3s opacity;}.m_fCardMd.no_schedule .m_fCardMd__info--date{  transition: .3s opacity;}.m_fCardMd.no_schedule:hover .m_fCardMd__ttl{  opacity: .7;}.m_fCardMd.no_schedule:hover .m_fCardMd__info--date{  opacity: .7;}.m_fCardMd__info--no_schedule{  position: relative;}.m_fCardInfosWrap{}.m_fCardInfosWrap__item + .m_fCardInfosWrap__item{  margin-top: 5px;}.m_fCardInfoCont{  font-size: 12px;  font-weight: 400;}.m_fCardInfoCont--price{  position: relative;  padding-left: 64px;}.m_fCardInfoCont__ttl{}.m_fCardInfoCont--price .m_fCardInfoCont__ttl{  position: absolute;  left: 0;  top: 50%;  border: 1px solid;  padding: 2px 4px;  line-height: 1;  border-radius: 2px;  transform: translateY(-50%);}.m_fCardInfoCont__item + .m_fCardInfoCont__item{  margin-top: 2px;}.m_fCardInfoCont__msg{}.m_fCardInfoCont--price .m_fCardInfoCont__msg{  font-size: 14px;}.m_fCardInfoCont--place .m_fCardInfoCont__msg{  font-size: 11px;}.l_section--secondary>.l_section__item+.l_section__item[class*="--setPlan"] { border-top: none; }.sec3-pickup {  display: grid;  grid-template-columns: repeat(3, 1fr);  gap: 15px;}.sec3-pickup__list a {  font-size: 1.5rem;  font-weight: bold;}.sec3-pickup__list_img {  width: 100%;  max-width: 232px;  line-height: 0;}.sec3-pickup__list_text {  position: relative;  margin-top: 13px;}.sec3-pickup__list_text::before,.sec3-pickup__list_text__new-Attention::after {  width: 59px;  display: inline-block;  padding: 3px;  text-align: center;  font-size: 12px;  font-weight: bold;  color: #fff;  border-radius: 20px;}.sec3-pickup__list_ttl {  margin-top: 10px;  font-size: 14px;  font-weight: bold;}.sec3-pickup__list_lead_text {  font-size: 14px;  font-weight: 500;  margin-top: 5px;}@media screen and (max-width:768px) {  .sec3-pickup {    grid-template-columns: repeat(2, 1fr);    margin-bottom: 20px;  }  .sec3-pickup__list_img {    max-width: 100%;  }  .sec3-pickup__list_text {    margin-top: 7px;  }  .sec3-pickup__list_ttl {    margin-top: 7px;  }}@media screen and (max-width:599px) {  .sec3-pickup {    gap: 15px;    grid-template-columns: repeat(1, 1fr);  }}.sec3-pickup--lead {  --theme_planBtn: #E5002D;  --btnColor: var(--theme_planBtn);  --btnTxtColor: #fff;  grid-template-columns: repeat(3, 1fr);  .sec3-pickup__list:first-of-type {    grid-column: 1 / -1;    > .m_fCardLg {      display: grid;      gap: 0px 15px;      grid-template-areas:       "img title"      "img data"      "img contents";      grid-template-columns: 280px auto;      grid-template-rows: minmax(1lh, max-content);            &:hover {        --btnColor: #fff;        --btnTxtColor: var(--theme_planBtn);      }      @media screen and (max-width: 768px) {        gap: 10px;        grid-template-areas:        "title"        "img"        "data"        "contents";        grid-template-columns: 1fr;      }    }    .m_fCardLg__img { grid-area: img; }    .m_fCardLg__ttl {      font-size: 16px;      grid-area: title;      height: auto;      overflow: revert;      margin-bottom: 0;      &::after { content: none; }    }    .m_fCardLg__desc {       font-size: 14px;      font-weight: 500;      grid-area: contents;      display: grid;      gap: 5px;      grid-template-columns: 1fr auto;            p {           text-wrap: pretty;           font-weight: normal;          }      > span {        align-self: center;        background-color: var(--btnColor);        border: 2px solid var(--theme_planBtn);        border-radius: 99999px;        color: var(--btnTxtColor);        display: grid;        font-weight: bold;        grid-template-columns: 1fr auto;        height: fit-content;        padding: .2em 1em;        place-content: center;        place-items: center;        transition: .3s background-color, .3s color;        width: fit-content;        &::after {          border-top: 3px solid;          border-right: 3px solid;          content: "";          display: block;          height: 0.5em;          transform: rotate(45deg);          width: 0.5em;        }      }      @media screen and (max-width: 768px) {        grid-template-columns: 1fr;        > span { justify-self: flex-end; }      }    }    .m_fCardLg__body {      grid-area: data;      place-content: center;    }    .m_fCardLg__infos { justify-content: flex-start; }  }  .m_fCardLg__infos { justify-content: space-between; }  .m_fCardLg__info--price {    color: #333;    font-weight: normal;    > span {      border: 1px solid;      font-size: 10px;      margin-inline-end: 3px;      padding: 0 0.2em;    }  }  @media screen and (max-width: 768px) { grid-template-columns: repeat(2, 1fr); }  @media screen and (max-width: 599px) { grid-template-columns: 1fr; }}

/*===============================

    common

================================*/
:root {
  --main-color : #8F1E35;
  --main-WrapWidth: 1020px;
}
body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #333;
  font: 400 16px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, メイリオ, Meiryo, sans-serif;
  background: #fff;
  width: 100%;
}

#base {
  margin: initial;
  width: 100%;
}

.l_mainWrap {
  /* display: flex;
  flex-wrap: wrap; */
  display: grid;
  gap: 20px;
  grid-template-columns: 200px 1fr;
  grid-template-areas: 
  "side_l main";
  justify-content: space-between;
  margin: 30px auto 0;
  width: 1240px;
}

.l_main {
  grid-area: main;
  min-height: 100vh;
  width: var(--main-WrapWidth);
  :where(img) {
    height: auto;
    max-width: 100%;
  }
}

.l_side {
  width: 200px;
}
.l_side--left {
  grid-area: side_l;
  /* order: -1; */
}
.mr-search__inner { margin-top: 0; }

.l_contentsWrapper {
  #navCont ~ & { margin-top: 20px; }
}

.main__right { float: none; }

.l_lineupNav:not(:first-child) {
    margin-top: 40px;
    border-top: 1px solid #164a84;
    border-bottom: none;
    padding: 40px 0 0 0;
}

@media screen and (max-width: 810px) {
  .l_mainWrap{
    grid-template-areas: "main main";
    width: 100%;
  }
  .l_main {
    margin: auto;
    width: 95%;
  }
  .l_side { display: none; }
}
@media screen and (max-width: 599px) {
}

/*===============================

    Contents Header

================================*/
.l_contentsHeader { margin-bottom: 25px; }
.l_contentsHeader > *:last-child { margin-bottom: 0; }

/*
    トップ画
================================*/
.m_keyvisual {
  aspect-ratio: 1 / 0.289;
  position: relative;
}

.m_keyvisual__body {
  background-color: rgba(143,30,53, .9);
  border-radius: 0 0 20px 20px;
  padding: 35px 23px 23px;
  position: absolute;
  top: 0;
  right: 2.39%;
  max-width: 50%;
}

.m_keyvisual__body.__reverse {
  right: auto;
  left: 2.39%;
}

.m_heading--keyvisual > .m_heading__title {
  color: #fff;
  font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
  font-size: 24px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.31;
  margin-bottom: 12px;
  word-break: keep-all;
}

.m_heading__catchcopy {
  color: #fff;
  font-family: "a-otf-ud-shin-go-pr6n", sans-serif;
  font-size: 14px;
  font-weight: 300;
  font-style: normal;
  line-height: 1.42;
}

.m_keyvisual__logo {
  background-color: rgba(255, 255, 255, .9);
  border-radius: 0 17px 0 0;
  padding: 20px 20px 15px 15px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.m_keyvisual__logo > img[src$=".svg"] {
  display: block;
  height: auto;
  width: 240px;
}

.m_keyvisual__logo.__reverse {
  border-radius: 17px 0 0 0;
  left: auto;
  right: 0;
}

.m_keyvisual__image {}
.m_keyvisual__image > img {
  aspect-ratio: 10 / 3;
  display: block;
  height: auto;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 810px) {
  .m_keyvisual__body { padding: 25px 20px 20px; }
  .m_heading--keyvisual > .m_heading__title { font-size: 25px; }
  .m_heading__catchcopy { font-size: 15px; }
}
@media screen and (max-width: 768px) {
  .m_keyvisual {
    background-color: #f3f3f3;
    padding-bottom: 20px;
  }
  .m_keyvisual__body {
    padding: 30px 30px 50px;
    position: relative;
    right: auto;
    text-align: center;
    max-width: none;
    width: 98%;
  }
  .m_heading--keyvisual > .m_heading__title {
    font-size: 26px;
    word-break: normal;
  }
  .m_heading--keyvisual > .m_heading__title > br { display: none; }
  .m_heading__catchcopy { display: none; }
  .m_keyvisual__logo { background-color: #fff; }
  .m_keyvisual__image { display: none; }
}
@media screen and (max-width: 599px) {}


/*
    ナビゲーション
================================*/
.l_navi { margin: 15px 0 25px; }

.m_localNavi {
  display: flex;
  flex-wrap: wrap;
  margin: -1.5px;
}

.m_localNavi__item {
  align-items: center;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  font-feature-settings: "palt" 1;
  justify-content: center;
  padding: 1.5px;
  width: 100%;
}

/*.m_localNavi__item:not(:first-of-type) { margin-left: 3px; }*/

.m_localNavi__link {
  align-items: center;
  background-color: #f3f3f3;
  color: #000;
  display: flex;
  flex-direction: column;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  padding: 10px;
  width: 100%;
}

.m_localNavi__link:hover {
  background-color: var(--main-color);
  color: #fff;
  &::before {
    --localNaviIcoColor: #fff;
  }
}

.m_localNavi__link::before {
  --localNaviIcoColor: var(--main-color);
  background-color: var(--localNaviIcoColor);
  content: "";
  height: 30px;
  mask-image: url("/resource/img/bup/middle/openseminar_middle_icon_1_1_red.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  width: 30px;
}

.m_localNavi__link.__feature::before { mask-image: url("/resource/img/bup/middle/openseminar_middle_icon_1_1_red.svg"); }
.m_localNavi__link.__pickup::before { mask-image: url("/resource/img/bup/middle/openseminar_middle_icon_2_1_red.svg"); }
.m_localNavi__link.__lineup::before { mask-image: url("/resource/img/bup/middle/openseminar_middle_icon_3_1_red.svg"); }
.m_localNavi__link.__ranking::before { mask-image: url("/resource/img/bup/middle/openseminar_middle_icon_4_1_red.svg"); }
.m_localNavi__link.__recommend::before { mask-image: url("/resource/img/bup/middle/openseminar_middle_icon_5_1_red.svg"); }
.m_localNavi__link.__trainingList::before { mask-image: url("/resource/img/bup/middle/openseminar_middle_icon_6.svg"); }

/* .m_localNavi__link.__feature:hover::before {  background-image: url("/resource/img/bup/middle/openseminar_middle_icon_1_2.png"); }
.m_localNavi__link.__pickup:hover::before {  background-image: url("/resource/img/bup/middle/openseminar_middle_icon_2_2.png"); }
.m_localNavi__link.__lineup:hover::before {  background-image: url("/resource/img/bup/middle/openseminar_middle_icon_3_2.png"); }
.m_localNavi__link.__ranking:hover::before {  background-image: url("/resource/img/bup/middle/openseminar_middle_icon_4_2.png"); }
.m_localNavi__link.__recommend:hover::before {  background-image: url("/resource/img/bup/middle/openseminar_middle_icon_5_2.png"); } */
.m_localNavi__link.__voice::before {
  content: "\f0e5";
  color: var(--main-color);
  text-align: center;
  font-size: 28px;
  font-family: FontAwesome;
  background: none;
  mask-image: none;
}
.m_localNavi__link.__target::before {
  content: "\f007";
  color: var(--main-color);
  text-align: center;
  font-size: 32px;
  font-weight: normal;
  font-family: FontAwesome;
  background: none;
  mask-image: none;
}
.m_localNavi__link.__voice:hover::before, 
.m_localNavi__link.__target:hover::before{
  color: #fff;
}

@media screen and (max-width: 599px) {
  .m_localNavi__item { flex: initial; }
  .m_localNavi:has(> :nth-child(5):last-child) {
  .m_localNavi__item:is(
    :nth-of-type(1),
    :nth-of-type(2)) { width: 50%; }
  .m_localNavi__item:is(
    :nth-of-type(3),
    :nth-of-type(4),
    :nth-of-type(5)) { width: 33.333%; }
  }
  .m_localNavi:has(> :nth-child(6):last-child) {
    .m_localNavi__item { width: 50%; }
  }
}

/*===============================

    Contents Body

================================*/
.l_contentsBody {}
.l_contentsBody > *:last-child { margin-bottom: 0; }

.m_note {
  padding-left: 1em;
  text-indent: -1em;
}

/*
    セクション
================================*/
.l_section {}
.l_section > *:last-child { margin-bottom: 0; }

.l_section--primary:not(:first-of-type) { margin-top: 50px; }

.l_section--secondary:not(:first-of-type) { margin-top: 20px; }
#lineup > .l_section--secondary:not(:first-of-type) { margin-top: 40px; }

/*
    リスト
================================*/
.m_list {}

.m_list--hasMark {}
.m_list--hasMark > .m_list__item {
  padding-left: 1em;
  text-indent: -1em;
}

.m_contBox > p:has(+ ul.m_list--bullet) {
  margin-bottom: 0;
}

/* 箇条書き */
.m_list--bullet {}

.m_list--bullet > .m_list__item:not(:has(a)),
.m_list--bullet a {
  padding-left: 1em;
  position: relative;
}

.m_list--bullet > .m_list__item:not(:has(a))::before,
.m_list--bullet a::before {
  content: "\30fb";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

@supports not selector(:has(+ *)) {
  .m_list--bullet > .m_list__item {
    padding-left: 1em;
    position: relative;
  }
  
  .m_list--bullet > .m_list__item::before {
    content: "\30fb";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
}


/*
    リンク
================================*/
.m_link {
  color: #002d8e;
  display: inline-block;
  text-decoration: none;
}

.m_link:hover {
  color: #004e8e;
  text-decoration: underline;
}

.m_link--hasArrow {
  align-items: center;
  display: flex;
}

.m_link--hasArrow::before {
  border: 5px solid transparent;
  border-right: 0;
  border-left: 8px solid currentColor;
  content: "";
  display: block;
  flex-shrink: 0;
  height: 0;
  margin-right: 5px;
  width: 0;
}

/*
    見出し
================================*/
.m_heading {}

.m_heading--primary {
  display: block;
  margin-bottom: 15px;
}
.m_heading--primary > .m_heading__title {
  align-items: center;
  /*border-bottom: 1px solid var(--main-color);*/
  font-size: 20px;
  font-weight: bold;
  display: flex;
  line-height: 1.2;
  position: relative;
}
.m_heading--primary > .m_heading__title::before {
  align-items: center;
  background-color: var(--main-color);
  content: "";
  display: flex;
  flex-shrink: 0;
  height: 40px;
  justify-content: center;
  line-height: 1;
  margin-right: 10px;
  width: 40px;
}

.m_heading--primary > .m_heading__title::after {
  background-color: var(--main-color);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.m_heading--primary > .m_heading__title.__feature::before { content: url("/resource/img/bup/middle/openseminar_middle_icon_1_2.png"); }
.m_heading--primary > .m_heading__title.__pickup::before { content: url("/resource/img/bup/middle/openseminar_middle_icon_2_2.png"); }
.m_heading--primary > .m_heading__title.__lineup::before { content: url("/resource/img/bup/middle/openseminar_middle_icon_3_2.png"); }
.m_heading--primary > .m_heading__title.__ranking::before { content: url("/resource/img/bup/middle/openseminar_middle_icon_4_2.png"); }
.m_heading--primary > .m_heading__title.__recommend::before { content: url("/resource/img/bup/middle/openseminar_middle_icon_5_2.png"); }
.m_heading--primary > .m_heading__title.__trainingList::before { content: url("/resource/img/bup/middle/openseminar_middle_icon_6_white_s.png"); }
.m_heading--primary > .m_heading__title.__seibunhyo::before { content: url("/resource/img/bup/middle/openseminar_middle_icon_7_3-02.png"); }
.m_heading--primary > .m_heading__title.__target::before{
  content: "\f007";
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  font-family: FontAwesome;
}
.m_heading--primary > .m_heading__title.__voice::before{
  content: "\f0e5";
  color: #fff;
  font-size: 24px;
  font-family: FontAwesome;
}


.m_heading--hasBorder {
  margin-bottom: 15px;
}

.m_heading--hasBorder > .m_heading__title {
  font-size: 16px;
  font-weight: bold;
}

.m_heading--hasBorder.__border_left > .m_heading__title {
  border-left: 6px solid var(--main-color);
  padding-left: 10px;
}

.m_heading--gridArea { margin-bottom: 12px; }
.m_heading--gridArea > .m_heading__title {
  color: var(--main-color);
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.m_heading--gridArea > .m_heading__title:has(a) {
  align-items: center;
  display: flex;
}

.m_heading--gridArea > .m_heading__title > a {
  color: inherit;
  text-decoration: none;
  transition: .3s opacity;
}

.m_heading--gridArea > .m_heading__title > a:hover {
  text-decoration: none;
  opacity: .7;
}

.m_heading--gridArea > .m_heading__title > a::after {
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  content: "";
  display: inline-block;
  height: 0.5em;
  margin-left: 5px;
  transform: rotate(45deg);
  width: 0.5em;
}


@media screen and (max-width: 599px) {
  .m_heading--primary > .m_heading__title { padding-bottom: 5px; }
  .m_heading--primary > .m_heading__title::before {
    align-self: flex-end;
    margin-bottom: -4px;
  }
}


/*
    研修の特徴
================================*/
.m_contBox {}
.m_contBox > * { margin-bottom: 20px; }
.m_contBox .u_ico {
  padding-left: 1em;
  text-indent: -1em;
}
.m_contBox > *:last-child { margin-bottom: 0; }
.m_contBox .m_notes__txt{
  display: inline-block;
  font-size: 10px;
  line-height: 1.2;
}

/* 講師派遣からのテーブル */
.hs_tblWrap {
  overflow: auto;
  width: 100%;
}

.hs_tbl {
  border-collapse: collapse;
  font-size: 14px;
  margin-inline: auto;
  width: 100%;
  min-width: 730px;
}

.hs_tbl td {
  border: 1px solid gray;
  padding: 3px;
  vertical-align: middle;
}

.hs_tbl_head { height: 3em; }

.hs_tbl_head > td {
  background-color: var(--main-color);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.hs_tbl_target { text-align: center; }


/*
    注目研修 
================================*/
.m_pickupList {}
.m_pickupList > *:last-child { margin-bottom: 0; }
.m_pickupList__item { margin-bottom: 20px; }
.m_pickupList__inner {
  --puList-inner-padding: 20px;
  border: 1px solid var(--main-color);
  padding: 0 var(--puList-inner-padding);
  position: relative;
}
.m_link--pickup {
  color: currentColor;
  display: block;
  transition: .3s opacity;
}
.m_link--pickup:hover {
  color: currentColor;
  opacity: .7;
  text-decoration: none;
}

.m_pickupSeminar {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 15px;
}
.m_pickupSeminar__item {}
.m_pickupSeminar__item.__detail {
  display: flex;
  flex-direction: column;
  /* width: 50%; */
}
.m_pickupSeminar__item.__schedule {
  /* width: 50%; */  
}

.m_pickupSeminar__titleWrap:not(.__new) {
  border-left: 10px solid var(--main-color);
  margin-bottom: 20px;
}
.m_pickupSeminar__titleWrap.__new {
  border-left-color: transparent;
  margin-bottom: 20px;
  position: relative;
}

.m_pickupSeminar__titleWrap:not(.__new) > .m_pickupSeminar__tag--new { display: none; }

.m_pickupSeminar__tag--new {
  align-items: center;
  background-color: #c80000;
  border-bottom-right-radius: 10px;
  color: #fff;
  display: flex;
  font-size: 14px;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  padding: 5px;
  position: absolute;
  top: 0;
  left: calc(var(--puList-inner-padding) * -1);
}

.m_pickupSeminar__date {
  height: 0;
  visibility: hidden;
}

.m_pickupSeminar__title {
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
}

.m_pickupSeminar__titleWrap.__new .m_pickupSeminar__title { padding-left: 30px; }


.m_pickupSeminar__detail {
  background-color: #f3f3f3;
  border-top-right-radius: 10px;
  display: flex;
  gap: 15px;
  /*padding-bottom: 20px;*/
  position: relative;
  margin: auto 0 10px;
}
.m_pickupSeminar__image {
  flex-shrink: 0;
  width: 190px;
}
.m_pickupSeminar__image > img {
  /* aspect-ratio: 1 / 0.489;
  display: block;
  object-fit: cover;
  min-height: 93px;
  max-width: 100%; */
  display: block;
  width: 100%;
  height: auto; 
  max-width: 100%;
}
.m_pickupSeminar__catchcopy {
  line-height: 1.3;
  font-size: 12px;
  padding: 5px 10px 25px 0;
}

.m_pickupSeminar__link {
  color: #fff;
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
}

.m_pickupSeminar__link.__radius_left-top { border-top-left-radius: 7px; }
.m_pickupSeminar__link.__radius_left-bottom { border-bottom-left-radius: 7px; }
.m_pickupSeminar__link.__radius_right-top { border-top-right-radius: 7px; }
.m_pickupSeminar__link.__radius_right-bottom { border-bottom-right-radius: 7px; }

.m_pickupSeminar__link > .m_link {
  background-color: var(--main-color);
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  padding: 4px 8px;
  transition: .3s opacity;
}
.m_pickupSeminar__link > .m_link:hover {
  /*opacity: .7;*/
  text-decoration: none;
}

.m_sheduleTable {
  font-feature-settings: "palt" 1;
  table-layout: fixed;
  font-size: 12px;
  width: 100%;
}

.m_sheduleTable__header {}
.m_sheduleTable--hasPlace .m_sheduleTable__header{
  font-size: 12px;
}
.m_sheduleTable__header th > p {
  background-color: #f3f3f3;
  border-top: 4px solid var(--main-color);
  color: var(--main-color);
  padding: 6px 5px;
  text-align: center;
}

.m_sheduleTable__header th.th_date { width: 40%; }
.m_sheduleTable--hasPlace th.th_date { width: auto; }
.m_sheduleTable__header th.th_place {
  width: 20%;
  padding-left: 3px;
}
.m_sheduleTable__header th.th_price {
  padding-left: 3px;
}
.m_sheduleTable--hasPlace th.th_price {
  width: 24%;
}
.m_sheduleTable__header th.th_point {
  padding-left: 3px;
}
.m_sheduleTable--hasPlace th.th_point {
  width: 24%;
}

.m_sheduleTable__header th.th_date > p {
  border-bottom-left-radius: 10px;
}
.m_sheduleTable__header th.th_price > p { padding-left: 3px; }
.m_sheduleTable__header th.th_point > p { padding-left: 3px; }

.m_sheduleTable__body > tr {
  border-bottom: 1px solid #cbcbcb;
}

.m_sheduleTable__body > tr > td {
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
}

.m_sheduleTable__body > tr > td:not(:first-of-type) {
  text-align: right;
}
.m_sheduleTable--hasPlace .m_sheduleTable__body > tr > td:nth-child(2) {
  text-align: center;
}
.m_sheduleTable__body > tr > td > * {
  font-size: 11px;
}

@media screen and (max-width: 768px) {
  .m_pickupSeminar__detail {
    flex-direction: column;
    gap: 10px;
  }
  .m_pickupSeminar__image {
    width: 100%;
  }
}

@media screen and (max-width: 810px) {
  .m_pickupSeminar__catchcopy { padding-bottom: 45px; }
}

@media screen and (max-width: 599px) {
  .m_pickupSeminar__titleWrap.__new .m_pickupSeminar__title { padding-left: 40px; }
  .m_pickupSeminar__tag--new { max-height: 60%; }
  .m_pickupSeminar__detail { padding-bottom: 30px; }
  .m_pickupSeminar__catchcopy { padding-bottom: 10px; }
  .m_pickupList__inner { --puList-inner-padding: 10px; }
  .m_pickupSeminar {
    /* flex-direction: column; */
    grid-template-columns: 1fr;
  }
  .m_pickupSeminar__item.__schedule { margin-bottom: 10px;}
  .m_pickupSeminar__image { width: 100%;}
  .m_sheduleTable__header th.th_date { width: 40%; }
}
/*
    コースマップ
================================*/
.courseMap {}

.courseMap.__top { /*margin-bottom: 30px;*/ }
.courseMap.__mid:not(:last-child) { margin-bottom: 20px; }
.courseMap.__bottom {}

.courseMap__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.courseMap__container {}

/*
.courseMap__header.is_fixed{
  height: 42px;
  position: sticky;
  top: 0;
  z-index: 1;
  max-width: 730px;
}*/
/*.courseMap__header.is_fixed .courseMap__headerInner{
  position: sticky;
  top: 0;
  z-index: 1;
  width: 730px;
}*/

.courseMap__header {}
.courseMap__headerInner {}
.courseMap__tHeading { width: 100%; }

.courseMap__tHeading > img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
  .courseMap__tHeading img,
  .js_svgBox__container img{
    max-width: 780px;
    height: auto;
  }
  .courseMap__mapItem svg,
  .js_svgBox__container svg{
    max-width: 780px;
    height: auto;
  }
#cat_coursemap001 svg {
  height: 390px;
  width: 730px;
}
#cat_coursemap002 svg {
  height: 149px;
  width: 730px;
}

@supports(position: sticky) { 
  #cat_coursemap001 svg,
  #cat_coursemap002 svg {
  height: auto;
  width: 100%;
  }
}

.courseMap__scroll {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.courseMap__scrollItem {
  align-items: center;
  color: #1583be;
  display: flex;
}

.courseMap__scrollItem::before {
  background-color: #1583be;
  content: url("/resource/img/bup/middle/scroll.jpg");
  display: block;
  height: 40px;
  width: 75px;
}

/* 2024/06/04 追加コースマップ */
#js_svgBox { margin-top: 20px; }
.js_svgBox__container {
  + .js_svgBox__container { margin-top: 20px; }
}

.js_svgBox__title {
  border-bottom: 1px solid var(--main-color);
  margin-bottom: 10px;

  &::before {
    content: "";
  }
}

/* 2025/10/23 新コースマップ上書きCSS */
.m_coursemapContainer__header {
  @media screen and (min-width: 769px) {
    img { width: 100%; }
  }
}
.coursemapEntry { width: var(--main-WrapWidth); }
.m_coursemapBase {
   --single-fr-width: calc((var(--main-WrapWidth) - (var(--grid_gap) * (var(--grid_columns) - 1))) / var(--grid_columns));/* 1frの幅を計算 */
  display: grid;
}


@media screen and (max-width: 810px){
  .courseMap__container, .js_svgBox__container {
    overflow-x: auto;
    overflow-y: visible;
    width: 100%;
  }
  .js_svgBox__inner { width: 970px; }
  .courseMap__header.is_fixed  { width: calc(95% - 20px); }
  .courseMap__tHeading > img { max-width: fit-content; }
  .courseMap__mapItem { width: 970px; }
  #cat_coursemap001 svg,
  #cat_coursemap002 svg { width: fit-content; }
}


/*
    成分表
================================*/

.m_seibunhyoBoxWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap:20px; 
}

.m_seibunhyoBox__item {
  width: calc(50% - 20px);
}

.m_seibunhyoBox__link {
  color: #333;
  transition: .3s;
}

.m_seibunhyoBox__link:hover {  opacity: .6}

.m_seibunhyoBox__ttl {
  font-weight: 700;
  font-size: 16px;
}
.m_seibunhyoBox__ttl + .m_seibunhyoBox__table{
  margin-top: 10px;
}
.m_seibunhyoBox__pdf {
  color: #fa0f00;
  padding-left: 5px;
}

.m_seibunhyoBox__img {
  position: relative;
  aspect-ratio: 800 / 395;
  overflow: hidden;
}
.m_seibunhyoBox__img--hasGrad{
  position: relative;
  aspect-ratio: 2 / 1;
  overflow: hidden;
}
.m_seibunhyoBox__img--hasGrad::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.m_seibunhyoBox__imgMain {
  width: 100%;
  height: auto;
}
.m_seibunhyoBox__table{
  position: relative;
  display: block;
  color: inherit;
  aspect-ratio: 800 / 395;
  overflow: hidden;
}
/*
.m_seibunhyoBox__table::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}
*/
@media screen and (max-width: 599px) {
  .m_seibunhyoBox__item {
    width:100%;
  }
}

/*
    ランキング
================================*/
.m_popularityRanking { margin-top: 20px; }
.m_popularityRanking > *:last-child { margin-bottom: 0; }

.m_popularityRanking__item {
  border-bottom: 3px dotted #c7c7c7;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.m_popularityRanking__body {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

.m_popularityRanking__rank {
  font-size: 14px;
  font-weight: bold;
  margin-right: 18px;
}

.m_popularityRanking__rank > span {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  margin: 0 3px;
}

.m_popularityRanking__rank:is(.__first, .__second, .__third)::before {
  display: block;
  height: 40px;
  width: 40px;
}

.m_popularityRanking__rank.__first::before {
  content: url("/resource/img/bup/middle/openseminar_middle_icon_rank_1.png");
}
.m_popularityRanking__rank.__second::before {
  content: url("/resource/img/bup/middle/openseminar_middle_icon_rank_2.png");
}
.m_popularityRanking__rank.__third::before {
  content: url("/resource/img/bup/middle/openseminar_middle_icon_rank_3.png");
}

.m_popularityRanking__title {
  flex: 1;
  font-size: 15px;
  font-weight: bold;
}

.m_popularityRanking__rank:is(.__first, .__second, .__third) + .m_popularityRanking__title { font-size: 18px; }

.m_popularityRanking__link {
  display: block;
  text-decoration: none;
  transition: .3s opacity;
  width: fit-content;
}

.m_popularityRanking__link:hover {
  color: currentColor;
  opacity: .7;
  text-decoration: none;
}

@media screen and (max-width: 599px) {
  .m_popularityRanking__link > br { display: none; }
}


/*
    おすすめリンク
================================*/
.m_recommendLink {}
.m_recommendLink > *:last-child { margin-bottom: 0; }

.m_recommendLink__item { margin-bottom: 20px; }

.m_recommendLink__item.__hasBorder_dot.__top {
  border-top: 3px dotted #c7c7c7;
  margin-top: 20px;
  padding-top: 20px;
}

.m_list--recommend { margin-left: 16px; }
.m_list--recommend > *:last-child { margin-bottom: 0; }

.m_list--recommend > .m_list__item {
  font-size: 15px;
  margin-bottom: 5px;
}

.m_link--recommend {
  display: inline-block;
  padding-left: 67px;
  position: relative;
}

.m_link--recommend::before {
  align-items: center;
  background-color: var(--main-color);
  color: #fff;
  content: "\6D3E\9063";
  display: inline-block;
  font-size: 13px;
  line-height: 1;
  min-width: 60px;
  padding: 3px 0;
  position: absolute;
  left: 0;
  text-align: center;
}/* 派遣（デフォルト） */

.m_link--recommend:is(
  [href^="https://www.mitemo.co.jp/service/remote_hyoukasha/"],
  [href^="https://www.mitemo.co.jp/service/remote_mokuhyokanri/"],
  [href^="https://www.mitemo.co.jp/service/remote_coaching/"],
  [href^="https://www.mitemo.co.jp/service/remote_kanrisyoku/"],
  [href^="https://www.mitemo.co.jp/service/harassment-half/"])::before {
  content: "\6D3E\9063";
  background: #C9202D;
}/* 派遣（important） */

.m_link--recommend:is(
  [href*="/bup/"],
  [href*="/new_bup/"],
  [href*="/nmp/"],
  [href*="/hia/"],
  [href*="/nbs/"],
  [href*="/kkk/"],
  [href*="/psp/"],
  [href*="/biz-lesson/"],
  [href*="/gtc/"],
  [href*="/toac/"],
  [href*="/crl/"],
  [href*="/ctc/"],
  [href*="/ogs/"],
  [href*="/kkg/"],
  [href*="/efl/"],
  [href*="/imp/"],
  [href*="/neu/"],
  [href*="/tnc/"],
  [href*="/iln/"])::before {
  content: "\516C\958B";
  background: #0F71C1;
}/* 公開 */

.m_link--recommend:is(
  [href*="/dougahyakkaten/"],
  [href*="/kiyo/"],
  [href*="/movie/"],
  [href^="/hia_e/"],
  [href^="/kkg/KKe"],
  [href^="/kkg/KKm"],
  [href^="/nco/"],
  [href^="/ina/"],
  [href*="/store.mitemo.co.jp/"])::before {
    content:"e\30E9\30F3";
    background: #E23F7C;
}/* eラン */

.m_link--recommend:is([href*="/it-tool/"])::before {
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D";
  background: #33CC99;
}/* ITｻｰﾋﾞｽ */

.m_link--recommend:is([href*="/seminar/"])::before {
  content: "\7121\6599\FF7E\FF90\FF85\FF70";
  background: #333333;
}/* 無料ｾﾐﾅｰ */

.m_link--recommend:is(
  [href*="/web/"],
  [href*="/recruitment-support-service/"])::before {
  content: "WEB\5236\4F5C";
  background: #2654D1;
}/* WEB制作 */

.m_link--recommend:is(
  [href*="/consulting/"],
  [href*="https://www.mitemo.co.jp/service/way_management/"],
  [href$="/penetration-of-philosophy/index.html"],
  [href$="/set/rpa-service.html"],
  [href$="/set/education_plannning_revise.html"],
  [href$="/regional-revitalization/index.html"],
  [href$="/set/mokuhyokanri/escort-type.html"],
  [href$="/recruitment-support-service/recruitment_personnel_interview.html"],
  [href$="/health-management/index.html"],
  [href$="/set/consulting-mid-personnel-system-design-support-service/ojt.html"],
  [href$="/set/education-online-support-service.html"],
  [href$="/online-support/index.html"],
  [href$="/wakate-solution/index.html"],
  [href$="/set/activation-support.html"],
  [href$="/set/window_cs_light.html"],
  [href$="/set/call-check-pg.html"],
  [href$="/division-sales/strengthen-sales-force.html"],
  [href$="/set/kanrisyoku/hyokasyakokasya/competency.html"],
  [href$="/set/remotework-telework.html"],
  [href*="/contents-marketing/"],
  [href$="/kenshu/internship_support.html"],
  [href$="/valuenex/index.html"])::before {
  content: "\30B3\30F3\30B5\30EB";
  background: #6E4A26;
}/* コンサル */

.m_link--recommend:is(
  [href*="/consulting/assessment"],
  [href$="/hierarchy-newcomer/8-skill.html"],
  [href$="/kyoiku/remind.html"],
  [href$="/giraffe/video-top.html"],
  [href$="/giraffe/download-top.html"],
  [href$="/set/giraffe-assessment.html"],
  [href$="/set/sales/assessment.html"],
  [href="https://www.insource-da.co.jp/service/assessment/dx-literacy.html"],)::before {
    content: "\FF71\FF7E\FF7D\FF92\FF9D\FF84";
    background: #1C8073;
}/* ｱｾｽﾒﾝﾄ */

.m_link--recommend:is(
  [href*="/ucn/"],
  [href$="/kanrisyoku/online-ojt.html"],
  [href$="/kanrisyoku/online-mentor.html"],
  [href$="/kenshu/online-logical-thinking.html"],
  [href$="/bunsho/online-business-writing.html"],
  [href$="/bunsho/online-keigo.html"],
  [href$="/kenshu/online-kikaku-up.html"],
  [href$="/kenshu/online-company-figures.html"],
  [href$="/claim/online-claim.html"],
  [href$="/kenshu/online-kiso-logical-thinking.html"],
  [href$="/kenshu/online-assertive-communication.html"],
  [href$="/kanrisyoku/online-business-proposal.html"],
  [href$="/kenshu/online-it-youken.html"],
  [href$="/kenshu/online-labor-management.html"],
  [href$="/kanrisyoku/online-risk-management.html"],
  [href$="/kanrisyoku/online-1on1-skillup.html"],
  [href$="/bunsho/online-keigo-halfday.html"],
  [href$="/shinjin/business-basic-online.html"],
  [href$="/set/businessmanar_tsushintensaku/base.html"],
  [href$="/set/businessmanar_tsushintensaku/application.html"],
  [href$="/bunsho/tsushintensaku.html"],
  [href$="/bunsho/bu_tsushintensaku.html"],
  [href$="/kanrisyoku/online-harassment.html"])::before {
    content: "\901A\4FE1\6559\80B2";
    background: #FF6BB2;
}/* 通信教育 */

.m_link--recommend:is(
  [href*="/video-slide-sale/"],
  [href*="/book_dvd/"],
  [href*="/nbpm/dvd"],
  [href*="/dougahyakkaten/dvd"],
  [href$="/contents/ins_compliance.html"])::before {
    content: "\0044\0056\0044\6559\6750";
    background: #0093E9;
}/* DVD教材 */

.m_link--recommend:is(
  [href$="/shinjin/bunsyo-text_sales.html"],
  [href$="/shinjin/text_sales.html"],
  [href$="/shinjin/text_sales_10point.html"],
  [href$="/kenshu/excel-basic_text_sales.html"],
  [href$="/kenshu/excel-levelup_text_sales.html"],
  [href$="/kenshu/powerpoint-text_sales.html"],)::before {
    content: "\7814\4FEE\FF83\FF77\FF7D\FF84";
    background: #FF6BB2;
}/* 研修ﾃｷｽﾄ */

.m_link--recommend:is(
  [href*="www.mitemo.co.jp"],
  [href$="/wakate/shigoto-kojo.html"],
  [href$="/wakate/rego-carrervision.html"],
  [href$="/wakate/2nen-stepup.html"],
  [href$="/set/skill-evaluation/workshop-skillmap.html"],
  [href*="/cleativeln/"],
  [href$="/kenshu/feedback-newcomer.html"],
  [href$="/kenshu/torisetsu-work.html"],
  [href$="/shinjin/torisetsu-woldcafe.html"],
  [href*="/comu_design/"],
  [href$="/shinjin/sh_syusyokuseminar.html"],
  [href$="/bup/over_the_wall_workshop.html"])::before {
    content: "\FF9C\FF70\FF78\FF7C\FF6E\FF6F\FF8C\FF9F";
    background: #ED6D00;
}/* ﾜｰｸｼｮｯﾌﾟ */

.m_link--recommend:is(
  [href*="/video-slide-production/"],
  [href$="/set/video-production.html"],
  [href$="/dougahyakkaten/kodawari_customize.html"],
  [href$="/dougahyakkaten/manual_video.html"],
  [href$="/dougahyakkaten/video-production.html"],
  [href*="https://www.mitemo.co.jp/service/communication-design/"])::before {
    content: "\6620\50CF\5236\4F5C";
    background: #E23F7C;
}/* 映像制作 */

.m_link--recommend:is(
  [href*="/kyoiku/faq/"],
  [href*="/new-service-lineup/"],
  [href$="/kanrisyoku/follow-up-senior-manager.html"],
  [href$="/bup/bup-online-follow-setup.html"],
  [href$="/active-learning/sports-day.html"],
  [href$="/tap-tamagawa.html"],
  [href$="/grasys-detail/index.html"],
  [href$="/insource_yorumori.html"],
  [href$="/set/off-time-biz.html"],
  [href*="/active-learning/sports-day"],
  [href$="/tamagawa_adventure_program.html"],
  [href$="/tamagawa_adventure_program_manager.html"],
  [href$="/iec-cals.html"],
  [href*="https://www.rashiku.jp/"],
  [href*="/bup/bup-follow"],
  [href*="/bup/bup-online-follow"],
  [href$="/new-service-lineup.html"],
  [href*="/polyglots/"],
  [href*="/meeting-booth/"],
  [href$="/infini-talk/index.html"],
  [href$="/insource_syakaijin.html"])::before {
    content: "Another";
    background: #E6002D;
}/* Another */

.m_link--recommend:is(
  [href$="/new-service-lineup/remonade.html"],
  [href$="/biz-ex/index.html"],
  [href$="/new-service-lineup/sunryse.html"],
  [href$="/plants/remote-plants.html"],
  [href$="/new-service-lineup/ieyasu-top.html"],
  [href$="/new-service-lineup/hr-prime.html"],
  [href$="/new-service-lineup/e-typing-sp.html"],
  [href$="/new-service-lineup/markerise.html"],
  [href$="/new-service-lineup/bizma.html"],
  [href*="/biz-ex/"],
  [href$="/flier/index.html"])::before {
    content: "\FF7C\FF7D\FF83\FF91\FF82\FF70\FF99";
    background: #C9202D;
}/* ｼｽﾃﾑﾂｰﾙ */

.m_link--recommend:is(
  [href*="/contents/"],
  [href*="/content/"],
  [href*="/kataru/"],
  [href*="/keywords/"],
  [href*="/hatara-column/"],
  [href*="/3minute-kensyugaku/"],
  [href*="/ginko-no-"],
  [href*="/month-inquiry/"],
  [href*="/ranking/"],
  [href*="/training-memoirs/"],
  [href*="/interview-relay/"],
  [href*="/mailmagazine/"],
  [href*="/businessbunsho/"],
  a[href*="/edusolution/"],
  [href*="/gam-batte/"],
  [href*="/energy/"],
  [href*="/ins-archives/"],
  [href$="/set/newcomer/personnel-assessment.html"],
  [href$="/set/kenshu/approval-desire.html"],
  [href$="/skill-thinking-nature/kadaikaiketu-thinking-power.html"],
  [href*="https://note.com/"],
  [href$="/bup/about_lateral.html"],
  [href$="/set/diversity-5task.html"],
  [href$="/textbook/text_bunsho_middle.html"],
  [href*="/new-forum/achievement/"],
  [href*="/bup/case-by-case/"],
  [href*="/new-text-communication/"],
  [href$="/set/newcomer/diver-sity.html"],
  [href*="/textbook/"],
  [href*="/cost-reduction/"],
  [href*="https://claim.gam-batte.com/"],
  [href*="/bup/monthly-letter/"],
  [href$="/oa-series.html"],
  [href$="/recruit/contetns.html"],
  [href*="/president_school/"],
  [href*="https://mgr.gam-batte.com/"],
  [href*="/ihl/"])::before {
    content: "\8AAD\307F\7269";
    background: #00774E;
}/* 読み物 */

.m_link--recommend:is(a[href*="/online/"])::before {
  content:"online";
  background: #5558AF;
}/* online */

.m_link--recommend:is([href*="/package/"])::before {
  content:"\30D7\30E9\30F3";
  background: #6E4A26;
}/* プラン */

.m_link--recommend:is(
  [href*="/support-case/"],
  [href*="/case/tradeId"],
  [href*="/case/themeId"],
  [href*="/giraffe/case"],
  [href*="/consulting/dx-case"])::before {
    content:"\4E8B\4F8B";
    background: #333333;
}/* 事例 */

/* バナー */
.m_bannerBox {}
.m_bannerBox > *:last-child { margin-bottom: 0; }

.m_bannerList {
  display: flex;
  flex-wrap: wrap;
  margin: -8px;
}

.m_bannerList__item {
  padding: 8px;
  width: 25%;
}

.m_bannerList__link {
  display: block;
  position: relative;
  text-align: center;
  width: 100%;
}
.m_bannerList__link::before {
  background-color: #fff;
  border: 1px solid #333;
  border-radius: 3px;
  box-shadow: 1px 2px 3px rgb(0 0 0 / 55%);
  content: "\8a73\3057\304f\307f\308b";/* 詳しくみる */
  display: block;
  font-size: 13px;
  line-height: 1.6;
  opacity: 0;
  padding: 0 10px;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s opacity;
}

.m_bannerList__link:hover::before { opacity: 1; }


.m_bannerList__image {
  background-color: #fff;
  display: inline-block;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

@media screen and (max-width: 599px) {
  .m_bannerList__item { width: 50%; }
}

/*
    対象者
================================*/
.m_target{}
.m_target__body{
  display: flex;
  align-items: center;
  gap: 30px;
}
.m_target__cont{
  flex: 1 1 auto;
}
.m_target__img{
  line-height: 0;
  text-align: center;
}
.m_target__img img{
  max-width: 100%;
  height: auto;
}
.m_target__list{}
.m_target__listItem{
  position: relative;
  padding-left: 28px;
}
.m_target__listItem::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 6px;
  left: 0;
  display: block;
  width: 16px;
  height: 8px;
  margin: auto;
  border-bottom: 3px solid var(--main-color);
  border-left: 3px solid var(--main-color);
  transform: rotate(-45deg);
}
.m_target__listItem + .m_target__listItem{
  margin-top: 16px;
}
@media screen and (max-width: 768px){
  .m_target__img{
    display: none;
  }
}

/*
    受講者の声ラッパー
================================*/
.m_voiceWrap{}
.m_voiceWrap__body{}
.m_voiceWrap__item{}
.m_voiceWrap__item + .m_voiceWrap__item{
  margin-top: 20px;
}

/*
    受講者の声
================================*/
.m_voice{
  padding: 20px;
  border: 4px solid #ccc;
  border-radius: 2px;
}
.m_voice__heading{
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 2px solid #ccc;
}
.m_voice__ttl{
  position: relative;
  padding-left: 32px;
  font-weight: bold;
  font-size: 16px;
}
.m_voice__ttl::before{
  content: "\f0e5";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1em;
  margin: auto;
  color: var(--main-color);
  line-height: 1;
  font-size: 24px;
  font-family: FontAwesome;
}

/*
    おすすめプラン
    （グリッドカードデザイン）
================================*/
.m_gridArea {}

.l_grid--lineup {
  --cardGrid_gap: 30px;
  display: grid;
  font-size: 13px;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--cardGrid_gap);
}

.l_grid--lineup.__col4 {
  grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 768px){
  .l_grid--lineup {
    grid-template-columns: repeat(2, 1fr);
  }
  .l_grid--lineup.__col4 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 599px){
  .l_grid--lineup {
    grid-template-columns: repeat(1, 1fr);
  }
  .l_grid--lineup.__col4 {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* Lサイズ */
.m_cardGridLg { position: relative; }
.m_cardGridLg > * + * { margin-top: 5px; }

.m_cardGridLg__title {
  --cardGrid_title_fz: 18px;
  --cardGrid_title_lh: 1.4;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--cardGrid_title_fz);
  font-weight: bold;
  height: calc(var(--cardGrid_title_fz) * 2 * var(--cardGrid_title_lh));
  -webkit-line-clamp: 2;
  line-height: var(--cardGrid_title_lh);
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_cardGridLg__link {}
.m_cardGridLg__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: .3s background-color;
}

.m_cardGridLg__link:hover::before { background-color: rgba(255, 255, 255, 0.3); }

.m_cardGridLg__attribute {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.m_cardGridLg__type {}
.m_cardGridLg__type::before {
  content: "";
  display: block;
  border: 1px solid;
  font-size: 11px;
  line-height: 1;
  padding: 2px 3px;
  text-align: center;
  min-width: 40px;
  width: fit-content;
}

.m_cardGridLg__date {
  color: #d66c00;
  width: fit-content;
}

.m_cardGridLg__image { line-height: 0; }
.m_cardGridLg__image > img {
  height: auto;
  max-width: 100%;
}

.m_cardGridLg__contents {
  --cardGrid_cont_fz: 13px;
  --cardGrid_cont_lh: 1.6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--cardGrid_cont_fz);
  height: calc(var(--cardGrid_cont_fz) * 4 * var(--cardGrid_cont_lh));
  -webkit-line-clamp: 4;
  line-height: var(--cardGrid_cont_lh);
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Mサイズ */
.m_cardGridMd {
  display: grid;
  place-content: center;
  position: relative;
}
.m_cardGridMd > * + * { margin-top: 5px; }

.m_cardGridMd__title {
  --cardGrid_title_fz: 14px;
  --cardGrid_title_lh: 1.5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: var(--cardGrid_title_fz);
  font-weight: bold;
  height: calc(var(--cardGrid_title_fz) * 2 * var(--cardGrid_title_lh));
  -webkit-line-clamp: 2;
  line-height: var(--cardGrid_title_lh);
  overflow: hidden;
  text-overflow: ellipsis;
}

.m_cardGridMd__link {}
.m_cardGridMd__link::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  transition: .3s background-color;
}

.m_cardGridMd__link:hover::before { background-color: rgba(255, 255, 255, 0.3); }

.m_cardGridMd__attribute {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.m_cardGridMd__type {}
.m_cardGridMd__type::before {
  content: "";
  display: block;
  border: 1px solid;
  font-size: 11px;
  line-height: 1;
  padding: 2px 3px;
  text-align: center;
  min-width: 40px;
  width: fit-content;
}

.m_cardGridMd__date {
  color: #d66c00;
  width: fit-content;
}
.m_cardGridMd__infoWrap{
  display: block;
  padding-top: 5px;
  border-top: 1px solid;
}
.m_cardGridMd__scheduleWrap{
  display: flex;
}
.m_cardGridMd__schedule{
  flex: 0 0 8em;
  color: #d66c00;
}
.m_cardGridMd__place{
  flex: 1 1 auto;
}
.m_cardGridMd--left {
  place-content: flex-start;
}
.m_cardGridMd--lineup{
  display: block;
  place-content: flex-start;
}

/* 悩み別ベースサイドナビ */
.m_solutionBaseSideNav{}
.m_solutionBaseSideNav__ttl{
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 8px;
  border-left: 9px solid;
  font-weight: bold;
  letter-spacing: 0;
  color: inherit;
  font-size: 14px;
  background: #F5F5F5;
}

/* 共通コンテンツタイプ */
[data-service_type=douga]::before {
  content: "\52d5\753b\95a2\9023";/* 動画関連 */
  color: #cc2d5e;
  background: none;
}
[data-service_type=middle]::before {
  content: "\307e\3068\3081";/* まとめ */
  color: #842e30;
  background: none;
}
[data-service_type=haken]::before {
  content: "\6D3E\9063";/* 派遣 */
  color: #842e30;
  background: none;
}
[data-service_type=bup]::before {
  content: "\516C\958B";/* 公開 */
  color: #0c3f71;
  background: none;
}
[data-service_type=other]::before {
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d";/* 他ｻｰﾋﾞｽ */
  color: #e6002d;
  background: none;
}
[data-service_type=it]::before {
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D";/* ITｻｰﾋﾞｽ */
  color: #008d79;
  background: none;
}
[data-service_type=free]::before {
  content: "\7121\6599\FF7E\FF90\FF85\FF70";/* 無料ｾﾐﾅｰ */
  color: #333;
  background: none;
}
[data-service_type=cont]::before {
  content: "\8AAD\307F\7269";/* 読み物 */
  color: #0c3f71;
  background: none;
}
[data-service_type=consul]::before {
  content: "\30B3\30F3\30B5\30EB";/* コンサル */
  color: #7a614f;
  background: none;
}

/*===============================

    話題のテーマ

================================*/
.entry_horizontal_rule {
    margin: 30px 0;
    border-top: 1px solid #C2C2C2;
}

/* .ml {
    margin: 0 0 40px 0;
    padding: 30px 0 0 0;
} */

.l_grid_nav {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.l_grid_nav__item {
    display: flex;
}

.l_grid_nav__inner {
    display: block;
    width: 100%;
}

.l_list--localNav > .l_list__item + .l_list__item {
    margin-top: 8px;
}

.sec1__title {
    position: relative;
    margin-bottom: 30px;
    padding: 0 0 0 16px;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.4;
}

.sec1__title:after {
    content: "";
    display: block;
    width: 8px;
    height: 30px;
    background-color: #164a84;
    position: absolute;
    top: 0;
    left: 0;
}

.m_localNav + .m_localNav {
    margin-top: 24px;
}

.m_heading--localNav {
    margin-bottom: 12px;
}

.m_heading--localNav > .m_heading__ttl {
    line-height: 25px;
    font-size: 14px;
    font-weight: bold;
    color: #164a84;
}

.m_localNav__target {
    font-size: 14px;
}

.m_link--localNav {
    color: inherit;
    text-decoration: underline;
}

.m_link--localNav.is-on {
    font-weight: bold;
}

.m_link--localNav:hover {
    color: inherit;
    text-decoration: underline;
    opacity: .7;
}
.m_hasIco {
    position: relative;
    display: block;
}

.m_hasIco::before, 
.m_hasIco::after {
    position: absolute;
    display: block;
}

.m_hasIco--center::before {
    top: 50%;
    transform: translateY(-50%);
}

.m_hasIco--link {
    padding-left: 16px;
}

.m_hasIco--link::before {
    content: "\f105";
    left: 0;
    color: #164a84;
    font: bold 20px "Font Awesome 5 Free";
}

.m_hasIco--localNav {
    padding-left: 32px;
}

.m_hasIco--localNav::before {
    left: 0;
    width: 25px;
    height: 25px;
    background: #164a84;
    text-align: center;
    color: #fff;
    font: bold 16px / 25px "Font Awesome 5 Free";
    font-weight: 900;
}

.m_hasIco--keyword::before      { content: "\f005"; } /* 星 */
.m_hasIco--workCapacity::before { content: "\f508"; } /* 名札 */
.m_hasIco--business::before     { content: "\f1ad"; } /* ビル */

.m_localNav:has(.m_hasIco--business) {
    --theme_riam: #E6002D;
}

.m_localNav:has(.m_hasIco--business) .m_hasIco--localNav {
    color: var(--theme_riam);
}

.m_localNav:has(.m_hasIco--business) .m_hasIco--localNav::before {
    background-color: var(--theme_riam);
}

.m_localNav:has(.m_hasIco--business) .m_hasIco--link::before {
    color: var(--theme_riam);
}

.u_lsN1 { letter-spacing: -1px; }

@media screen and (max-width: 768px) {
  .ml { margin: 0; padding: 0; width: 100%; }
  .u_resMdCol12 { width: 100%; }
  .sec1__title {
      max-width: 95%;
      font-size: 1.8rem;
  }
  .m_localNav__list { 
      padding: 0 16px; 
  }
  .l_lineupNav:not(:first-child) {
      border: none;
      padding: 0;
      margin-bottom: 40px;
  }
}


/* 
  全ボトム一覧
  （260213追加）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.m_heading__ttl {
    font-weight: normal;
    line-height: 1;
}

.m_heading--primary > .m_heading__ttl {
    font-size: 20px;
    font-weight: bold;
}

.m_heading--secondary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.m_heading--secondary > .m_heading__ttl {
    line-height: 1.4;
    border-left: 10px solid #164a84;
    padding: 5px 0 5px 10px;
    font-size: 20px;
    font-weight: bold;
}

.m_heading--tertiary {
    margin-bottom: 12px;
}

.m_heading--tertiary > .m_heading__ttl {
    color: var(--main-color);
    line-height: 1.4;
    font-size: 18px;
    font-weight: bold;
}

.m_heading--tertiary > .m_heading__ttl + .m_heading__sub {
    margin-top: 10px;
}


.m_heading--tertiary > .m_heading__sub {
    position: relative;
    padding-left: 24px;
    font-size: 15px;
    font-weight: bold;
}

.m_heading--tertiary > .m_heading__sub::before {
    content: "\f0eb";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: var(--main-color);
    font: 24px / 1 "Font Awesome 5 Free";
}

.m_heading--localNav {
    margin-bottom: 12px;
}

.m_hasIco {
    position: relative;
    display: block;
}

.m_hasIco--heading {
    padding-left: 56px;
    line-height: 40px;
}

.m_hasIco--heading::before {
    content: "";
    width: 40px;
    height: 40px;
    background-color: #164a84;
    text-align: center;
    color: #fff;
    font: bold 24px / 40px "Font Awesome 5 Free";
}
.m_hasIco--center::before, .m_hasIco--center::after {
    top: 50%;
    transform: translateY(-50%);
}
.m_hasIco::before {
    left: 0;
}
.m_hasIco::before, .m_hasIco::after {
    position: absolute;
    display: block;
}

.m_hasIco--hierarchy-executive::before {
    content: "\f185";
}

.m_hasIco--hierarchy-manager::before {
    content: "\f005";
}

.m_hasIco--hierarchy-veteran::before {
    content: "\f6fc";
}

.m_hasIco--hierarchy-mid-level::before {
    content: "\f1bb";
}

.m_hasIco--hierarchy-young::before {
    content: "\f06c";
}

.m_hasIco--hierarchy-newcomer::before {
    content: "\f4d8";
}

@media screen and (max-width: 768px) {
    .m_hasIco--heading {
    }

    .m_hasIco--headingLocalNav {
        padding-left: 0;
    }

    .m_hasIco--headingLocalNav::before {
        content: none;
    }
}

.l_section {
}

.l_section__item {
}

.l_section--primary {
}

.l_section--primary > .l_section__item + .l_section__item {
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #ccc;
}

.l_section--secondary {
}

.l_section--tertiary {
}

.l_section--tertiary > .l_section__item + .l_section__item {
    margin-top: 40px;
}

div.requestTab {
  position: static;
  width: 100%;
  line-height: 1;
}

.requestTab__msg {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 2px;
  background: #ec653d;
  color: #fff;
  font-size: 10px;
}

.requestTab__descr {
  position: absolute;
  top: -14px;
  left: 0;
  z-index: 2;
  justify-content: center;
  display: none;
  width: 230px;
  padding: 8px;
  border: 1px solid #333;
  border-radius: 8px;
  background: #fff;
  line-height: 1.4;
  font-size: 12px;
  transform: translateY(-100%);
}

.requestTab__descr::before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 24px;
  width: 13px;
  height: 13px;
  border-left: 1px solid #333;
  background: linear-gradient(to right bottom, #fff 8px, #333 0, #333 9px, transparent 0);
  transform: translateY(100%);
}

.requestTab:hover .requestTab__descr {
  display: flex;
}

.seminarLinkBox > li.no_scheduleWrap .requestTab,.seminarLinkHierarchy > li.no_scheduleWrap .requestTab {
  left: 10px;
}


.m_sec4PickupWrap {
}

.m_sec4PickupWrap:not(:has(.sec4-pickup__list)) {
  display: none;
}

.sec4-pickup {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}

.sec4-pickup__list a {
  font-size: 1.5rem;
  font-weight: bold;
}

.sec4-pickup__list_img {
  width: 100%;
  max-width: 232px;
  line-height: 0;
}

.sec4-pickup__list_text {
  position: relative;
  margin-top: 13px;
}

.sec4-pickup__list_text::before,.sec4-pickup__list_text__new-Attention::after {
  width: 59px;
  display: inline-block;
  padding: 3px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 20px;
}

.sec4-pickup__list_text__standard::before {
  content: "定番";
  background-color: #0D3388;
}

.sec4-pickup__list_text__attention::before {
  content: "注目";
  background-color: #D60076;
}

.sec4-pickup__list_text__new::before {
  content: "NEW";
  background-color: #D1151B;
}

.sec4-pickup__list_text__new-Attention::after {
  content: "注目";
  background-color: #D60076;
  position: absolute;
  top: 0;
  left: 70px;
}

.sec4-pickup__list_ttl {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

.sec4-pickup__list_lead_text {
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .sec4-pickup {
      grid-template-columns: repeat(2, 1fr);
      margin-bottom: 20px;
  }

  .sec4-pickup__list_img {
      max-width: 100%;
  }

  .sec4-pickup__list_text {
      margin-top: 7px;
  }

  .sec4-pickup__list_ttl {
      margin-top: 7px;
  }
}

@media screen and (max-width: 599px) {
  .sec4-pickup {
      grid-template-columns: repeat(1, 1fr);
  }
}

.m_fCardLg {
  display: block;
  width: 100%;
  color: inherit;
  transition: opacity .3s;
}

.m_fCardLg:hover {
  opacity: .7;
}

.m_fCardLg__ttl {
  position: relative;
  margin-bottom: 4px;
  line-height: 1.4;
  font-weight: bold;
  font-size: 18px;
  height: calc(18px * 2 * 1.4);
  overflow: hidden;
}

.m_fCardLg__ttl::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3em;
  height: calc(18px * 1.4);
  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)
}

.m_fCardLg__body {
}

.m_fCardLg__infos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.m_fCardLg__infosWrap {
}

.m_fCardLg__info {
  font-size: 12px;
  padding: 0 5px;
}

.m_fCardLg__info--type {
  color: #666;
}

.m_fCardLg__info--type::before {
  display: block;
  color: #666;
  padding: 2px 3px;
  border: 1px solid;
  border-radius: 2px;
  line-height: 1;
  font-size: 11px;
  min-width: 40px;
  text-align: center;
}

.m_fCardLg__info--date {
  color: #d66c00;
}

.m_fCardLg__infosWrap + .m_fCardLg__img {
  margin-top: 5px;
}

.m_fCardLg__img {
  line-height: 0;
  text-align: center;
}

.m_fCardLg__img img {
  max-width: 100%;
  height: auto;
}

.m_fCardLg__img--certification {
}

.m_fCardLg__img--certification img {
  max-height: 100px;
}

.m_fCardLg__img + .m_fCardLg__cont {
  margin-top: 10px;
}

.m_fCardLg__infosWrap + .m_fCardLg__cont {
  margin-top: 10px;
}

.m_fCardLg__cont {
  position: relative;
  max-height: calc(13px * 4 * 1.6);
  line-height: 1.6;
  font-size: 13px;
  overflow: hidden;
}

.m_fCardLg__cont::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3em;
  height: calc(13px * 1.6);
  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)
}

@media screen and (max-width: 768px) {
  .m_fCardLg__ttl {
    height: auto;
    max-height: calc(18px * 2 * 1.4);
  }
}

.m_fCardMd {
  display: flex;
  align-items: center;
  width: 100%;
  color: inherit;
  transition: opacity .3s;
}

.m_fCardMd:hover {
  opacity: .7;
}

.m_fCardMd__body {
  flex: 1 1 auto;
}

.m_fCardMd__ttl {
  position: relative;
  height: calc(14px * 2 * 1.5);
  margin-bottom: 4px;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  overflow: hidden;
}

.m_fCardMd__ttl::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3em;
  height: calc(14px * 1.5);
  background: linear-gradient(to left,#fff,rgba(255,255,255,0.96) 25%,rgba(255,255,255,0) 100%)
}

.m_fCardMd__infosWrap {
}

.m_fCardMd__infos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 -5px;
}

.m_fCardMd__info {
  font-size: 12px;
  padding: 0 5px;
}

.m_fCardMd__info--type {
  color: #666;
}

.m_fCardMd__info--type::before {
  display: block;
  padding: 2px 3px;
  border: 1px solid;
  border-radius: 2px;
  line-height: 1;
  font-size: 11px;
  min-width: 40px;
  text-align: center;
}

.m_fCardMd__info--date {
  color: #d66c00;
}

.m_fCardMd__body + .m_fCardMd__img {
  margin-left: 4px;
}

.m_fCardMd__img {
  flex: 0 0 86px;
  line-height: 0;
  text-align: center;
}

.m_fCardMd__img img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .m_fCardMd__ttl {
    height: auto;
    max-height: calc(14px * 2 * 1.5);
  }
}

[service_type=douga]::before {
  content: "\52d5\753b\95a2\9023"!important;
  color: #cc2d5e!important;
  background: none!important;
}

[service_type=middle]::before {
  content: "\307e\3068\3081"!important;
  color: #842e30!important;
  background: none!important;
}

[service_type=haken]::before {
  content: "\6D3E\9063"!important;
  color: #842e30!important;
  background: none!important;
}

[service_type=bup]::before {
  content: "\516C\958B"!important;
  color: #0c3f71!important;
  background: none!important;
}

[service_type=other]::before {
  content: "\4ed6\ff7b\ff70\ff8b\ff9e\ff7d"!important;
  color: #e6002d!important;
  background: none!important;
}

[service_type=it]::before {
  content: "IT\FF7B\FF70\FF8B\FF9E\FF7D"!important;
  color: #008d79!important;
  background: none!important;
}

[service_type=free]::before {
  content: "\7121\6599\FF7E\FF90\FF85\FF70"!important;
  color: #333!important;
  background: none!important;
}

[service_type=cont]::before {
  content: "\8AAD\307F\7269"!important;
  color: #0c3f71!important;
  background: none!important;
}

[service_type=consul]::before {
  content: "\30B3\30F3\30B5\30EB"!important;
  color: #7a614f!important;
  background: none!important;
}

[href="/it-tool/studio-pbl.html"] .m_fCardLg__ttl {
  font-size: 0;
}

[href="/it-tool/studio-pbl.html"] .m_fCardLg__ttl::before {
  content: "Leaf lightning STUDIO～定額制eラーニング視聴サービス";
  font-size: 18px;
}

.m_fCardLg__ttl {
  margin-bottom: 6px;
  font-size: 14px;
  height: 2lh;
  &::after {
    height: 1lh;
  }
  @media screen and (max-width: 768px) {
    height: auto;
    max-height: 2lh;
  }
}

.m_fCardMd.no_schedule:hover {
  opacity: 1;
}

.m_fCardMd.no_schedule .m_fCardMd__ttl {
  transition: .3s opacity;
}

.m_fCardMd.no_schedule .m_fCardMd__info--date {
  transition: .3s opacity;
}

.m_fCardMd.no_schedule:hover .m_fCardMd__ttl {
  opacity: .7;
}

.m_fCardMd.no_schedule:hover .m_fCardMd__info--date {
  opacity: .7;
}

.m_fCardMd__info--no_schedule {
  position: relative;
}

.m_fCardInfosWrap {
}

.m_fCardInfosWrap__item + .m_fCardInfosWrap__item {
  margin-top: 5px;
}

.m_fCardInfoCont {
  font-size: 12px;
  font-weight: 400;
}

.m_fCardInfoCont--price {
  position: relative;
  padding-left: 64px;
}

.m_fCardInfoCont__ttl {
}

.m_fCardInfoCont--price .m_fCardInfoCont__ttl {
  position: absolute;
  left: 0;
  top: 50%;
  border: 1px solid;
  padding: 2px 4px;
  line-height: 1;
  border-radius: 2px;
  transform: translateY(-50%);
}

.m_fCardInfoCont__item + .m_fCardInfoCont__item {
  margin-top: 2px;
}

.m_fCardInfoCont__msg {
}

.m_fCardInfoCont--price .m_fCardInfoCont__msg {
  font-size: 14px;
}

.m_fCardInfoCont--place .m_fCardInfoCont__msg {
  font-size: 11px;
}

.l_section--secondary>.l_section__item+.l_section__item[class*="--setPlan"] {
  border-top: none;
}

.sec3-pickup {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 15px;
}

.sec3-pickup__list a {
  font-size: 1.5rem;
  font-weight: bold;
}

.sec3-pickup__list_img {
  width: 100%;
  max-width: 232px;
  line-height: 0;
}

.sec3-pickup__list_text {
  position: relative;
  margin-top: 13px;
}

.sec3-pickup__list_text::before,.sec3-pickup__list_text__new-Attention::after {
  width: 59px;
  display: inline-block;
  padding: 3px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  border-radius: 20px;
}

.sec3-pickup__list_ttl {
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
}

.sec3-pickup__list_lead_text {
  font-size: 14px;
  font-weight: 500;
  margin-top: 5px;
}

@media screen and (max-width: 768px) {
  .sec3-pickup {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 20px;
  }

  .sec3-pickup__list_img {
    max-width: 100%;
  }

  .sec3-pickup__list_text {
    margin-top: 7px;
  }

  .sec3-pickup__list_ttl {
    margin-top: 7px;
  }
}

@media screen and (max-width: 599px) {
  .sec3-pickup {
    gap: 15px;
    grid-template-columns: repeat(1, 1fr);
  }
}

.sec3-pickup--lead {
  --theme_planBtn: #E5002D;
  --btnColor: var(--theme_planBtn);
  --btnTxtColor: #fff;
  grid-template-columns: repeat(3, 1fr);
  .sec3-pickup__list:first-of-type {
    grid-column: 1 / -1;
    >.m_fCardLg {
      display: grid;
      gap: 3px 15px;
      grid-template-areas: "img title""img data""img contents";
      grid-template-columns: 280px auto;
      grid-template-rows: minmax(1lh, max-content);
      &:hover {
        --btnColor: #fff;
        --btnTxtColor: var(--theme_planBtn);
      }
      @media screen and (max-width: 768px) {
        gap: 10px;
        grid-template-areas: "title""img""data""contents";
        grid-template-columns: 1fr;
      }
    }
    .m_fCardLg__img {
      grid-area: img;
    }
    .m_fCardLg__ttl {
      font-size: 16px;
      grid-area: title;
      height: auto;
      overflow: revert;
      margin-bottom: 0;
      &::after {
        content: none;
      }
    }
    .m_fCardLg__desc {
      font-size: 14px;
      font-weight: 500;
      grid-area: contents;
      display: grid;
      gap: 5px;
      grid-template-columns: 1fr auto;
      p {
        text-wrap: pretty;
        font-weight: normal;
      }
      >span {
        align-self: center;
        background-color: var(--btnColor);
        border: 2px solid var(--theme_planBtn);
        border-radius: 99999px;
        color: var(--btnTxtColor);
        display: grid;
        font-weight: bold;
        grid-template-columns: 1fr auto;
        height: fit-content;
        padding: .2em 1em;
        place-content: center;
        place-items: center;
        transition: .3s background-color, .3s color;
        width: fit-content;
        &::after {
          border-top: 3px solid;
          border-right: 3px solid;
          content: "";
          display: block;
          height: 0.5em;
          transform: rotate(45deg);
          width: 0.5em;
        }
      }
      @media screen and (max-width: 768px) {
        grid-template-columns: 1fr;

        >span {
          justify-self: flex-end;
        }
      }
    }
    .m_fCardLg__body {
      grid-area: data;
      place-content: center;
    }
    .m_fCardLg__infos {
      flex-direction: row;
      justify-content: flex-start;
    }
  }
  .m_fCardLg__infos {
    align-items: flex-start;
    flex-direction: column;
    gap: 3px 0;
    justify-content: space-between;
  }
  .m_fCardLg__info--price {
    color: inherit;
    font-weight: normal;
    >span {
      border: 1px solid;
      font-size: 10px;
      margin-inline-end: 3px;
      padding: 0 0.2em;
    }
  }
  @media screen and (max-width: 768px) {
    grid-template-columns: repeat(2, 1fr);
  }
  @media screen and (max-width: 599px) {
    grid-template-columns: 1fr;
  }
}


/*===============================

    Utility

================================*/
/* uniqe */
.u_em {
  color: var(--main-color);
  font-weight: bold;
}

/* display */
.u_d-b { display: block !important; }
.u_d-n { display: none !important; }
.u_d-fx { display: flex !important; }

@media screen and (max-width: 810px){
  .u_resMd_d-n { display: none !important; }
  .u_resMd_d-b { display: block !important; }
}

@media screen and (max-width: 599px){
  .u_res_d-n { display: none !important; }
  .u_res_d-b { display: block !important; }
}

/* float */
.u_fl-n { float: none !important; }
.u_fl-l { float: left !important; }
.u_fl-r { float: right !important; }

/* font-size */
.u_fz-xs { font-size: .75em !important; }
.u_fz-sm { font-size: .875em !important; }
.u_fz-md { font-size: 1em !important; }
.u_fz-lg { font-size: 1.25em !important; }
.u_fz-xl { font-size: 1.5em !important; }
.u_fz-sr { font-size: smaller !important; }
.u_fz-lr { font-size: larger !important; }

.u_fz10 { font-size: 10px !important; }
.u_fz11 { font-size: 11px !important; }
.u_fz12 { font-size: 12px !important; }
.u_fz13 { font-size: 13px !important; }
.u_fz14 { font-size: 14px !important; }
.u_fz15 { font-size: 15px !important; }
.u_fz16 { font-size: 16px !important; }
.u_fz17 { font-size: 17px !important; }
.u_fz18 { font-size: 18px !important; }
.u_fz19 { font-size: 19px !important; }
.u_fz20 { font-size: 20px !important; }

/* font-weigth */
.u_fw-b { font-weight: bold !important; }
.u_fw-n { font-weight: normal !important; }

/* line-height */
.u_lh-nm { line-height: normal !important; }
.u_lh-ih { line-height: inherit !important; }
.u_lh0 { line-height: 0 !important; }
.u_lh1 { line-height: 1 !important; }
.u_lh2 { line-height: 2 !important; }
.u_lh3 { line-height: 3 !important; }
.u_lh4 { line-height: 4 !important; }
.u_lh5 { line-height: 5 !important; }
.u_lh6 { line-height: 6 !important; }
.u_lh-xs { line-height: 1.25 !important; }
.u_lh-sm { line-height: 1.33 !important; }
.u_lh-md { line-height: 1.5 !important; }
.u_lh-lg { line-height: 1.75 !important; }
.u_lh-xl { line-height: 2 !important; }

/* padding */
.u_pt0 { padding-top: 0 !important; }
.u_pt-xs { padding-top: 0.2rem !important; }
.u_pt-sm { padding-top: 0.5rem !important; }
.u_pt-md { padding-top: 1rem !important; }
.u_pt-lg { padding-top: 1.5rem !important; }
.u_pt-xl { padding-top: 3rem !important; }

.u_pl0 { padding-left: 0 !important; }
.u_pl-xs { padding-left: 0.2rem !important; }
.u_pl-sm { padding-left: 0.5rem !important; }
.u_pl-md { padding-left: 1rem !important; }
.u_pl-lg { padding-left: 1.5rem !important; }
.u_pl-xl { padding-left: 3rem !important; }

.u_pb0 { padding-bottom: 0 !important; }
.u_pb-xs { padding-bottom: 0.2rem !important; }
.u_pb-sm { padding-bottom: 0.5rem !important; }
.u_pb-md { padding-bottom: 1rem !important; }
.u_pb-lg { padding-bottom: 1.5rem !important; }
.u_pb-xl { padding-bottom: 3rem !important; }

.u_pr0 { padding-right: 0 !important; }
.u_pr-xs { padding-right: 0.2rem !important; }
.u_pr-sm { padding-right: 0.5rem !important; }
.u_pr-md { padding-right: 1rem !important; }
.u_pr-lg { padding-right: 1.5rem !important; }
.u_pr-xl { padding-right: 3rem !important; }

.u_py0 { padding-top: 0 !important; padding-bottom: 0 !important; }
.u_py10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.u_py20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.u_py30 { padding-top: 30px !important; padding-bottom: 30px !important; }

.u_pt5 { padding-top: 5px !important; }
.u_pt10 { padding-top: 10px !important; }
.u_pt15 { padding-top: 15px !important; }
.u_pt20 { padding-top: 20px !important; }
.u_pt30 { padding-top: 30px !important; }
.u_pt40 { padding-top: 40px !important; }
.u_pt50 { padding-top: 50px !important; }
.u_pt100 { padding-top: 100px !important; }

.u_pl5 { padding-left: 5px !important; }
.u_pl10 { padding-left: 10px !important; }
.u_pl15 { padding-left: 15px !important; }
.u_pl20 { padding-left: 20px !important; }
.u_pl30 { padding-left: 30px !important; }
.u_pl50 { padding-left: 50px !important; }
.u_pl100 { padding-left: 100px !important; }

.u_pb5 { padding-bottom: 5px !important; }
.u_pb10 { padding-bottom: 10px !important; }
.u_pb15 { padding-bottom: 15px !important; }
.u_pb20 { padding-bottom: 20px !important; }
.u_pb30 { padding-bottom: 30px !important; }
.u_pb40 { padding-bottom: 40px !important; }
.u_pb50 { padding-bottom: 50px !important; }
.u_pb100 { padding-bottom: 100px !important; }

.u_pr5 { padding-right: 5px !important; }
.u_pr10 { padding-right: 10px !important; }
.u_pr15 { padding-right: 15px !important; }
.u_pr20 { padding-right: 20px !important; }
.u_pr30 { padding-right: 30px !important; }
.u_pr50 { padding-right: 50px !important; }
.u_pr100 { padding-right: 100px !important; }


/* margin */
.u_mt0 { margin-top: 0 !important; }
.u_mt-xs { margin-top: 0.2rem !important; }
.u_mt-sm { margin-top: 0.5rem !important; }
.u_mt-md { margin-top: 1rem !important; }
.u_mt-lg { margin-top: 1.5rem !important; }
.u_mt-xl { margin-top: 3rem !important; }
.mt15{
  margin-top: 15px;
}

.u_ml0 { margin-left: 0 !important; }
.u_ml-xs { margin-left: 0.2rem !important; }
.u_ml-sm { margin-left: 0.5rem !important; }
.u_ml-md { margin-left: 1rem !important; }
.u_ml-lg { margin-left: 1.5rem !important; }
.u_ml-xl { margin-left: 3rem !important; }

.u_mb0 { margin-bottom: 0 !important; }
.u_mb-xs { margin-bottom: 0.2rem !important; }
.u_mb-sm { margin-bottom: 0.5rem !important; }
.u_mb-md { margin-bottom: 1rem !important; }
.u_mb-lg { margin-bottom: 1.5rem !important; }
.u_mb-xl { margin-bottom: 3rem !important; }

.u_mr0 { margin-right: 0 !important; }
.u_mr-xs { margin-right: 0.2rem !important; }
.u_mr-sm { margin-right: 0.5rem !important; }
.u_mr-md { margin-right: 1rem !important; }
.u_mr-lg { margin-right: 1.5rem !important; }
.u_mr-xl { margin-right: 3rem !important; }

.u_my0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.u_my10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.u_my20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.u_my30 { margin-top: 30px !important; margin-bottom: 30px !important; }

.u_mt5 { margin-top: 5px !important; }
.u_mt10 { margin-top: 10px !important; }
.u_mt15 { margin-top: 15px !important; }
.u_mt20 { margin-top: 20px !important; }
.u_mt30 { margin-top: 30px !important; }
.u_mt50 { margin-top: 50px !important; }
.u_mt100 { margin-top: 100px !important; }

.u_mt-5 { margin-top: -5px !important; }
.u_mt-10 { margin-top: -10px !important; }
.u_mt-15 { margin-top: -15px !important; }
.u_mt-20 { margin-top: -20px !important; }
.u_mt-30 { margin-top: -30px !important; }
.u_mt-50 { margin-top: -50px !important; }
.u_mt-100 { margin-top: -100px !important; }

.u_ml5 { margin-left: 5px !important; }
.u_ml10 { margin-left: 10px !important; }
.u_ml15 { margin-left: 15px !important; }
.u_ml20 { margin-left: 20px !important; }
.u_ml30 { margin-left: 30px !important; }
.u_ml50 { margin-left: 50px !important; }
.u_ml100 { margin-left: 100px !important; }

.u_ml-5 { margin-left: -5px !important; }
.u_ml-10 { margin-left: -10px !important; }
.u_ml-15 { margin-left: -15px !important; }
.u_ml-20 { margin-left: -20px !important; }
.u_ml-30 { margin-left: -30px !important; }
.u_ml-50 { margin-left: -50px !important; }
.u_ml-100 { margin-left: -100px !important; }

.u_mb5 { margin-bottom: 5px !important; }
.u_mb10 { margin-bottom: 10px !important; }
.u_mb15 { margin-bottom: 15px !important; }
.u_mb20 { margin-bottom: 20px !important; }
.u_mb30 { margin-bottom: 30px !important; }
.u_mb50 { margin-bottom: 50px !important; }
.u_mb100 { margin-bottom: 100px !important; }

.u_mb-5 { margin-bottom: -5px !important; }
.u_mb-10 { margin-bottom: -10px !important; }
.u_mb-15 { margin-bottom: -15px !important; }
.u_mb-20 { margin-bottom: -20px !important; }
.u_mb-30 { margin-bottom: -30px !important; }
.u_mb-50 { margin-bottom: -50px !important; }
.u_mb-100 { margin-bottom: -100px !important; }

.u_mr5 { margin-right: 5px !important; }
.u_mr10 { margin-right: 10px !important; }
.u_mr15 { margin-right: 15px !important; }
.u_mr20 { margin-right: 20px !important; }
.u_mr30 { margin-right: 30px !important; }
.u_mr50 { margin-right: 50px !important; }
.u_mr100 { margin-right: 100px !important; }

.u_mr-5 { margin-right: -5px !important; }
.u_mr-10 { margin-right: -10px !important; }
.u_mr-15 { margin-right: -15px !important; }
.u_mr-20 { margin-right: -20px !important; }
.u_mr-30 { margin-right: -30px !important; }
.u_mr-50 { margin-right: -50px !important; }
.u_mr-100 { margin-right: -100px !important; }

.u_m-a { margin: auto !important; }

/* position */
.u_pos-r { position: relative !important; }
.u_pos-a { position: absolute !important; }

/* text-align */
.u_ta-c { text-align: center !important; }
.u_ta-r { text-align: right !important; }
.u_ta-l { text-align: left !important; }

/* text-indent */
.u_ti--1 { text-indent: -1em !important; padding-left: 1em !important; }
.u_ti-0 { text-indent: 0em !important; padding-left: 0em !important; }

/* text-decoration */
.u_td-n { text-decoration: none !important; }
.u_td-u { text-decoration: underline !important; }
.u_td-o { text-decoration: overline !important; }
.u_td-l { text-decoration: line-through !important; }

/* vertical-align */
.u_va-sup { vertical-align: super !important; }
.u_va-t { vertical-align: top !important; }
.u_va-tt { vertical-align: text-top !important; }
.u_va-m { vertical-align: middle !important; }
.u_va-bl { vertical-align: baseline !important; }
.u_va-b { vertical-align: bottom !important; }
.u_va-tb { vertical-align: text-bottom !important; }
.u_va-sub { vertical-align: sub !important; }

/* flexbox */
.u_ac-fs { align-content: flex-start !important; }
.u_ac-fe { align-content: flex-end !important; }
.u_ac-c { align-content: center !important; }
.u_ac-sb { align-content: space-between !important; }
.u_ac-sa { align-content: space-around !important; }
.u_ac-s { align-content: stretch !important; }
.u_ai-fs { align-items: flex-start !important; }
.u_ai-fe { align-items: flex-end !important; }
.u_ai-c { align-items: center !important; }
.u_ai-b { align-items: baseline !important; }
.u_ai-s { align-items: stretch !important; }
.u_as-a { align-self: auto !important; }
.u_as-fs { align-self: flex-start !important; }
.u_as-fe { align-self: flex-end !important; }
.u_as-c { align-self: center !important; }
.u_as-b { align-self: baseline !important; }
.u_as-s { align-self: stretch !important; }
.u_jc-fs { justify-content: flex-start !important; }
.u_jc-fe { justify-content: flex-end !important; }
.u_jc-c { justify-content: center !important; }
.u_jc-sb { justify-content: space-between !important; }
.u_jc-sa { justify-content: space-around !important; }
.u_fx0-1-a { flex: 0 1 auto !important; }
.u_fx1-0-a { flex: 1 0 auto !important; }
.u_fx1-1-a { flex: 1 1 auto !important; }
.u_fx0-0-a { flex: 0 0 auto !important; }
.u_fx1-0-0 { flex: 1 0 0% !important; }
.u_fx1-1-0 { flex: 1 1 0% !important; }

/* order */
.u_ord0 { order: 0 !important; }
.u_ord1 { order: 1 !important; }
.u_ord2 { order: 2 !important; }
.u_ord3 { order: 3 !important; }
.u_ord4 { order: 4 !important; }
.u_ord5 { order: 5 !important; }
.u_ord6 { order: 6 !important; }
.u_ord9999 { order: 9999 !important; }
.u_ord-1 { order: -1 !important; }

/* table-layout */
.u_tbl-a { table-layout: auto !important; }
.u_tbl-f { table-layout: fixed !important; }

/* width */
.u_w350 { width: 350px !important; }
.u_w400 { width: 400px !important; }

.u_w40p { width: 40% !important; }
.u_w45p { width: 45% !important; }
.u_w50p { width: 50% !important; }

.u_maW70p { max-width: 70% !important; }
.u_maW75p { max-width: 75% !important; }
.u_maW80p { max-width: 80% !important; }

/*横幅*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}

@media screen and (max-width:768px){
  .u_resMdBlock { display: block; }
  .u_resMdHide { display: none; }
}
@media screen and (max-width:768px){
  .u_resSmBlock { display: block; }
  .u_resSmHide { display: none; }
}


/*===============================

  AI研修用テーブル

================================*/
.ai_tbl_cont  {
  max-height: 400px;
  overflow-y: auto;
}

.ai_tbl {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
} 

.ai_tbl thead th {
  position: sticky;
  top: -2px;
  padding: 5px;
  background-color: var(--main-color);
  text-align: center;
  color: #fff;
  z-index: 1;
}

.ai_tbl thead th:nth-of-type(1) {
   width: 120px;
   border-right: 1px solid #fff;
}

.ai_tbl thead th:nth-of-type(2) {
   width: 130px;
   border-right: 1px solid #fff;
}

.ai_tbl thead th:nth-of-type(3) {
   border-right: 1px solid #fff;
}

.ai_tbl thead th:nth-of-type(4) {
   width: 140px;
}

.ai_tbl tbody tr td {
  padding: 5px;
  border: 1px solid #CCC;
  vertical-align: middle;
}

.ai_tbl tbody tr td:not(:nth-child(3)):not(:nth-child(4)) {
  text-align: center;
}

.ai_tbl tbody tr td:nth-of-type(4) {
  text-align: right;
}

.ai_tbl_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 8px;
  background-color: #E5002D;
  color: #fff;
  border-radius: 5px;
  text-wrap: nowrap;
}

@media (any-hover: hover) {
  .ai_tbl_btn:hover {
    opacity: 0.6;
    transition: 0.3s;
  }
}

@media (max-width: 768px) {

.ai_tbl thead th:nth-of-type(1) {
   width: 50px;
}

.ai_tbl thead th:nth-of-type(2) {
   width: 80px;
}

.ai_tbl thead th:nth-of-type(4) {
   width: 80px;
}
.ai_tbl thead th {
  vertical-align: middle;
}

.ai_tbl tbody tr td {
  font-size: 13px;
}

.ai_tbl tbody tr td:nth-of-type(4) {
  text-align: left;
}

}

/*===============================

  コミュニケーション研修キャンペーン用
  （公開ミドルとクラス名共通）

================================*/
.l_communicationCampaign {
  --main-color : #8F1E35;
  .m_contBox > * { margin-bottom: 20px; }
  .m_link {
    color: #002d8e;
    display: inline-block;
    text-decoration: none;
  }

  .m_link:hover {
    color: #004e8e;
    text-decoration: underline;
  }
  .ai_tbl_cont  {
    max-height: 400px;
    overflow-y: auto;
  }

  .ai_tbl {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ccc;
    .u_txt-online {
      display: block;
      font-size: smaller;
    }
    .u_note {
      font-size: smaller;
      font-weight: bold;
      vertical-align: super;
    }
  }

  .ai_tbl thead th {
    position: sticky;
    top: -2px;
    padding: 5px;
    background-color: var(--main-color);
    text-align: center;
    color: #fff;
    z-index: 1;
  }

  .ai_tbl thead th:nth-of-type(1) {
    width: 120px;
    border-right: 1px solid #fff;
  }

  .ai_tbl thead th:nth-of-type(2) {
    width: 130px;
    border-right: 1px solid #fff;
  }

  .ai_tbl thead th:nth-of-type(3) {
    border-right: 1px solid #fff;
  }

  .ai_tbl thead th:nth-of-type(4) {
    width: 140px;
  }

  .ai_tbl tbody tr td {
    padding: 5px;
    border: 1px solid #CCC;
    vertical-align: middle;
  }

  .ai_tbl tbody tr td:not(:nth-child(3)):not(:nth-child(4)) {
    text-align: center;
  }

  .ai_tbl tbody tr td:nth-of-type(4) {
    text-align: right;
  }

  .ai_tbl_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    background-color: #E5002D;
    color: #fff;
    border-radius: 5px;
    text-wrap: nowrap;
  }

  @media (any-hover: hover) {
    .ai_tbl_btn:hover {
      opacity: 0.6;
      transition: 0.3s;
    }
  }

  @media (max-width: 768px) {

  .ai_tbl thead th:nth-of-type(1) {
    width: 50px;
  }

  .ai_tbl thead th:nth-of-type(2) {
    width: 80px;
  }

  .ai_tbl thead th:nth-of-type(4) {
    width: 80px;
  }
  .ai_tbl thead th {
    vertical-align: middle;
  }

  .ai_tbl tbody tr td {
    font-size: 13px;
  }

  .ai_tbl tbody tr td:nth-of-type(4) {
    text-align: left;
  }

  }
}